.margin-top-0 {
  margin-top: 0px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-20 {
  margin-top: 20px; }

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

.margin-top-40 {
  margin-top: 40px; }

.margin-top-50 {
  margin-top: 50px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-top-70 {
  margin-top: 70px; }

.margin-top-80 {
  margin-top: 80px; }

.margin-top-90 {
  margin-top: 90px; }

.margin-top-100 {
  margin-top: 100px; }

.margin-bottom-0 {
  margin-bottom: 0px; }

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

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

.margin-bottom-70 {
  margin-bottom: 70px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-bottom-90 {
  margin-bottom: 90px; }

.margin-bottom-100 {
  margin-bottom: 100px; }

.padding-top-0 {
  padding-top: 0px; }

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

.padding-top-20 {
  padding-top: 20px; }

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

.padding-top-40 {
  padding-top: 40px; }

.padding-top-50 {
  padding-top: 50px; }

.padding-top-60 {
  padding-top: 60px; }

.padding-top-70 {
  padding-top: 70px; }

.padding-top-80 {
  padding-top: 80px; }

.padding-top-90 {
  padding-top: 90px; }

.padding-top-100 {
  padding-top: 100px; }

.padding-bottom-0 {
  padding-bottom: 0px; }

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

.padding-bottom-20 {
  padding-bottom: 20px; }

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

.padding-bottom-40 {
  padding-bottom: 40px; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-bottom-60 {
  padding-bottom: 60px; }

.padding-bottom-70 {
  padding-bottom: 70px; }

.padding-bottom-80 {
  padding-bottom: 80px; }

.padding-bottom-90 {
  padding-bottom: 90px; }

.padding-bottom-100 {
  padding-bottom: 100px; }

.scrollbar-hide, body .modal-global-css .note-editor.note-frame .panel-body, .profile-section-global-css .note-editor.note-frame .panel-body {
  scrollbar-width: none !important;
  /* Firefox */
  -ms-overflow-style: none !important;
  /* IE 10+ */ }
  .scrollbar-hide::-webkit-scrollbar, body .modal-global-css .note-editor.note-frame .panel-body::-webkit-scrollbar, .profile-section-global-css .note-editor.note-frame .panel-body::-webkit-scrollbar {
    width: 0px !important; }

.background-anim {
  animation: green-to-white 2.8s;
  animation-iteration-count: 1; }

.note-group-select-from-files {
  text-align: center;
  margin-top: 20px; }
  .note-group-select-from-files .upload-files-summernote {
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    background-color: #3c4b7d;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-family: "Assistant", sans-serif;
    font-size: 14px;
    padding: 5px 22px;
    -moz-box-shadow: 0px 2px 10px 0px #44558e;
    -webkit-box-shadow: 0px 2px 10px 0px #44558e;
    box-shadow: 0px 2px 10px 0px #44558e;
    padding: 10px 25px;
    width: 200px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px; }

.video-ext-allow-summernote {
  font-size: 0.75rem; }
  @media screen and (max-width: 767px) {
    .video-ext-allow-summernote {
      font-size: 0.65rem; } }

.insert-img-row {
  margin: 0;
  margin-left: 15px;
  margin-right: 15px; }
  .insert-img-row input {
    border-color: #dcdfef;
    outline: none !important;
    box-shadow: none; }
    .insert-img-row input:focus {
      border-color: #c4caea;
      box-shadow: none; }
  .insert-img-row .insert-img-button {
    display: block;
    width: 100%;
    height: 34px;
    transition: all .2s ease-in-out;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    -webkit-text-stroke: .4px;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #3c4b7d;
    color: white; }
    @media screen and (max-width: 767px) {
      .insert-img-row .insert-img-button {
        margin-left: 0px;
        margin-top: 10px; } }
    .insert-img-row .insert-img-button:hover {
      background: #687ab7; }
    .insert-img-row .insert-img-button.disable {
      cursor: auto; }
      .insert-img-row .insert-img-button.disable:hover {
        background: #3c4b7d;
        cursor: auto; }

@keyframes green-to-white {
  0% {
    background-color: #dde1ee; }
  5% {
    background-color: #dee2ef; }
  10% {
    background-color: #e0e4f0; }
  15% {
    background-color: #e2e5f1; }
  20% {
    background-color: #e3e7f2; }
  25% {
    background-color: #e5e8f3; }
  30% {
    background-color: #e7eaf3; }
  35% {
    background-color: #e9ebf4; }
  40% {
    background-color: #eaedf5; }
  45% {
    background-color: #eceef6; }
  50% {
    background-color: #eef0f7; }
  55% {
    background-color: #f0f1f8; }
  60% {
    background-color: #f1f3f8; }
  65% {
    background-color: #f3f4f9; }
  70% {
    background-color: #f5f6fa; }
  75% {
    background-color: #f6f7fb; }
  80% {
    background-color: #f8f9fc; }
  85% {
    background-color: #fafafd; }
  90% {
    background-color: #fcfcfd; }
  95% {
    background-color: #fdfdfe; }
  100% {
    background-color: white; } }
.post-side-comment {
  background: #fff; }
  .post-side-comment .post-side-child {
    height: calc(86vh - 50px);
    position: relative; }
    .post-side-comment .post-side-child .no-disscussion {
      position: absolute;
      /* text-align: center; */
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
      font-weight: 550;
      font-size: 20px;
      letter-spacing: 1px;
      color: #b8bcca;
      opacity: 0.6;
      white-space: nowrap; }
    .post-side-comment .post-side-child .content-actions {
      border: none;
      background: white;
      padding-top: 0;
      padding-right: 15px;
      padding-left: 15px; }
      .post-side-comment .post-side-child .content-actions .like-repost-comment-bar {
        display: none; }
      .post-side-comment .post-side-child .content-actions #comments.border-line {
        margin-top: 0 !important;
        border-top: none !important; }
      .post-side-comment .post-side-child .content-actions #comments .load-more_comments {
        position: absolute;
        top: 10px;
        margin-top: -12px;
        left: 50%;
        transform: translateX(-50%); }
      .post-side-comment .post-side-child .content-actions #comments .under-scrolling-top {
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 1;
        width: 99%;
        height: 20px !important;
        background-image: -webkit-linear-gradient(top, #fff 0%, white, white, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.1));
        padding-top: 35px;
        border-bottom-left-radius: 30px 15px;
        border-bottom-right-radius: 30px 15px; }
      .post-side-comment .post-side-child .content-actions #comments .comment-input-box {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 2;
        min-height: 112px;
        box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1); }
        @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
          .post-side-comment .post-side-child .content-actions #comments .comment-input-box {
            /* your css rules for ipad portrait */ }
            .post-side-comment .post-side-child .content-actions #comments .comment-input-box .col-md-6 {
              width: 33%; } }
        @media screen and (max-width: 767px) {
          .post-side-comment .post-side-child .content-actions #comments .comment-input-box .col-xs-12 {
            width: 55%; } }
      .post-side-comment .post-side-child .content-actions #comments .comment-chat {
        overflow: auto;
        height: calc(86vh - 162px);
        margin-top: 0px;
        padding-left: 15px;
        padding-top: 30px;
        margin-bottom: 1px;
        scrollbar-width: thin;
        scrollbar-color: #919bb7 transparent; }
        .post-side-comment .post-side-child .content-actions #comments .comment-chat::-webkit-scrollbar {
          width: 5px; }
        .post-side-comment .post-side-child .content-actions #comments .comment-chat::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px #00000054;
          color: transparent;
          border-radius: 10px;
          opacity: 0; }
        .post-side-comment .post-side-child .content-actions #comments .comment-chat::-webkit-scrollbar-thumb {
          background: #919bb7;
          border-radius: 10px;
          opacity: 0; }
        .post-side-comment .post-side-child .content-actions #comments .comment-chat::-webkit-scrollbar-thumb:hover {
          background: #596689; }
        .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box {
          background-color: #fff; }
          .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content {
            transition: all 0.3s ease-in-out;
            border: 1px solid transparent;
            background-color: white; }
            @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
              .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content .image-in-comment-wrapper {
                height: 10rem;
                width: 10rem; } }
            .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content .replies .comment-form .col-md-4 {
              width: 60%; }
              @media screen and (max-width: 767px) {
                .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content .replies .comment-form .col-md-4 {
                  width: 70%;
                  margin-left: -20%;
                  padding: 0; } }
              @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
                .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content .replies .comment-form .col-md-4 {
                  width: 37%;
                  /* your css rules for ipad portrait */ } }
              @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
                .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content .replies .comment-form .col-md-4 {
                  width: 70%;
                  margin-left: -40px;
                  padding-left: 0;
                  padding-right: 0; } }
            .post-side-comment .post-side-child .content-actions #comments .comment-chat .comment-box .comment-content:hover {
              box-shadow: 0 0 10px #00000040;
              border: 1px solid #999c; }
  .post-side-comment .comment-title-last-page {
    font-size: 22px;
    padding: 10px 0px;
    color: rgba(49, 57, 85, 0.91);
    background: #fafafa !important;
    border-bottom: 1px solid #ECF2F6;
    height: 50px; }
    .post-side-comment .comment-title-last-page .comment-title {
      display: block;
      width: 50%;
      margin: auto;
      text-align: center; }

.skeleton-loader-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
  margin-top: -8px; }
  .skeleton-loader-wrapper .main-div {
    position: relative;
    background: white;
    max-height: 1000px;
    border-radius: 5px;
    overflow-x: hidden;
    box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31); }
    .skeleton-loader-wrapper .main-div.regular-card .post .card-header ul {
      margin-top: 20px;
      padding-left: .4rem; }
      .skeleton-loader-wrapper .main-div.regular-card .post .card-header ul li.skeleton-header-img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: gainsboro;
        margin-top: -5px; }
      .skeleton-loader-wrapper .main-div.regular-card .post .card-header ul li.skeleton-header-info {
        width: 80%;
        vertical-align: top; }
        .skeleton-loader-wrapper .main-div.regular-card .post .card-header ul li.skeleton-header-info .user-nme {
          width: 55%;
          height: 0.6rem;
          background: gainsboro;
          border-radius: 4px;
          margin-bottom: 10px; }
        .skeleton-loader-wrapper .main-div.regular-card .post .card-header ul li.skeleton-header-info .user-info {
          width: 25%;
          height: 0.6rem;
          background: gainsboro;
          border-radius: 4px; }
    .skeleton-loader-wrapper .main-div.regular-card .post .card-body {
      height: 80px;
      margin-top: 40px; }
      .skeleton-loader-wrapper .main-div.regular-card .post .card-body .parag1 {
        width: 90%;
        height: 0.6rem;
        background: gainsboro;
        border-radius: 4px;
        margin-top: 10px;
        margin-bottom: 10px; }
      .skeleton-loader-wrapper .main-div.regular-card .post .card-body .parag2 {
        width: 100%;
        height: 0.6rem;
        background: gainsboro;
        border-radius: 4px;
        margin-bottom: 10px; }
      .skeleton-loader-wrapper .main-div.regular-card .post .card-body .parag3 {
        width: 40%;
        height: 0.6rem;
        background: gainsboro;
        border-radius: 4px;
        margin-bottom: 10px; }
    .skeleton-loader-wrapper .main-div.regular-card .post .description {
      height: 14rem;
      background: gainsboro;
      width: 100%; }
    .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul {
      margin-top: 25px;
      padding-left: .6rem;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul {
          padding-left: .4rem;
          margin-top: 20px; } }
      .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-img {
        width: 14%;
        height: 120px;
        border-radius: 4px;
        background: gainsboro;
        margin-top: -5px; }
        @media screen and (max-width: 767px) {
          .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-img {
            width: 100%; } }
      .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info {
        width: 80%;
        vertical-align: top; }
        @media screen and (max-width: 767px) {
          .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info {
            width: 100%; } }
        .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info .user-nme {
          width: 85%;
          height: 2rem;
          background: gainsboro;
          border-radius: 4px;
          margin-bottom: 10px; }
        .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info .user-info {
          width: 25%;
          height: 0.6rem;
          background: gainsboro;
          border-radius: 4px; }
        .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info .job-import-info-wrapper {
          margin-top: 2rem; }
          .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info .job-import-info-wrapper .job-import-info {
            height: 0.6rem;
            background: gainsboro;
            width: 35%;
            margin-top: 10px;
            border-radius: 4px; }
            .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info .job-import-info-wrapper .job-import-info:first-child {
              width: 30%; }
            .skeleton-loader-wrapper .main-div.regular-card .work .card-header ul li.skeleton-header-info .job-import-info-wrapper .job-import-info:last-child {
              width: 28%; }
    .skeleton-loader-wrapper .main-div.regular-card .work .card-body {
      height: 80px;
      margin-top: 40px; }
      .skeleton-loader-wrapper .main-div.regular-card .work .card-body .parag1 {
        width: 90%;
        height: 0.6rem;
        background: gainsboro;
        border-radius: 4px;
        margin-top: 10px;
        margin-bottom: 10px; }
      .skeleton-loader-wrapper .main-div.regular-card .work .card-body .parag2 {
        width: 100%;
        height: 0.6rem;
        background: gainsboro;
        border-radius: 4px;
        margin-bottom: 10px; }
      .skeleton-loader-wrapper .main-div.regular-card .work .card-body .parag3 {
        width: 40%;
        height: 0.6rem;
        background: gainsboro;
        border-radius: 4px;
        margin-bottom: 10px; }
    .skeleton-loader-wrapper .main-div.regular-card .work .description {
      height: 14rem;
      background: white;
      width: 100%;
      margin-bottom: 1rem; }
  .skeleton-loader-wrapper .shinning-wave {
    height: 100%;
    width: 100px;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)', endColorstr='rgba(255, 255, 255, 0.2)', GradientType=0);
    position: absolute;
    top: 0px;
    right: 0;
    animation: shining-w 2s linear infinite; }

@keyframes shining-w {
  0% {
    left: -50%; }
  100% {
    left: 100%; }
  100% {
    right: 100%; }
  100% {
    right: -100%; } }
.medium-icons {
  width: 20px; }

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

.text-wrap-initial {
  white-space: initial; }

.elemScrollWithWindow {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
  position: sticky;
  top: 60px;
  max-height: calc(100vh - 75px); }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .elemScrollWithWindow {
      /* IE10+ CSS styles go here */
      position: auto;
      overflow: auto;
      top: auto;
      max-height: 100%; } }
  .elemScrollWithWindow::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* Chrome/Safari/Webkit */ }

.tab-bar {
  margin-top: 10px;
  margin-bottom: 12px; }
  .tab-bar .tab-ul {
    margin-bottom: 0px; }
    .tab-bar .tab-ul .tab-ul-li a {
      font-size: 18px;
      font-weight: 550;
      color: #3f76ad;
      letter-spacing: 0.5px;
      position: relative; }
    .tab-bar .tab-ul .tab-ul-li.active a {
      text-decoration: underline !important;
      color: rgba(49, 57, 85, 0.91); }
    .tab-bar .tab-ul .tab-ul-li:hover a {
      text-decoration: underline !important;
      color: rgba(49, 57, 85, 0.91); }

.left-under-scroll {
  background-image: -webkit-linear-gradient(right, #fff 0%, white, white, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2));
  position: absolute;
  bottom: 15px;
  right: 0;
  z-index: 1;
  padding-left: 20px;
  margin-right: 5px;
  height: 100%;
  width: 20px; }

.right-box-shadow {
  box-shadow: 10px 5px 10px 0px rgba(0, 0, 0, 0.05) !important; }

.create-option-div-block {
  background: #fff;
  position: relative;
  padding: 20px;
  margin: 0;
  border-radius: 5px; }
  .create-option-div-block .plus-btn {
    font-size: 22px;
    letter-spacing: 1px;
    opacity: 1;
    color: #b8bcca; }
  @media screen and (max-width: 767px) {
    .create-option-div-block {
      text-align: center; } }

.fixed-table-layout {
  table-layout: fixed !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

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

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

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

.link-type-button {
  font-size: 14px;
  font-weight: 550;
  text-decoration: underline;
  color: #3f76ad;
  letter-spacing: 0.5px;
  position: relative; }
  .link-type-button:hover {
    color: #2b5075;
    text-decoration: underline; }
  .link-type-button:active {
    top: 3px; }
  .link-type-button.disable {
    text-decoration: none;
    opacity: 0.5; }
    .link-type-button.disable:hover {
      cursor: auto;
      color: #3f76ad;
      text-decoration: none; }
    .link-type-button.disable:active {
      top: unset; }

.theme-sm-btn {
  background: #3c4b7d;
  position: relative;
  border: 1px solid transparent;
  color: white;
  font-size: 14px;
  padding: 1px 22px;
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 1px; }
  .theme-sm-btn:hover {
    background: white;
    color: #3c4b7d;
    box-shadow: 0px 3px 3px #3c4b7d;
    border: 1px solid #3c4b7d; }
  .theme-sm-btn:active {
    box-shadow: none;
    top: 3px; }

.theme-md-btn {
  background: #3c4b7d;
  position: relative;
  border: 1px solid transparent;
  color: white;
  font-size: 14px;
  padding: 5px 22px;
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 1px; }
  .theme-md-btn:hover {
    background: white;
    color: #3c4b7d;
    box-shadow: 0px 3px 3px #3c4b7d;
    border: 1px solid #3c4b7d; }
  .theme-md-btn:active {
    box-shadow: none;
    top: 3px; }

.theme-big-btn {
  background: #3c4b7d;
  position: relative;
  border: 1px solid transparent;
  color: white;
  font-size: 20px;
  padding: 10px 22px;
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 1px;
  font-weight: bold; }
  .theme-big-btn:hover {
    background: white;
    color: #3c4b7d;
    box-shadow: 0px 3px 3px #3c4b7d;
    border: 1px solid #3c4b7d; }
  .theme-big-btn:active {
    box-shadow: none;
    top: 3px; }

.feature-description {
  padding: 1.25rem;
  background: #fff;
  border-radius: 5px; }
  .feature-description .feature-desc-title {
    font-size: 1.375rem;
    letter-spacing: 1px;
    margin-bottom: 0.625rem;
    color: #b8bcca;
    opacity: 1; }
  .feature-description .feature-desc-p {
    font-size: 1rem;
    letter-spacing: 1px;
    color: #b8bcca;
    opacity: 1; }
  .feature-description .feature-desc-title-small {
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin-bottom: 0.625rem;
    color: #b8bcca;
    opacity: 1; }
  .feature-description ul.arrow {
    opacity: 1; }
    .feature-description ul.arrow li {
      font-size: 1rem;
      letter-spacing: 1px;
      position: relative;
      margin-left: 1.25rem;
      padding-left: 1.25rem;
      margin-bottom: 0.625rem;
      color: #b8bcca; }
      .feature-description ul.arrow li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 7px;
        width: 0.625rem;
        height: 0.625rem;
        border: 1px solid #b8bcca;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg); }
      .feature-description ul.arrow li ul.outline-round {
        margin-top: 5px; }
        .feature-description ul.arrow li ul.outline-round li {
          font-size: 0.875rem;
          letter-spacing: 1px;
          position: relative;
          margin-left: 1rem;
          padding-left: 1rem;
          margin-bottom: 0.625rem;
          color: #b8bcca; }
          .feature-description ul.arrow li ul.outline-round li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 6px;
            width: 8px;
            height: 8px;
            background-color: #b8bcca;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%; }

.more-less-option {
  font-size: 16px;
  color: #283D51;
  font-weight: normal; }
  .more-less-option:hover {
    color: #283D51;
    cursor: pointer; }

.white-border-fa-2x {
  z-index: 1;
  color: #fff; }

.scroll-to-bottom-dir .theme-border-fa-2x {
  z-index: 1;
  color: #3c4b7d; }
.scroll-to-bottom-dir .background {
  color: #fff; }
.scroll-to-bottom-dir .main-icon {
  color: #3c4b7d;
  position: relative;
  top: .5px;
  -webkit-text-stroke: 0.2px; }

.loading-container {
  z-index: 1029;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.7); }
  .loading-container .loader {
    color: #3F76AD;
    font-size: 120px; }

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

.border-top-radius-4 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.border-bottom-radius-4 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.border-bottom-left-radius-4 {
  border-bottom-left-radius: 4px !important; }

.border-bottom-right-radius-4 {
  border-bottom-right-radius: 4px !important; }

.mobilepage-hamburgur-menu {
  position: fixed;
  top: 100px;
  z-index: 1002;
  width: 100%;
  right: 0; }
  .mobilepage-hamburgur-menu .black-shadow {
    position: fixed;
    top: 100px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #00000060;
    z-index: 1001; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .mobilepage-hamburgur-menu .black-shadow {
        top: 50px; } }
  .mobilepage-hamburgur-menu .expand-hamburgur-menu-component {
    width: 100% !important;
    opacity: 1 !important;
    z-index: 1014 !important;
    min-height: 100px !important;
    max-height: calc(100vh - 100px) !important; }
  .mobilepage-hamburgur-menu .hamburgur-menu-component-div {
    background: #fff;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0;
    max-height: 500px;
    width: 0;
    min-height: 0;
    max-height: 0;
    overflow: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .mobilepage-hamburgur-menu .hamburgur-menu-component-div {
        top: -50px; } }
    .mobilepage-hamburgur-menu .hamburgur-menu-component-div .close-hamburgur-menu-component-div {
      position: fixed;
      top: 110px;
      right: 0px;
      z-index: 5;
      font-size: 35px;
      border-radius: 5px;
      background: #fff;
      color: #000;
      padding: 4px 4px 5px 5px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .mobilepage-hamburgur-menu .hamburgur-menu-component-div .close-hamburgur-menu-component-div {
          top: 60px; } }
  .mobilepage-hamburgur-menu .expand-hamburgur-menu-options {
    width: 70%;
    opacity: 1;
    min-height: 30px;
    max-height: 400px; }
  .mobilepage-hamburgur-menu .fold-hamburgur-menu-options {
    width: 0px;
    opacity: 0;
    min-height: 0;
    max-height: 0; }
  .mobilepage-hamburgur-menu .hamburgur-menu-options {
    position: absolute;
    top: 0px;
    z-index: 1003;
    right: 0;
    background: #fff;
    transition: all 0.2s ease-in-out;
    padding-top: 15px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .mobilepage-hamburgur-menu .hamburgur-menu-options {
        top: -50px; } }
    .mobilepage-hamburgur-menu .hamburgur-menu-options .hamburgur-menu-options-close {
      position: absolute;
      top: 13px;
      right: 8px;
      color: black;
      font-size: 35px;
      z-index: 1; }
    .mobilepage-hamburgur-menu .hamburgur-menu-options .hamburgur-menu-option-div {
      padding: 5px 30px 5px 15px;
      font-size: 18px;
      transition: all 0.1s ease-in-out;
      color: #313955; }
    .mobilepage-hamburgur-menu .hamburgur-menu-options .hamburgur-menu-option-head {
      position: absolute;
      top: 5px;
      font-size: 22px;
      padding-left: 10px;
      color: #666;
      height: 60px;
      width: 100%;
      padding-top: 18px;
      background: #fafafa;
      padding-right: 10px; }
  .mobilepage-hamburgur-menu .ham-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1004;
    background: #3c4b7d;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    border-radius: 5px; }

.justify-content-center {
  justify-content: center !important; }

.display-flex {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }

.flex-direction-row {
  -webkit-flex-direction: row;
  flex-direction: row; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
.link-button {
  font-weight: 550;
  color: #337ab7;
  background: none;
  border: none;
  font-size: 1rem; }
  .link-button:hover {
    color: #23527c;
    text-decoration: underline; }

.fixed_content_action_article .close-popup-icon {
  position: fixed;
  height: 25px;
  width: 25px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  z-index: 3; }
  .fixed_content_action_article .close-popup-icon:hover {
    cursor: pointer;
    color: white; }
.fixed_content_action_article .content-actions {
  position: fixed;
  z-index: 2;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 10px #00000060;
  box-shadow: 0 0 10px #00000060;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }
  .fixed_content_action_article .content-actions .like-repost-comment-bar {
    padding: 0; }
  .fixed_content_action_article .content-actions .like-repost-comment-ul {
    margin-bottom: 5px; }
  .fixed_content_action_article .content-actions .show-this-with-dragable {
    display: block;
    height: 1.5rem;
    background: #596689;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 -20px;
    transform: translateY(-115%);
    position: absolute;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .fixed_content_action_article .content-actions .show-this-with-dragable:hover {
      cursor: all-scroll; }
  .fixed_content_action_article .content-actions .Comments {
    overflow: auto;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 1px;
    scrollbar-width: thin;
    scrollbar-color: #919bb7 transparent; }
    .fixed_content_action_article .content-actions .Comments .image-in-comment-wrapper {
      height: 10rem !important;
      width: 10rem !important; }
    .fixed_content_action_article .content-actions .Comments .reply-uploaded-image {
      width: 110px;
      margin-left: -40px;
      padding: 0; }
    .fixed_content_action_article .content-actions .Comments .comment-uploaded-image {
      width: 150px; }
    .fixed_content_action_article .content-actions .Comments::-webkit-scrollbar {
      width: 5px; }
    .fixed_content_action_article .content-actions .Comments::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #00000054;
      color: transparent;
      border-radius: 10px; }
    .fixed_content_action_article .content-actions .Comments::-webkit-scrollbar-thumb {
      background: #919bb7;
      border-radius: 10px; }
    .fixed_content_action_article .content-actions .Comments::-webkit-scrollbar-thumb:hover {
      background: #596689; }
  .fixed_content_action_article .content-actions .like-wrapper .users-like-info .total-like-users-small-screen {
    display: block; }
  .fixed_content_action_article .content-actions .like-wrapper .users-like-info .user-like-names {
    width: 30px; }
    .fixed_content_action_article .content-actions .like-wrapper .users-like-info .user-like-names .total-like-users-desktop {
      display: none; }

.close-icon-global-big {
  font-size: 30px;
  margin-top: -10px !important;
  opacity: 0.5;
  outline: none !important; }
  .close-icon-global-big:hover {
    color: red; }

@media screen and (max-width: 767px) {
  .message-box-select-user {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; } }

.profile-share .banner {
  border-radius: 5px;
  width: 100%;
  height: 120px;
  background-image: url(../images/default_banner.png);
  background-size: cover; }
.profile-share .pro-img {
  border: 2px solid #FFF;
  width: 90px;
  margin-top: -5px;
  height: 90px; }

.font-color-black {
  color: #44484c !important; }

.arrow-style {
  font-size: 30px;
  font-weight: 700;
  transition: transform 0.1s ease-in-out; }
  .arrow-style.open {
    transform: rotate(90deg); }

.profile-info-style-font {
  text-shadow: 1px 1px 1px #000 !important;
  color: #ffffffc7 !important;
  -webkit-text-stroke: 0.3px;
  line-height: 1.3 !important;
  font-size: 14px; }
  @media screen and (max-width: 768px) {
    .profile-info-style-font {
      font-size: 12px; } }

.image-responsive {
  max-height: 100%;
  max-width: 100%; }

#shareAsMessageModal .item-grid-layout .more-items {
  display: none; }
#shareAsMessageModal .no-connection-section {
  text-align: center;
  width: 100%; }
  #shareAsMessageModal .no-connection-section .main-text {
    color: #545968;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: 0.5px; }
  #shareAsMessageModal .no-connection-section .subtext-of-btn {
    color: #545968;
    font-size: 16px; }
    #shareAsMessageModal .no-connection-section .subtext-of-btn a {
      font-size: 16px; }
  #shareAsMessageModal .no-connection-section .or-text {
    color: #545968; }

#shareToGroupModal .item-grid-layout .more-items {
  display: none; }
#shareToGroupModal .no-group-section {
  text-align: center;
  width: 100%; }
  #shareToGroupModal .no-group-section .main-text {
    color: #545968;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: 0.5px; }
  #shareToGroupModal .no-group-section .subtext-of-btn {
    color: #545968;
    font-size: 16px; }
    #shareToGroupModal .no-group-section .subtext-of-btn a {
      font-size: 16px; }
  #shareToGroupModal .no-group-section .or-text {
    color: #545968; }
#shareToGroupModal .show-campaingn-supportor-mobile .btn {
  display: none; }
#shareToGroupModal .intiative-share-card p {
  padding-bottom: 10px;
  color: #545968;
  font-size: 18px; }

.intiative-share-card .campaign-title-access-type {
  position: relative; }
  .intiative-share-card .campaign-title-access-type .campaign-access-type {
    position: absolute;
    bottom: -17px;
    left: 0;
    font-size: 12px;
    color: #5a5f73; }
  .intiative-share-card .campaign-title-access-type .card-title {
    margin-bottom: 20px;
    color: #3f76ad; }
    .intiative-share-card .campaign-title-access-type .card-title:hover {
      color: #2b5075; }
.intiative-share-card .share-initiative-content .embed-responsive-16by9 {
  padding-bottom: 100%; }
.intiative-share-card .campaign-user-msgwin-mob {
  display: none; }
.intiative-share-card .campaign-date-time-msgwin-mob {
  display: none; }
.intiative-share-card .campaign-user {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding-left: 15px;
  color: #5a5f73 !important;
  font-size: 0.85rem;
  width: 170px; }
  @media screen and (max-width: 767px) {
    .intiative-share-card .campaign-user {
      width: 100px; } }
  @media screen and (max-width: 767px) {
    .intiative-share-card .campaign-user .user-icon {
      padding-right: 0px; } }
.intiative-share-card .campaign-date-time {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  max-width: 170px;
  padding-right: 15px;
  color: #5a5f73 !important;
  font-size: 0.85rem; }
  @media screen and (max-width: 767px) {
    .intiative-share-card .campaign-date-time {
      max-width: 80px;
      padding-right: 15px; } }
.intiative-share-card .campaign-top {
  border-radius: 0px 0px 5px 5px;
  background: #f9f9f9;
  height: 1.6rem;
  position: relative; }
  .intiative-share-card .campaign-top .campaign-top-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -53%);
    font-size: 1rem;
    color: rgba(49, 57, 85, 0.91);
    font-weight: 700; }
.intiative-share-card p img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto; }

.border-bottom, .border-bottom-gray {
  border-bottom: 1px solid #f1f6f9;
  margin-top: 1px;
  padding-bottom: 5px; }

.border-bottom-1 {
  border-bottom: 1px solid #999 !important; }

.border-none {
  border: none !important; }

.border-bottom-none {
  border-bottom: none !important; }

.border-bottom-gray {
  border-bottom-color: #E5E8EA; }

.border-radius5 {
  border-radius: 5px; }

.color-theme-black {
  color: #141f29 !important; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.align-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.position-fixed {
  position: fixed; }

.position-absolute-top-12 {
  position: absolute;
  top: 12px !important; }

.placeholder-opacity-point-5::placeholder {
  opacity: 0.5; }
.placeholder-opacity-point-5 .font-family-roboto {
  font-family: roboto sans-serif; }

.small-image-class {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin: 0 5px 2px; }

.show-campaingn-supportor-mobile {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-top: 1px solid #eee;
  height: 2rem; }
  .show-campaingn-supportor-mobile a {
    font-weight: 550;
    color: #3f76ad;
    background: none;
    border: none; }
    .show-campaingn-supportor-mobile a:hover {
      color: #2b5075;
      text-decoration: underline; }
    .show-campaingn-supportor-mobile a:active {
      box-shadow: none !important; }
  .show-campaingn-supportor-mobile .already-supporter {
    font-weight: 550;
    color: #3f76ad;
    background: none;
    font-size: 14px;
    padding: 6px 12px;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .show-campaingn-supportor-mobile .already-supporter:hover {
      cursor: auto; }

@media screen and (max-width: 768px) {
  .user-info-beside-support-campaingn {
    right: -10px; } }

.preserve-line {
  white-space: pre-line !important; }

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

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

.white-text {
  color: white; }

.margin-10 {
  margin-left: 10px !important; }

.margin-20 {
  margin: 20px !important; }

.margin-30 {
  margin: 30px !important; }

.margin-left-10 {
  margin-left: 10px; }

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

.margin-left-15-negative {
  margin-left: -15px; }

.margin-left-10-negative {
  margin-left: -10px; }

.margin-left-15 {
  margin-left: 15px; }

.margin-left-0 {
  margin-left: 0px; }

.margin-right-5 {
  margin-right: 5px; }

.margin-right-10 {
  margin-right: 10px; }

.margin-right-15 {
  margin-right: 15px; }

.margin-right-10-negative {
  margin-right: -10px; }

.margin-right-15-negative {
  margin-right: -15px; }

.margin-right-20 {
  margin-right: 20px; }

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

.default-textarea-border-and-color {
  color: #545968 !important;
  border-color: #dcdfef !important; }
  .default-textarea-border-and-color:focus {
    border-color: #c4caea !important; }

.default-input-border-and-color {
  color: #636569 !important;
  border-color: #dcdfef !important; }
  .default-input-border-and-color:focus {
    border-color: #c4caea !important; }

.inline-input, .profile-input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #dcdfef;
  box-shadow: none;
  padding-left: 0px; }
  .inline-input:focus, .profile-input:focus {
    box-shadow: none;
    outline: none;
    border-color: #c4caea; }

select.inline-input, select.profile-input {
  appearance: textarea;
  -webkit-appearance: textarea;
  -moz-appearance: textarea; }

.inline-input-group .input-group-addon {
  background: none;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #cccccc; }
  .inline-input-group .input-group-addon:focus {
    outline: none;
    box-shadow: none;
    background: none; }

.first-cap {
  display: inline-block;
  text-transform: lowercase; }
  .first-cap:first-letter {
    text-transform: capitalize; }

.albumdisplay-title-location {
  display: inline-block;
  background-color: rgba(12, 7, 7, 0.55);
  color: white;
  position: absolute;
  bottom: 2px;
  left: 0px;
  right: 0px;
  padding-left: 5px; }

.albumdisplay-title-location-test {
  background-color: transparent;
  color: #5a5f73;
  padding-left: 8px; }
  .albumdisplay-title-location-test .check-ipad-pro {
    padding-left: 10px;
    position: relative;
    top: -1.4px; }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .albumdisplay-title-location-test .check-ipad-pro {
        padding-left: 0px; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .albumdisplay-title-location-test .col-width-ipadpro:nth-child(1) {
      width: 18.66667%; }
    .albumdisplay-title-location-test .col-width-ipadpro:nth-child(2) {
      width: 48%; } }

.switch-button {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 24px;
  vertical-align: middle;
  margin-bottom: 0px; }

.switch-button input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0px 0px 1px 1.5px #fff; }

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #3c4b7d; }

input:focus + .slider {
  box-shadow: 0 0 1px #3c4b7d; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.padding-left-5 {
  padding-left: 5px; }

.text-counter {
  position: absolute;
  right: 15px;
  top: -15px; }

.job-text-counter {
  position: absolute;
  right: 15px;
  top: -15px;
  font-size: 0.6rem; }

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

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

.padding-right-5 {
  padding-right: 5px; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px; }

.border-0 {
  border: 0px; }

.margin-top2 {
  margin-top: 2px; }

.margin-article {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.0;
  margin-bottom: 10px; }

.align-comment {
  text-align: center;
  margin-top: 15px; }

[alumini-content-editable="true"].placeholder:after {
  content: attr(placeholder);
  color: #b9b9b9;
  cursor: text;
  font-weight: normal; }
[alumini-content-editable="true"]:focus {
  outline: none; }

.summernote ~ .note-editor .note-placeholder {
  color: #b9b9b9; }

.profile-img {
  width: 30px;
  height: 30px; }

.profile-img-xl {
  width: 44px;
  height: 44px; }

.profile-img-20 {
  width: 20px;
  height: 20px; }

.line-separator {
  padding-top: 5px;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 5px;
  margin: 15px 0; }

.story-title-display {
  color: #fff;
  word-break: break-word;
  font-size: 1.8rem;
  padding-top: 8px;
  line-height: 1.9rem;
  letter-spacing: 1px;
  -webkit-text-stroke: 0.3px; }
  @media screen and (max-width: 768px) {
    .story-title-display {
      font-size: 1.4rem; } }
  @media screen and (min-width: 1400px) {
    .story-title-display {
      font-size: 1.8rem; } }
  @media screen and (min-width: 1600px) {
    .story-title-display {
      font-size: 2.5rem; } }
  @media screen and (min-width: 1900px) {
    .story-title-display {
      font-size: 2.5srem; } }

.big-user-img {
  width: 36px;
  height: 36px;
  margin-right: 8px; }
  .big-user-img.pop-user-img {
    width: 54px;
    height: 54px; }

.selected-items, .share-modal .users-to-share {
  position: relative;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  border-radius: 15px;
  background: #f1f6f9; }

.vertical-middle {
  vertical-align: middle !important; }
  .vertical-middle.list-inline li {
    vertical-align: middle; }

.post-user-name {
  margin-right: -0.5rem; }

.post-user-left {
  margin-left: -1rem; }

.font-size {
  font-size: 12px;
  font-style: italic; }

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

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

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

.font-family-theme {
  font-family: roboto sans-serif; }

.tagline-quote {
  position: relative;
  bottom: 5px;
  font-size: 8px; }

.vertical-top {
  vertical-align: top; }

.vertical-bottom {
  vertical-align: bottom; }

.pac-container {
  z-index: 1052; }

.custom-dropdown-wrapper.placeholder .wrap-dd-select:before {
  content: 'Select Category';
  position: relative;
  z-index: 1; }

#confirm-modal {
  z-index: 1052; }

[default-image] {
  opacity: 0;
  transition: opacity linear 0.25s; }
  [default-image].image-loaded {
    opacity: 1; }
  [default-image].initial-image {
    display: none; }
    [default-image].initial-image:before {
      content: attr(name-initial); }

.initial-letter-image {
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  color: white; }

.white-card {
  background-color: white;
  margin-bottom: 10px;
  border-radius: 4px; }
  .white-card .card-head {
    padding: 5px 15px; }
    .white-card .card-head .head-title {
      font-size: 22px;
      padding: 10px 0px;
      color: rgba(49, 57, 85, 0.91); }
  .white-card .card-body {
    border-top: 1px solid #ECF2F6;
    padding: 5px 15px;
    padding-top: 15px; }
  .white-card .profile-card-body {
    border-top: 1px solid #dcdfef;
    padding: 10px 15px;
    color: #5a5f73; }

.option-dropdown .dropdown-menu > li > a {
  padding: 7px 20px;
  font-size: 15px;
  color: #313955;
  transition: all linear 0.3s; }
  .option-dropdown .dropdown-menu > li > a:hover {
    background: #313955;
    color: white; }
  .option-dropdown .dropdown-menu > li > a .fa {
    margin-right: 5px;
    width: 20px; }
    .option-dropdown .dropdown-menu > li > a .fa.fa-star {
      color: #f9d784; }

.dropdown-margin-divider {
  margin: 0px !important; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.deactivate-hover {
  color: #3f76ad !important;
  cursor: default !important; }
  .deactivate-hover:hover {
    color: #3f76ad !important;
    cursor: default !important; }

.ng-hide.ng-hide-animate {
  display: none !important; }

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear; }

.fade-scale.in {
  opacity: 1;
  transform: scale(1); }

.shareicon-box-dropdown {
  padding: 0px;
  margin-left: auto !important;
  margin-right: 0px !important;
  margin-top: -15px !important;
  margin-bottom: -15px !important; }
  .shareicon-box-dropdown li:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .shareicon-box-dropdown li:last-child a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.list-dropdown-icon {
  padding: 0px;
  margin-top: -5px; }
  .list-dropdown-icon li:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .list-dropdown-icon li:last-child a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.sharealbum-icon-dropdown {
  padding: 0px;
  margin-top: 8px; }

.counter-input {
  position: relative; }

.lower-case {
  text-transform: lowercase; }

.username-length {
  width: auto;
  max-width: 140px;
  vertical-align: middle;
  display: inline-block; }

.support-type:hover {
  background: #F3F3F3; }

.modal-open-custom {
  overflow: hidden; }
  .modal-open-custom .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.animate-if.ng-enter, .animate-if.ng-leave {
  transition: all ease-in-out 0.5s; }

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  transform: translateY(50px);
  opacity: 0; }

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  transform: translateY(0px);
  opacity: 1; }

.animate-text {
  width: auto;
  overflow: hidden;
  position: relative; }
  .animate-text .animate-text-inner {
    transition: all linear; }

.edit-item-hover:hover {
  background: #F3F3F3; }

@keyframes backgroundMoveVertical {
  0% {
    background-position: center center; }
  25% {
    background-position: bottom center; }
  50% {
    background-position: center center; }
  75% {
    background-position: left center; }
  100% {
    background-position: center center; } }
@keyframes backgroundMoveHorizontal {
  0% {
    background-position: center center; }
  25% {
    background-position: center right; }
  50% {
    background-position: center center; }
  75% {
    background-position: center left; }
  100% {
    background-position: center center; } }
.animate-background-elem {
  transition: background-position linear; }

.medium-text {
  font-size: 14px; }

.no-margin {
  margin: 0px; }

.edited-dot.fa-circle {
  font-size: 4px;
  position: relative;
  top: -3px;
  margin-left: 5px;
  margin-right: 5px; }

.mx-wd-10 {
  max-width: 10%; }

.mx-wd-20 {
  max-width: 20%; }

.mx-wd-30 {
  max-width: 30%; }

.mx-wd-40 {
  max-width: 40%; }

.mx-wd-50 {
  max-width: 50%; }

.mx-wd-60 {
  max-width: 60%; }

.mx-wd-70 {
  max-width: 70%; }

.mx-wd-80 {
  max-width: 80%; }

.mx-wd-90 {
  max-width: 90%; }

.mx-wd-100 {
  max-width: 100%; }

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

.width-100VW {
  width: 100vw !important; }

.width-50 {
  width: 50% !important; }

.width-60 {
  width: 60% !important; }

.width-40 {
  width: 40% !important; }

.width-30 {
  width: 30% !important; }

.width-70 {
  width: 70% !important; }

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

.width-90 {
  width: 90% !important; }

.width-10 {
  width: 10% !important; }

.width-20 {
  width: 20% !important; }

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

.width-200px {
  width: 200px !important; }

.action-btn-icons .fa-stack {
  color: transparent;
  transition: color linear 0.35s; }
  .action-btn-icons .fa-stack .fa-inverse {
    transition: color linear 0.35s;
    color: #3c4b7d; }
  .action-btn-icons .fa-stack:hover {
    color: #3c4b7d; }
    .action-btn-icons .fa-stack:hover .fa-inverse {
      color: white; }
  .action-btn-icons .fa-stack.inactive {
    color: transparent; }
    .action-btn-icons .fa-stack.inactive .fa-inverse {
      color: #aaa; }
    .action-btn-icons .fa-stack.inactive:hover {
      cursor: auto;
      color: transform; }
      .action-btn-icons .fa-stack.inactive:hover .fa-inverse {
        color: #aaa; }

[dd-text-collapse] p {
  margin-bottom: 0px; }

.read-more-text-button {
  font-size: 14px;
  color: #3F76AD;
  padding: 8px;
  text-align: center; }
  .read-more-text-button.gradient {
    position: relative;
    margin-top: -30px;
    padding-top: 20px;
    background-image: -moz-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.49) 51%, rgba(125, 185, 232, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(125, 185, 232, 0) 100%);
    background-image: linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.49) 51%, rgba(125, 185, 232, 0) 100%); }

.second-navbar {
  position: fixed;
  z-index: 5;
  background: #283d5126;
  margin-top: -19px;
  width: 100%;
  text-align: center; }
  .second-navbar .navbar-nav {
    float: none; }
    .second-navbar .navbar-nav > li {
      float: none;
      display: inline-block; }
      .second-navbar .navbar-nav > li :hover, .second-navbar .navbar-nav > li :focus {
        padding-top: 5px;
        padding-bottom: 5px; }
      .second-navbar .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 10px 0px;
        color: #283D51;
        border-radius: 4px;
        box-shadow: 0px 3px 3px #ccc;
        border: 1px solid #283D51;
        background: #ECF2F6; }
      .second-navbar .navbar-nav > li.active > a {
        background: #283D51;
        color: white;
        border-radius: 4px;
        box-shadow: 0px 3px 3px #ccc; }

.processing-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

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

.user-action-list .list-content {
  width: calc(100% - 35px); }
.user-action-list .support-th th:first-child {
  background-color: #fff !important; }
.user-action-list .support-td td:nth-child(2) {
  background-color: red !important; }
.user-action-list .list-action {
  width: 115px;
  text-align: right; }

.masonry-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  grid-auto-rows: 20px; }
  .masonry-grid .content {
    background: #E5E8EA;
    border-radius: 4px;
    padding: 4px; }
    .masonry-grid .content .photothumb {
      border-radius: 4px;
      width: 100%; }

.otp-margin {
  margin-left: 15px;
  text-align: center; }

.event-member-icon {
  color: grey;
  padding-left: 0px;
  padding-top: 5px;
  vertical-align: middle;
  display: inline; }

.align-text {
  display: inline;
  vertical-align: middle; }

.album-cursor-pointer {
  cursor: pointer;
  padding-left: 0px; }

.album-article-statusicon {
  margin-right: 5px;
  color: #808080a8; }

.info-size-icon {
  font-size: 12px; }

.exp-arrow-icon {
  margin-top: 40px;
  margin-bottom: 35px;
  margin-left: -2px;
  font-size: 24px;
  color: #666666; }

.exp-up-icon {
  margin-bottom: -15px;
  font-size: 24px;
  color: #666666; }

.exp-down-icon {
  margin-bottom: 35px;
  color: #666666;
  font-size: 24px; }

.exp-trash-icon {
  margin-bottom: 40px;
  font-size: 24px;
  color: #666666;
  padding: 0px;
  margin-left: -2px; }

.exp-icon-diff {
  margin-top: -17px; }

.exp-left-icon {
  margin-left: -7px; }

.achieve-trash-icon {
  font-size: 24px;
  color: #666666;
  padding: 0px;
  margin-bottom: 20px; }

.animate-slide {
  position: fixed;
  padding: 15px 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.47);
  width: 100%;
  left: 0px;
  border-radius: 5px;
  -webkit-transform: translate3d(0, 0, 0);
  /* Chrome, Safari, Opera */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.animate-slide.ng-hide-remove.ng-hide-remove-active {
  -webkit-animation: 0.5s slide-up; }

/* Chrome, Safari, Opera */
@-webkit-keyframes slide-up {
  from {
    bottom: -45px; }
  to {
    bottom: 0px; } }
/* Chrome, Safari, Opera */
.borderline {
  border: 1px solid #dddddd; }

.border-marker {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #707070;
  opacity: 0.2; }

.profile-skills-dropdown {
  padding: 0px; }

.home-userdetails {
  font-weight: 550;
  color: #777;
  text-transform: capitalize; }
  .home-userdetails .designation {
    color: #3c4b7d; }

.home-userdetails-tagline {
  font-style: italic;
  color: black;
  text-transform: capitalize; }

.home-card-name {
  text-transform: capitalize; }

.btn-margin {
  margin-right: 3px; }

.profile-tagline-border {
  border: none;
  cursor: pointer; }
  .profile-tagline-border:focus {
    cursor: auto;
    background-color: #E5E8EA; }

.profile-about-preview {
  border: none; }

.profile-index-display {
  z-index: 5; }

.profile-font-info {
  font-size: 16px;
  color: #919BB7; }

.add-init-media {
  bottom: -5px; }

.story-section-edit {
  font-size: 2rem;
  font-weight: 500;
  line-height: 0;
  margin-top: -5px;
  margin-bottom: 0px;
  margin-top: -10px; }

.story-section-article {
  line-height: 30px !important;
  margin-bottom: -10px !important;
  margin-top: -10px !important;
  overflow: hidden; }

.story-image-box {
  position: relative;
  border-radius: 4px; }

.story-article-box {
  position: relative;
  background: #fafafa;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 3px #f9f9f9 !important; }

.edit-article-box {
  margin-top: 30px;
  position: relative;
  padding: 15px 10px;
  border-radius: 4px; }

.storyedit-section-top {
  margin-top: -15px; }

.profile-notif-imagecircle {
  margin-top: 4px; }

.back-btn {
  z-index: 10;
  position: fixed;
  top: 58px;
  left: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 4px 6px;
  font-size: 12px;
  text-align: center;
  background: #919BB7;
  z-index: 1001;
  color: #fff;
  box-shadow: 0px 0px 1px 2px #919BB7; }
  .back-btn .fa {
    line-height: 12px;
    font-size: 12px;
    position: absolute;
    top: 51%;
    left: 45%;
    transform: translate(-45%, -47%); }
  @media screen and (max-width: 768px) {
    .back-btn {
      top: 110px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .back-btn {
      top: 58px;
      /* your css rules for ipad portrait */ } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .back-btn {
      top: 58px; } }
  .back-btn:focus {
    outline: none; }

.bottom-margin {
  margin-bottom: 50px; }

.default-text {
  color: grey; }

.carret-margin {
  margin-left: 5px; }

.grid {
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 5px;
  list-style: none;
  background: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out; }
  .grid:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer; }
  .grid .content-wrapper {
    padding: 10px; }

.grid-img {
  width: 100%;
  vertical-align: middle;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
  background-color: #fff;
  opacity: 0;
  visibility: hidden; }

.grid-img.img-loaded {
  visibility: visible;
  opacity: 1;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.albumfixedbtton {
  position: fixed;
  padding: 10px 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  left: 0px;
  border-radius: 5px;
  text-align: center !important;
  z-index: 1000; }

.album-page-more-option {
  color: #3c4b7d;
  margin-left: 20px;
  vertical-align: middle;
  font-weight: 600; }
  .album-page-more-option:hover {
    color: #3c4b7d; }
  @media screen and (max-width: 767px) {
    .album-page-more-option {
      font-size: 20px; } }

.edit-profile-bottom-bar {
  position: fixed;
  padding: 10px 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  left: 0px;
  border-radius: 5px;
  text-align: center !important;
  z-index: 1030; }

.hidden {
  display: none; }

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

.album-card-bottom-bar {
  font-size: 14px;
  font-family: 'roboto';
  font-weight: 300;
  color: grey; }

.hashTag {
  color: blue; }

.pop-img {
  display: inline;
  margin-left: 10px; }

.pop-name {
  display: inline-block;
  vertical-align: middle;
  width: 55%; }

.table-bordered th {
  text-align: center !important;
  background: #A272F5;
  color: white; }
  .table-bordered th:hover {
    background: #675784; }

.full-width {
  width: 100%; }

.show-more {
  background: none;
  color: #ADADAD;
  box-shadow: none;
  outline: none !important;
  border: none;
  margin-top: 15px;
  box-shadow: none !important; }

.custom-col-album {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
  .custom-col-album a {
    color: #3f76ad; }
    .custom-col-album a:hover {
      color: #2b5075; }

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

.margin-left-5 {
  margin-left: 5px !important; }

.margin-left-5-negative {
  margin-left: -5px !important; }

.margin-right-5-negative {
  margin-right: -5px !important; }

.padding-0 {
  padding: 0 !important; }

.padding-5 {
  padding: 5px !important; }

.padding-10 {
  padding: 10px !important; }

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

.padding-left-10 {
  padding-left: 10px !important; }

.padding-left-8 {
  padding-left: 8px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-right-40 {
  padding-right: 40px !important; }

.padding-left-40 {
  padding-right: 40px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

.padding-left-30 {
  padding-right: 20px !important; }

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

.padding-bottom-0 {
  padding-bottom: 0 !important; }

.padding-40 {
  padding: 40px; }

.padding-30 {
  padding: 30px; }

.sky-blue-txt {
  color: #3F76AD !important; }

.navbar-fade-1color {
  color: rgba(49, 57, 85, 0.91); }

.navbar-theme-btn-color {
  color: #3c4b7d; }

.btn-theme-color {
  color: #3c4b7d !important; }

.light-sky-blue-txt {
  color: #5ea4ea !important; }

.fade-info-color {
  color: #919BB7 !important; }

input[readonly] {
  background: #fff !important; }
  input[readonly]:focus {
    border-color: #ccc !important; }

input[disabled] {
  cursor: auto !important; }

button[disabled] {
  cursor: auto !important; }

textarea[readonly="readonly"]:focus, textarea[readonly]:focus {
  border-color: #dcdfef !important; }

.text-navy-blue {
  color: #3F76AD !important; }

.icon-size .fa {
  font-size: 1.5em; }
.icon-size i {
  font-size: 1.5em; }

.video-opacity {
  opacity: 0.8; }

.icon-home:hover {
  cursor: pointer;
  opacity: 0.9; }

.admin-sections .normal-section:hover, .admin-sections .tile-section:hover, .admin-sections #profile-edit-page .profile-edit-menu:hover, #profile-edit-page .admin-sections .profile-edit-menu:hover {
  background: #e6e6e6;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer; }

.input-wrappper {
  position: relative; }
  .input-wrappper:focus-withIn .input-wrapper-label {
    top: -5px;
    font-size: 11px;
    color: #66afe9;
    font-weight: 700; }
  .input-wrappper .input-wrapper-label {
    position: absolute;
    top: 10px;
    -webkit-transition-property: top,font-size,color;
    -webkit-transition-duration: 0.2s;
    -moz-transition-property: top,font-size,color;
    -moz-transition-duration: 0.2s;
    -o-transition-property: top,font-size,color;
    -o-transition-duration: 0.2s;
    -ms-transition-property: top,font-size,color;
    -ms-transition-duration: 0.2s;
    transition-property: top,font-size,color;
    transition-duration: 0.2s;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.73); }
    .input-wrappper .input-wrapper-label:hover {
      cursor: auto; }
  .input-wrappper .input-wrapper-input::placeholder {
    color: transparent; }
  .input-wrappper .input-wrapper-input::-ms-input-placeholder {
    color: transparent; }
  .input-wrappper .input-wrapper-input:valid + label {
    top: -5px;
    font-size: 11px;
    font-weight: 700; }
  .input-wrappper .input-wrapper-input[type=email]:not(:placeholder-shown) + label {
    top: -5px;
    font-size: 11px;
    font-weight: 700; }

.card-between-Gap {
  margin-bottom: -10px; }

.leftSectionspace {
  padding-right: 0px; }

.middlesectionspace {
  padding-left: 10px;
  padding-right: 10px; }

.rightSectionspace {
  padding-left: 0px; }

.gap-between-posts {
  margin-top: -8px !important; }

.text-opacity {
  opacity: 0.8 !important; }

.hr-divider {
  clear: both;
  margin-bottom: 10px;
  border: 0;
  height: 6px;
  background-image: linear-gradient(to right, white, transparent, white), linear-gradient(transparent, rgba(0, 0, 0, 0.55) 150%);
  background-image: -moz-linear-gradient(to right, white, transparent, white), -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.55) 150%);
  background-image: -ms-linear-gradient(to right, white, transparent, white), -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.55) 150%); }

.hr-divider-2 {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #ccc, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #ccc, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #ccc, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #ccc, #ccc); }

.second-navbar-hide {
  max-height: 0; }
  .second-navbar-hide .hide-show-li {
    display: none !important; }

.grouplistdropdown .dropdown-menu-form {
  min-height: 50px !important;
  max-height: 200px !important; }

.user-information-text {
  text-shadow: 1px 1px 1px #000 !important;
  color: #ffffffed !important; }

.white-font {
  color: #fff !important; }

.padding-left-25 {
  padding-left: 25px !important; }

.padding-right-25 {
  padding-right: 25px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-right-15 {
  padding-right: 15px !important; }

.padding-right-5 {
  padding-right: 5px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

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

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

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

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

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

.padding-top-5 {
  padding-top: 5px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-top-30 {
  padding-top: 30px !important; }

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

.padding-top-50 {
  padding-top: 50px !important; }

.margin-right-100 {
  margin-right: 100px !important; }

.opacity-0 {
  opacity: 0 !important; }

.opacity-1 {
  opacity: 1 !important; }

.navbar-brand-font-size {
  font-size: 25px !important; }

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

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

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

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

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.margin-auto {
  margin: auto; }

.margin-top-13 {
  margin-top: 13px !important; }

.margin-bottom-13 {
  margin-bottom: 13px !important; }

.margin-top-8 {
  margin-top: 8px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

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

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

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

.margin-top-5-negative {
  margin-top: -5px !important; }

.margin-top-7-negative {
  margin-top: -7px !important; }

.margin-top-8-negative {
  margin-top: -8px !important; }

.margin-top-9-negative {
  margin-top: -9px !important; }

.margin-top-10-negative {
  margin-top: -10px !important; }

.margin-top-15-negative {
  margin-top: -15px !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

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

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.margin-bottom-12 {
  margin-bottom: 12px !important; }

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

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

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

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

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

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

.position-right-10 {
  right: 10px !important; }

.position-right-0 {
  right: 0px !important; }

.position-left-0 {
  left: 0px !important; }

.margin-top-15 {
  margin-top: 15px !important; }

.margin-top-16 {
  margin-top: 16px !important; }

.margin-top-17 {
  margin-top: 17px !important; }

.margin-top-18 {
  margin-top: 18px !important; }

.margin-top-19 {
  margin-top: 19px !important; }

.margin-top-25 {
  margin-top: 25px !important; }

.bottom-box-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black !important;
  -moz-box-shadow: 0 8px 6px -6px black !important;
  box-shadow: 0 8px 6px -6px black !important; }

.text-shadow-none {
  text-shadow: none !important; }

.box-shadow-none {
  box-shadow: none !important; }

.box-shadow-bottom {
  box-shadow: 0 8px 6px -6px #00000050 !important; }

.background-none {
  background: none !important; }

.background-white {
  background-color: #fff !important; }

.story-section-height .note-editing-area p {
  font-size: 0.9rem;
  color: #545968;
  letter-spacing: 1px; }
  @media screen and (min-width: 1400px) {
    .story-section-height .note-editing-area p {
      font-size: 1.1rem; } }
  @media screen and (min-width: 1600px) {
    .story-section-height .note-editing-area p {
      font-size: 1.2rem; } }
  @media screen and (min-width: 1900px) {
    .story-section-height .note-editing-area p {
      font-size: 1.4rem; } }

.initiative-modal .note-editable p img {
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto;
  display: block; }

.secured-group-invited-table thead {
  color: grey; }
  .secured-group-invited-table thead tr th:first-child {
    padding-left: 35px !important; }
.secured-group-invited-table .datetimepicker table tr {
  border-bottom: 1px solid #ddd; }

.text-666666 {
  color: #666666 !important; }
  .text-666666:hover {
    color: #666666 !important; }

.text-ffffff {
  color: white !important; }
  .text-ffffff:hover {
    color: white !important; }

.background-light-grey {
  background: #efefef; }

.background-offwhite {
  background: #fafafa !important; }

.text-cccccc {
  color: #ccc !important; }
  .text-cccccc:hover {
    color: #ccc !important; }

.text-aaaaaa {
  color: #aaa !important; }
  .text-aaaaaa:hover {
    color: #aaa !important; }

.text-555555 {
  color: #555555 !important; }
  .text-555555:hover {
    color: #555555 !important; }

.text-777777 {
  color: #777777 !important; }
  .text-777777:hover {
    color: #777777 !important; }

.height-2rem {
  height: 2rem !important; }

.height-100 {
  height: 100% !important; }

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

.height-42px {
  height: 2.625rem !important; }

.font-weight-bold {
  font-weight: bold; }

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

.relative-bottom-20-positive {
  position: relative;
  bottom: 20px; }

.relative-bottom-10-positive {
  position: relative;
  bottom: 10px; }

.relative-bottom-8-positive {
  position: relative;
  bottom: 8px; }

.relative-top-5-positive {
  position: relative;
  top: 5px; }

.relative-top-10-positive {
  position: relative;
  top: 10px; }

.relative-top-12-positive {
  position: relative;
  top: 10px; }

.relative-top-2-positive {
  position: relative;
  top: 2px; }

.relative-top-3-positive {
  position: relative;
  top: 3px; }

.relative-top-1-positive {
  position: relative;
  top: 1px; }

.relative-top-halfpx-positive {
  position: relative;
  top: .5px; }

.relative-top-5-negative {
  position: relative;
  top: -5px; }

.relative-top-1-negative {
  position: relative;
  top: -1px; }

.relative-top-3-negative {
  position: relative;
  top: -3px !important; }

.relative-top-4-negative {
  position: relative;
  top: -4px !important; }

.relative-top-2-negative {
  position: relative;
  top: -2px; }

.relative-top-9-negative {
  position: relative;
  top: -9px; }

.relative-top-8-negative {
  position: relative;
  top: -8px; }

.relative-top-10-negative {
  position: relative;
  top: -10px; }

.relative-top-12-negative {
  position: relative;
  top: -12px; }

.relative-top-15-negative {
  position: relative;
  top: -15px; }

.relative-top-7-negative {
  position: relative;
  top: -7px; }
  @media screen and (max-width: 768px) {
    .relative-top-7-negative {
      top: -5px; } }

.gap-img-user-info-post-card {
  margin-right: -12px; }

.event-modal .note-editable p img {
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto;
  display: block; }

* {
  word-wrap: break-word; }

html, body {
  font-size: 16px; }
  @media screen and (max-width: 767px) {
    html, body {
      font-size: 14px; } }

body {
  font-family: "Assistant", sans-serif;
  margin-top: 70px;
  background-color: #f1f9ff; }
  body button, body .btn {
    outline: none !important; }
  body .no-text-data.small {
    color: #b8bcca;
    font-size: 16px;
    white-space: normal; }
  body .no-text-data.medium {
    color: #b8bcca;
    font-size: 20px;
    white-space: normal;
    -webkit-text-stroke: .1px; }
  body .no-text-data.large {
    color: #b8bcca;
    font-size: 22px;
    white-space: normal; }
  @media screen and (max-width: 767px) {
    body {
      margin-top: 120px; } }
  @media screen and (max-width: 767px) {
    body .update-btn-post {
      padding-top: 3px;
      padding-bottom: 3px; } }
  @media screen and (max-width: 767px) {
    body .update-btn-cancel {
      padding-top: 3px;
      padding-bottom: 3px; } }
  body .wk-table {
    letter-spacing: 1px; }
    body .wk-table .wk-table-input {
      font-size: 16px;
      letter-spacing: 1px; }
      body .wk-table .wk-table-input::placeholder {
        color: rgba(24, 26, 25, 0.35); }
    body .wk-table .wk-table-content-wrapper {
      padding-bottom: 20px;
      background: white; }
      body .wk-table .wk-table-content-wrapper .sort-active-arrow {
        color: grey; }
      body .wk-table .wk-table-content-wrapper .no-content {
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        color: #b8bcca;
        opacity: 0.8;
        white-space: nowrap;
        margin-top: 20px;
        margin-bottom: 10px; }
      body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination {
        background: #fff;
        border-top: none;
        border-bottom: 1px solid #ddd;
        top: -2px;
        font-size: 11px;
        position: relative;
        z-index: 2; }
        body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .table-responsive {
          overflow-y: hidden; }
          @media screen and (max-width: 767px) {
            body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .table-responsive {
              border-top: none; }
              body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .table-responsive .pagination-row {
                display: block; }
              body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .table-responsive .meta-info {
                width: 100%;
                display: BLOCK;
                height: 32PX;
                padding-right: 30%;
                padding-left: 30%; } }
        body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination input {
          min-width: 18px;
          max-width: 30px;
          height: 18px;
          margin-bottom: 2px;
          vertical-align: middle;
          -moz-padding: 4px;
          -webkit-padding: 4px;
          padding: 4px;
          text-align: center; }
        body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .section-info-data, body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .profile-text {
          color: #3c4b7d;
          font-size: 11px; }
        body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination select {
          display: inline;
          width: 47px;
          padding: 0px;
          height: 18px;
          margin-bottom: 0px;
          font-size: 11px; }
        body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .theme-btn-purple, body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .btn-icon-place {
          margin: 0px 5px;
          padding: 0.5px 4px;
          font-size: 11px; }
        body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination table {
          border: 0px;
          margin-bottom: 0px; }
          body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination table tr td {
            width: 33.33%;
            vertical-align: middle;
            padding-top: 7px;
            padding-bottom: 5px; }
      body .wk-table .wk-table-content-wrapper .wk-table-content {
        white-space: nowrap;
        scrollbar-width: thin;
        scrollbar-color: #919bb7 transparent; }
        body .wk-table .wk-table-content-wrapper .wk-table-content .left-under-scroll {
          bottom: 0; }
        @media screen and (max-width: 767px) {
          body .wk-table .wk-table-content-wrapper .wk-table-content {
            margin-bottom: 0px;
            border: none; } }
        body .wk-table .wk-table-content-wrapper .wk-table-content::-webkit-scrollbar {
          height: 5px; }
        body .wk-table .wk-table-content-wrapper .wk-table-content::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px #00000054;
          color: transparent;
          border-radius: 10px; }
        body .wk-table .wk-table-content-wrapper .wk-table-content::-webkit-scrollbar-thumb {
          background: #fffefea6;
          border-radius: 10px; }
        body .wk-table .wk-table-content-wrapper .wk-table-content::-webkit-scrollbar-thumb:hover {
          background: #fffefea6; }
        body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table {
          margin-bottom: 0; }
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table td:first-child {
            width: 220px; }
            @media screen and (max-width: 767px) {
              body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table td:first-child {
                width: 120px; } }
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr {
            border-bottom: 1px solid #ddd; }
            body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul {
              margin: 0; }
              body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul .list-image {
                width: 220px;
                margin-right: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: middle;
                text-align: left; }
                @media screen and (max-width: 767px) {
                  body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul .list-image {
                    width: 120px; } }
                body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul .list-image a span img {
                  height: 20px;
                  width: 20px;
                  top: -1px;
                  position: relative; }
                body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul .list-image a.option-for-all {
                  -webkit-text-stroke: .5px;
                  cursor: default; }
                  body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul .list-image a.option-for-all span .fa {
                    width: 20px;
                    height: 20px;
                    -webkit-text-stroke: 0; }
                  body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tr .uploaded-by-td ul .list-image a.option-for-all:hover {
                    color: #3F76AD; }
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table td {
            border: none;
            vertical-align: middle; }
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table thead tr th:first-child,
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table tbody tr td:first-child {
            position: sticky;
            left: 0;
            z-index: 1;
            background: #fff;
            transition: all 0.1s;
            background-clip: padding-box; }
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table thead tr th .sorting-icon {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            top: -2px; }
            body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table thead tr th .sorting-icon .fa-sort-desc {
              position: absolute;
              top: -7px;
              bottom: 0px; }
            body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table thead tr th .sorting-icon .fa-sort-asc {
              position: absolute;
              top: -7px;
              bottom: 0px; }
          body .wk-table .wk-table-content-wrapper .wk-table-content .wk-table-content-table thead tr th .table-title {
            margin-left: 10px; }
  body .site-header {
    position: relative;
    z-index: 1030; }
    body .site-header .blurrer {
      height: 60px;
      top: -10px;
      left: -10px;
      right: -10px;
      position: fixed;
      overflow: hidden;
      backdrop-filter: blur(3px); }
    body .site-header .navbar-theme-dark {
      background-color: transparent;
      border: none;
      border-radius: 0px; }
      body .site-header .navbar-theme-dark .my-class .dropdown-toggle[aria-expanded="true"] {
        background: transparent !important;
        color: white !important; }
      body .site-header .navbar-theme-dark .navbar-form .search-input .form-control {
        color: #fff; }
      body .site-header .navbar-theme-dark .navbar-brand {
        height: auto;
        color: #D6D8DB; }
        body .site-header .navbar-theme-dark .navbar-brand:hover {
          color: white; }
        body .site-header .navbar-theme-dark .navbar-brand img {
          height: 60px;
          display: inline-block; }
        body .site-header .navbar-theme-dark .navbar-brand #navbar-brand-logo {
          height: 50px;
          position: absolute;
          display: inline-block;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.1s linear; }
      body .site-header .navbar-theme-dark .brand-size {
        font-size: 18px;
        font-weight: bold; }
      body .site-header .navbar-theme-dark .navbar-nav li a {
        font-size: 15px;
        font-weight: 550;
        padding-left: 10px;
        padding-right: 10px;
        transition: color linear 0.3s; }
        body .site-header .navbar-theme-dark .navbar-nav li a:hover {
          color: white;
          background: none; }
        body .site-header .navbar-theme-dark .navbar-nav li a.login-link {
          color: #313955;
          font-size: 20px; }
      body .site-header .navbar-theme-dark .navbar-nav li .dropdown-menu li a {
        color: #3F76AD; }
        body .site-header .navbar-theme-dark .navbar-nav li .dropdown-menu li a:hover {
          color: #2b5075; }
      body .site-header .navbar-theme-dark .navbar-nav.explore-items {
        margin-left: 20px; }
        body .site-header .navbar-theme-dark .navbar-nav.explore-items li a {
          text-transform: uppercase;
          letter-spacing: 0.12rem; }
        body .site-header .navbar-theme-dark .navbar-nav.explore-items.visible-lg li a {
          padding-bottom: 1px;
          margin-bottom: 2px;
          padding-left: 7px;
          padding-right: 7px;
          transition: color linear 0.3s, border linear 0.3s;
          position: relative; }
          body .site-header .navbar-theme-dark .navbar-nav.explore-items.visible-lg li a:hover {
            color: white; }
          body .site-header .navbar-theme-dark .navbar-nav.explore-items.visible-lg li a.active-menu-item {
            color: white;
            border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
        body .site-header .navbar-theme-dark .navbar-nav.explore-items.hidden-lg {
          position: absolute;
          right: 20%; }
          @media screen and (max-width: 767px) {
            body .site-header .navbar-theme-dark .navbar-nav.explore-items.hidden-lg {
              right: 8%; } }
          body .site-header .navbar-theme-dark .navbar-nav.explore-items.hidden-lg .hide-login {
            display: none; }
            @media screen and (max-width: 767px) {
              body .site-header .navbar-theme-dark .navbar-nav.explore-items.hidden-lg .hide-login {
                display: block; } }
        @media screen and (max-width: 991px) {
          body .site-header .navbar-theme-dark .navbar-nav.explore-items .dropdown-menu {
            width: 90%;
            background: #fff; } }
      body .site-header .navbar-theme-dark .navbar-nav.navbar-right .user-img {
        padding: 10px 15px; }
        body .site-header .navbar-theme-dark .navbar-nav.navbar-right .user-img img {
          width: 30px;
          height: 30px;
          margin-right: 5px; }
      @media screen and (max-width: 767px) {
        body .site-header .navbar-theme-dark {
          margin-bottom: 0px; } }
      body .site-header .navbar-theme-dark .btn-link {
        color: #D6D8DB; }
      body .site-header .navbar-theme-dark .custom-tab {
        width: calc(100% + 30px);
        margin: 0px -15px;
        border-top: 1px solid #D6D8DB; }
        body .site-header .navbar-theme-dark .custom-tab .btn-group .tab-btn {
          color: #D6D8DB;
          background: transparent; }
        body .site-header .navbar-theme-dark .custom-tab .scroll-arrows {
          padding: 5px 10px;
          position: fixed;
          left: 0px;
          right: auto;
          top: 52px;
          z-index: 200;
          font-size: 25px;
          background: rgba(0, 0, 0, 0.2);
          background: linear-gradient(-90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
          color: #fff; }
          body .site-header .navbar-theme-dark .custom-tab .scroll-arrows.left-arrow {
            right: 0px;
            left: auto;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)); }
        body .site-header .navbar-theme-dark .custom-tab.visible-xs div a {
          padding-bottom: 5px;
          margin-bottom: 2px;
          border-bottom: 3px solid transparent;
          transition: color linear 0.3s, border linear 0.3s; }
          body .site-header .navbar-theme-dark .custom-tab.visible-xs div a:hover, body .site-header .navbar-theme-dark .custom-tab.visible-xs div a:focus {
            color: white;
            border-bottom-color: white; }
    body .site-header .navbar-theme-light {
      background-color: white;
      border: none;
      border-radius: 0px;
      box-shadow: 0px 0px 5px 1px #3c4b7d54; }
      body .site-header .navbar-theme-light .my-class .dropdown-toggle[aria-expanded="true"] {
        background: transparent !important; }
      body .site-header .navbar-theme-light .navbar-form .search-input .form-control {
        color: #313955; }
      body .site-header .navbar-theme-light .navbar-brand {
        height: auto;
        color: #313955; }
        body .site-header .navbar-theme-light .navbar-brand:hover {
          color: #313955; }
        body .site-header .navbar-theme-light .navbar-brand img {
          height: 60px;
          display: inline-block; }
        body .site-header .navbar-theme-light .navbar-brand #navbar-brand-logo {
          height: 38px;
          position: absolute;
          display: inline-block;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.1s linear; }
          @media screen and (max-width: 768px) {
            body .site-header .navbar-theme-light .navbar-brand #navbar-brand-logo {
              position: absolute;
              top: -10px;
              transform: none; } }
        body .site-header .navbar-theme-light .navbar-brand .version {
          position: relative;
          left: 84%;
          top: 15px;
          font-size: 10px; }
      body .site-header .navbar-theme-light .brand-size {
        font-size: 18px;
        font-weight: bold;
        min-width: 180px; }
      body .site-header .navbar-theme-light .navbar-nav li a {
        color: #313955;
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
        transition: color linear 0.3s; }
        body .site-header .navbar-theme-light .navbar-nav li a:hover {
          color: #313955;
          background: none; }
      body .site-header .navbar-theme-light .navbar-nav li .dropdown-menu li a {
        color: #313955; }
        body .site-header .navbar-theme-light .navbar-nav li .dropdown-menu li a:hover {
          color: #151824; }
      body .site-header .navbar-theme-light .navbar-nav.explore-items {
        margin-left: 20px; }
        body .site-header .navbar-theme-light .navbar-nav.explore-items li a {
          text-transform: uppercase;
          letter-spacing: 0.12rem; }
        body .site-header .navbar-theme-light .navbar-nav.explore-items.visible-lg li a {
          padding-bottom: 1px;
          margin-bottom: 2px;
          padding-left: 7px;
          padding-right: 7px;
          transition: color linear 0.3s, border linear 0.3s;
          position: relative; }
          body .site-header .navbar-theme-light .navbar-nav.explore-items.visible-lg li a:hover {
            color: #313955; }
          body .site-header .navbar-theme-light .navbar-nav.explore-items.visible-lg li a.active-menu-item {
            color: #313955;
            border-bottom: 1px solid #313955;
            font-weight: 550; }
        body .site-header .navbar-theme-light .navbar-nav.explore-items.hidden-lg {
          position: absolute;
          right: 20%; }
          @media screen and (max-width: 767px) {
            body .site-header .navbar-theme-light .navbar-nav.explore-items.hidden-lg {
              right: 8%; } }
          body .site-header .navbar-theme-light .navbar-nav.explore-items.hidden-lg .hide-login {
            display: none; }
            @media screen and (max-width: 767px) {
              body .site-header .navbar-theme-light .navbar-nav.explore-items.hidden-lg .hide-login {
                display: block; } }
        @media screen and (max-width: 991px) {
          body .site-header .navbar-theme-light .navbar-nav.explore-items .dropdown-menu {
            width: 90%;
            background: #fff; } }
      body .site-header .navbar-theme-light .navbar-nav.navbar-right .user-img {
        padding: 10px 15px; }
        body .site-header .navbar-theme-light .navbar-nav.navbar-right .user-img img {
          width: 30px;
          height: 30px;
          margin-right: 5px; }
      @media screen and (max-width: 767px) {
        body .site-header .navbar-theme-light {
          margin-bottom: 0px; } }
      body .site-header .navbar-theme-light .btn-link {
        color: #313955; }
      body .site-header .navbar-theme-light .custom-tab {
        width: calc(100% + 30px);
        margin: 0px -15px;
        border-top: 1px solid #313955;
        scrollbar-width: none; }
        body .site-header .navbar-theme-light .custom-tab .btn-group .tab-btn {
          color: #313955;
          background: transparent; }
        body .site-header .navbar-theme-light .custom-tab .scroll-arrows {
          padding: 5px 15px 5px 5px;
          position: fixed;
          left: 0px;
          right: auto;
          top: 52px;
          z-index: 200;
          font-size: 25px;
          background: rgba(255, 255, 255, 0.6);
          color: #313955; }
          body .site-header .navbar-theme-light .custom-tab .scroll-arrows.left-arrow {
            padding: 5px 5px 5px 15px;
            right: 0px;
            left: auto; }
        body .site-header .navbar-theme-light .custom-tab.visible-xs div a {
          padding-bottom: 5px;
          margin-bottom: 2px;
          border-bottom: 3px solid transparent;
          transition: color linear 0.3s, border linear 0.3s; }
          body .site-header .navbar-theme-light .custom-tab.visible-xs div a:hover, body .site-header .navbar-theme-light .custom-tab.visible-xs div a:focus {
            color: #313955;
            border-bottom-color: #313955; }
  body .body-content-wrap {
    min-height: calc(100vh - 120px); }
    body .body-content-wrap.fixed-footer {
      min-height: calc(100vh - 70px); }
  body.no-padding .body-content-wrap {
    min-height: calc(100vh - 70px);
    padding-bottom: 0px; }
  body .card-global-color-styles .nme {
    color: #323849; }
  body .card-global-color-styles .campany-designation {
    color: #6a8198; }
  body .card-global-color-styles .location-date {
    color: #5a5f73; }
  body .card-global-color-styles .descrip {
    color: #545968;
    font-size: 18px; }
    body .card-global-color-styles .descrip p {
      font-size: 18px; }
  body .card-global-color-styles .top-hr {
    border-top: 1px solid #dcdfef; }
  body .card-global-color-styles .secondary-hr {
    border-top: 1px solid #e8e9ea; }
  body .card-global-color-styles .secondary-txt {
    color: #5a5f73; }
  body .card-global-color-styles .card-label {
    color: rgba(49, 57, 85, 0.91); }
  body .profile-card-global-style .nme {
    color: #323849; }
  body .profile-card-global-style .campany-designation {
    color: #6a8198; }
  body .profile-card-global-style .loc-date {
    color: #5a5f73; }
  body .global-list-tags {
    padding: 3px 8px 3px 3px;
    border-radius: 35px;
    border: 1px solid #dcdfef;
    color: #3c4b7d;
    margin-bottom: 5px;
    margin-top: 5px;
    background: white; }
    body .global-list-tags .close-icon {
      opacity: 0.4; }
      body .global-list-tags .close-icon:hover {
        opacity: 0.6; }
  body .modal-global-css .main-heading {
    text-align: center;
    background: #fafafa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #262935; }
  body .modal-global-css .note-editable p, body .modal-global-css .note-editable h5, body .modal-global-css .note-editable h4, body .modal-global-css .note-editable ol, body .modal-global-css .note-editable ul {
    color: #545968; }
  body .modal-global-css .note-editable p {
    font-size: 18px; }
  body .modal-global-css .note-editor.note-frame {
    border-color: #dcdfef; }
    body .modal-global-css .note-editor.note-frame .panel-heading {
      background: #fff;
      border: none; }
      body .modal-global-css .note-editor.note-frame .panel-heading .btn-default {
        border: none; }
    body .modal-global-css .note-editor.note-frame .panel-body .embed-responsive-16by9 {
      padding-bottom: 100%; }
    body .modal-global-css .note-editor.note-frame .note-resizebar {
      background: white; }
  body .modal-global-css .error ~ .note-editor.note-frame {
    border-color: #a94442 !important; }
  body .modal-global-css .modal-input {
    color: #545968 !important;
    border-color: #dcdfef;
    font-size: 18px;
    margin-bottom: 0; }
    body .modal-global-css .modal-input.error {
      border-color: #a94442; }
    body .modal-global-css .modal-input:focus {
      border-color: #c4caea; }
    body .modal-global-css .modal-input::placeholder {
      font-size: 18px;
      color: rgba(24, 26, 25, 0.35); }
  body .modal-global-css .modal-textarea {
    border-color: #dcdfef;
    color: #545968;
    line-height: 1.42 !important;
    font-size: 18px; }
    body .modal-global-css .modal-textarea.error {
      border-color: #a94442; }
    body .modal-global-css .modal-textarea:focus {
      border-color: #c4caea; }
    body .modal-global-css .modal-textarea::placeholder {
      font-size: 18px;
      color: rgba(24, 26, 25, 0.35); }
  body .modal-global-css .section-title {
    color: #3d4246;
    font-size: 18px;
    font-weight: bold;
    line-height: 1; }
  body .modal-global-css .modal-access-type-info {
    color: rgba(49, 112, 143, 0.7);
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      body .modal-global-css .modal-access-type-info {
        font-size: 14px; } }
  body .modal-global-css .modal-checkbox-label {
    color: #3d4246; }
  body .modal-global-css .modal-radio-btn-label {
    color: #666666;
    font-size: 17px; }
  body .modal-global-css .modal-btns-main-styles {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 25px;
    margin: 5px 15px;
    width: 150px; }
    body .modal-global-css .modal-btns-main-styles.full-width {
      width: unset; }
    @media screen and (max-width: 767px) {
      body .modal-global-css .modal-btns-main-styles {
        width: 100%;
        margin: 7px 0; } }
  body .modal-global-css .modal-nav-tabs li a {
    padding: 8px 10px !important;
    font-size: 16px !important;
    font-weight: normal;
    letter-spacing: 1px; }
    @media screen and (max-width: 767px) {
      body .modal-global-css .modal-nav-tabs li a {
        padding: 8px 1px !important; } }
  body .modal-global-css .bottom-secondary-hr {
    border-top: 1px solid #e8e9ea; }
  body .event-condensed-global-style .event-condensed-title {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    max-height: 4rem;
    overflow: hidden;
    line-height: 2rem;
    color: #3f76ad; }
    body .event-condensed-global-style .event-condensed-title:hover {
      color: #2b5075; }
  body .event-condensed-global-style .loc-date {
    color: #5a5f73; }
  body .event-condensed-global-style .secondary-info {
    color: #5a5f73; }
  body .event-card-global-styles .event-card-title {
    margin-top: 5px;
    max-height: 3.8rem;
    overflow: hidden;
    line-height: 1.8rem;
    margin-bottom: 0px;
    font-size: 1.6rem; }
    @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
      body .event-card-global-styles .event-card-title {
        overflow-y: auto; } }
    body .event-card-global-styles .event-card-title a {
      color: #3f76ad; }
    body .event-card-global-styles .event-card-title:hover a {
      color: #2b5075; }
  body .event-card-global-styles .loc-date {
    color: #5a5f73; }
  body .event-card-global-styles .secondary-info {
    color: #5a5f73; }
  body .campaign-condensed-global-styles .campaign-condensed-title a {
    color: #3f76ad; }
  body .campaign-condensed-global-styles .campaign-condensed-title:hover a {
    color: #2b5075; }
  body .campaign-condensed-global-styles .loc-date {
    color: #5a5f73; }
  body .campaign-condensed-global-styles .secondary-info {
    color: #5a5f73; }
  body .btn-checkbox {
    --background: #fff;
    --border: #D1D6EE;
    --border-hover: #BBC1E1;
    --border-active: #1E2235;
    --checked-color: #48578a;
    --tick: #fff;
    position: relative; }
    body .btn-checkbox:hover {
      cursor: pointer; }
    body .btn-checkbox span {
      display: inline-block;
      vertical-align: middle;
      font-weight: normal;
      color: #666;
      line-height: 17px;
      font-size: 17px; }
    body .btn-checkbox input,
    body .btn-checkbox svg {
      width: 17px;
      height: 17px;
      display: inline-block;
      vertical-align: middle; }
    body .btn-checkbox input {
      -webkit-appearance: none;
      -moz-appearance: none;
      position: relative;
      outline: none;
      background: var(--background);
      border: none;
      margin: 0;
      padding: 0;
      outline: none !important;
      cursor: pointer;
      border-radius: 4px;
      transition: box-shadow .3s;
      box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
      --s: 2px;
      --b: var(--border-hover); }
      body .btn-checkbox input:checked {
        --b: var(--checked-color); }
    body .btn-checkbox svg {
      pointer-events: none;
      fill: none;
      stroke-width: 3px;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke: var(--stroke, var(--border-active));
      position: absolute;
      top: 5px;
      left: 0;
      width: 17px;
      height: 17px;
      transform: scale(var(--scale, 1)) translateZ(0); }
      @media screen and (max-width: 767px) {
        body .btn-checkbox svg {
          top: 3px; } }
    body .btn-checkbox.path input:checked {
      --s: 2px;
      transition-delay: .4s; }
      body .btn-checkbox.path input:checked + svg {
        --a: 16.1 86.12;
        --o: 102.22; }
    body .btn-checkbox.path svg {
      stroke-dasharray: var(--a, 86.12);
      stroke-dashoffset: var(--o, 86.12);
      transition: stroke-dasharray .6s, stroke-dashoffset .6s; }
    body .btn-checkbox.bounce {
      --stroke: var(--tick); }
      body .btn-checkbox.bounce input:checked {
        --s: 11px; }
        body .btn-checkbox.bounce input:checked + svg {
          animation: bounce .4s linear forwards .2s; }
      body .btn-checkbox.bounce svg {
        --scale: 0; }
@keyframes bounce {
  50% {
    transform: scale(1.2); }
  75% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
  body .btn-radio {
    cursor: pointer;
    display: inline-block;
    float: left;
    -webkit-user-select: none;
    user-select: none;
    text-indent: -24px;
    padding-left: 24px; }
    body .btn-radio:hover {
      cursor: pointer; }
    body .btn-radio span {
      vertical-align: middle;
      font-weight: normal;
      color: #666;
      line-height: 17px;
      font-size: 17px;
      margin-top: 2px;
      text-indent: 0px; }
    body .btn-radio input {
      display: none;
      font-size: 16px;
      padding-right: 0;
      font-weight: normal;
      font-family: nunito;
      color: #666;
      caret-color: #485CE3; }
      body .btn-radio input:focus {
        border-color: #485CE3; }
      body .btn-radio input:disabled + svg {
        cursor: auto; }
      body .btn-radio input::placeholder {
        opacity: 0.5; }
      body .btn-radio input:checked + svg path {
        transition: all .4s ease; }
      body .btn-radio input:checked + svg path.inner {
        stroke-dashoffset: 38;
        transition-delay: .3s; }
      body .btn-radio input:checked + svg path.outer {
        stroke-dashoffset: 0; }
    body .btn-radio:not(:first-child) {
      margin-left: 20px; }
    @media screen and (max-width: 480px) {
      body .btn-radio {
        display: block;
        float: none; }
        body .btn-radio:not(:first-child) {
          margin-left: 0;
          margin-top: 15px; } }
    body .btn-radio svg {
      fill: none;
      vertical-align: middle; }
      body .btn-radio svg circle {
        stroke-width: 2;
        stroke: #bbc1e1; }
      body .btn-radio svg path {
        stroke: #48578a; }
        body .btn-radio svg path.inner {
          stroke-width: 6;
          stroke-dasharray: 19;
          stroke-dashoffset: 19; }
        body .btn-radio svg path.outer {
          stroke-width: 1;
          stroke-dasharray: 57;
          stroke-dashoffset: 57; }
  body .wk-custon-input {
    margin-top: 15px;
    outline: none;
    /* ANIMATIONS ================ */ }
    body .wk-custon-input * {
      box-sizing: border-box; }
    body .wk-custon-input .wk-custon-input-group {
      position: relative;
      outline: none; }
      body .wk-custon-input .wk-custon-input-group #mobile-contact-number::placeholder {
        opacity: 1 !important; }
      body .wk-custon-input .wk-custon-input-group input {
        font-size: 16px;
        padding: 10px 10px 5px 5px;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #bbc1e1;
        opacity: 1;
        outline: none;
        line-height: 1;
        filter: none;
        -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }
        body .wk-custon-input .wk-custon-input-group input.error {
          border-color: #a94442; }
        body .wk-custon-input .wk-custon-input-group input::placeholder {
          opacity: 0;
          color: rgba(24, 26, 25, 0.35); }
        body .wk-custon-input .wk-custon-input-group input::-webkit-input-placeholder {
          opacity: 0;
          color: rgba(24, 26, 25, 0.35); }
        body .wk-custon-input .wk-custon-input-group input::-moz-placeholder {
          opacity: 0;
          color: rgba(24, 26, 25, 0.35); }
        body .wk-custon-input .wk-custon-input-group input:-ms-input-placeholder {
          opacity: 0; }
        body .wk-custon-input .wk-custon-input-group input:focus {
          outline: none; }
          body .wk-custon-input .wk-custon-input-group input:focus ~ .wk-custon-input-label {
            top: -10px;
            font-size: 14px;
            color: #262935;
            outline: none; }
          body .wk-custon-input .wk-custon-input-group input:focus ~ .wk-custon-input-highlight {
            -webkit-animation: inputHighlighter 0.3s ease;
            -moz-animation: inputHighlighter 0.3s ease;
            animation: inputHighlighter 0.3s ease;
            outline: none; }
          body .wk-custon-input .wk-custon-input-group input:focus ~ .animate-border {
            outline: none; }
            body .wk-custon-input .wk-custon-input-group input:focus ~ .animate-border:before {
              width: 50%; }
            body .wk-custon-input .wk-custon-input-group input:focus ~ .animate-border:after {
              width: 50%; }
          body .wk-custon-input .wk-custon-input-group input:focus::placeholder {
            opacity: 1; }
          body .wk-custon-input .wk-custon-input-group input:focus::-webkit-input-placeholder {
            opacity: 1; }
          body .wk-custon-input .wk-custon-input-group input:focus::-moz-placeholder {
            opacity: 1; }
          body .wk-custon-input .wk-custon-input-group input:focus:-ms-input-placeholder {
            opacity: 1; }
        body .wk-custon-input .wk-custon-input-group input:-webkit-autofill {
          background-color: transparent;
          background: transparent;
          -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }
          body .wk-custon-input .wk-custon-input-group input:-webkit-autofill ~ .wk-custon-input-label {
            top: -10px;
            font-size: 14px;
            color: #262935;
            font-weight: 550; }
        body .wk-custon-input .wk-custon-input-group input:not(:placeholder-shown) ~ .wk-custon-input-label {
          top: -10px;
          font-size: 14px;
          color: #262935; }
        body .wk-custon-input .wk-custon-input-group input:not(:-ms-input-placeholder) ~ .wk-custon-input-label, body .wk-custon-input .wk-custon-input-group input:-webkit-autofill ~ .wk-custon-input-label {
          top: -10px;
          font-size: 14px;
          color: #262935;
          font-weight: 550; }
      body .wk-custon-input .wk-custon-input-group .wk-custon-input-label {
        color: #262935;
        font-size: 18px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 8px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        outline: none; }
      body .wk-custon-input .wk-custon-input-group .animate-border {
        position: relative;
        display: block;
        width: 100%;
        height: 1px;
        outline: none; }
        body .wk-custon-input .wk-custon-input-group .animate-border:before {
          content: '';
          height: 1px;
          width: 0;
          bottom: 1px;
          position: absolute;
          background: #262935;
          transition: 0.2s ease all;
          -moz-transition: 0.2s ease all;
          -webkit-transition: 0.2s ease all;
          left: 50%; }
        body .wk-custon-input .wk-custon-input-group .animate-border:after {
          content: '';
          height: 1px;
          width: 0;
          bottom: 1px;
          position: absolute;
          background: #262935;
          transition: 0.2s ease all;
          -moz-transition: 0.2s ease all;
          -webkit-transition: 0.2s ease all;
          right: 50%; }
      body .wk-custon-input .wk-custon-input-group .wk-custon-input-highlight {
        position: absolute;
        height: 60%;
        width: 30%;
        top: 25%;
        left: 0;
        pointer-events: none;
        opacity: 0.5; }
@-webkit-keyframes inputHighlighter {
  from {
    background: #262935; }
  to {
    width: 0;
    background: transparent; } }
@-moz-keyframes inputHighlighter {
  from {
    background: #262935; }
  to {
    width: 0;
    background: transparent; } }
@keyframes inputHighlighter {
  from {
    background: #262935; }
  to {
    width: 0;
    background: transparent; } }
  body .scroll-to-top {
    position: fixed;
    right: 60px;
    bottom: 5px;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 2px 10px;
    font-size: 20px;
    text-align: center;
    box-shadow: 0px 0px 1px 2px #ccc;
    background: rgba(33, 33, 33, 0.75);
    z-index: 1030;
    color: #fff; }
    @media screen and (max-width: 767px) {
      body .scroll-to-top {
        bottom: 10px;
        padding: 2px 1px;
        font-size: 15px;
        height: 30px;
        width: 30px; } }
  body .changeScrollBtnPosChange {
    position: fixed;
    left: 50%;
    transform: translateX(-50%); }
  body .copyright-text {
    position: absolute;
    width: 100%;
    bottom: -40px;
    padding: 10px 0px;
    z-index: 1001;
    background: #313955;
    color: #D6D8DB;
    left: 15px; }
    body .copyright-text a {
      color: inherit; }
      body .copyright-text a:focus {
        text-decoration: none;
        color: inherit; }
      body .copyright-text a:hover {
        color: #FF8E00; }
    @media screen and (max-width: 767px) {
      body .copyright-text .rights {
        display: block; } }

.nav-tabs {
  background: #FAFBFD;
  border-bottom-color: #ECF2F6; }
  .nav-tabs > li.active > a {
    border: 1px solid #ECF2F6;
    border-bottom-color: transparent;
    color: #3c4b7d; }
    .nav-tabs > li.active > a:hover {
      color: #232c49; }
  .nav-tabs > li > a {
    margin-right: 0px;
    padding: 18px;
    font-size: 18px; }
    @media screen and (max-width: 767px) {
      .nav-tabs > li > a {
        padding: 15px 10px;
        font-size: 14px; } }
    .nav-tabs > li > a:hover {
      background-color: #ECF2F6; }
  .nav-tabs ~ .tab-content .tab-pane > .normal-section, .nav-tabs ~ .tab-content .tab-pane > .tile-section, .nav-tabs ~ .tab-content #profile-edit-page .tab-pane > .profile-edit-menu, #profile-edit-page .nav-tabs ~ .tab-content .tab-pane > .profile-edit-menu {
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #ECF2F6;
    border-top: 0px; }

#navtabs li {
  width: 25%;
  text-align: center; }

.secure-group-tab {
  width: 20% !important; }

.text-align {
  text-align: center;
  font-size: 20px; }

.custom-tab {
  overflow: auto;
  padding: 8px 0px; }
  .custom-tab .btn-group {
    width: auto;
    padding-right: 10px;
    padding-left: 8px; }
    .custom-tab .btn-group .tab-btn {
      border: none;
      border-radius: 0px; }

hr {
  margin: 5px 0px; }

.search-input {
  position: relative; }

.tablecontent {
  width: 100%;
  margin-top: 10px; }
  .tablecontent th:first-child {
    padding-left: 38px; }
  .tablecontent td {
    border-bottom: 1px solid #8080801c;
    padding: 5px 0 5px 0; }
  .tablecontent thead {
    border-bottom: 1px solid #8080801c;
    background: #ece8f3;
    color: grey; }
  .tablecontent th {
    padding: 5px 0 5px 0; }

.tablecontentsupport {
  width: 100%;
  margin-top: -1rem; }
  .tablecontentsupport th:first-child {
    padding-left: 34px; }
  .tablecontentsupport td {
    width: 20%;
    border-bottom: 1px solid #8080801c;
    padding: 5px 0 5px 0; }
  .tablecontentsupport thead {
    border-bottom: 1px solid #8080801c;
    background: #ece8f3;
    color: grey; }
  .tablecontentsupport th {
    padding: 5px 0 5px 0; }

.tablecontentrowdata {
  padding: 25px !important; }

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

.section-label {
  font-family: "Assistant", sans-serif;
  color: #333857;
  font-weight: bold;
  display: inline-block !important; }

.small-text-date {
  margin-left: 20px; }

.groupmemberheader {
  margin: 20px; }

.name-Width {
  width: 40% !important; }
  .name-Width a {
    color: #777 !important; }
    .name-Width a span {
      color: #777 !important; }

@media screen and (max-width: 767px) {
  .group-member-modal-body {
    overflow: auto;
    white-space: nowrap;
    padding-left: 0; }
    .group-member-modal-body table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%; }
      .group-member-modal-body table th, .group-member-modal-body table td {
        text-align: left;
        padding: 8px; }
      .group-member-modal-body table td {
        border: none; }
    .group-member-modal-body .name-Width {
      width: 80% !important;
      display: block; } }

.invite-secured-group-member {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media screen and (max-width: 767px) {
    .invite-secured-group-member {
      max-width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }

body.login-page {
  min-height: 100vh;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("./../images/people-group.png");
  background-color: transparent;
  background-size: cover;
  background-position: 0 0;
  padding: 0px;
  position: relative;
  padding-bottom: 0px;
  margin-top: 0px;
  overflow-x: hidden; }
  body.login-page .page-content {
    font-family: 'nunito',sans-serif !important; }
    body.login-page .page-content .mobile-image-col {
      position: relative;
      margin-bottom: 20px;
      margin-top: 10px; }
      body.login-page .page-content .mobile-image-col .top-spinner-image {
        position: absolute;
        top: -10%; }
    body.login-page .page-content .owl-carousel.off {
      display: block; }
    body.login-page .page-content .owl-item-off {
      width: 33.33%;
      display: inline-block;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      float: left; }
    body.login-page .page-content .sestion-middle-align {
      position: absolute;
      top: -50%;
      transform: translateY(50%); }
      @media screen and (max-width: 768px) {
        body.login-page .page-content .sestion-middle-align {
          position: unset;
          top: unset;
          transform: unset; } }
    body.login-page .page-content .btn-login {
      padding: 12px 25px;
      font-size: 20px;
      font-weight: 600;
      color: #fff; }
      body.login-page .page-content .btn-login:hover {
        opacity: 0.8; }
    body.login-page .page-content .login-btn-yellow {
      background-color: #ff8500 !important; }
    body.login-page .page-content .login-btn-dark {
      background-color: #322f55 !important; }
    body.login-page .page-content .feaure-info {
      background: #fff;
      padding: 50px;
      border-radius: 5px;
      box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); }
      body.login-page .page-content .feaure-info .featured-title h5 {
        margin: 30px 0 20px;
        text-transform: capitalize;
        font-size: 20px; }
      body.login-page .page-content .feaure-info .featured-desc li {
        font-size: 20px;
        margin-bottom: 0;
        color: #7f7f7f;
        letter-spacing: 2px; }
        body.login-page .page-content .feaure-info .featured-desc li p {
          font-size: 20px;
          margin-bottom: 0;
          color: #7f7f7f;
          letter-spacing: 2px; }
    body.login-page .page-content .padding-top-3rem {
      padding-top: 3rem; }
    body.login-page .page-content .padding-top-2rem {
      padding-top: 2rem; }
    body.login-page .page-content .padding-top-1rem {
      padding-top: 1rem; }
    body.login-page .page-content .padding-left-3rem {
      padding-left: 3rem; }
    body.login-page .page-content .navy-blue-text {
      color: #322f55 !important; }
    body.login-page .page-content .owl-carousel {
      display: none;
      width: 100%;
      -webkit-tap-highlight-color: transparent;
      position: relative;
      z-index: 1; }
      body.login-page .page-content .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden; }
        body.login-page .page-content .owl-carousel .owl-stage::after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
      body.login-page .page-content .owl-carousel .owl-stage-outer {
        padding-bottom: 60px;
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px); }
      body.login-page .page-content .owl-carousel .owl-wrapper, body.login-page .page-content .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0); }
      body.login-page .page-content .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none; }
        body.login-page .page-content .owl-carousel .owl-item img {
          display: block; }
      body.login-page .page-content .owl-carousel .owl-nav.disabled, body.login-page .page-content .owl-carousel .owl-dots.disabled {
        display: none; }
      body.login-page .page-content .owl-carousel .animated {
        animation-duration: 1000ms;
        animation-fill-mode: both; }
      body.login-page .page-content .owl-carousel .owl-animated-in {
        z-index: 0; }
      body.login-page .page-content .owl-carousel .owl-animated-out {
        z-index: 1; }
      body.login-page .page-content .owl-carousel .fadeOut {
        animation-name: fadeOut; }
    body.login-page .page-content .owl-carousel.owl-loaded {
      display: block; }
    body.login-page .page-content .owl-carousel.owl-loading {
      opacity: 0;
      display: block; }
    body.login-page .page-content .owl-carousel.owl-hidden {
      opacity: 0; }
    body.login-page .page-content .owl-carousel.owl-refresh .owl-item {
      visibility: hidden; }
    body.login-page .page-content .owl-carousel.owl-drag .owl-item {
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    body.login-page .page-content .owl-carousel.owl-grab {
      cursor: move;
      cursor: grab; }
    body.login-page .page-content .owl-carousel.owl-rtl {
      direction: rtl; }
    body.login-page .page-content .owl-carousel.owl-rtl .owl-item {
      float: right; }
    body.login-page .page-content .no-js .owl-carousel {
      display: block; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
    body.login-page .page-content .owl-height {
      transition: height 500ms ease-in-out; }
    body.login-page .page-content .fullscreen-banner {
      position: relative;
      min-height: 700px; }
      body.login-page .page-content .fullscreen-banner .top-spinner-image {
        position: absolute;
        top: 10%; }
      body.login-page .page-content .fullscreen-banner .hero-shape6 {
        background: linear-gradient(58deg, #12adf9 35%, white 100%);
        overflow: hidden;
        border-top-left-radius: 500px;
        width: 60%;
        display: inline-block;
        position: absolute;
        right: -10%;
        top: 0;
        border-bottom-left-radius: 500px;
        transform: rotate(-35deg);
        height: 55%; }
        @media screen and (max-width: 768px) {
          body.login-page .page-content .fullscreen-banner .hero-shape6 {
            display: none; } }
      body.login-page .page-content .fullscreen-banner #particles-js {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0.3; }
      body.login-page .page-content .fullscreen-banner #banner-container div {
        display: none;
        position: absolute; }
      body.login-page .page-content .fullscreen-banner #banner-container {
        position: relative; }
      body.login-page .page-content .fullscreen-banner .main-page-main-heading {
        font-size: 65px;
        font-style: normal;
        line-height: 75px;
        font-weight: 400;
        text-transform: capitalize;
        color: #322f55;
        letter-spacing: 0;
        margin-bottom: 24px; }
        @media screen and (max-width: 767px) {
          body.login-page .page-content .fullscreen-banner .main-page-main-heading {
            font-size: 45px;
            line-height: 60px; } }
        body.login-page .page-content .fullscreen-banner .main-page-main-heading span {
          color: #14a6ed;
          font-weight: 700; }
      body.login-page .page-content .fullscreen-banner .lead {
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 1.5rem;
        color: #7f7f7f;
        letter-spacing: 2px; }
    body.login-page .page-content .left-bdr, body.login-page .page-content .right-bdr {
      height: 6px;
      width: 60px;
      background-color: #ff8500;
      border-radius: 10px;
      position: absolute; }
    body.login-page .page-content .left-bdr {
      left: 0px;
      animation: left 2s infinite; }
    body.login-page .page-content .right-bdr {
      right: 0px;
      animation: right 2s infinite; }
@keyframes left {
  0%, 50%, 100% {
    width: 60px; }
  25% {
    width: 120px; }
  75% {
    width: 10px; } }
@keyframes right {
  0%, 50%, 100% {
    width: 60px; }
  25% {
    width: 10px; }
  75% {
    width: 120px; } }
    body.login-page .page-content .in-left {
      -webkit-animation-name: fadeInLeft;
      -moz-animation-name: fadeInLeft;
      -o-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
      -o-animation-duration: 1s;
      animation-delay: 1s; }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
    body.login-page .page-content .fadeInLeft {
      animation-name: fadeInLeft; }
    body.login-page .page-content .rotateme {
      animation-name: rotateme;
      animation-duration: 40s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      -webkit-animation-name: rotateme;
      -webkit-animation-duration: 40s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -moz-animation-name: rotateme;
      -moz-animation-duration: 40s;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
      -ms-animation-name: rotateme;
      -ms-animation-duration: 40s;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: linear;
      -o-animation-name: rotateme;
      -o-animation-duration: 40s;
      -o-animation-iteration-count: infinite;
      -o-animation-timing-function: linear; }
@keyframes rotateme {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotateme {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-o-keyframes rotateme {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }
    body.login-page .page-content .topBottom {
      animation: topBottom 5s infinite; }
@-webkit-keyframes topBottom {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes topBottom {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes featured-morphing {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  25% {
    border-radius: 50% 50% 50% 70% / 50% 80% 70% 60%;
    box-shadow: -15px -15px 50px rgba(0, 0, 0, 0.05); }
  50% {
    border-radius: 70% 50% 50% 70% / 50% 40% 70% 60%; }
  75% {
    border-radius: 50% 30% 50% 70% / 50% 50% 70% 60%;
    box-shadow: 5px -15px 50px rgba(0, 0, 0, 0.05); }
  100% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } }
@keyframes da-pulse {
  0%, 100% {
    transform: scale(1.25);
    opacity: 0; }
  48%, 52% {
    transform: scale(1);
    opacity: 1; } }
    body.login-page .page-content .section-title {
      margin-bottom: 50px;
      position: relative;
      letter-spacing: 2px; }
      body.login-page .page-content .section-title p {
        font-size: 20px;
        margin-bottom: 0;
        color: #7f7f7f; }
      body.login-page .page-content .section-title .title-bdr {
        position: relative;
        width: 150px;
        margin-bottom: 40px; }
      body.login-page .page-content .section-title .title {
        position: relative;
        color: #322f55;
        margin-bottom: 15px;
        font-size: 50px;
        font-style: normal;
        line-height: 60px; }
        body.login-page .page-content .section-title .title span {
          font-weight: 500; }
    body.login-page .page-content .featured-item.style-3-reverse {
      padding: 40px 30px;
      position: relative;
      border-radius: 7px;
      overflow: hidden;
      z-index: 9;
      color: #7f7f7f;
      padding-left: 90px;
      box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
      background-color: #2bb2f3;
      height: 250px;
      margin-bottom: 25px;
      transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3-reverse .featured-icon {
        position: absolute;
        left: 30px;
        top: 40px;
        display: inline-block; }
        body.login-page .page-content .featured-item.style-3-reverse .featured-icon i {
          display: inline-block;
          font-size: 40px;
          line-height: 30px;
          color: #fff;
          transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3-reverse .featured-title h5 {
        margin: 30px 0 20px;
        text-transform: capitalize;
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: 700;
        line-height: 26px;
        color: #fff;
        font-style: normal;
        margin-top: 0;
        transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3-reverse .featured-desc {
        color: #fff;
        letter-spacing: 2px;
        transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3-reverse::before {
        content: '';
        position: absolute;
        top: 50px;
        left: -5px;
        width: 100%;
        height: 100%;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 190px solid rgba(255, 255, 255, 0.06);
        z-index: 1;
        opacity: 1;
        -webkit-transform: translate(0px, -70px);
        transform: translate(0px, -70px); }
      body.login-page .page-content .featured-item.style-3-reverse::after {
        content: '';
        position: absolute;
        top: 50px;
        left: -5px;
        opacity: 1;
        width: 100%;
        height: 100%;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 190px solid rgba(255, 255, 255, 0.06);
        z-index: 1;
        transition: all 0.2s ease-in-out;
        -webkit-transform: translate(0px, -50px);
        transform: translate(0px, -50px);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      body.login-page .page-content .featured-item.style-3-reverse:hover {
        background-color: #fff; }
        body.login-page .page-content .featured-item.style-3-reverse:hover .featured-icon i {
          color: #14a6ed; }
        body.login-page .page-content .featured-item.style-3-reverse:hover .featured-title h5 {
          color: #322f55; }
        body.login-page .page-content .featured-item.style-3-reverse:hover .featured-desc {
          color: #7f7f7f; }
        body.login-page .page-content .featured-item.style-3-reverse:hover::before {
          -webkit-transform: unset;
          transform: unset;
          opacity: 0; }
        body.login-page .page-content .featured-item.style-3-reverse:hover::after {
          opacity: 1;
          -webkit-transform: unset;
          transform: unset;
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
    body.login-page .page-content .featured-item.style-3 {
      padding: 40px 30px;
      position: relative;
      border-radius: 7px;
      overflow: hidden;
      z-index: 9;
      color: #7f7f7f;
      padding-left: 90px;
      box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
      background: #ffffff;
      height: 250px;
      margin-bottom: 25px;
      transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3 .featured-icon {
        position: absolute;
        left: 30px;
        top: 40px;
        display: inline-block; }
        body.login-page .page-content .featured-item.style-3 .featured-icon i {
          display: inline-block;
          font-size: 40px;
          line-height: 30px;
          color: #14a6ed;
          transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3 .featured-title h5 {
        margin: 30px 0 20px;
        text-transform: capitalize;
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: 700;
        line-height: 26px;
        color: #322f55;
        font-style: normal;
        margin-top: 0;
        transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3 .featured-desc {
        color: #7f7f7f;
        letter-spacing: 2px;
        transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3::before {
        content: '';
        position: absolute;
        top: 50px;
        left: -5px;
        opacity: 0;
        width: 100%;
        height: 100%;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 190px solid rgba(255, 255, 255, 0.06);
        z-index: 1; }
      body.login-page .page-content .featured-item.style-3::after {
        content: '';
        position: absolute;
        top: 50px;
        left: -5px;
        opacity: 1;
        width: 100%;
        height: 100%;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 190px solid rgba(255, 255, 255, 0.06);
        z-index: 1;
        transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-3:hover {
        background-color: #2bb2f3; }
        body.login-page .page-content .featured-item.style-3:hover .featured-icon i {
          color: #fff; }
        body.login-page .page-content .featured-item.style-3:hover .featured-title h5 {
          color: #fff; }
        body.login-page .page-content .featured-item.style-3:hover .featured-desc {
          color: #fff; }
        body.login-page .page-content .featured-item.style-3:hover::before {
          opacity: 1;
          -webkit-transform: translate(0px, -70px);
          transform: translate(0px, -70px); }
        body.login-page .page-content .featured-item.style-3:hover::after {
          opacity: 1;
          -webkit-transform: translate(0px, -50px);
          transform: translate(0px, -50px);
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
    body.login-page .page-content .featured-item.style-4 {
      background: #ffffff;
      padding: 40px 30px;
      position: relative;
      border-radius: 7px;
      overflow: hidden;
      z-index: 9;
      color: #7f7f7f;
      box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
      transition: all 0.2s ease-in-out; }
      body.login-page .page-content .featured-item.style-4::before {
        animation: featured-morphing 10s infinite;
        content: "";
        position: absolute;
        left: -25%;
        bottom: -20%;
        background: rgba(255, 255, 255, 0.08);
        height: 60%;
        width: 150%; }
      body.login-page .page-content .featured-item.style-4 .featured-title h5 {
        margin: 30px 0 20px;
        text-transform: capitalize;
        font-size: 20px; }
      body.login-page .page-content .featured-item.style-4 .featured-desc p {
        color: #7f7f7f;
        letter-spacing: 2px; }
      body.login-page .page-content .featured-item.style-4 .featured-icon {
        position: relative;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center; }
        body.login-page .page-content .featured-item.style-4 .featured-icon i {
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          transform: translateY(-50%);
          color: #14a6ed;
          display: inline-block;
          font-size: 50px;
          line-height: 40px; }
        body.login-page .page-content .featured-item.style-4 .featured-icon::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border: 0 solid rgba(255, 255, 255, 0.05);
          border-radius: 100%;
          animation: da-pulse 1.5s ease-in-out 0s infinite;
          background: rgba(113, 22, 208, 0.2); }
        body.login-page .page-content .featured-item.style-4 .featured-icon::after {
          content: '';
          position: absolute;
          top: 0;
          border: 0 solid rgba(113, 22, 208, 0.05);
          border-radius: 100%;
          animation: da-pulse 1.5s ease-in-out 0s infinite;
          border-width: 5px;
          top: -5px;
          left: -5px;
          right: -5px;
          bottom: -5px; }
      body.login-page .page-content .featured-item.style-4:hover {
        background: #ff8500;
        color: #ffffff; }
        body.login-page .page-content .featured-item.style-4:hover .featured-icon::before {
          background: rgba(255, 255, 255, 0.2); }
        body.login-page .page-content .featured-item.style-4:hover .featured-icon::after {
          border-color: rgba(255, 255, 255, 0.05); }
        body.login-page .page-content .featured-item.style-4:hover i, body.login-page .page-content .featured-item.style-4:hover h5, body.login-page .page-content .featured-item.style-4:hover .featured-desc p {
          color: #ffffff; }
    body.login-page .page-content h1, body.login-page .page-content h2, body.login-page .page-content h3, body.login-page .page-content h4, body.login-page .page-content h5, body.login-page .page-content h6 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 0px;
      text-transform: capitalize;
      letter-spacing: 2px; }
    body.login-page .page-content h1 a, body.login-page .page-content h2 a, body.login-page .page-content h3 a, body.login-page .page-content h4 a, body.login-page .page-content h5 a, body.login-page .page-content h6 a {
      color: inherit; }
    body.login-page .page-content h1 {
      font-size: 65px;
      font-style: normal;
      line-height: 75px;
      font-weight: 700;
      text-transform: capitalize;
      color: #322f55;
      letter-spacing: 0; }
    body.login-page .page-content h2 {
      font-size: 50px;
      font-style: normal;
      line-height: 60px;
      font-weight: 700;
      color: #322f55;
      text-transform: capitalize;
      margin-bottom: 10px;
      position: relative; }
    body.login-page .page-content h3 {
      font-size: 30px;
      font-style: normal;
      line-height: 40px;
      font-weight: 700;
      color: #322f55; }
    body.login-page .page-content h4 {
      font-size: 24px;
      font-style: normal;
      margin-bottom: 10px;
      font-weight: 700;
      line-height: 34px;
      color: #322f55; }
    body.login-page .page-content h5 {
      font-size: 20px;
      font-style: normal;
      margin-bottom: 10px;
      font-weight: 700;
      line-height: 26px;
      color: #322f55; }
    body.login-page .page-content h6 {
      font-size: 18px;
      font-style: normal;
      line-height: 24px;
      margin-bottom: 10px;
      color: #322f55; }
    body.login-page .page-content h1 span {
      color: #03d665; }
    body.login-page .page-content .owl-carousel .post {
      margin: 0 15px; }
    body.login-page .page-content .post {
      position: relative;
      border-radius: 4px;
      overflow: hidden; }
      body.login-page .page-content .post .post-image {
        overflow: hidden;
        position: relative; }
        body.login-page .page-content .post .post-image::before {
          content: "";
          background: #03d665;
          background: linear-gradient(58deg, #03d665 35%, #7329c2 100%);
          z-index: 9;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
      body.login-page .page-content .post .post-desc {
        padding: 30px;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: none;
        opacity: 0;
        z-index: 99; }
        body.login-page .page-content .post .post-desc h4 {
          margin: 0;
          text-transform: capitalize; }
          body.login-page .page-content .post .post-desc h4 a {
            color: #ffffff;
            display: inline-block; }
            body.login-page .page-content .post .post-desc h4 a:hover {
              color: #ffffff; }
        body.login-page .page-content .post .post-desc p {
          margin: 15px 0;
          font-size: 14px;
          color: #828893; }
      body.login-page .page-content .post .post-title {
        position: relative;
        margin-top: 171px; }
      body.login-page .page-content .post .post-categories li {
        background: #ffffff;
        border-radius: 30px;
        display: inline-block;
        font-weight: 400;
        font-size: 12px;
        padding: 8px 20px;
        color: #322f55; }
      body.login-page .page-content .post:hover .post-desc {
        bottom: 15px;
        transform: translateY(15px);
        opacity: 1; }
      body.login-page .page-content .post:hover .post-image::before {
        opacity: 0.9; }
    body.login-page .page-content .owl-carousel .featured-item {
      margin: 20px; }
    body.login-page .page-content .api-integration-section {
      position: relative;
      background-color: #E4E6F5;
      text-align: center;
      padding: 0 10px 25px; }
      body.login-page .page-content .api-integration-section .api-integration-text {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        display: flex; }
      body.login-page .page-content .api-integration-section .contact-btn {
        width: 15vw;
        padding-top: 25px; }
    body.login-page .page-content .margin-lr-auto {
      margin-left: auto;
      margin-right: auto; }
    body.login-page .page-content .client-carousel {
      background-color: #f8fcff;
      padding-top: 250px;
      margin-top: -200px; }
    body.login-page .page-content .key-benefits .effect-img {
      position: absolute;
      top: -18%;
      left: 0;
      z-index: -1; }
      @media screen and (max-width: 767px) {
        body.login-page .page-content .key-benefits .effect-img {
          top: 0; } }
    body.login-page .page-content .img-fluid {
      max-width: 100%;
      height: auto; }
    body.login-page .page-content .img-center {
      display: inline-block !important;
      max-width: 89%; }
    body.login-page .page-content .text-bg {
      background: rgba(113, 22, 208, 0.1);
      padding: 10px;
      border-radius: 7px;
      color: #322f55; }
    body.login-page .page-content .text-black {
      color: #322f55 !important; }
body #login-signup-modal .cookies-disable-ui .cokkies-title {
  font-size: 26px;
  text-align: center; }
body #login-signup-modal .cookies-disable-ui .cokkies-desc {
  margin: 20px;
  color: black;
  margin-top: 26px;
  margin-left: 50px;
  margin-right: 50px; }
  body #login-signup-modal .cookies-disable-ui .cokkies-desc .try-again {
    white-space: nowrap;
    font-size: 16px; }
body #login-signup-modal .modal-header {
  text-align: center;
  background: #fafafa;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #262935; }

.site-header .navbar-theme {
  background-color: #735a8c;
  border: none;
  border-radius: 0px; }
  .site-header .navbar-theme .navbar-brand {
    color: #fff; }
  .site-header .navbar-theme .brand-size {
    font-size: 25px; }

.js-blurEffect--skip {
  position: relative;
  z-index: 10; }

.login-register-container {
  min-height: 100vh;
  max-height: 100%; }
  @media only screen and (min-width: 992px) {
    .login-register-container {
      overflow: hidden; } }

.auth-form-container {
  text-align: left;
  background: #fff;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.45);
  margin-top: 70px;
  border-radius: 3px;
  position: relative;
  z-index: 5;
  padding: 10px 30px;
  margin-bottom: 80px;
  overflow: visible; }
  @media only screen and (min-width: 992px) {
    .auth-form-container {
      margin-right: 100px; } }
  @media only screen and (width: 1024px) {
    .auth-form-container {
      margin-right: 0; } }
  .auth-form-container .label-message {
    color: #EA7289; }
  .auth-form-container .auth-btn {
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    background-color: #3c4b7d;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-family: "Assistant", sans-serif;
    font-size: 14px;
    padding: 5px 22px;
    -moz-box-shadow: 0px 2px 10px 0px #44558e;
    -webkit-box-shadow: 0px 2px 10px 0px #44558e;
    box-shadow: 0px 2px 10px 0px #44558e;
    padding: 10px 25px; }
    .auth-form-container .auth-btn:hover {
      background-color: #44558e;
      -moz-box-shadow: 0px 2px 15px 0px #44558e;
      -webkit-box-shadow: 0px 2px 15px 0px #44558e;
      box-shadow: 0px 2px 15px 0px #44558e; }

.social-login-process {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffff90;
  z-index: 1; }

.googleFb-loader {
  color: white; }

.auth-form-container-modal {
  /* Shared */ }
  .auth-form-container-modal .google-fb-login-wrapper .loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: center;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
    width: 200px;
    letter-spacing: 2px;
    font-weight: 550; }
    .auth-form-container-modal .google-fb-login-wrapper .loginBtn:before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      width: 34px;
      height: 100%; }
    .auth-form-container-modal .google-fb-login-wrapper .loginBtn:focus {
      outline: none; }
    .auth-form-container-modal .google-fb-login-wrapper .loginBtn:active {
      box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1); }
    .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--facebook {
      background-color: #4C69BA;
      background-image: linear-gradient(#4C69BA, #3B55A0);
      /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
      text-shadow: 0 -1px 0 #354C8C; }
      .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--facebook:before {
        border-right: #364e92 1px solid;
        background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png") 6px 6px no-repeat; }
      .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--facebook:hover {
        background-color: #5B7BD5;
        background-image: linear-gradient(#5B7BD5, #4864B1); }
      .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--facebook:focus {
        background-color: #5B7BD5;
        background-image: linear-gradient(#5B7BD5, #4864B1); }
    .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--google {
      background: #3f76ad; }
      .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--google:before {
        border-right: #436588 1px solid;
        background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png") 6px 6px no-repeat; }
      .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--google:hover {
        background: #618cb7; }
      .auth-form-container-modal .google-fb-login-wrapper .loginBtn.loginBtn--google:focus {
        background: #618cb7; }
  .auth-form-container-modal .google-fb-login-wrapper .or {
    letter-spacing: 2px;
    font-weight: 550; }
  .auth-form-container-modal .label-message {
    color: #6a8198; }
  .auth-form-container-modal .bottom-small-info {
    color: #9e9fa0; }
    .auth-form-container-modal .bottom-small-info .bottom-small-info-link {
      color: #9e9fa0;
      text-decoration: underline; }
      .auth-form-container-modal .bottom-small-info .bottom-small-info-link:hover {
        color: black; }
  .auth-form-container-modal .bottom-small-info-only {
    color: #9e9fa0; }
  .auth-form-container-modal .bottom-small-link {
    color: rgba(49, 57, 85, 0.91); }
    .auth-form-container-modal .bottom-small-link:hover {
      text-decoration: underline;
      color: black; }
  .auth-form-container-modal .auth-btn[disabled] {
    opacity: .85 !important; }
  .auth-form-container-modal .error-info-div {
    position: absolute;
    top: -18px;
    font-size: 14px;
    -webkit-text-stroke: .1px;
    color: #ff000099;
    height: 0px;
    opacity: 0;
    transition: height 0.2s ease-in-out; }
    .auth-form-container-modal .error-info-div.open {
      transition: height,opacity 0.2s ease-in-out;
      height: 18px;
      opacity: 1; }
      .auth-form-container-modal .error-info-div.open span a {
        color: #ff000099;
        text-decoration: underline; }
        .auth-form-container-modal .error-info-div.open span a:hover {
          color: #ff0000c7; }
    @media screen and (max-width: 767px) {
      .auth-form-container-modal .error-info-div {
        position: relative;
        top: -20px; } }
  .auth-form-container-modal .auth-btn {
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    background-color: #3c4b7d;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-family: "Assistant", sans-serif;
    font-size: 14px;
    padding: 5px 22px;
    -moz-box-shadow: 0px 2px 10px 0px #44558e;
    -webkit-box-shadow: 0px 2px 10px 0px #44558e;
    box-shadow: 0px 2px 10px 0px #44558e;
    padding: 10px 25px;
    width: 200px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px; }
    .auth-form-container-modal .auth-btn:not([disabled]):hover {
      background-color: #44558e;
      -moz-box-shadow: 0px 2px 15px 0px #44558e;
      -webkit-box-shadow: 0px 2px 15px 0px #44558e;
      box-shadow: 0px 2px 15px 0px #44558e; }
  .auth-form-container-modal .otp-modal-btn {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 25px;
    margin: 5px 15px;
    width: 150px; }
    .auth-form-container-modal .otp-modal-btn.full-width {
      width: unset; }
    @media screen and (max-width: 767px) {
      .auth-form-container-modal .otp-modal-btn {
        width: 100%;
        margin: 7px 0; } }
  .auth-form-container-modal .show-password {
    border-color: #bbc1e1; }
    .auth-form-container-modal .show-password:hover {
      cursor: pointer; }
  .auth-form-container-modal .recaptcha-wrapper {
    position: relative;
    height: 80px;
    width: 100%; }
  .auth-form-container-modal .vc-recaptcha div:first-child {
    position: absolute !important;
    top: 15px !important;
    left: 50% !important;
    transform: translatex(-50%) !important; }

.loginFun {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: -1; }

.navbar-brand span {
  font-size: 24px;
  margin-left: 20px; }

.section-container {
  background: #fff;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #aaa;
  margin-bottom: 10px; }

.preview-profile-image > img {
  width: 200px; }

.hidden-file-input {
  position: absolute;
  top: 0;
  width: 138px;
  left: 0px;
  right: 0px;
  margin: auto;
  padding: 6px;
  opacity: 0; }

@media screen and (max-width: 767px) {
  .navbar-theme .navbar-brand img {
    height: 40px; }

  .navbar-brand span {
    font-size: 16px; } }
.group-show {
  height: 75vh;
  position: fixed;
  top: 70px;
  left: 20px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  .group-show .group-show-title {
    text-align: left;
    color: #ffffffbf;
    font-size: 20px;
    font-weight: 550;
    margin-bottom: 10px;
    text-decoration: underline; }
  .group-show::-webkit-scrollbar {
    width: 5px; }
  .group-show::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px; }
  .group-show::-webkit-scrollbar-thumb {
    background: #00000054;
    border-radius: 10px; }
  .group-show::-webkit-scrollbar-thumb:hover {
    background: #fffefea6; }

@media only screen and (min-width: 1024px) {
  .group-show {
    width: 55%; } }
@media screen and (max-width: 768px) {
  .group-show {
    width: 85%;
    height: 50%; } }
.Register-loading {
  margin-right: 8px;
  color: #fff; }

.brand-name {
  color: #333857;
  font-size: 13pt;
  font-weight: bold;
  font-family: "Assistant", sans-serif; }

.connection-styles .connection-user ul {
  padding-left: 3px; }
  .connection-styles .connection-user ul .person-profile {
    width: 25%;
    text-align: center; }

.profile-cancel {
  font-family: "Assistant", sans-serif;
  font-size: 11pt;
  color: #3c4b7d;
  margin-left: 8px;
  border: 1px solid #3c4b7d;
  padding: 4px 12px;
  transition: all 0.2s ease-in-out;
  background: white;
  border-radius: 5px; }

.profile-cancel:hover {
  cursor: pointer;
  opacity: 0.7; }

.profile-group:hover {
  color: black; }

.profile-group {
  padding-bottom: 10px;
  color: #EA7289;
  font-family: "Assistant", sans-serif; }

.upload-cover-button {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 9;
  transform: translate(-50%, -50%); }

.section-edit-button {
  background: #a7d0f9;
  border-radius: 5px; }

.section-row {
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0px 5px 10px #ccc;
  padding: 15px 0px;
  font-size: 16px;
  line-height: 2em; }

.section-info-label {
  font-family: "Assistant", sans-serif;
  color: #333857;
  font-weight: bold;
  margin-bottom: 8px; }

.section-info-data, .profile-text {
  font-family: "Assistant", sans-serif;
  color: #EA7289;
  font-size: 11pt; }

.about-data {
  color: #919BB7;
  margin-bottom: 40px;
  word-wrap: break-word; }

.update-data {
  margin-bottom: 10px;
  white-space: pre-wrap;
  word-break: break-word;
  color: #666666;
  font-size: 18px; }
  .update-data:hover {
    color: #333857; }
  .update-data a {
    color: #485CE3; }
    .update-data a:hover {
      color: #3c4b7d; }

.about-data[contenteditable="true"] {
  border: 1px solid #D0D5E7;
  border-radius: 4px;
  padding: 8px; }

.about-data:focus {
  outline: none; }

.username {
  font-family: "Assistant", sans-serif;
  color: #fff;
  font-size: 23pt;
  margin-right: 10px; }

.location-icon {
  font-size: 14pt;
  color: #fff;
  margin-left: 0px; }

.location-text {
  color: #EA7289;
  font-family: "Assistant", sans-serif;
  font-weight: bold; }

.social-links-row, .profile-fade-icon {
  font-size: 14pt;
  margin-right: 10px;
  color: #337ab7; }

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

.profile-fade-icon {
  color: #919BB7;
  cursor: not-allowed;
  pointer-events: none; }

.profile-social-icon {
  font-size: 12pt; }

.profile-links-color, .profile-links-fade {
  margin-right: 10px;
  color: red;
  font-size: 12pt; }

.profile-links-fade {
  color: #919BB7;
  cursor: not-allowed;
  pointer-events: none; }

.profile-links-margin {
  margin-left: 8px; }

.tagline {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "Assistant", sans-serif;
  color: #fff;
  font-size: 12pt;
  font-weight: 500; }

.sub-text {
  font-size: 14pt; }

@media screen and (min-width: 768px) {
  .section-info-label {
    text-align: left; }

  .navbar-right .search-menu {
    left: 0px; }

  .userslist-table {
    margin-top: -21px; }

  .tags-row {
    float: right; } }
.section-margin {
  margin-top: -30px;
  margin-bottom: 30px; }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .section-margin {
      margin-top: 0;
      /* your css rules for ipad portrait */ } }

.profile-section, .normal-section-shadowhide, .normal-section, .tile-section, #profile-edit-page .profile-edit-menu, .normal-section-msg, .normal-section-message {
  background-color: #fff;
  padding: 20px 45px 20px 45px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  margin-top: -6px;
  margin-bottom: 25px;
  transition: box-shadow 0.1s ease-in; }
  .profile-section .edit-icon, .normal-section-shadowhide .edit-icon, .normal-section .edit-icon, .tile-section .edit-icon, #profile-edit-page .profile-edit-menu .edit-icon, .normal-section-msg .edit-icon, .normal-section-message .edit-icon {
    padding: 7px 10px;
    border: 1px solid transparent; }

.normal-section-shadowhide {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 18px;
  box-shadow: none; }

.normal-section, .tile-section, #profile-edit-page .profile-edit-menu {
  padding: 15px;
  margin-top: 0px;
  margin-bottom: 18px;
  padding-left: 30px;
  padding-right: 30px; }

.normal-section-msg {
  padding: 15px;
  margin-bottom: 18px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31); }
  @media screen and (max-width: 767px) {
    .normal-section-msg {
      margin-top: 5px;
      margin-bottom: 3px; } }

.normal-section-message {
  padding: 15px;
  margin-top: 0px;
  margin-bottom: 18px; }
  @media screen and (max-width: 767px) {
    .normal-section-message {
      padding: 15px;
      margin-top: 38px;
      margin-bottom: 0px;
      height: 81%;
      position: fixed;
      width: 100%;
      margin-left: 0; } }

.tile-section {
  height: 180px;
  padding: 10px; }

.tile-row {
  margin-left: -5px;
  margin-right: -5px; }

#tile-view .user-list-details {
  margin-left: -30px;
  width: calc(100% + 30px); }
#tile-view hr {
  margin: 8px 0px 4px 0px; }
#tile-view .small-text, #tile-view .tiny-text, #tile-view .text-counter {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  line-height: 1.5; }

.section-collapse {
  height: 68px;
  overflow: hidden; }

.section-collapse-height-mobile {
  height: 50px;
  overflow: hidden;
  padding-top: 5px; }

.fold-advance-search {
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.expand-advance-search {
  max-height: 2000px;
  opacity: 1; }

.section-heading {
  color: rgba(49, 57, 85, 0.91);
  font-weight: bold;
  margin-bottom: 20px; }

.section-heading-msg {
  color: rgba(49, 57, 85, 0.91);
  font-weight: bold;
  margin-bottom: 10px; }

.section-sub-heading {
  margin-bottom: 30px; }

.section-content {
  margin-left: 80px; }

.edit-icon {
  color: #919BB7;
  margin-left: 8px;
  cursor: pointer; }

.edit-icon:hover {
  color: #485CE3; }

.check-icon {
  margin-top: -22px;
  margin-right: -20px; }

.view-icon {
  color: #919BB7;
  font-size: 12pt;
  margin-left: 10px;
  cursor: pointer; }

.faded-icon {
  color: #919BB7;
  margin-right: 10px;
  font-size: 14pt;
  vertical-align: middle; }

.profile-icon {
  color: #3c4b7d;
  margin-right: 10px;
  cursor: pointer; }

.header-icon {
  cursor: pointer;
  text-align: center; }

.icon-active {
  color: #141f29; }

.contact-item, .user-list-details {
  display: inline-block;
  vertical-align: top;
  width: 80%; }

.user-details {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px; }
  .user-details .small-text, .user-details .tiny-text, .user-details .text-counter {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: block;
    line-height: 1.5; }

.user-list-details {
  margin-left: 20px; }

.details-item {
  margin-bottom: 20px; }

#banner-details hr {
  border-top: 1px solid #95A5A6; }

.profile-banner {
  background: #2B2343;
  background: -webkit-linear-gradient(to right, #2B2343, #404C6F);
  background: linear-gradient(to right, #2B2343, #404C6F);
  padding-top: 30px;
  padding-bottom: 60px;
  margin-top: -20px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 50px; }
  @media screen and (max-width: 767px) {
    .profile-banner {
      padding-top: 20px; } }

.profile-banner:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25); }

.content-box {
  padding: 5px 5px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 1px 1px #ddd;
  border-radius: 5px; }

.show-less {
  position: relative;
  max-height: 150px;
  overflow: hidden; }
  .show-less .read-more {
    position: absolute;
    padding-top: 30px;
    bottom: -5px;
    left: 0;
    width: 100%;
    margin: 0;
    background-image: -moz-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.49) 51%, rgba(125, 185, 232, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(125, 185, 232, 0) 100%);
    background-image: linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.49) 51%, rgba(125, 185, 232, 0) 100%); }

.read-more-text {
  text-align: center;
  padding: 10px 0px; }
  .read-more-text .small-text, .read-more-text .tiny-text, .read-more-text .text-counter {
    font-size: 14px; }

.submit-button {
  display: none; }

.banner-btn {
  background-color: transparent;
  padding: 0px;
  border: none;
  font-size: 18pt;
  color: #fff;
  padding: 4px 8px 4px 8px;
  font-size: 12pt;
  border: 1px solid #fafafa;
  border-radius: 4px;
  background-color: rgba(23, 57, 128, 0.25);
  color: #fff;
  font-weight: normal;
  white-space: nowrap; }
  .banner-btn:hover, .banner-btn:focus {
    background-color: rgba(23, 57, 128, 0.25);
    color: #fff; }
  @media screen and (max-width: 767px) {
    .banner-btn {
      font-size: 5pt; } }

.parent ul li label {
  text-shadow: none;
  width: 100%;
  padding: 6px 20px 6px 20px;
  font-weight: normal;
  color: #313955;
  margin-bottom: 0;
  transition: all linear 0.3s; }

.parent ul li:hover label {
  background-color: #313955;
  color: #fff;
  cursor: pointer; }

.active-upload-btn {
  padding: 4px 8px 4px 8px;
  font-size: 12pt;
  border: 1px solid #fafafa;
  background-color: rgba(23, 57, 128, 0.25);
  color: #fff;
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .active-upload-btn {
      font-size: 5pt; } }

.custom-bar {
  background-color: #fff;
  padding: 1px 10px 1px 10px;
  border-radius: 8px;
  box-shadow: 0px 0px 1px 1px rgba(201, 218, 230, 0.4);
  margin-bottom: 6px; }

.custom-alert {
  position: fixed;
  top: 60px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 500px;
  border-radius: 8px;
  background-color: #fff;
  font-family: "Assistant", sans-serif;
  opacity: 1;
  z-index: 9999;
  letter-spacing: 1.5px;
  min-height: 50px;
  max-height: 100px; }
  .custom-alert .alert-text {
    padding: 10px 40px 10px;
    font-size: 1.3rem;
    line-height: 1.5rem; }
  .custom-alert.success-alert {
    background-color: #fff;
    border: 1px solid #5eeb92;
    color: #5eeb92;
    box-shadow: 0px 0px 10px 1px #5eeb92; }
    .custom-alert.success-alert .glyphicon-icon {
      color: #5eeb92;
      margin-right: 20px; }
  .custom-alert.info-alert {
    background-color: #fff;
    border: 1px solid #81a9d1;
    color: #81a9d1;
    box-shadow: 0px 0px 10px 1px #81a9d1; }
    .custom-alert.info-alert .glyphicon-icon {
      color: #81a9d1;
      margin-right: 20px; }
  .custom-alert.error-alert {
    background-color: #fff;
    border: 1px solid #f5b2a4;
    color: #f5b2a4;
    box-shadow: 0px 0px 10px 1px #f5b2a4; }
    .custom-alert.error-alert .glyphicon-icon {
      color: #f5b2a4;
      margin-right: 20px; }
  .custom-alert .icon-on-alert {
    position: absolute;
    left: 10px;
    top: 13px;
    font-size: 1.3rem; }
  .custom-alert .close {
    position: absolute;
    top: 18px;
    right: 10px; }
  @media screen and (max-width: 767px) {
    .custom-alert {
      width: 340px; } }

.title {
  font-size: 15px;
  color: #485CE3;
  margin-top: 10px;
  margin-bottom: 10px; }

.custom-file-upload {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px; }

.custom-editable, .profile-input {
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  display: inline; }

.custom-editable:focus, .profile-input:focus {
  outline: none; }

.custom-editable[contenteditable="true"], [contenteditable="true"].profile-input {
  padding: 0px 6px 4px 6px;
  border-bottom: 1px solid #EA7289;
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  display: inline-flex; }

.sticky-button, .story-option-dropdown .story-dropdown {
  background-color: #3c4b7d;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-family: "Assistant", sans-serif;
  font-size: 14px;
  padding: 5px 22px;
  transition: all 0.2s ease-in;
  padding: 10px 15px;
  position: fixed;
  right: 6px;
  bottom: 50px;
  border-radius: 100%;
  z-index: 1000;
  outline: none;
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
  .sticky-button:focus, .story-option-dropdown .story-dropdown:focus, .sticky-button:active, .story-option-dropdown .story-dropdown:active {
    outline: none !important;
    color: white !important; }
  .sticky-button:hover, .story-option-dropdown .story-dropdown:hover {
    color: white !important; }
  @media screen and (max-width: 767px) {
    .sticky-button, .story-option-dropdown .story-dropdown {
      bottom: 70px; } }
  .sticky-button.rotate, .story-option-dropdown .rotate.story-dropdown {
    transform: rotate(45deg); }

.published {
  border: 1px solid #19CA5A;
  box-shadow: none; }

.saved {
  border: 1px solid #f9d784;
  box-shadow: none; }

.archived {
  border: 1px solid #EA6449;
  box-shadow: none; }

.theme-btn-purple, .btn-icon-place {
  background-color: #3c4b7d;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-family: "Assistant", sans-serif;
  font-size: 14px;
  padding: 5px 22px;
  border: 1px solid #3c4b7d;
  transition: all 0.2s ease-in; }
  .theme-btn-purple.message-theme-btn-purple:hover, .message-theme-btn-purple.btn-icon-place:hover {
    box-shadow: none; }
  .theme-btn-purple.btn-sm, .btn-sm.btn-icon-place {
    padding: 6px 12px; }

.theme-btn-purple[disabled], [disabled].btn-icon-place {
  opacity: 0.85; }

.btn-icon-place {
  position: relative; }

.theme-btn-purple:hover, .btn-icon-place:hover {
  color: #3c4b7d;
  box-shadow: 0px 3px 3px #ccc;
  background-color: white;
  border: 1px solid #3c4b7d; }
  .theme-btn-purple:hover[disabled], .btn-icon-place:hover[disabled] {
    box-shadow: none;
    background-color: #3c4b7d;
    color: white; }

.theme-btn-purple:active, .btn-icon-place:active,
.theme-btn-purple:focus,
.btn-icon-place:focus,
.theme-btn-purple:active:focus,
.btn-icon-place:active:focus {
  background-color: #3c4b7d;
  box-shadow: 0px 3px 3px #ccc;
  outline: none;
  border: 1px solid #3c4b7d;
  color: white; }

.profile-secondary-button {
  background: #732CA4;
  border-radius: 8px;
  color: white;
  box-shadow: -1px 1px 1px 1px #ddd;
  font-family: "Assistant", sans-serif;
  font-size: 11pt;
  font-weight: bold; }

#personal-section input,
#initiative-form input {
  border: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px 6px 4px 6px;
  border-bottom: 1px solid #E5E8EA; }
#personal-section input:focus,
#initiative-form input:focus {
  outline: none; }

.input-field {
  border: none;
  box-shadow: none;
  border-radius: 0px;
  width: 100%;
  padding: 0px 6px 4px 6px;
  border-bottom: 1px solid #EA7289;
  margin-bottom: 10px; }

.input-field:focus {
  outline: none;
  box-shadow: none; }

.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  height: 350px; }

/*
----------------------------------
*/
.social-link {
  margin-bottom: 20px; }

.link-data {
  width: 150px; }

.custom-input {
  border: none;
  box-shadow: none;
  resize: none;
  background: transparent; }

input[type="checkbox"] + label {
  margin-right: 4px; }

.custom-addon,
.custom-addon:active {
  border: 1px solid transparent;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  cursor: pointer; }

.custom-addon:hover {
  color: #3c4b7d; }

.tab-btn {
  border-radius: 0px;
  border: 1px solid #EED1F0;
  background-color: #fff;
  color: #333; }

.content-nav-tabs li a {
  background: #8b99c7; }
  .content-nav-tabs li a .count {
    position: relative;
    top: -8px;
    right: -5px;
    padding: 3px 6px;
    border-radius: 10px;
    background: #EA7289;
    font-size: 10px;
    color: #fff;
    text-align: center; }

.tab-active,
.tab-active:active,
.tab-active:focus,
.tab-active:active:focus {
  background-color: #3c4b7d !important;
  color: #fff !important; }

.clear {
  display: none;
  float: right;
  margin-right: 6px;
  margin-top: -24px;
  position: relative;
  z-index: 2;
  color: red; }

/*
-----------------------
*/
.name {
  font-family: "Assistant", sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  line-height: 1.5;
  display: inline; }

.small-text, .tiny-text, .text-counter {
  color: #919BB7;
  font-size: 12px;
  white-space: normal; }
  .small-text i, .tiny-text i, .text-counter i {
    font-size: 16px; }

.tiny-text, .text-counter {
  font-size: 0.8rem; }

.search-menu {
  display: block;
  width: 310px;
  left: 0px;
  top: 40px;
  border-radius: 8px;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0px 0px 1px 1px rgba(201, 218, 230, 0.4);
  border: 1px solid #ccc; }
  .search-menu li a {
    padding: 6px 12px 6px 12px;
    font-size: 15px;
    color: #323849;
    transition: all linear 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    line-height: 1.5; }
  .search-menu li a:hover {
    background: #313955;
    color: white; }
    .search-menu li a:hover .name {
      color: #fff; }

.results-menu {
  top: 40px; }

.filter-menu {
  border-radius: 8px;
  margin-top: 10px;
  white-space: nowrap;
  z-index: 10000;
  width: initial;
  box-shadow: 0px 0px 1px 1px rgba(201, 218, 230, 0.4);
  border: 1px solid #EED1F0; }
  .filter-menu li a {
    font-family: "Assistant", sans-serif;
    font-size: 12pt;
    color: #000; }
    .filter-menu li a span {
      color: #EA7289; }
  .filter-menu li a:hover {
    background-color: #EA7289;
    color: #fff; }
    .filter-menu li a:hover span {
      color: #fff; }
  .filter-menu li label {
    margin-left: 20px; }

.search-name {
  font-family: "Assistant", sans-serif;
  font-size: 13pt;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: block;
  line-height: 1.5; }

.ellipsis, .username-length, .support-type, .ellipsis-inline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  line-height: 1.5; }

#list-view .small-text, #list-view .tiny-text, #list-view .text-counter {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  line-height: 1.5;
  display: block; }
#list-view .search-name {
  width: 200; }
#list-view .user-list-details {
  width: calc(100% + 15px);
  margin-left: -15px; }
  #list-view .user-list-details .small-text, #list-view .user-list-details .tiny-text, #list-view .user-list-details .text-counter {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    line-height: 1.5;
    display: block; }

.custom-select select {
  background: #fff;
  border: 1px solid #EED1F0;
  box-shadow: none;
  color: #919BB7;
  font-size: 14px;
  height: 29px;
  padding: 5px;
  margin-bottom: 20px; }
  .custom-select select option {
    padding: 6px 20px 6px 20px; }
.custom-select select:active,
.custom-select select:focus {
  border: 1px solid #485CE3;
  box-shadow: none;
  outline: none; }

.profile-small-img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  display: inline-flex;
  margin-right: 8px; }

.profile-md-img {
  border-radius: 10px;
  width: 56px;
  height: 56px;
  display: inline-flex; }

.text-area, .profile-box .profile-text-area, .profile-about, .white-section .section-headline, .white-section .story-section-textarea, .share-modal .caption-text {
  font-family: "Assistant", sans-serif;
  border: 1px solid #dcdfef;
  border-radius: 4px;
  padding: 8px;
  resize: none;
  width: 100%;
  margin-bottom: 10px;
  transition: border 0.3s ease-in; }
  .text-area.inline, .profile-box .inline.profile-text-area, .inline.profile-about, .white-section .inline.section-headline, .white-section .inline.story-section-textarea, .share-modal .inline.caption-text {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #EED1F0; }

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

.text-area:focus, .profile-box .profile-text-area:focus, .profile-about:focus, .white-section .section-headline:focus, .white-section .story-section-textarea:focus, .share-modal .caption-text:focus {
  outline: none;
  border-color: #c4caea; }

.bar {
  display: none;
  background-color: #fff;
  padding-top: 10px;
  margin-top: -20px;
  margin-bottom: 20px; }

@media screen and (max-width: 767px) {
  header .bar {
    display: block; }
    header .bar .header-icon {
      margin-left: 0px; }

  #tile-view .user-list-details {
    margin-left: -15px;
    width: calc(100% + 15px); }

  .custom-table tbody tr td {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important; }

  .tags-row {
    float: none; } }
.submit-button {
  display: block;
  height: 30px; }

.admin-link {
  line-height: 50px;
  margin-right: 10px; }

.user-list-filter {
  width: 100px; }

.custom-table {
  table-layout: fixed; }
  .custom-table.user-table th:nth-child(2),
  .custom-table.user-table td:nth-child(2) {
    width: 3%;
    vertical-align: middle; }
    .custom-table.user-table th:nth-child(2) img,
    .custom-table.user-table td:nth-child(2) img {
      border-radius: 8px; }
  .custom-table.user-table th:nth-child(3),
  .custom-table.user-table td:nth-child(3) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.user-table th:nth-child(4),
  .custom-table.user-table td:nth-child(4) {
    width: 12%; }
  .custom-table.user-table th:nth-child(5),
  .custom-table.user-table td:nth-child(5) {
    width: 6%; }
  .custom-table.user-table th:nth-child(6),
  .custom-table.user-table td:nth-child(6) {
    width: 6%; }
  .custom-table.user-table th:nth-child(7),
  .custom-table.user-table td:nth-child(7) {
    width: 7%; }
  .custom-table.user-table th:nth-child(8),
  .custom-table.user-table td:nth-child(8) {
    width: 10%; }
  .custom-table.user-table th:nth-child(9),
  .custom-table.user-table td:nth-child(9) {
    width: 14%;
    word-break: break-all; }
  .custom-table.user-table th:nth-child(10),
  .custom-table.user-table td:nth-child(10) {
    width: 10%;
    word-break: break-all; }
  .custom-table.user-table th:nth-child(11),
  .custom-table.user-table td:nth-child(11) {
    width: 12%;
    word-break: break-all; }
  .custom-table.user-table th:nth-child(12),
  .custom-table.user-table td:nth-child(12) {
    width: 7%; }
  .custom-table.user-table th:nth-child(13),
  .custom-table.user-table td:nth-child(13) {
    width: 5%;
    overflow: hidden; }
  .custom-table.user-table th:nth-child(14),
  .custom-table.user-table td:nth-child(14) {
    width: auto;
    padding: 0px;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.user-table th:nth-child(2),
    .custom-table.user-table td:nth-child(2) {
      padding: 2px;
      width: 36px; }
    .custom-table.user-table th:nth-child(3),
    .custom-table.user-table td:nth-child(3) {
      width: 130px; }
    .custom-table.user-table th:nth-child(4),
    .custom-table.user-table td:nth-child(4) {
      width: 150px; }
    .custom-table.user-table th:nth-child(5),
    .custom-table.user-table td:nth-child(5) {
      width: 70px; }
    .custom-table.user-table th:nth-child(6),
    .custom-table.user-table td:nth-child(6) {
      width: 70px; }
    .custom-table.user-table th:nth-child(7),
    .custom-table.user-table td:nth-child(7) {
      width: 70px; }
    .custom-table.user-table th:nth-child(8),
    .custom-table.user-table td:nth-child(8) {
      width: 100px; }
    .custom-table.user-table th:nth-child(9),
    .custom-table.user-table td:nth-child(9) {
      width: 100px; }
    .custom-table.user-table th:nth-child(10),
    .custom-table.user-table td:nth-child(10) {
      width: 170px; }
    .custom-table.user-table th:nth-child(11),
    .custom-table.user-table td:nth-child(11) {
      width: 70px; }
    .custom-table.user-table th:nth-child(12),
    .custom-table.user-table td:nth-child(12) {
      width: 60px; }
    .custom-table.user-table th:nth-child(13),
    .custom-table.user-table td:nth-child(13) {
      width: 70px; } }
  .custom-table.report-table th:nth-child(1),
  .custom-table.report-table td:nth-child(1) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(2),
  .custom-table.report-table td:nth-child(2) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(3),
  .custom-table.report-table td:nth-child(3) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(4),
  .custom-table.report-table td:nth-child(4) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(5),
  .custom-table.report-table td:nth-child(5) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(6),
  .custom-table.report-table td:nth-child(6) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(7),
  .custom-table.report-table td:nth-child(7) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.report-table th:nth-child(8),
  .custom-table.report-table td:nth-child(8) {
    width: 15%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.report-table th:nth-child(1),
    .custom-table.report-table td:nth-child(1) {
      padding: 4px;
      width: 125px; }
    .custom-table.report-table th:nth-child(2),
    .custom-table.report-table td:nth-child(2) {
      padding: 4px;
      width: 125px; }
    .custom-table.report-table th:nth-child(3),
    .custom-table.report-table td:nth-child(3) {
      width: 85px;
      padding: 4px; }
    .custom-table.report-table th:nth-child(4),
    .custom-table.report-table td:nth-child(4) {
      width: 150px;
      padding: 4px; }
    .custom-table.report-table th:nth-child(5),
    .custom-table.report-table td:nth-child(5) {
      width: 150px;
      padding: 4px; }
    .custom-table.report-table th:nth-child(6),
    .custom-table.report-table td:nth-child(6) {
      width: 85px;
      padding: 4px; }
    .custom-table.report-table th:nth-child(7),
    .custom-table.report-table td:nth-child(7) {
      width: 150px;
      padding: 4px; }
    .custom-table.report-table th:nth-child(8),
    .custom-table.report-table td:nth-child(8) {
      width: 150px;
      padding: 4px; } }
  .custom-table.reminder-table th:nth-child(1),
  .custom-table.reminder-table td:nth-child(1) {
    width: 16%;
    vertical-align: middle;
    padding-left: 20px; }
  .custom-table.reminder-table th:nth-child(2),
  .custom-table.reminder-table td:nth-child(2) {
    width: 17%;
    vertical-align: middle; }
  .custom-table.reminder-table th:nth-child(3),
  .custom-table.reminder-table td:nth-child(3) {
    width: 14%;
    vertical-align: middle; }
  .custom-table.reminder-table th:nth-child(4),
  .custom-table.reminder-table td:nth-child(4) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.reminder-table th:nth-child(5),
  .custom-table.reminder-table td:nth-child(5) {
    vertical-align: middle;
    width: 11%; }
  .custom-table.reminder-table th:nth-child(6),
  .custom-table.reminder-table td:nth-child(6) {
    width: 18%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.reminder-table th:nth-child(1),
    .custom-table.reminder-table td:nth-child(1) {
      padding: 4px;
      width: 130px; }
    .custom-table.reminder-table th:nth-child(2),
    .custom-table.reminder-table td:nth-child(2) {
      padding: 4px;
      width: 125px; }
    .custom-table.reminder-table th:nth-child(3),
    .custom-table.reminder-table td:nth-child(3) {
      width: 85px;
      padding: 4px; }
    .custom-table.reminder-table th:nth-child(4),
    .custom-table.reminder-table td:nth-child(4) {
      width: 70px;
      padding: 4px; }
    .custom-table.reminder-table th:nth-child(5),
    .custom-table.reminder-table td:nth-child(5) {
      width: 150px;
      padding: 4px; }
    .custom-table.reminder-table th:nth-child(6),
    .custom-table.reminder-table td:nth-child(6) {
      width: 150px;
      padding: 4px; }
    .custom-table.reminder-table th:nth-child(7),
    .custom-table.reminder-table td:nth-child(7) {
      width: 150px;
      padding: 4px; } }
  .custom-table.event-table th:nth-child(1),
  .custom-table.event-table td:nth-child(1) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(2),
  .custom-table.event-table td:nth-child(2) {
    width: 8%;
    vertical-align: middle;
    margin-left: 3px; }
  .custom-table.event-table th:nth-child(3),
  .custom-table.event-table td:nth-child(3) {
    width: 15%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(4),
  .custom-table.event-table td:nth-child(4) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(5),
  .custom-table.event-table td:nth-child(5) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(6),
  .custom-table.event-table td:nth-child(6) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(7),
  .custom-table.event-table td:nth-child(7) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(8),
  .custom-table.event-table td:nth-child(8) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(9),
  .custom-table.event-table td:nth-child(9) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(10),
  .custom-table.event-table td:nth-child(10) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(11),
  .custom-table.event-table td:nth-child(11) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.event-table th:nth-child(12),
  .custom-table.event-table td:nth-child(12) {
    width: 8%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.event-table th:nth-child(1),
    .custom-table.event-table td:nth-child(1) {
      padding: 4px;
      width: 125px; }
    .custom-table.event-table th:nth-child(2),
    .custom-table.event-table td:nth-child(2) {
      padding: 4px;
      width: 125px; }
    .custom-table.event-table th:nth-child(3),
    .custom-table.event-table td:nth-child(3) {
      width: 150px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(4),
    .custom-table.event-table td:nth-child(4) {
      width: 85px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(5),
    .custom-table.event-table td:nth-child(5) {
      width: 85px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(6),
    .custom-table.event-table td:nth-child(6) {
      width: 125px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(7),
    .custom-table.event-table td:nth-child(7) {
      width: 125px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(8),
    .custom-table.event-table td:nth-child(8) {
      width: 85px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(9),
    .custom-table.event-table td:nth-child(9) {
      width: 85px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(10),
    .custom-table.event-table td:nth-child(10) {
      width: 85px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(11),
    .custom-table.event-table td:nth-child(11) {
      width: 85px;
      padding: 4px; }
    .custom-table.event-table th:nth-child(12),
    .custom-table.event-table td:nth-child(12) {
      width: 85px;
      padding: 4px; } }
  .custom-table.initiative-table th:nth-child(1),
  .custom-table.initiative-table td:nth-child(1) {
    width: 2%;
    vertical-align: middle; }
  .custom-table.initiative-table th:nth-child(2),
  .custom-table.initiative-table td:nth-child(2) {
    width: 2%;
    vertical-align: middle; }
  .custom-table.initiative-table th:nth-child(3),
  .custom-table.initiative-table td:nth-child(3) {
    width: 1%;
    vertical-align: middle; }
  .custom-table.initiative-table th:nth-child(4),
  .custom-table.initiative-table td:nth-child(4) {
    width: 1%;
    vertical-align: middle; }
  .custom-table.initiative-table th:nth-child(5),
  .custom-table.initiative-table td:nth-child(5) {
    width: 2%; }
  @media screen and (max-width: 767px) {
    .custom-table.initiative-table th:nth-child(1),
    .custom-table.initiative-table td:nth-child(1) {
      padding: 4px;
      width: 125px; }
    .custom-table.initiative-table th:nth-child(2),
    .custom-table.initiative-table td:nth-child(2) {
      padding: 4px;
      width: 150px; }
    .custom-table.initiative-table th:nth-child(3),
    .custom-table.initiative-table td:nth-child(3) {
      width: 85px;
      padding: 4px; }
    .custom-table.initiative-table th:nth-child(4),
    .custom-table.initiative-table td:nth-child(4) {
      width: 85px;
      padding: 4px; }
    .custom-table.initiative-table th:nth-child(5),
    .custom-table.initiative-table td:nth-child(5) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; } }
  .custom-table.group-table th:nth-child(1),
  .custom-table.group-table td:nth-child(1) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(2),
  .custom-table.group-table td:nth-child(2) {
    width: 15%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(3),
  .custom-table.group-table td:nth-child(3) {
    width: 15%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(4),
  .custom-table.group-table td:nth-child(4) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(5),
  .custom-table.group-table td:nth-child(5) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(6),
  .custom-table.group-table td:nth-child(6) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(7),
  .custom-table.group-table td:nth-child(7) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.group-table th:nth-child(8),
  .custom-table.group-table td:nth-child(8) {
    width: 12%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.group-table th:nth-child(1),
    .custom-table.group-table td:nth-child(1) {
      padding: 4px;
      width: 125px; }
    .custom-table.group-table th:nth-child(2),
    .custom-table.group-table td:nth-child(2) {
      padding: 4px;
      width: 125px; }
    .custom-table.group-table th:nth-child(3),
    .custom-table.group-table td:nth-child(3) {
      width: 150px;
      padding: 4px; }
    .custom-table.group-table th:nth-child(4),
    .custom-table.group-table td:nth-child(4) {
      width: 85px;
      padding: 4px; }
    .custom-table.group-table th:nth-child(5),
    .custom-table.group-table td:nth-child(5) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.group-table th:nth-child(6),
    .custom-table.group-table td:nth-child(6) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.group-table th:nth-child(7),
    .custom-table.group-table td:nth-child(7) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.group-table th:nth-child(8),
    .custom-table.group-table td:nth-child(8) {
      width: 150px;
      padding: 4px;
      vertical-align: middle; } }
  .custom-table.album-table th:nth-child(1),
  .custom-table.album-table td:nth-child(1) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(2),
  .custom-table.album-table td:nth-child(2) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(3),
  .custom-table.album-table td:nth-child(3) {
    width: 15%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(4),
  .custom-table.album-table td:nth-child(4) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(5),
  .custom-table.album-table td:nth-child(5) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(6),
  .custom-table.album-table td:nth-child(6) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(7),
  .custom-table.album-table td:nth-child(7) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.album-table th:nth-child(8),
  .custom-table.album-table td:nth-child(8) {
    width: 15%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.album-table th:nth-child(1),
    .custom-table.album-table td:nth-child(1) {
      padding: 4px;
      width: 125px; }
    .custom-table.album-table th:nth-child(2),
    .custom-table.album-table td:nth-child(2) {
      padding: 4px;
      width: 125px; }
    .custom-table.album-table th:nth-child(3),
    .custom-table.album-table td:nth-child(3) {
      width: 150px;
      padding: 4px; }
    .custom-table.album-table th:nth-child(4),
    .custom-table.album-table td:nth-child(4) {
      width: 85px;
      padding: 4px; }
    .custom-table.album-table th:nth-child(5),
    .custom-table.album-table td:nth-child(5) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.album-table th:nth-child(6),
    .custom-table.album-table td:nth-child(6) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.album-table th:nth-child(7),
    .custom-table.album-table td:nth-child(7) {
      width: 100px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.album-table th:nth-child(8),
    .custom-table.album-table td:nth-child(8) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; } }
  .custom-table.article-table th:nth-child(1),
  .custom-table.article-table td:nth-child(1) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(2),
  .custom-table.article-table td:nth-child(2) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(3),
  .custom-table.article-table td:nth-child(3) {
    width: 12%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(4),
  .custom-table.article-table td:nth-child(4) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(5),
  .custom-table.article-table td:nth-child(5) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(6),
  .custom-table.article-table td:nth-child(6) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(7),
  .custom-table.article-table td:nth-child(7) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(8),
  .custom-table.article-table td:nth-child(8) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.article-table th:nth-child(9),
  .custom-table.article-table td:nth-child(9) {
    width: 8%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.article-table th:nth-child(1),
    .custom-table.article-table td:nth-child(1) {
      padding: 4px;
      width: 125px; }
    .custom-table.article-table th:nth-child(2),
    .custom-table.article-table td:nth-child(2) {
      padding: 4px;
      width: 125px; }
    .custom-table.article-table th:nth-child(3),
    .custom-table.article-table td:nth-child(3) {
      width: 150px;
      padding: 4px; }
    .custom-table.article-table th:nth-child(4),
    .custom-table.article-table td:nth-child(4) {
      width: 85px;
      padding: 4px; }
    .custom-table.article-table th:nth-child(5),
    .custom-table.article-table td:nth-child(5) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.article-table th:nth-child(6),
    .custom-table.article-table td:nth-child(6) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.article-table th:nth-child(7),
    .custom-table.article-table td:nth-child(7) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.article-table th:nth-child(8),
    .custom-table.article-table td:nth-child(8) {
      width: 85px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.article-table th:nth-child(9),
    .custom-table.article-table td:nth-child(9) {
      width: 100px;
      padding: 4px;
      vertical-align: middle; } }
  .custom-table.post-table th:nth-child(1),
  .custom-table.post-table td:nth-child(1) {
    width: 8%;
    vertical-align: middle; }
  .custom-table.post-table th:nth-child(2),
  .custom-table.post-table td:nth-child(2) {
    width: 10%;
    vertical-align: middle; }
  .custom-table.post-table th:nth-child(3),
  .custom-table.post-table td:nth-child(3) {
    width: 6%;
    vertical-align: middle; }
  .custom-table.post-table th:nth-child(4),
  .custom-table.post-table td:nth-child(4) {
    width: 6%;
    vertical-align: middle; }
  .custom-table.post-table th:nth-child(5),
  .custom-table.post-table td:nth-child(5) {
    width: 6%;
    vertical-align: middle; }
  .custom-table.post-table th:nth-child(6),
  .custom-table.post-table td:nth-child(6) {
    width: 6%;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .custom-table.post-table th:nth-child(1),
    .custom-table.post-table td:nth-child(1) {
      padding: 4px;
      width: 150px; }
    .custom-table.post-table th:nth-child(2),
    .custom-table.post-table td:nth-child(2) {
      padding: 4px;
      width: 200px; }
    .custom-table.post-table th:nth-child(3),
    .custom-table.post-table td:nth-child(3) {
      width: 100px;
      padding: 4px; }
    .custom-table.post-table th:nth-child(4),
    .custom-table.post-table td:nth-child(4) {
      width: 100px;
      padding: 4px; }
    .custom-table.post-table th:nth-child(5),
    .custom-table.post-table td:nth-child(5) {
      width: 100px;
      padding: 4px;
      vertical-align: middle; }
    .custom-table.post-table th:nth-child(6),
    .custom-table.post-table td:nth-child(6) {
      width: 100px;
      padding: 4px;
      vertical-align: middle; } }
  .custom-table thead {
    background-color: #A272F5;
    color: #fff; }
    .custom-table thead tr th {
      border: none;
      position: relative;
      font-size: 12px;
      padding: 5px 3px;
      white-space: nowrap;
      overflow: hidden; }
      .custom-table thead tr th .table-title {
        margin-left: 6px; }
      .custom-table thead tr th .fa-sort-asc,
      .custom-table thead tr th .fa-sort-desc {
        position: absolute;
        top: -7px;
        bottom: 0px; }
  .custom-table tbody {
    font-size: 13px; }
    .custom-table tbody .filter-row {
      background-color: #fff !important; }
      .custom-table tbody .filter-row input {
        height: 22px;
        margin-bottom: 0px; }
      .custom-table tbody .filter-row select {
        margin-bottom: 0px;
        height: 22px;
        padding: 0px; }
    .custom-table tbody tr td {
      padding-top: 10px;
      border: none; }
    .custom-table tbody tr td:nth-child(5) {
      text-align: center; }
    .custom-table tbody tr td:nth-child(6) {
      text-align: center; }
    .custom-table tbody tr td:nth-child(7) {
      text-align: center; }
    .custom-table tbody tr td:nth-child(10) {
      word-wrap: break-word; }
    .custom-table tbody tr td:nth-child(12) {
      word-wrap: break-word; }
    .custom-table tbody tr.no-result-found-row {
      background: #f3f3f3;
      border: 1px solid #f3f3f3; }
      .custom-table tbody tr.no-result-found-row td div {
        min-height: 100px;
        position: relative; }
        .custom-table tbody tr.no-result-found-row td div p {
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          color: #919BB7;
          font-size: 25px;
          -webkit-text-stroke: 1px;
          letter-spacing: 1px; }
  .custom-table .text-area, .custom-table .profile-box .profile-text-area, .profile-box .custom-table .profile-text-area, .custom-table .profile-about, .custom-table .white-section .section-headline, .white-section .custom-table .section-headline, .custom-table .white-section .story-section-textarea, .white-section .custom-table .story-section-textarea, .custom-table .share-modal .caption-text, .share-modal .custom-table .caption-text {
    -moz-padding: 4px;
    -webkit-padding: 4px;
    padding: 4px; }
  .custom-table .table-name-with-image li {
    vertical-align: middle; }
    .custom-table .table-name-with-image li:nth-child(1) {
      width: 35px; }
    .custom-table .table-name-with-image li:nth-child(2) {
      width: calc(100% - 40px); }

.custom-pagination {
  background: #E6CBDD;
  border-top: 1px solid #3c4b7d;
  margin-top: -21px;
  font-size: 11px;
  position: relative;
  z-index: 2; }
  .custom-pagination input {
    width: 30px;
    height: 24px;
    margin-bottom: 0px;
    vertical-align: top;
    -moz-padding: 4px;
    -webkit-padding: 4px;
    padding: 4px; }
  .custom-pagination select {
    display: inline;
    width: 47px;
    padding: 0px;
    height: 24px;
    margin-bottom: 0px; }
  .custom-pagination .theme-btn-purple, .custom-pagination .btn-icon-place {
    margin: 0px 5px;
    padding: 2px 4px; }
  .custom-pagination table {
    border: 0px;
    margin-bottom: 0px; }
    .custom-pagination table tr td {
      width: 33.33%;
      vertical-align: middle; }

.custom-tag {
  font-size: 14px;
  margin-left: 6px;
  margin-bottom: 4px;
  background-color: white;
  display: inline-block;
  border-radius: 35px;
  border: 1px solid #dcdfef;
  color: #3c4b7d;
  padding: 3px 5px 3px 6px; }
  .custom-tag i {
    opacity: 0.4; }
    .custom-tag i:hover {
      opacity: 0.6; }

.sorting-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.link-text {
  color: #485CE3; }

.link-text:hover {
  text-decoration: underline; }

#emailVerify .modal-body {
  padding: 20px 30px 40px; }
#emailVerify .bottom-small-info {
  color: #9e9fa0; }
  #emailVerify .bottom-small-info .bottom-small-info-link {
    color: #9e9fa0;
    text-decoration: underline; }
    #emailVerify .bottom-small-info .bottom-small-info-link:hover {
      color: black; }
#emailVerify .bottom-small-info-only {
  color: #9e9fa0; }
#emailVerify .bottom-small-link {
  color: rgba(49, 57, 85, 0.91); }
  #emailVerify .bottom-small-link:hover {
    text-decoration: underline;
    color: black; }

#event-section .text-area, #event-section .profile-box .profile-text-area, .profile-box #event-section .profile-text-area, #event-section .profile-about, #event-section .white-section .section-headline, .white-section #event-section .section-headline, #event-section .white-section .story-section-textarea, .white-section #event-section .story-section-textarea, #event-section .share-modal .caption-text, .share-modal #event-section .caption-text {
  padding: 4px; }
#event-section .search-menu {
  margin-top: -8px; }

.event-box {
  margin-right: 20px;
  position: absolute;
  top: 0;
  left: 0; }
  .event-box .time {
    width: 70px;
    background-color: #EBF3F6;
    padding: 6px;
    border-radius: 4px; }
    .event-box .time .big-text {
      color: #333857;
      font-size: 24px;
      font-weight: bolder; }
      .event-box .time .big-text .tiny-text, .event-box .time .big-text .text-counter {
        margin-bottom: 12px; }
    .event-box .time .medium-text {
      color: #333857;
      font-size: 12px; }

#invitations li {
  vertical-align: middle; }
#invitations img {
  width: 40px;
  height: 40px;
  display: inline;
  margin-right: 6px; }

.label.label-theme {
  background-color: #81a9d1; }

.profile-button-sticky {
  position: fixed;
  right: 60px; }

.profile-about-description {
  margin-top: -65px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-height: 50px;
  transition: all 0.3s ease-in-out; }
  .profile-about-description:hover {
    max-height: 500px; }
    .profile-about-description:hover .about-content {
      opacity: 1; }

.belowCoverPicSection {
  position: relative; }
  .belowCoverPicSection .social-link-col {
    padding-left: 0;
    padding-right: 30px; }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .belowCoverPicSection .social-link-col {
        padding: 0; } }
    @media screen and (max-width: 768px) {
      .belowCoverPicSection .social-link-col {
        padding: 0; } }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .tagline-about-sec {
    padding-left: 30px; } }

.three-dots {
  color: #828080;
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 25px; }

.three-dots-mobile {
  color: #828080;
  position: absolute;
  font-size: 25px;
  right: 13px;
  bottom: -5px; }

.designation-text {
  font-size: 14px;
  color: #ffffff; }
  @media screen and (max-width: 768px) {
    .designation-text {
      color: #3F76AD; } }

.preview-btn {
  margin-left: 3rem; }

.youtube-home {
  width: 26.6rem; }

.group-card {
  margin-bottom: 15px;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  color: white;
  overflow: hidden;
  padding: 0;
  transition: box-shadow 0.1s ease-in; }
  .group-card .group-card-owner-name-ipadpro {
    display: none; }
  .group-card .group-card-owner-name {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #fff !important;
    z-index: 4;
    max-width: 150px;
    max-height: 30px;
    text-shadow: 1px 1px 1px #000, 3px 3px 5px #000; }
  .group-card .group-banner {
    background: #2B2343;
    background: -webkit-linear-gradient(to right, #2B2343, #404C6F);
    background: linear-gradient(to right, #2B2343, #404C6F);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all linear 0.3s;
    padding-bottom: 33.33%;
    position: relative; }
    .group-card .group-banner:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(33, 33, 33, 0.25);
      transition: all linear 0.3s;
      z-index: 1; }
  .group-card:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
    .group-card:hover .group-banner {
      transform: scale3d(1.1, 1.1, 1.1); }
      .group-card:hover .group-banner:before {
        background: rgba(33, 33, 33, 0.2); }
  .group-card .card-content {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    color: white;
    padding: 15px 25px; }
    .group-card .card-content .group-link {
      z-index: 5;
      position: relative;
      letter-spacing: 0.03em;
      word-break: break-word; }
    @media only screen and (max-width: 1024px) {
      .group-card .card-content .group-title {
        font-size: 18px; } }
    .group-card .card-content .group-meta-info {
      position: absolute;
      bottom: 5px; }
      .group-card .card-content .group-meta-info span + span {
        margin-left: 15px; }
      .group-card .card-content .group-meta-info .join-btn {
        background: rgba(0, 0, 0, 0.4);
        border-radius: 5px;
        padding: 2px 5px;
        font-size: 0.875rem; }
        .group-card .card-content .group-meta-info .join-btn:hover {
          color: black;
          background: rgba(255, 255, 255, 0.4); }
  .group-card .group-card-option {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 5; }
    .group-card .group-card-option .group-card-option-toggle {
      padding: 5px 10px; }
  .group-card.small-card .group-card-owner-name {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #5a5f73 !important;
    z-index: 4;
    background: none;
    padding: 0;
    border-radius: 0px;
    max-width: 70px;
    max-height: 30px;
    text-shadow: none;
    font-size: 0.875rem; }
    .group-card.small-card .group-card-owner-name .fa {
      font-size: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .group-card.small-card .group-card-owner-name {
        max-width: 150px; } }
    @media only screen and (min-width: 1024px) and (orientation: portrait) {
      .group-card.small-card .group-card-owner-name {
        display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1024px) and (max-width: 1024px) {
    .group-card.small-card .group-card-owner-name-ipadpro {
      display: block;
      font-size: 14px;
      padding-left: 5px;
      margin-bottom: 5px; } }
  .group-card.small-card .card-content {
    position: relative;
    color: #5a5f73;
    padding: 5px;
    padding-bottom: 0px; }
    .group-card.small-card .card-content .group-link {
      font-size: 1.2rem;
      margin-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      color: #3f76ad; }
      .group-card.small-card .card-content .group-link:hover {
        cursor: pointer;
        color: #2b5075; }
    .group-card.small-card .card-content .group-meta-info {
      position: relative;
      left: 5px; }
      .group-card.small-card .card-content .group-meta-info .fa {
        font-size: 14px; }
      .group-card.small-card .card-content .group-meta-info .members-icon-span {
        margin-left: 10px; }
      .group-card.small-card .card-content .group-meta-info .join-btn {
        color: #fff;
        margin-left: 8px;
        font-size: 0.8125rem; }
        .group-card.small-card .card-content .group-meta-info .join-btn:hover {
          color: #666; }
  .group-card.small-card:hover .group-banner {
    transform: none; }

.group-list-wrap .list-container {
  overflow: auto;
  max-height: 220px; }

.skill-tag {
  font-size: 18px;
  margin-bottom: 5px; }
  .skill-tag .label {
    display: inline-block;
    padding: 10px 12px; }
    .skill-tag .label .fa-close {
      margin-left: 8px;
      font-size: 80%; }
  .skill-tag .skill-tag-space {
    word-break: break-word; }

.skill-add-button {
  margin-top: 5px; }

.group-scroll {
  overflow: auto;
  padding: 0px 15px; }

#sendEmailToUserModal .send-email-textbox-profile {
  resize: none;
  padding: 5px;
  border-style: solid; }
  #sendEmailToUserModal .send-email-textbox-profile:focus {
    outline: none; }

.prof-edit-main_comp-sec {
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  border-radius: 4px; }
  .prof-edit-main_comp-sec .profile-tabs {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .prof-edit-main_comp-sec .selected-tab-content {
    background: white;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.profile-section-global-css #mobile-contact-number::placeholder {
  opacity: 1 !important; }
.profile-section-global-css .pro-sec-input {
  color: #545968 !important;
  border-color: #dcdfef;
  font-size: 18px;
  box-shadow: none; }
  .profile-section-global-css .pro-sec-input:focus {
    border-color: #c4caea; }
  .profile-section-global-css .pro-sec-input::placeholder {
    font-size: 18px;
    color: rgba(24, 26, 25, 0.35); }
.profile-section-global-css .pro-sec-textarea {
  border-color: #dcdfef;
  color: #545968;
  line-height: 1.42 !important;
  font-size: 18px; }
  .profile-section-global-css .pro-sec-textarea:focus {
    border-color: #c4caea; }
  .profile-section-global-css .pro-sec-textarea::placeholder {
    font-size: 18px;
    color: rgba(24, 26, 25, 0.35); }
.profile-section-global-css .input-type-tags {
  color: #545968;
  font-size: 18px; }
.profile-section-global-css .note-editable p, .profile-section-global-css .note-editable h5, .profile-section-global-css .note-editable h4, .profile-section-global-css .note-editable ol, .profile-section-global-css .note-editable ul {
  color: #545968; }
.profile-section-global-css .note-editable p {
  font-size: 18px; }
.profile-section-global-css .note-editor.note-frame {
  border-color: #dcdfef; }
  .profile-section-global-css .note-editor.note-frame .panel-heading {
    background: #fff;
    border: none; }
    .profile-section-global-css .note-editor.note-frame .panel-heading .btn-default {
      border: none; }
  .profile-section-global-css .note-editor.note-frame .note-resizebar {
    background: white; }

#profile-edit-page #scrollToWatermark .enable-watermark-text {
  vertical-align: top;
  font-size: 20px; }
#profile-edit-page #scrollToWatermark .watermark-type-content {
  max-height: 0;
  transition: max-height,padding-top,padding-bottom 0.2s ease-in-out;
  background-color: white; }
  #profile-edit-page #scrollToWatermark .watermark-type-content .all-div-wrapper {
    display: none; }
  #profile-edit-page #scrollToWatermark .watermark-type-content.expand {
    max-height: 1000px;
    padding: 20px; }
    #profile-edit-page #scrollToWatermark .watermark-type-content.expand .all-div-wrapper {
      display: block; }
  #profile-edit-page #scrollToWatermark .watermark-type-content .wtrmrkImg-logo {
    width: 166px;
    height: 87px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-color: rgba(30, 30, 30, 0.1); }
    #profile-edit-page #scrollToWatermark .watermark-type-content .wtrmrkImg-logo .removePhoto {
      right: 5px;
      top: 5px; }
#profile-edit-page #scrollToWatermark .separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 40px; }
  #profile-edit-page #scrollToWatermark .separator::before, #profile-edit-page #scrollToWatermark .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000; }
  #profile-edit-page #scrollToWatermark .separator::before {
    margin-right: .25em; }
  #profile-edit-page #scrollToWatermark .separator::after {
    margin-left: .25em; }
#profile-edit-page #scrollToWatermark .wtrmrk-img-label-col {
  position: absolute;
  top: 38px; }
  @media only screen and (max-width: 768px) {
    #profile-edit-page #scrollToWatermark .wtrmrk-img-label-col {
      position: unset;
      top: unset; } }
#profile-edit-page #scrollToWatermark .upload-wtmrk-img-sec {
  height: 100px;
  height: 88px;
  width: 166px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  background-color: rgba(23, 57, 128, 0.25); }
  #profile-edit-page #scrollToWatermark .upload-wtmrk-img-sec.active {
    opacity: 1; }
    #profile-edit-page #scrollToWatermark .upload-wtmrk-img-sec.active .upload-watermark-img-label:hover {
      text-decoration: underline;
      color: #235286;
      cursor: pointer; }
  #profile-edit-page #scrollToWatermark .upload-wtmrk-img-sec.not-active {
    opacity: 0.5; }
  #profile-edit-page #scrollToWatermark .upload-wtmrk-img-sec .upload-watermark-img-label {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    font-size: 90%;
    font-weight: normal;
    color: #337ab7; }
    #profile-edit-page #scrollToWatermark .upload-wtmrk-img-sec .upload-watermark-img-label i {
      margin-right: 5px; }
#profile-edit-page .profle-gallery-section .album-entry {
  width: 33%; }
#profile-edit-page .profile-event-section .event-card-condensed {
  min-height: 280px; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #profile-edit-page .profile-event-section .event-card-condensed {
      min-height: 300px; } }
#profile-edit-page .profile-campaign-section .custom-width-flag {
  width: 50px; }
#profile-edit-page .profile-campaign-section .custom-width-user {
  width: 23px; }
#profile-edit-page .profile-edit-menu {
  padding: 0px; }
  #profile-edit-page .profile-edit-menu .profile-items > li {
    border-bottom: 1px solid #F3F3F3;
    font-size: 18px;
    cursor: pointer;
    position: relative; }
    #profile-edit-page .profile-edit-menu .profile-items > li > a {
      display: block;
      padding: 15px;
      color: #666666;
      border-left: 4px solid transparent;
      position: relative; }
      #profile-edit-page .profile-edit-menu .profile-items > li > a.active-option {
        border-left-color: #3c4b7d;
        color: #3c4b7d; }
        #profile-edit-page .profile-edit-menu .profile-items > li > a.active-option:hover {
          color: white;
          background: #3c4b7d; }
      #profile-edit-page .profile-edit-menu .profile-items > li > a:hover {
        color: white;
        background: #3c4b7d; }
    #profile-edit-page .profile-edit-menu .profile-items > li:last-child {
      border: none; }
    #profile-edit-page .profile-edit-menu .profile-items > li .fa-caret-down {
      position: absolute;
      right: 15px;
      margin-top: 5px; }
    #profile-edit-page .profile-edit-menu .profile-items > li .expand_caret {
      transform: scale(1.6);
      position: absolute;
      right: 15px;
      margin-top: -2px;
      top: 50%; }
    #profile-edit-page .profile-edit-menu .profile-items > li a[aria-expanded='false'] > .expand_caret {
      transform: scale(1.6) rotate(-90deg); }
    #profile-edit-page .profile-edit-menu .profile-items > li .profile-item-submenu > li {
      font-size: 14px;
      padding: 10px 30px;
      border-top: 1px solid #F3F3F3;
      cursor: pointer;
      border-left: 4px solid transparent; }
      #profile-edit-page .profile-edit-menu .profile-items > li .profile-item-submenu > li.active-option {
        border-left-color: #3c4b7d;
        color: #3c4b7d;
        font-weight: bold; }
        #profile-edit-page .profile-edit-menu .profile-items > li .profile-item-submenu > li.active-option:hover {
          color: white;
          background: #283D51; }
      #profile-edit-page .profile-edit-menu .profile-items > li .profile-item-submenu > li:hover {
        color: white;
        background: #283D51; }
#profile-edit-page .profile-edit-view-bottom-margin {
  margin-bottom: 65px; }

#scrollToPersonalInfo .checkbox-font {
  font-size: 14px;
  color: #919BB7; }
#scrollToPersonalInfo .Inline-block-class {
  display: inline-block !important; }
#scrollToPersonalInfo .margin-left-40 {
  margin-left: 40px; }
#scrollToPersonalInfo .private-secure-checkbox {
  height: 16px;
  width: 16px; }

#profile-banner-section {
  margin-top: -20px;
  position: relative;
  background: white;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  #profile-banner-section .share-button:hover {
    cursor: pointer; }
  #profile-banner-section .share-button .share-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #profile-banner-section .mobileVerifyBtn {
    margin-top: 9px; }
  #profile-banner-section .profile-banner-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 0px;
    padding-bottom: 24.08%;
    background-color: #2B2343;
    background-color: -webkit-linear-gradient(to right, #2B2343, #404C6F);
    background-color: linear-gradient(to right, #2B2343, #404C6F); }
    #profile-banner-section .profile-banner-image .container {
      padding-top: 15px;
      position: relative;
      z-index: 4;
      width: 100%; }
    #profile-banner-section .profile-banner-image .pin-icon {
      display: none; }
    #profile-banner-section .profile-banner-image .upload-cover-button {
      display: none; }
    @media only screen and (max-width: 767px) {
      #profile-banner-section .profile-banner-image {
        padding-bottom: 41%; } }
    @media only screen and (max-width: 768px) {
      #profile-banner-section .profile-banner-image .upload-cover-button {
        display: block; } }
    #profile-banner-section .profile-banner-image:hover .pin-icon {
      display: inline;
      right: 50px;
      left: auto;
      top: 10px;
      padding: 8px 8px; }
      @media only screen and (max-width: 768px) {
        #profile-banner-section .profile-banner-image:hover .pin-icon {
          top: 3px;
          right: 80px;
          font-size: 16px; } }
      #profile-banner-section .profile-banner-image:hover .pin-icon .fa {
        position: absolute;
        top: 50%;
        left: 52%;
        transform: translate(-50%, -50%); }
    #profile-banner-section .profile-banner-image:hover .upload-cover-button {
      display: inline; }
    #profile-banner-section .profile-banner-image .image-overlay-for-text {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 70%;
      width: 100%;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.69)); }
    #profile-banner-section .profile-banner-image .spinner-banner-update {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.6); }
      #profile-banner-section .profile-banner-image .spinner-banner-update .fa {
        font-size: 100px;
        color: #0000002e;
        position: absolute;
        top: 30%;
        left: 46%; }
  #profile-banner-section .profile-img-wrapper {
    margin-top: -100px;
    position: relative;
    z-index: 5; }
    #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob {
      width: 130px;
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob .authen-icon2 {
        position: absolute;
        top: 4%;
        right: 10%;
        z-index: 1; }
      #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob .authen-icon-mob {
        position: absolute;
        top: 50%;
        right: -10px; }
      #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob .updating-profile-pic {
        position: absolute;
        background: rgba(255, 255, 255, 0.6);
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0; }
        @media only screen and (max-width: 768px) {
          #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob .updating-profile-pic {
            margin-top: 40px; } }
        #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob .updating-profile-pic .fa {
          position: absolute;
          top: 32%;
          color: #0000002e;
          left: 32%;
          font-size: 50px; }
      #profile-banner-section .profile-img-wrapper .img-auth-icon-profile-mob:hover ~ .profile-img-btn {
        display: block; }
    #profile-banner-section .profile-img-wrapper .profile-name-area {
      display: inline-block;
      color: white;
      margin-left: 10px;
      vertical-align: middle;
      letter-spacing: 1px; }
      #profile-banner-section .profile-img-wrapper .profile-name-area .authen-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
      #profile-banner-section .profile-img-wrapper .profile-name-area .banner-user-name {
        margin-top: 0px;
        text-shadow: 1px 1px 1px #000; }
      #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link {
        margin-bottom: 30px;
        text-shadow: 1px 1px 1px #000;
        color: #919BB7; }
        #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link:hover {
          cursor: pointer;
          color: #fff; }
        #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link a {
          color: #ffffffc7;
          -webkit-text-stroke: 0.3px; }
          #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link a:hover {
            text-decoration: underline; }
        #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link .fa {
          color: #ffffffc7;
          -webkit-text-stroke: 0.3px; }
          #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link .fa:hover {
            color: #fff; }
        @media only screen and (max-width: 768px) {
          #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link {
            margin-bottom: 5px;
            text-shadow: none !important; }
            #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link a, #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link .fa {
              color: #777; }
              #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link a:hover, #profile-banner-section .profile-img-wrapper .profile-name-area .user-profile-link .fa:hover {
                color: #777; } }
      @media only screen and (max-width: 768px) {
        #profile-banner-section .profile-img-wrapper .profile-name-area {
          text-align: center;
          width: 100%;
          margin-left: 0;
          margin-bottom: 7px; } }
    #profile-banner-section .profile-img-wrapper .profile-image {
      width: 130px;
      height: 130px;
      border-radius: 100%;
      box-shadow: none;
      border: 5px solid white; }
    #profile-banner-section .profile-img-wrapper .profile-img-btn {
      display: none;
      position: absolute;
      left: 48px;
      top: 50px;
      bottom: 0;
      height: 35px;
      width: 35px; }
      #profile-banner-section .profile-img-wrapper .profile-img-btn:hover, #profile-banner-section .profile-img-wrapper .profile-img-btn:focus {
        display: block; }
      @media only screen and (max-width: 768px) {
        #profile-banner-section .profile-img-wrapper .profile-img-btn {
          top: 90px;
          left: 50%;
          right: unset;
          transform: translateX(-50%); }
          #profile-banner-section .profile-img-wrapper .profile-img-btn .dropdown-menu {
            top: 0;
            left: 100%; } }
  #profile-banner-section .profile-about-banner {
    color: #EA7289; }
  @media only screen and (max-width: 768px) {
    #profile-banner-section .profile-image {
      width: 100px;
      height: 100px;
      margin-top: 40px; } }
  #profile-banner-section .share-option-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #0000009e;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    width: 35px;
    height: 35px;
    padding: 7px 8px;
    margin: 5px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
    z-index: 10; }
    @media only screen and (max-width: 768px) {
      #profile-banner-section .share-option-wrapper {
        font-size: 16px;
        top: 3px;
        right: 40px; } }
  #profile-banner-section .toggle-edit-preview {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-weight: 550;
    z-index: 6;
    background: rgba(35, 35, 35, 0.5);
    padding: 5px 11px;
    border-radius: 5px;
    color: #fff;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      #profile-banner-section .toggle-edit-preview {
        font-size: 10px;
        bottom: 5px;
        right: 15px;
        padding: 5px;
        background: none; }
        #profile-banner-section .toggle-edit-preview .switch-button input[type=checkbox]:checked + .slider::before {
          transform: translateX(40px); }
        #profile-banner-section .toggle-edit-preview .switch-button .slider {
          width: 60px; }
        #profile-banner-section .toggle-edit-preview .switch-state-prew {
          position: absolute;
          left: 10px;
          z-index: 1;
          top: 46%;
          transform: translateY(-46%); }
        #profile-banner-section .toggle-edit-preview .switch-state-edit {
          position: absolute;
          right: 5px;
          z-index: 1;
          top: 46%;
          transform: translateY(-46%); } }

.location-icon {
  color: #919BB7; }

.profile-tagline {
  font-style: italic;
  color: #545968; }
  .profile-tagline .fa-quote-left, .profile-tagline .fa-quote-right {
    position: absolute; }
  .profile-tagline .content {
    padding: 0px 20px 0px 30px; }

.profile-banner-about {
  color: #545968; }

.profile-input {
  border: none; }

.profile-box {
  border: 1px solid #E5E8EA;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 20px; }
  .profile-box .profile-text-area {
    border: none;
    padding: 0px; }
  .profile-box input::placeholder {
    color: #b9b9b9; }
  .profile-box i.verify-text {
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 6px; }
    .profile-box i.verify-text.check {
      color: green; }
    .profile-box i.verify-text.un-check {
      color: red; }
    .profile-box i.verify-text:hover {
      cursor: pointer;
      color: #2b5075; }

.profile-input {
  border-bottom: none; }

.profile-text {
  color: #333857; }

.profile-about {
  color: #545968;
  font-size: 16px;
  border: none; }

.active-option {
  color: #333857; }

.profile-tabs > li {
  width: 50%;
  text-align: center; }

.admin-profile-tabs > li {
  width: 33.33%;
  text-align: center; }

.profile-tab-items {
  padding: 15px; }

.profile-border-bottom {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #F3F3F3; }

.profile-add-button {
  position: absolute;
  right: 30px;
  top: 15px; }
  .profile-add-button .profile-item-wrap {
    position: relative;
    padding-top: 20px; }

.experience-row-Num {
  font-size: 22px;
  position: absolute;
  left: 30px;
  margin-top: 3px;
  color: #919BB7; }

@media only screen and (max-width: 768px) {
  .experience-row-Num {
    font-size: 18px;
    position: absolute;
    left: 21px;
    margin-top: 3px;
    color: #00000094; } }
.profile-dropdown .wrap-dd-select {
  width: 100%;
  padding: 5px;
  background: transparent;
  border: none;
  box-shadow: none;
  font-weight: normal;
  color: inherit;
  padding-left: 0px; }

.profile-timeline .normal-section, .profile-timeline .tile-section, .profile-timeline #profile-edit-page .profile-edit-menu, #profile-edit-page .profile-timeline .profile-edit-menu {
  margin-bottom: 10px !important; }
.profile-timeline .timeline-item {
  position: relative; }
  .profile-timeline .timeline-item .action-layout-bar {
    display: none; }
  @media screen and (max-width: 768px) {
    .profile-timeline .timeline-item .action-layout-bar {
      display: block; } }
  .profile-timeline .timeline-item:hover .action-layout-bar {
    display: block; }
  .profile-timeline .timeline-item .event-card {
    padding: 15px; }
  .profile-timeline .timeline-item .post-entry {
    padding: 15px; }
.profile-timeline .normal-section, .profile-timeline .tile-section, .profile-timeline #profile-edit-page .profile-edit-menu, #profile-edit-page .profile-timeline .profile-edit-menu {
  padding: 0; }

.addprofile-details {
  position: fixed;
  right: 22px;
  top: 160px;
  padding: 7px 10px 3px 9px;
  background-color: rgba(178, 160, 160, 0.75);
  border-radius: 100%;
  border: 2px solid #adadad;
  z-index: 15;
  color: black;
  transition: all 0.2s ease-in; }

.plus-icon {
  background: #3c4b7d;
  color: #fff;
  position: absolute;
  right: 30px;
  bottom: 35px;
  padding: 7px 10px 3px 9px;
  border-radius: 100%;
  border: 2px solid #adadad;
  z-index: 15;
  transition: all 0.2s ease-in; }

.circle {
  position: absolute;
  font-size: 24px;
  right: 20px;
  bottom: 25px;
  z-index: 15;
  box-shadow: 0 5px 10px #3c4b7d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #3c4b7d;
  transition: all 0.2s ease-in-out; }
  .circle:hover {
    cursor: pointer; }
  .circle:active {
    bottom: 22px;
    box-shadow: none; }
  .circle .horizontal-plus {
    position: absolute;
    background-color: #FFFFFF;
    width: 50%;
    height: 12.5%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px; }
  .circle .vertical-plus {
    position: absolute;
    background-color: #FFFFFF;
    width: 12.5%;
    height: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px; }

.delete-arrow-icons {
  position: absolute;
  right: 15px;
  margin-top: 0; }

@media only screen and (max-width: 768px) {
  .delete-arrow-icons {
    right: 5px; } }
.cross-icon {
  margin-top: 0 !important;
  opacity: 0.8; }
  .cross-icon:hover {
    color: black;
    opacity: 1; }

@media only screen and (max-width: 768px) {
  .cross-icon {
    margin-top: 0 !important;
    font-size: 20px; } }
.experience-div {
  margin-left: 28px;
  width: calc(100% - 56px); }
  .experience-div textarea.profile-box {
    outline: none;
    width: 100%;
    resize: none; }
  @media only screen and (max-width: 768px) {
    .experience-div {
      margin-left: 8px;
      width: calc(100% - 16px); } }

.skill-input-margin {
  margin-top: 10px;
  margin-bottom: 20px; }

.profile-submenu-list > li {
  font-size: 14px;
  padding: 10px 30px;
  border-top: 1px solid #F3F3F3;
  cursor: pointer;
  border-left: 4px solid transparent; }
  .profile-submenu-list > li.active-option {
    border-left-color: #3c4b7d;
    color: #3c4b7d;
    font-weight: bold; }
    .profile-submenu-list > li.active-option:hover {
      color: black;
      background: #FAFBFD; }
  .profile-submenu-list > li:hover {
    color: black;
    background: #FAFBFD; }

.profile-list-submenu-colors {
  background-color: #f3f5fa;
  padding: 12px 13px;
  margin-bottom: 25px;
  margin-top: -15px;
  margin-right: -30px;
  margin-left: -30px;
  border-radius: 5px 5px 0px 0px; }

.profile-text-cap {
  text-transform: capitalize;
  margin-bottom: 0px; }

.profile-country-cap {
  text-transform: capitalize;
  margin-bottom: 0px !important; }

.banner-text-color {
  color: #ffffffc7;
  -webkit-text-stroke: 0.3px; }

.profile-cap {
  text-transform: capitalize; }

.profile-events .event-card-condensed {
  min-height: 34vh; }

.about-section-card1 {
  margin-bottom: 0;
  border-bottom: 5px solid #ecf2f6; }
  .about-section-card1 .secondary-hr {
    border-color: #e8e9ea; }
  .about-section-card1 .card-head .head-title .about-section-tab-caret {
    transition: all 0.2s ease-in-out; }
    .about-section-card1 .card-head .head-title .about-section-tab-caret.open {
      transform: rotate(-90deg); }
  .about-section-card1 .extend-card-body .index-heading {
    color: rgba(49, 57, 85, 0.91);
    font-weight: 550;
    line-height: 1.1;
    margin-bottom: 4px; }
  .about-section-card1 .extend-card-body .loc-date {
    font-size: 0.8125rem;
    line-height: 1.1;
    margin-bottom: 4px; }
  .about-section-card1 .extend-card-body .comp-deg {
    font-size: 0.8125rem;
    line-height: 1.1;
    margin-bottom: 4px; }
  .about-section-card1 .extend-card-body .index-desc.ul-desc {
    padding-left: 24px; }

.white-card-hover {
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  -moz-box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31); }
  .white-card-hover:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31);
    background: #fcfeff;
    cursor: pointer; }
    .white-card-hover:hover .extend-card-body {
      border-top: 1px solid #dcdfef; }
  .white-card-hover .extend-card-body {
    transition: border-top 0.3s ease-in-out;
    margin-left: 20px;
    margin-right: 20px;
    color: #5a5f73;
    padding-bottom: 1px;
    font-weight: normal; }
    .white-card-hover .extend-card-body .secondary-hr {
      border-color: #e8e9ea; }
    .white-card-hover .extend-card-body .index-heading {
      color: rgba(49, 57, 85, 0.91);
      font-weight: 550;
      line-height: 1.1;
      margin-bottom: 4px; }
    .white-card-hover .extend-card-body .loc-date {
      font-size: 0.8125rem;
      line-height: 1.1;
      margin-bottom: 4px; }
    .white-card-hover .extend-card-body .comp-deg {
      font-size: 0.8125rem;
      line-height: 1.1;
      margin-bottom: 4px; }
    .white-card-hover .extend-card-body .index-desc.ul-desc {
      padding-left: 24px; }

.down-arrow {
  font-size: 15px;
  position: absolute;
  top: 34%;
  right: 20px;
  transition: all 0.2s ease-in-out;
  color: rgba(49, 57, 85, 0.91); }
  .down-arrow.open {
    transform: rotate(-90deg); }

.icon-color {
  margin-right: 5px; }

.position-relative {
  position: relative; }

.about_section_divs {
  padding: 0px 15px !important; }

.about-section-div-title {
  font-size: 18px !important;
  padding: 7px 0px !important;
  font-weight: normal; }

.university-icon {
  font-size: 12px; }

@media only screen and (max-width: 768px) {
  .profile-img-wrapper {
    text-align: center; } }
@media only screen and (max-width: 768px) {
  .banner-user-name {
    color: #3F76AD;
    text-shadow: none !important; } }
@media only screen and (max-width: 768px) {
  .profile-banner-image {
    height: 150px !important; } }
.margin-left-15-negative {
  margin: -15px !important; }

@media only screen and (max-width: 768px) {
  .profile-card-css-change {
    margin: 10px 0 0 0px !important;
    text-align: center !important; } }
.set-dropdown-and-button {
  width: 250px;
  margin-left: -11px;
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .set-dropdown-and-button .dropdown .dropdown-menu-left {
      left: 50%;
      transform: translateX(-50%); } }
  @media only screen and (max-width: 768px) {
    .set-dropdown-and-button {
      width: 100%;
      text-align: center;
      margin-left: unset; } }
  .set-dropdown-and-button .btn {
    width: 90px;
    padding: 5px 8px; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .set-dropdown-and-button .btn {
      width: 90px;
      padding: 5px 8px; } }

.education-row:last-child > hr {
  display: none; }

.mob-dashboard-icon {
  position: fixed;
  top: 100px;
  z-index: 1002;
  width: 100%;
  right: 0; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .mob-dashboard-icon {
      top: 50px; } }
  .mob-dashboard-icon .menu-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1004;
    background: #0000009e;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    border-radius: 5px; }
  .mob-dashboard-icon .cross-icon-pos {
    right: 3px;
    color: #000;
    background: none;
    top: 6px;
    font-size: 35px; }
  .mob-dashboard-icon .show-component-div {
    background: #fff;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0;
    max-height: 500px;
    width: 0;
    min-height: 0;
    max-height: 0;
    overflow: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    .mob-dashboard-icon .show-component-div .hide-show-component-div {
      position: fixed;
      top: 110px;
      right: 0px;
      background: #fff;
      padding: 4px 4px 5px 5px;
      z-index: 5;
      color: #000;
      border-radius: 5px;
      font-size: 35px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .mob-dashboard-icon .show-component-div .hide-show-component-div {
          top: 60px; } }
    .mob-dashboard-icon .show-component-div .about-section-card {
      margin-bottom: 0;
      border-bottom: 5px solid #ecf2f6; }
      .mob-dashboard-icon .show-component-div .about-section-card .secondary-hr {
        border-color: #e8e9ea; }
      .mob-dashboard-icon .show-component-div .about-section-card .card-head .head-title {
        padding-right: 20px !important; }
        .mob-dashboard-icon .show-component-div .about-section-card .card-head .head-title .about-section-tab-caret {
          transition: all 0.2s ease-in-out;
          top: 8px;
          position: relative; }
          .mob-dashboard-icon .show-component-div .about-section-card .card-head .head-title .about-section-tab-caret.open {
            transform: rotate(-90deg); }
      .mob-dashboard-icon .show-component-div .about-section-card .extend-card-body .index-heading {
        color: rgba(49, 57, 85, 0.91);
        font-weight: 550;
        line-height: 1.1;
        margin-bottom: 4px; }
      .mob-dashboard-icon .show-component-div .about-section-card .extend-card-body .loc-date {
        font-size: 0.8125rem;
        line-height: 1.1;
        margin-bottom: 4px; }
      .mob-dashboard-icon .show-component-div .about-section-card .extend-card-body .comp-deg {
        font-size: 0.8125rem;
        line-height: 1.1;
        margin-bottom: 4px; }
      .mob-dashboard-icon .show-component-div .about-section-card .extend-card-body .index-desc.ul-desc {
        padding-left: 24px; }
  .mob-dashboard-icon .expand-show-component-div {
    width: 100%;
    opacity: 1;
    z-index: 1014;
    min-height: 100px;
    max-height: calc(100vh - 100px); }
  .mob-dashboard-icon .dash-board-options {
    position: absolute;
    top: 0px;
    z-index: 1003;
    right: 0;
    background: #fff;
    transition: all 0.2s ease-in-out;
    padding-top: 60px; }
    .mob-dashboard-icon .dash-board-options .dash-board-option-div {
      padding: 5px 30px 5px 15px;
      font-size: 18px;
      transition: all 0.1s ease-in-out;
      color: #313955; }
      .mob-dashboard-icon .dash-board-options .dash-board-option-div:active {
        color: #fff;
        background: #283d51; }
    .mob-dashboard-icon .dash-board-options .Profile-owner-name {
      position: absolute;
      top: 5px;
      font-size: 22px;
      padding-left: 10px;
      color: #666;
      height: 60px;
      width: 100%;
      padding-top: 18px;
      background: #fafafa;
      padding-right: 10px; }
    .mob-dashboard-icon .dash-board-options .small-image-class {
      height: 22px;
      width: 22px; }
  .mob-dashboard-icon .expand-dashboard {
    width: 70%;
    opacity: 1;
    min-height: 100px;
    max-height: 400px; }
  .mob-dashboard-icon .fold-dashboard {
    width: 0px;
    opacity: 0;
    min-height: 0;
    max-height: 0; }
  .mob-dashboard-icon .black-shadow {
    position: fixed;
    top: 100px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #00000060;
    z-index: 1001; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .mob-dashboard-icon .black-shadow {
        top: 50px; } }

.profile-access-types {
  margin-top: 7px; }
  .profile-access-types .activelabel {
    color: #0075ff; }
  .profile-access-types .activeicon {
    color: #0075ff; }
  .profile-access-types label {
    color: #919BB7;
    font-weight: 500; }
    .profile-access-types label:hover {
      color: #0075ff; }
      .profile-access-types label:hover .fa {
        color: #0075ff; }

.profile-page-bottom-section .post-entry.story-type:hover {
  border-radius: 5px; }
.profile-page-bottom-section .post-entry:hover .story-profile-timeline {
  box-shadow: none;
  transition: none; }
.profile-page-bottom-section .story-profile-timeline {
  overflow: hidden;
  max-height: none;
  border-bottom: 1px solid #eee; }
  .profile-page-bottom-section .story-profile-timeline .public-type-icons-div {
    position: absolute;
    left: 5px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #00000050; }
    .profile-page-bottom-section .story-profile-timeline .public-type-icons-div .public-type-icons {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff; }
  .profile-page-bottom-section .story-profile-timeline .card-head .label {
    position: absolute;
    bottom: 5px;
    right: 5px; }
  .profile-page-bottom-section .story-profile-timeline .shared-article-title {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 0.9375rem;
    border-bottom: 1px solid #eee;
    background: #fff; }
  .profile-page-bottom-section .story-profile-timeline .card-description {
    padding: 0.625rem 0.9375rem 0;
    color: #666; }

.main-page-container {
  margin-left: 6%;
  margin-right: 6%; }
  .main-page-container .flex-grid .flex-grid-col {
    width: 50%;
    padding-right: 10px;
    padding-left: 5px; }
    @media screen and (min-width: 1600px) {
      .main-page-container .flex-grid .flex-grid-col {
        width: 33.33%; } }
    @media screen and (min-width: 1900px) {
      .main-page-container .flex-grid .flex-grid-col {
        width: 33.33%; } }
    @media screen and (max-width: 767px) {
      .main-page-container .flex-grid .flex-grid-col {
        width: 100%; } }

.unpublish-icon-story::after {
  display: inline-block;
  content: "\00d7";
  position: relative;
  left: -12px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-right: -8px; }

.for-Unpiublish-icon:hover .unpublish-icon-story::after {
  display: inline-block;
  content: "\00d7";
  position: relative;
  left: -12px;
  color: #283D51;
  font-size: 14px;
  font-weight: 700;
  margin-right: -8px; }

.secure-article-pop-up {
  display: inline-block !important;
  -moz-transition: all linear 1s;
  -o-transition: all linear 1s;
  -webkit-transition: all linear 1s;
  transition: all linear 1s;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 1px 5px !important;
  margin-left: 10px;
  color: #666;
  font-size: 0.75rem;
  opacity: 1; }
  @media screen and (max-width: 768px) {
    .secure-article-pop-up {
      padding-left: 5px 5px !important;
      margin-left: 0; } }

.expand-comments {
  position: absolute;
  top: 15px;
  right: -20px;
  color: #919bb7;
  cursor: pointer; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .expand-comments {
      right: 150px; } }
  .expand-comments:hover {
    color: #596689; }

.secure-article-pop-up.ng-hide-add,
.secure-article-pop-up.ng-hide-remove {
  display: inline-block !important; }

.secure-article-pop-up.ng-hide {
  opacity: 0; }

.dashboard {
  height: 100%;
  position: fixed;
  width: 25%;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: white;
  overflow-x: hidden;
  padding-top: 50px; }

.options-three-dots {
  position: absolute;
  top: -15px;
  right: 10px; }
  @media screen and (max-width: 768px) {
    .options-three-dots {
      top: 0px; } }
  @media screen and (max-width: 767px) {
    .options-three-dots {
      top: -12px;
      text-align: center; }
      .options-three-dots .dropdown-toggle .fa {
        background-color: #b8cedd;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        font-size: 13px;
        padding: 4px;
        color: #fff; } }

.public-private {
  position: absolute;
  bottom: 2px;
  left: 15px; }
  @media screen and (max-width: 767px) {
    .public-private {
      border-radius: 50%;
      position: absolute;
      top: -25px;
      left: 5px;
      height: 20px;
      z-index: 0;
      width: 20px;
      bottom: unset;
      right: unset; }
      .public-private small {
        position: absolute;
        top: 49.5%;
        left: 51.5%;
        transform: translate(-50%, -50%);
        color: #fff; }
        .public-private small .fa {
          background-color: #00000040;
          border-radius: 50%;
          width: 17px;
          height: 18px;
          font-size: 14px;
          padding: 2px;
          color: #fff; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .public-private {
      bottom: 5px;
      right: 15px;
      left: unset;
      /* your css rules for ipad portrait */ } }

.user-article-info-mob {
  position: relative; }

.user-article-detail-mob {
  width: 80%;
  vertical-align: middle;
  padding-left: 0; }

.article-textareaa-mob {
  background: transparent;
  border: none;
  font-size: 16px;
  font-size: 1.4rem;
  max-height: 90px;
  -webkit-text-stroke: 0.3px;
  letter-spacing: 1px;
  width: 100%;
  outline: none;
  resize: none; }

.article-category-mob {
  font-size: 12px !important;
  font-family: roboto sans-serif !important; }

.story-edit-container {
  margin-top: -20px; }
  .story-edit-container .story-page .profile-banner {
    margin-top: -41px;
    height: 24vw; }
    @media screen and (max-width: 767px) {
      .story-edit-container .story-page .profile-banner {
        height: 350px; } }
  .story-edit-container .story-page .pin-icon {
    display: none; }
  .story-edit-container .story-page:hover .pin-icon {
    display: inline;
    right: 5px;
    left: auto; }
  .story-edit-container .text-counter {
    top: 0;
    right: 20px;
    font-size: 0.6rem; }
  .story-edit-container .sticky-toolbar {
    position: fixed;
    left: 70px;
    bottom: 40px;
    margin-right: 15px;
    z-index: 2;
    border-radius: 30px;
    padding: 5px;
    overflow: hidden;
    max-width: calc(100% - 30px); }
    @media screen and (max-width: 767px) {
      .story-edit-container .sticky-toolbar {
        bottom: 70px;
        left: 15px; } }
    .story-edit-container .sticky-toolbar .sticky-button, .story-edit-container .sticky-toolbar .story-option-dropdown .story-dropdown, .story-option-dropdown .story-edit-container .sticky-toolbar .story-dropdown {
      left: 0px;
      right: auto;
      position: relative;
      bottom: 0px; }
      .story-edit-container .sticky-toolbar .sticky-button:not(.rotate), .story-edit-container .sticky-toolbar .story-option-dropdown .story-dropdown:not(.rotate), .story-option-dropdown .story-edit-container .sticky-toolbar .story-dropdown:not(.rotate) {
        animation: pulse 3s linear infinite; }
@keyframes pulse {
  0% {
    transform: scale3d(0.95, 0.95, 0.95); }
  50% {
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    transform: scale3d(0.95, 0.95, 0.95); } }
    .story-edit-container .sticky-toolbar .custom-tab {
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        .story-edit-container .sticky-toolbar .custom-tab {
          width: calc(100% - 50px); } }
      .story-edit-container .sticky-toolbar .custom-tab.ng-enter {
        opacity: 0;
        transform: translateX(-100%);
        transition: all linear 0.15s; }
        .story-edit-container .sticky-toolbar .custom-tab.ng-enter.ng-enter-active {
          transform: translateX(0%);
          opacity: 1; }
    .story-edit-container .sticky-toolbar.opened {
      background: #ADADAD; }

.edit-section-wrapper .profile-banner {
  margin-top: 0px; }
  .edit-section-wrapper .profile-banner .updating-article-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6); }
    .edit-section-wrapper .profile-banner .updating-article-banner .fa {
      font-size: 100px;
      color: #0000002e;
      position: absolute;
      top: 30%;
      left: 46%; }
  .edit-section-wrapper .profile-banner .upload-cover-button {
    margin: auto;
    text-align: center;
    width: 50px;
    bottom: 80px;
    display: inline;
    height: 40px;
    z-index: 3;
    left: 0px;
    right: 0px; }
    @media screen and (max-width: 767px) {
      .edit-section-wrapper .profile-banner .upload-cover-button {
        font-size: 5pt;
        top: 50%;
        left: 50%;
        margin: unset; } }
  .edit-section-wrapper .profile-banner .story-banner-content {
    position: absolute;
    bottom: 2px;
    left: 15px;
    right: 15px; }
    .edit-section-wrapper .profile-banner .story-banner-content textarea::placeholder {
      color: #ADADAD; }
    .edit-section-wrapper .profile-banner .story-banner-content .main-content {
      background: rgba(15, 15, 15, 0.45);
      border-radius: 4px;
      padding-top: 20px;
      padding-bottom: 15px;
      box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
      color: #fff; }
      @media screen and (max-width: 767px) {
        .edit-section-wrapper .profile-banner .story-banner-content .main-content {
          padding-top: 5px;
          padding-bottom: 0px; } }
      .edit-section-wrapper .profile-banner .story-banner-content .main-content .show-saved-version-info {
        position: absolute;
        top: -35px;
        left: 50%;
        background: #fff;
        color: #000;
        padding: 5px;
        border-radius: 5px;
        max-width: 100%;
        white-space: nowrap;
        width: unset;
        transform: translateX(-50%);
        font-size: 14px;
        border: 2px solid #ff000061; }
        .edit-section-wrapper .profile-banner .story-banner-content .main-content .show-saved-version-info .cross-close {
          float: none;
          position: relative;
          top: 5px;
          margin-left: 5px; }
        @media screen and (max-width: 767px) {
          .edit-section-wrapper .profile-banner .story-banner-content .main-content .show-saved-version-info {
            white-space: unset;
            max-width: none;
            width: 100%;
            top: -55px;
            transform: unset;
            left: unset; } }
      .edit-section-wrapper .profile-banner .story-banner-content .main-content .story-title-count {
        position: absolute;
        top: -15px;
        left: 15px; }
      .edit-section-wrapper .profile-banner .story-banner-content .main-content .story-edit-title {
        background-color: transparent;
        border: none;
        color: white;
        outline: none;
        font-size: 1.8rem;
        padding: 0px;
        line-height: 1.2 !important;
        margin-bottom: 0px;
        padding-top: 5px;
        font-size: 1.8rem;
        letter-spacing: 1px;
        -webkit-text-stroke: .3px; }
        @media screen and (max-width: 768px) {
          .edit-section-wrapper .profile-banner .story-banner-content .main-content .story-edit-title {
            font-size: 1.4rem; } }
        @media screen and (min-width: 1400px) {
          .edit-section-wrapper .profile-banner .story-banner-content .main-content .story-edit-title {
            font-size: 1.8rem; } }
        @media screen and (min-width: 1600px) {
          .edit-section-wrapper .profile-banner .story-banner-content .main-content .story-edit-title {
            font-size: 2.5rem; } }
        @media screen and (min-width: 1900px) {
          .edit-section-wrapper .profile-banner .story-banner-content .main-content .story-edit-title {
            font-size: 2.5srem; } }
      .edit-section-wrapper .profile-banner .story-banner-content .main-content .edit-category {
        margin-top: 0px;
        margin-left: -15px; }
        .edit-section-wrapper .profile-banner .story-banner-content .main-content .edit-category.placeholder .wrap-dd-select {
          display: inline; }
          .edit-section-wrapper .profile-banner .story-banner-content .main-content .edit-category.placeholder .wrap-dd-select:before {
            content: 'Select Category';
            color: #EA7289;
            position: relative;
            z-index: 1; }
    .edit-section-wrapper .profile-banner .story-banner-content .wrap-dd-select {
      width: 500px; }
      @media screen and (max-width: 768px) {
        .edit-section-wrapper .profile-banner .story-banner-content .wrap-dd-select {
          width: 80vw; } }
.edit-section-wrapper .edit-section-row {
  margin-top: 30px;
  position: relative;
  padding: 15px 10px;
  background: #fafafa;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 3px #f9f9f9; }
  .edit-section-wrapper .edit-section-row h3 {
    margin-top: 0px; }
  .edit-section-wrapper .edit-section-row .delete-button {
    position: absolute;
    right: -40px;
    z-index: 1;
    top: -25px; }
    @media screen and (max-width: 767px) {
      .edit-section-wrapper .edit-section-row .delete-button {
        right: -10px;
        top: -25px; } }
  .edit-section-wrapper .edit-section-row .note-popover .popover-content, .edit-section-wrapper .edit-section-row .panel-heading.note-toolbar {
    padding-right: 60px; }
.edit-section-wrapper .wrap-dd-select {
  background: transparent;
  border: none;
  width: 400px;
  color: #EA7289;
  padding: 0px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .edit-section-wrapper .wrap-dd-select {
      width: 300px;
      margin-left: 0px;
      font-size: 1.6rem; } }
  .edit-section-wrapper .wrap-dd-select .dropdown li a {
    font-size: 14px;
    color: #333; }
.edit-section-wrapper .wrap-dd-select:after {
  border-color: transparent; }

.story-description-container {
  padding-bottom: 30px;
  margin-bottom: 0px; }
  .story-description-container .summernote ~ .note-editor .note-placeholder {
    color: #b9b9b9; }
  .story-description-container .summernote ~ .note-editor .note-editing-area {
    font-size: 16px;
    line-height: 1.2; }
    .story-description-container .summernote ~ .note-editor .note-editing-area p {
      font-size: 1.5rem;
      color: #545968;
      letter-spacing: 1px; }
      @media screen and (max-width: 768px) {
        .story-description-container .summernote ~ .note-editor .note-editing-area p {
          font-size: 1.3rem; } }
      @media screen and (min-width: 1400px) {
        .story-description-container .summernote ~ .note-editor .note-editing-area p {
          font-size: 1.5rem; } }
      @media screen and (min-width: 1600px) {
        .story-description-container .summernote ~ .note-editor .note-editing-area p {
          font-size: 2rem; } }
      @media screen and (min-width: 1900px) {
        .story-description-container .summernote ~ .note-editor .note-editing-area p {
          font-size: 2rem; } }

.secure-checkbox {
  height: 17px; }
  @media screen and (max-width: 768px) {
    .secure-checkbox {
      height: 12px; } }

.secure-label {
  width: 0px;
  display: none !important;
  transition: all  0.7s ease-in-out !important; }

.expand-secure-label {
  width: 100px;
  display: inline-block; }

.story-page {
  background: #fff;
  margin-top: -41px; }
  .story-page .page-share-bar .like-wrapper .like-icon .fa-thumbs-o-up {
    color: #fff !important; }
  .story-page .page-share-bar .like-wrapper .like-icon .fa-thumbs-up {
    color: #fff !important; }
  .story-page .expand-comments {
    position: absolute;
    top: 0px;
    right: -20px;
    color: #919bb7;
    cursor: pointer;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    cursor: pointer; }
    @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
      .story-page .expand-comments {
        right: 150px; } }
    @media screen and (max-width: 767px) {
      .story-page .expand-comments {
        right: 150px; } }
    .story-page .expand-comments:hover {
      background: #fafafa;
      cursor: pointer; }
  .story-page .content-actions .like-repost-comment-ul {
    margin-bottom: 5px; }
  @media screen and (max-width: 767px) {
    .story-page .content-actions .like-repost-comment-bar {
      padding: 0; } }
  .story-page .content-actions:hover + .expand-comments {
    background: #fafafa; }
  .story-page .profile-banner {
    margin-top: 90px;
    background-position: center;
    padding-bottom: 25.33%;
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      .story-page .profile-banner {
        margin-top: 145px;
        padding-bottom: 40%; } }
    .story-page .profile-banner .story-banner-content {
      position: absolute;
      bottom: 2px;
      left: 15px;
      right: 15px; }
      .story-page .profile-banner .story-banner-content .story-banner-radio .btn-radio svg path {
        stroke: white; }
      .story-page .profile-banner .story-banner-content .story-banner-radio .btn-radio span {
        color: white; }
      .story-page .profile-banner .story-banner-content .main-content {
        background: rgba(15, 15, 15, 0.45);
        border-radius: 4px;
        padding-bottom: 15px;
        padding-top: 20px;
        color: #fff; }
        @media screen and (max-width: 767px) {
          .story-page .profile-banner .story-banner-content .main-content {
            padding-top: 5px;
            padding-bottom: 0px; } }
        .story-page .profile-banner .story-banner-content .main-content .show-saved-version-info {
          position: absolute;
          top: -35px;
          left: 50%;
          background: #fff;
          color: #545968;
          padding: 5px;
          padding-top: 2px;
          padding-bottom: 4px;
          border-radius: 5px;
          max-width: 100%;
          white-space: nowrap;
          width: unset;
          transform: translateX(-50%);
          font-size: 14px;
          border: 2px solid #adb7d8;
          z-index: 2;
          letter-spacing: .2px; }
          .story-page .profile-banner .story-banner-content .main-content .show-saved-version-info .cross-close {
            float: none;
            position: relative;
            top: 5px;
            margin-left: 5px; }
          @media screen and (max-width: 767px) {
            .story-page .profile-banner .story-banner-content .main-content .show-saved-version-info {
              white-space: unset;
              max-width: none;
              width: fit-content;
              transform: translateX(-50%);
              left: 50%;
              top: -55px; } }
          @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
            .story-page .profile-banner .story-banner-content .main-content .show-saved-version-info {
              padding-top: 1px;
              /* your css rules for ipad portrait */
              font-size: 12px; } }
        .story-page .profile-banner .story-banner-content .main-content .list-inline li h3 {
          margin-top: 0px; }
          @media screen and (max-width: 767px) {
            .story-page .profile-banner .story-banner-content .main-content .list-inline li h3 {
              font-size: 1.4rem; } }
        .story-page .profile-banner .story-banner-content .main-content .list-inline .story-banner-user {
          max-width: 250px;
          float: right; }
          @media screen and (max-width: 767px) {
            .story-page .profile-banner .story-banner-content .main-content .list-inline .story-banner-user {
              float: none;
              margin-top: 10px;
              max-width: auto; } }
          .story-page .profile-banner .story-banner-content .main-content .list-inline .story-banner-user .user-detail {
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            max-width: 180px; }
        .story-page .profile-banner .story-banner-content .main-content h1 {
          font-size: 2rem;
          margin-top: 0px; }
          @media screen and (max-width: 767px) {
            .story-page .profile-banner .story-banner-content .main-content h1 {
              font-size: 25px; } }
        .story-page .profile-banner .story-banner-content .main-content .like-comment-count {
          font-size: 20px;
          display: inline-block; }
          .story-page .profile-banner .story-banner-content .main-content .like-comment-count .like-area, .story-page .profile-banner .story-banner-content .main-content .like-comment-count .comment-area, .story-page .profile-banner .story-banner-content .main-content .like-comment-count .share-area {
            vertical-align: middle; }
          .story-page .profile-banner .story-banner-content .main-content .like-comment-count .comment-area, .story-page .profile-banner .story-banner-content .main-content .like-comment-count .share-area {
            margin-top: 3px; }
          .story-page .profile-banner .story-banner-content .main-content .like-comment-count .share-area {
            position: relative; }
          .story-page .profile-banner .story-banner-content .main-content .like-comment-count .like-icon-align {
            min-width: 30px; }
    .story-page .profile-banner .pin-icon {
      display: none; }
    .story-page .profile-banner:hover .pin-icon {
      display: inline;
      right: 50px;
      left: auto;
      top: 20px; }
      @media screen and (max-width: 767px) {
        .story-page .profile-banner:hover .pin-icon {
          right: 35px;
          top: 5px;
          width: unset;
          height: unset;
          background: unset;
          padding: unset;
          box-shadow: unset; }
          .story-page .profile-banner:hover .pin-icon .fa {
            background-color: #b8cedd;
            border-radius: 50%;
            width: 22px;
            height: 22px;
            font-size: 14px;
            padding: 4px;
            color: #fff; } }
  .story-page .story-banner-content-mobile {
    position: relative; }
    .story-page .story-banner-content-mobile .action-btn-mob {
      position: fixed;
      z-index: 2;
      right: 0;
      top: 105px;
      height: 40px;
      right: 5px; }
      .story-page .story-banner-content-mobile .action-btn-mob button {
        width: 60px;
        padding: 5px; }
    .story-page .story-banner-content-mobile .article-textareaa-mob {
      color: rgba(49, 57, 85, 0.91);
      background: #F3F3F3; }
    .story-page .story-banner-content-mobile .main-content {
      background: #fff;
      padding-bottom: 15px;
      padding-top: 20px;
      color: #5a5f73;
      box-shadow: 0 8px 6px -6px #00000050; }
      @media screen and (max-width: 767px) {
        .story-page .story-banner-content-mobile .main-content {
          padding-top: 5px;
          padding-bottom: 0px; } }
      .story-page .story-banner-content-mobile .main-content .story-title-display {
        color: rgba(49, 57, 85, 0.91);
        letter-spacing: 1px;
        -webkit-text-stroke: .3px; }
      .story-page .story-banner-content-mobile .main-content .show-saved-version-info {
        position: absolute;
        top: -35px;
        left: 50%;
        background: #fff;
        color: #545968;
        padding: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        border-radius: 4px;
        max-width: 100%;
        white-space: nowrap;
        width: unset;
        transform: translateX(-50%);
        font-size: 10px;
        border: 2px solid #adb7d8;
        z-index: 1; }
        .story-page .story-banner-content-mobile .main-content .show-saved-version-info .cross-close {
          float: none;
          position: absolute;
          right: 2px;
          top: 6px;
          font-size: 20px;
          margin-left: 5px; }
        @media screen and (max-width: 767px) {
          .story-page .story-banner-content-mobile .main-content .show-saved-version-info {
            white-space: unset;
            max-width: none;
            width: fit-content;
            transform: translateX(-50%);
            left: 50%;
            top: -50px; } }
      .story-page .story-banner-content-mobile .main-content .list-inline li h3 {
        margin-top: 0px; }
        @media screen and (max-width: 767px) {
          .story-page .story-banner-content-mobile .main-content .list-inline li h3 {
            font-size: 1.4rem; } }
      .story-page .story-banner-content-mobile .main-content .list-inline .story-banner-user {
        max-width: 250px;
        float: right; }
        @media screen and (max-width: 767px) {
          .story-page .story-banner-content-mobile .main-content .list-inline .story-banner-user {
            float: none;
            margin-top: 10px;
            max-width: auto; } }
        .story-page .story-banner-content-mobile .main-content .list-inline .story-banner-user .user-detail {
          display: inline-block;
          padding-left: 10px;
          vertical-align: middle;
          max-width: 180px; }
      .story-page .story-banner-content-mobile .main-content h1 {
        font-size: 2rem;
        margin-top: 0px; }
        @media screen and (max-width: 767px) {
          .story-page .story-banner-content-mobile .main-content h1 {
            font-size: 25px; } }
      .story-page .story-banner-content-mobile .main-content .like-comment-count {
        font-size: 20px;
        display: inline-block; }
        .story-page .story-banner-content-mobile .main-content .like-comment-count .like-area, .story-page .story-banner-content-mobile .main-content .like-comment-count .comment-area, .story-page .story-banner-content-mobile .main-content .like-comment-count .share-area {
          vertical-align: middle; }
        .story-page .story-banner-content-mobile .main-content .like-comment-count .comment-area, .story-page .story-banner-content-mobile .main-content .like-comment-count .share-area {
          margin-top: 3px; }
        .story-page .story-banner-content-mobile .main-content .like-comment-count .share-area {
          position: relative; }
        .story-page .story-banner-content-mobile .main-content .like-comment-count .like-icon-align {
          min-width: 30px; }

@media screen and (min-width: 992px) {
  .custom-col {
    width: 90%;
    margin-left: 5%; } }

.content-wrap {
  box-shadow: 0px 100px 200px 30px #ced2e5;
  margin: 0px;
  border-radius: 5px;
  padding: 15px; }
  .content-wrap .story-desc p {
    font-size: 1.5rem;
    color: #545968;
    letter-spacing: 1px;
    padding-top: 8px;
    padding-bottom: 30px;
    font-weight: normal; }
    @media screen and (max-width: 768px) {
      .content-wrap .story-desc p {
        font-size: 1.3rem;
        padding-left: 5px;
        padding-right: 5px; } }
    @media screen and (min-width: 1400px) {
      .content-wrap .story-desc p {
        font-size: 1.5rem; } }
    @media screen and (min-width: 1600px) {
      .content-wrap .story-desc p {
        font-size: 2rem; } }
    @media screen and (min-width: 1900px) {
      .content-wrap .story-desc p {
        font-size: 2rem; } }
  .content-wrap .text-box-section-description h4, .content-wrap .text-box-section-description h5 {
    color: #545968; }
  .content-wrap .text-box-section-description p {
    font-size: 0.9rem;
    color: #545968;
    letter-spacing: 1px;
    padding-right: 8px; }
    @media screen and (min-width: 1400px) {
      .content-wrap .text-box-section-description p {
        font-size: 1.1rem; } }
    @media screen and (min-width: 1600px) {
      .content-wrap .text-box-section-description p {
        font-size: 1.2rem; } }
    @media screen and (min-width: 1900px) {
      .content-wrap .text-box-section-description p {
        font-size: 1.4rem; } }
  .content-wrap .font-styles-section-heading {
    font-size: 1.7rem;
    letter-spacing: 1px;
    color: rgba(49, 57, 85, 0.91);
    line-height: 1.7rem;
    min-height: 28px;
    margin-top: 3px; }
    @media screen and (max-width: 768px) {
      .content-wrap .font-styles-section-heading {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-top: 3px; } }
    @media screen and (min-width: 1400px) {
      .content-wrap .font-styles-section-heading {
        font-size: 1.7rem;
        line-height: 1.7rem;
        margin-top: 3px; } }
    @media screen and (min-width: 1600px) {
      .content-wrap .font-styles-section-heading {
        font-size: 2.2rem;
        line-height: 2.2rem;
        margin-top: 3px; } }
    @media screen and (min-width: 1900px) {
      .content-wrap .font-styles-section-heading {
        font-size: 2.2rem;
        line-height: 2.2rem;
        margin-top: 3px; } }
  @media screen and (max-width: 767px) {
    .content-wrap {
      box-shadow: none; } }
  .content-wrap .section-hr {
    border-top: 1px solid #dcdfef;
    margin-top: 7px; }
  .content-wrap .story-page-section1 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section1 .section1-col-first {
      padding-top: 5px;
      padding-left: 0;
      padding-right: 0; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section1 .section1-col-first {
          padding-left: 2.5px;
          padding-right: 2.5px; } }
  .content-wrap .story-page-section2 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section2 .section2-col-first {
      padding-top: 5px;
      padding-left: 0;
      padding-right: 10px; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section2 .section2-col-first {
          padding-left: 2.5px;
          padding-right: 2.5px; } }
    .content-wrap .story-page-section2 .section2-col-second {
      padding-top: 5px;
      padding-right: 0;
      padding-left: 10px; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section2 .section2-col-second {
          padding-left: 2.5px;
          padding-right: 2.5px; } }
  .content-wrap .story-page-section3 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section3 .section3-col-first {
      padding-top: 5px;
      padding-left: 0;
      padding-right: 10px; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section3 .section3-col-first {
          padding-left: 2.5px;
          padding-right: 2.5px; } }
    .content-wrap .story-page-section3 .section3-col-second {
      padding-left: 2.5px;
      padding-right: 0; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section3 .section3-col-second {
          padding-left: 0; } }
  .content-wrap .story-page-section4 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section4 .section4-col-first {
      padding-right: 2.5px;
      padding-left: 0; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section4 .section4-col-first {
          padding-right: 0; } }
    .content-wrap .story-page-section4 .section4-col-second {
      padding-top: 5px;
      padding-left: 10px;
      padding-right: 0; }
      @media screen and (max-width: 768px) {
        .content-wrap .story-page-section4 .section4-col-second {
          padding-top: 20px;
          padding-left: 2.5px;
          padding-right: 2.5px; } }
  .content-wrap .story-page-section5 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section5 .section5-col-first {
      padding: 0; }
  .content-wrap .story-page-section6 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section6 .section6-col-first {
      padding-right: 2.5px;
      padding-left: 0; }
    .content-wrap .story-page-section6 .section6-col-second {
      padding-left: 2.5px;
      padding-right: 0; }
  .content-wrap .story-page-section7 {
    margin: 0px;
    padding: 5px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 4px; }
    .content-wrap .story-page-section7 .section7-col-first {
      padding: 0; }

.sticky-bar {
  position: fixed;
  top: 50px;
  z-index: 2;
  left: 0;
  right: 0; }
  .sticky-bar .story-sticky-action {
    padding: 5px 30px;
    display: inline-block; }
    .sticky-bar .story-sticky-action .publish-action-dropdown {
      margin-right: 10px; }
  .sticky-bar .story-toggle {
    background: rgba(35, 35, 35, 0.5);
    padding: 5px 11px;
    border-radius: 5px;
    color: #fff;
    z-index: 10000;
    position: relative;
    left: 15px;
    top: 4px;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .sticky-bar .story-toggle {
        top: 5px;
        left: 0; } }
  @media screen and (max-width: 767px) {
    .sticky-bar {
      top: 99px;
      left: 0px; } }

.story-section-height {
  min-height: 125px;
  padding: 15px;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px; }

.headline-counter {
  position: absolute;
  right: 0px;
  top: -20px; }

.media-link-modal .modal-body {
  overflow-x: hidden; }
  .media-link-modal .modal-body .upload-media-custom-file {
    font-weight: normal;
    margin: 0px; }
  .media-link-modal .modal-body .croptool-upload-options-row .file-name-input {
    border-color: #dcdfef;
    outline: none;
    box-shadow: none; }
    .media-link-modal .modal-body .croptool-upload-options-row .file-name-input:focus {
      border-color: #dcdfef !important;
      outline: none;
      box-shadow: none; }
  .media-link-modal .modal-body .croptool-upload-options-row .browse-btn {
    border-color: #dcdfef;
    border-radius: 0;
    border-left: none;
    color: rgba(49, 57, 85, 0.91); }
  .media-link-modal .modal-body .croptool-upload-options-row .clear-btn {
    border-color: #dcdfef;
    color: rgba(49, 57, 85, 0.91); }
  .media-link-modal .modal-body .croptool-upload-options-row .upload-options {
    padding-left: 15px; }
    @media screen and (max-width: 768px) {
      .media-link-modal .modal-body .croptool-upload-options-row .upload-options {
        padding-left: 0; } }
    .media-link-modal .modal-body .croptool-upload-options-row .upload-options .dropdown-toggle {
      color: rgba(49, 57, 85, 0.91); }
    .media-link-modal .modal-body .croptool-upload-options-row .upload-options .dropdown-menu {
      width: 100%;
      left: 15px; }
      @media screen and (max-width: 767px) {
        .media-link-modal .modal-body .croptool-upload-options-row .upload-options .dropdown-menu {
          left: 0; } }
      .media-link-modal .modal-body .croptool-upload-options-row .upload-options .dropdown-menu li a .fa {
        width: 20px; }
    .media-link-modal .modal-body .croptool-upload-options-row .upload-options .option-tggle-btn {
      display: block;
      height: 34px;
      line-height: 34px;
      transition: all .2s ease-in-out;
      letter-spacing: 1px;
      font-size: 16px;
      -webkit-text-stroke: .4px;
      padding: 0;
      margin-bottom: 20px;
      border-bottom: 1px solid #dcdfef; }
      @media screen and (max-width: 767px) {
        .media-link-modal .modal-body .croptool-upload-options-row .upload-options .option-tggle-btn {
          margin-bottom: 15px; } }
      .media-link-modal .modal-body .croptool-upload-options-row .upload-options .option-tggle-btn .caret-icon .fa {
        transition: all 0.2s ease-in-out;
        font-size: 20px;
        -webkit-text-stroke: 1px; }
        .media-link-modal .modal-body .croptool-upload-options-row .upload-options .option-tggle-btn .caret-icon .fa.open {
          transform: rotate(-180deg); }
  .media-link-modal .modal-body .croptool-upload-options-row .preview-button {
    display: block;
    height: 34px;
    line-height: 34px;
    transition: all .2s ease-in-out;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    -webkit-text-stroke: .4px;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 4px; }
    .media-link-modal .modal-body .croptool-upload-options-row .preview-button.active {
      background: #3c4b7d;
      color: white;
      margin-left: 0;
      margin-right: 10%;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
        .media-link-modal .modal-body .croptool-upload-options-row .preview-button.active {
          margin-right: 0px; } }
      .media-link-modal .modal-body .croptool-upload-options-row .preview-button.active:hover {
        background: #687ab7; }
      .media-link-modal .modal-body .croptool-upload-options-row .preview-button.active.disable {
        opacity: 0.85;
        cursor: auto; }
        .media-link-modal .modal-body .croptool-upload-options-row .preview-button.active.disable:hover {
          background: #3c4b7d;
          cursor: auto; }
  .media-link-modal .modal-body #cropCanvas {
    margin: auto; }
  .media-link-modal .modal-body .radio-crop {
    margin-right: 15px; }
  .media-link-modal .modal-body .btn-radio {
    float: unset; }
  .media-link-modal .modal-body .watermark-setting-toggle {
    width: 35px;
    height: 35px;
    font-size: 25px;
    cursor: pointer; }
  .media-link-modal .modal-body .background-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 15px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3; }
    @media screen and (max-width: 767px) {
      .media-link-modal .modal-body .background-div {
        position: fixed;
        bottom: 0; } }
  .media-link-modal .modal-body .watermark-setting-wrapper {
    top: 0;
    position: absolute;
    right: 0;
    width: 0px;
    z-index: 3;
    background: white;
    bottom: 15px;
    transition: width 0.2s ease-in-out;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .media-link-modal .modal-body .watermark-setting-wrapper {
        width: 100%;
        height: 0;
        top: unset;
        bottom: 0;
        transition: height 0.2s ease-in-out; } }
    .media-link-modal .modal-body .watermark-setting-wrapper .watermark-setting-content {
      display: none; }
    .media-link-modal .modal-body .watermark-setting-wrapper.expand {
      width: 40%;
      box-shadow: -5px 0 8px -5px #00000050;
      padding-bottom: 50px; }
      @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
        .media-link-modal .modal-body .watermark-setting-wrapper.expand {
          width: 57%;
          /* your css rules for ipad portrait */ } }
      @media screen and (max-width: 767px) {
        .media-link-modal .modal-body .watermark-setting-wrapper.expand {
          width: 100%;
          height: 90%;
          bottom: 10%;
          transition: height 0.2s ease-in-out; } }
      .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-heading {
        width: 100%;
        position: relative;
        text-align: center;
        height: 25px;
        display: block;
        margin: auto;
        letter-spacing: 1.5px;
        font-size: 20px;
        -webkit-text-stroke: .3px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: rgba(49, 57, 85, 0.91); }
        .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-heading .close-watermark-setting {
          background: none;
          border: none;
          outline: none;
          position: absolute;
          left: 0;
          bottom: 0;
          font-size: 30px;
          left: 5px;
          bottom: -10px; }
      .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content {
        display: block;
        z-index: 3;
        padding: 0px 0px 25px;
        overflow: auto;
        height: 100%;
        scrollbar-width: none; }
        .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content::-webkit-scrollbar {
          width: 0px;
          background: transparent;
          /* Chrome/Safari/Webkit */ }
        .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .expand-fold-icon {
          background: #fff;
          border-radius: 0px 0px 0px 4px;
          width: 25px;
          height: 25px;
          position: absolute;
          top: 0;
          left: -25px;
          cursor: pointer; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .expand-fold-icon .close-watermark-setting {
            position: absolute;
            top: 85%;
            transform: translateY(-50%); }
        .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .preview-options {
          position: sticky;
          top: 0;
          z-index: 1;
          padding-bottom: 5px;
          background: white; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .preview-options .preview {
            min-height: 5rem;
            position: relative; }
            .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .preview-options .preview .image-watermark-loader {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background: rgba(255, 255, 255, 0.6); }
              .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .preview-options .preview .image-watermark-loader .fa {
                font-size: 24px;
                position: absolute;
                transform: translate(-50%, -50%);
                left: 46%;
                top: 40%;
                color: #3f76ad; }
            .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .preview-options .preview .img-wrapper img {
              max-width: 100%;
              max-height: 250px;
              border-radius: 4px;
              border: 5px solid #fff;
              background: grey;
              display: block;
              margin: auto; }
        .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .profile-setting-wtrmrk-off {
          padding: 20px 20px 0px; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .profile-setting-wtrmrk-off .watermrk-off-text {
            font-size: 14px;
            letter-spacing: 1px;
            -webkit-text-stroke: .2px; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .profile-setting-wtrmrk-off .edit-btn a {
            font-size: 18px;
            letter-spacing: 1px; }
        .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section {
          padding: 10px 20px 0px;
          color: #5a5f73; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .apply-watermark-text {
            vertical-align: top;
            font-size: 18px;
            letter-spacing: 1px;
            -webkit-text-stroke: .2px; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .toggle-switch {
            vertical-align: bottom; }
          .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option {
            margin-top: 15px; }
            .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-title {
              font-size: 16px;
              letter-spacing: .5px; }
            .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content {
              padding-left: 1px; }
              .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .btn-radio span {
                font-size: 14px;
                line-height: 14px; }
              .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .color-picker-section {
                width: 270px;
                position: relative; }
                .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .color-picker-section .icon-div {
                  width: 30px;
                  border: 1px solid #dcdfef;
                  padding: 4px;
                  padding-left: 7px;
                  border-radius: 4px;
                  position: absolute;
                  right: 0;
                  bottom: 0;
                  cursor: pointer; }
                  .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .color-picker-section .icon-div i {
                    -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.5);
                    font-size: 14px; }
                .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .color-picker-section .color-picker-value {
                  width: 230px; }
                  .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .color-picker-section .color-picker-value input {
                    font-size: 14px;
                    letter-spacing: 2px;
                    font-weight: 550;
                    -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.5);
                    padding-bottom: 0;
                    padding-top: 10px; }
                    .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .color-picker-section .color-picker-value input:focus {
                      border-color: #dcdfef !important; }
              .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .watermark-as-image {
                width: 200px; }
                .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .watermark-as-image img {
                  max-width: 100%; }
              .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .watermark-text-div input {
                font-size: 18px;
                letter-spacing: 2px;
                font-weight: 550;
                -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.5); }
                .media-link-modal .modal-body .watermark-setting-wrapper.expand .watermark-setting-content .watermark-option-section .watermark-option-content .watermark-option .option-content .watermark-text-div input:focus {
                  border-color: #dcdfef !important; }
.media-link-modal .slide-container {
  width: 200px;
  display: block;
  margin: auto; }
  .media-link-modal .slide-container .reset-filter {
    margin-top: 15px;
    display: inline-block; }
  .media-link-modal .slide-container .filter-slider {
    -webkit-appearance: none;
    background: #ADADAD;
    height: 7px;
    border-radius: 5px;
    margin-top: 4px;
    outline: none; }
    .media-link-modal .slide-container .filter-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #3c4b7d;
      cursor: pointer; }
.media-link-modal .media-modal-btn-row {
  background: #eee;
  padding: 15px 0px 10px 0px;
  box-shadow: 0px 4px 7px 1px #ccc;
  margin-top: -15px;
  margin-bottom: 20px; }
  .media-link-modal .media-modal-btn-row .media-modal-btn {
    border-right: 1px solid #aaa; }
    .media-link-modal .media-modal-btn-row .media-modal-btn:last-child {
      border: none; }
    .media-link-modal .media-modal-btn-row .media-modal-btn:hover, .media-link-modal .media-modal-btn-row .media-modal-btn.active {
      color: #3c4b7d; }
    .media-link-modal .media-modal-btn-row .media-modal-btn .custom-file-upload {
      font-weight: normal;
      font-size: 16px; }
.media-link-modal .filter-icon-wrapper {
  padding-top: 10px; }
  .media-link-modal .filter-icon-wrapper .filter-icon {
    padding: 10px; }
    .media-link-modal .filter-icon-wrapper .filter-icon.current-filter {
      box-shadow: 0px 0px 2px 3px #3c4b7d; }
    .media-link-modal .filter-icon-wrapper .filter-icon .fa {
      color: black; }
      .media-link-modal .filter-icon-wrapper .filter-icon .fa.fa-image {
        color: #ADADAD; }
    .media-link-modal .filter-icon-wrapper .filter-icon .active-filter {
      background: #3c4b7d;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      position: absolute; }
.media-link-modal .media-preview-section {
  border: 1px dashed #ccc;
  padding: 2px; }
  .media-link-modal .media-preview-section .small-preview-section .placeholder {
    background: rgba(23, 57, 128, 0.25);
    min-height: 100px;
    min-width: 100px;
    border-radius: 4px; }
    .media-link-modal .media-preview-section .small-preview-section .placeholder .placeholder-text {
      position: absolute;
      top: 46%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #919BB7;
      font-size: 16px;
      -webkit-text-stroke: 1px;
      letter-spacing: 1px; }
  .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt {
    text-align: center; }
    .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .loader-img-proccessing {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background: rgba(255, 255, 255, 0.7);
      z-index: 1; }
      .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .loader-img-proccessing .fa {
        font-size: 24px;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 46%;
        top: 40%;
        color: #3f76ad; }
    @media screen and (max-width: 767px) {
      .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt {
        margin-top: 30px; } }
    .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .img-li {
      cursor: pointer;
      border-radius: 4px;
      border: 3px solid white;
      box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3); }
      .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .img-li img {
        max-width: 100%;
        max-height: 100%; }
      @media screen and (max-width: 767px) {
        .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .img-li {
          width: 150px;
          margin: auto; } }
      @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
        .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .img-li {
          width: 200px;
          margin: auto;
          /* your css rules for ipad portrait */ } }
    .media-link-modal .media-preview-section .small-preview-section .watermark-setting-img-opt .text-li {
      cursor: pointer;
      margin-top: 20px; }
  .media-link-modal .media-preview-section .preview-image {
    width: 100%;
    min-height: 300px; }
    .media-link-modal .media-preview-section .preview-image.show-background {
      background: rgba(23, 57, 128, 0.25);
      border-radius: 4px; }
      .media-link-modal .media-preview-section .preview-image.show-background .static-text {
        position: absolute;
        top: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #919BB7;
        font-size: 25px;
        -webkit-text-stroke: 1px;
        letter-spacing: 1px; }
        .media-link-modal .media-preview-section .preview-image.show-background .static-text.small {
          font-size: 18px; }
        .media-link-modal .media-preview-section .preview-image.show-background .static-text label {
          color: #3F76AD;
          text-decoration: underline;
          font-weight: normal;
          cursor: pointer; }
          .media-link-modal .media-preview-section .preview-image.show-background .static-text label:hover {
            color: #2b5075; }
    .media-link-modal .media-preview-section .preview-image img {
      max-height: 100%;
      margin: auto;
      max-width: 100%;
      border-radius: 4px; }
    .media-link-modal .media-preview-section .preview-image iframe {
      margin: auto;
      height: 300px;
      width: 100%; }
    .media-link-modal .media-preview-section .preview-image .image-processing-spinner {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
  .media-link-modal .media-preview-section #media-edit-canvas {
    display: none; }
  .media-link-modal .media-preview-section canvas {
    border-radius: 4px; }

.story-background {
  background-color: #fafafa;
  padding: 5px; }

.white-section {
  margin: 8px 0px;
  border-radius: 5px; }
  .white-section .section-headline {
    border: none;
    margin-bottom: 0px;
    width: 95%; }
    .white-section .section-headline:focus {
      border: none;
      outline: none; }
  .white-section input::placeholder {
    color: #B9B9B9; }
  .white-section .story-section-textarea {
    border: none;
    margin-bottom: 0px;
    background: transparent;
    font-size: 1.7rem;
    line-height: 1.7rem !important;
    letter-spacing: 1px;
    color: rgba(49, 57, 85, 0.91);
    width: 100%; }
    @media screen and (max-width: 768px) {
      .white-section .story-section-textarea {
        font-size: 1.5rem;
        line-height: 1.5rem !important; } }
    @media screen and (min-width: 1400px) {
      .white-section .story-section-textarea {
        font-size: 1.7rem;
        line-height: 1.7rem !important; } }
    @media screen and (min-width: 1600px) {
      .white-section .story-section-textarea {
        font-size: 2.2rem;
        line-height: 2.2rem !important; } }
    @media screen and (min-width: 1900px) {
      .white-section .story-section-textarea {
        font-size: 2.2rem;
        line-height: 2.2rem !important; } }
    .white-section .story-section-textarea:hover {
      border: none; }
    .white-section .story-section-textarea::placeholder {
      color: #00000050; }

.story-option-dropdown {
  position: fixed;
  top: 75px;
  left: 30px; }
  @media screen and (max-width: 767px) {
    .story-option-dropdown {
      top: 80px;
      right: 5px;
      left: unset;
      z-index: 1000; }
      .story-option-dropdown .dropdown-menu {
        left: unset;
        right: 100%; } }
  .story-option-dropdown .story-dropdown {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: 30px; }
    @media screen and (max-width: 767px) {
      .story-option-dropdown .story-dropdown {
        height: 28px;
        width: 28px;
        padding: 3.2px;
        padding-top: 3.5px; } }

@media screen and (max-width: 767px) {
  .mobile-margin-articlesection {
    margin-bottom: 20px; } }

.add-tag-article {
  display: inline-flex;
  margin-top: 0px;
  margin-left: -15px; }

.add-tagmargin-article {
  margin-top: 0px; }

.abc {
  margin-left: 10px; }

.artcile-round-image {
  height: 60px;
  width: 60px; }
  @media only screen and (max-width: 1024px) {
    .artcile-round-image {
      height: 50px;
      width: 50px; } }
  @media screen and (max-width: 767px) {
    .artcile-round-image {
      height: 30px;
      width: 30px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .artcile-round-image {
      height: 20px;
      /* your css rules for ipad portrait */
      width: 20px; } }

.username-article-mob {
  font-size: 14px !important;
  color: #323849; }
  .username-article-mob .usr-desig {
    color: #5a5f73;
    position: relative;
    top: -5px;
    font-size: 12px; }

.companyname-article-mob {
  font-size: 8px; }

.article-publish-date-mob {
  font-size: 7px; }

.own-artcle-edit-btn {
  background: #00000080;
  color: #fff;
  outline: none !important; }

.story-white-section {
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  background-color: white;
  margin-bottom: 15px;
  transition: box-shadow 0.1s ease-in; }
  .story-white-section:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
    .story-white-section:hover .story-desc-tile {
      margin-top: -3rem;
      height: calc(6.5rem + 10px); }
  .story-white-section .story-card-option {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 4;
    padding: 5px 10px; }
  .story-white-section .story-card {
    background: #2B2343;
    background: -webkit-linear-gradient(to right, #2B2343, #404C6F);
    background: linear-gradient(to right, #2B2343, #404C6F);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-size: cover;
    transition: all linear 0.3s;
    padding-bottom: 33.33%; }
    .story-white-section .story-card:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(33, 33, 33, 0.3);
      border-radius: inherit; }
    .story-white-section .story-card .story-meta-info {
      position: absolute;
      bottom: 5px;
      left: 10px;
      right: 7px; }
      .story-white-section .story-card .story-meta-info .story-privacy-icon {
        color: white; }
      .story-white-section .story-card .story-meta-info .article-owner-info .aticle-card-owner-name {
        color: #fff !important;
        -webkit-text-stroke: .2px; }
  .story-white-section .story-desc-tile {
    padding: 0px 15px;
    margin: 0px;
    background: white;
    position: relative;
    z-index: 2;
    border-radius: 0 0px 4px 4px;
    top: 0px;
    transition: all linear 0.3s;
    overflow: hidden;
    height: calc(3.5rem + 10px); }
    .story-white-section .story-desc-tile .share-title {
      color: #3f76ad; }
      .story-white-section .story-desc-tile .share-title:hover {
        cursor: pointer;
        color: #2b5075; }
    .story-white-section .story-desc-tile p {
      margin: 0px; }
    .story-white-section .story-desc-tile .share-desc {
      height: 3rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #545968; }

.story-card-option {
  color: white; }

.event-related-info .event-related-info-ul {
  margin-left: -15px;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .event-related-info .event-related-info-ul {
      margin-left: 0px;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 10px; } }
  .event-related-info .event-related-info-ul .add-to-calender {
    color: #5a5f73;
    font-weight: normal;
    -webkit-text-stroke: 0.2px;
    white-space: nowrap; }
    .event-related-info .event-related-info-ul .add-to-calender:hover {
      color: #5a5f73; }
.event-related-info .event-page-creation-info {
  position: absolute;
  top: 165px;
  padding: 0 !important; }
  @media screen and (max-width: 768px) {
    .event-related-info .event-page-creation-info {
      position: unset; } }
  .event-related-info .event-page-creation-info .event-last-page-img {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: baseline; }
  .event-related-info .event-page-creation-info .event-last-page-name {
    font-size: 16px;
    position: relative;
    top: -2px;
    display: inline-block; }

.invite-register-event {
  position: absolute;
  left: 53%;
  transform: translateX(-50%); }

.event-card-condensed {
  border-radius: 4px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  margin-bottom: 10px;
  position: relative;
  padding: 0;
  transition: box-shadow 0.1s ease-in; }
  .event-card-condensed .event-banner {
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(to right, #2B2343, #404C6F);
    background-image: linear-gradient(to right, #2B2343, #404C6F);
    background-size: cover;
    background-position: center;
    border-radius: 4px 4px 0px 0px;
    color: white;
    height: 130px;
    position: relative; }
    .event-card-condensed .event-banner .edit-options {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 2; }
    .event-card-condensed .event-banner .event-time-info {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      padding: 5px;
      z-index: 3;
      background: rgba(27, 27, 27, 0.5);
      color: #ecddfd; }
  .event-card-condensed .card-content {
    padding: 5px; }
  .event-card-condensed .event-card-option {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 5;
    padding: 5px 10px; }
    .event-card-condensed .event-card-option .fa-ellipsis-v {
      color: white; }
    .event-card-condensed .event-card-option .fa-ellipsis-h {
      color: white;
      text-shadow: 0px 0 3px black; }
    .event-card-condensed .event-card-option .event-card-option-toggle {
      padding: 5px 10px; }
  .event-card-condensed:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31) !important; }

.event-top-bar {
  font-size: 22px;
  letter-spacing: 1px;
  color: rgba(49, 57, 85, 0.91);
  text-align: center;
  background: yellow;
  padding-top: 10px;
  padding-bottom: 12px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.event-card {
  position: relative; }
  .event-card .event-invite-register-bar {
    background: #fff;
    height: 2rem;
    border-bottom: 1px solid #eee;
    text-align: center;
    position: relative; }
    .event-card .event-invite-register-bar .invite-register-link-btn, .event-card .event-invite-register-bar .all-request-link-btn, .event-card .event-invite-register-bar .members-volunteers-link-btn, .event-card .event-invite-register-bar .invite-register-text-info {
      font-weight: 550;
      color: #3f76ad;
      background: none;
      border: none;
      font-size: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-53%, -50%);
      white-space: nowrap; }
      @media screen and (max-width: 767px) {
        .event-card .event-invite-register-bar .invite-register-link-btn, .event-card .event-invite-register-bar .all-request-link-btn, .event-card .event-invite-register-bar .members-volunteers-link-btn, .event-card .event-invite-register-bar .invite-register-text-info {
          font-size: 12px; } }
      .event-card .event-invite-register-bar .invite-register-link-btn:hover, .event-card .event-invite-register-bar .all-request-link-btn:hover, .event-card .event-invite-register-bar .members-volunteers-link-btn:hover, .event-card .event-invite-register-bar .invite-register-text-info:hover {
        cursor: pointer;
        color: #2b5075;
        text-decoration: underline; }
    .event-card .event-invite-register-bar .all-request-link-btn {
      right: 0px;
      left: unset;
      transform: translate(-15%, -50%); }
    .event-card .event-invite-register-bar .members-volunteers-link-btn {
      left: 15px;
      transform: translate(-15%, -50%); }
    .event-card .event-invite-register-bar .invite-register-text-info:hover {
      cursor: default;
      color: #337ab7;
      text-decoration: none; }
  .event-card .event-logo-col .img-wrapper {
    background-size: cover;
    background-position-y: center;
    background-position-x: center; }
    .event-card .event-logo-col .img-wrapper .event-card-image {
      object-fit: scale-down; }
  .event-card .event-detail {
    width: calc(100% - 95px); }
  .event-card .edit-icons {
    position: absolute;
    top: 0px;
    right: 0px; }
  .event-card .action-layout-bar {
    display: none; }
  @media screen and (max-width: 768px) {
    .event-card .action-layout-bar {
      display: block; } }
  .event-card:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31);
    background: #fcfeff; }
    .event-card:hover hr {
      border-top: 1px solid #00000033; }
    .event-card:hover .line-separator {
      border-top: 1px solid #00000033; }
    .event-card:hover .content-actions {
      background: white; }
    .event-card:hover .invite-member-card {
      background: #f2f0f5; }
    .event-card:hover .action-layout-bar {
      display: block; }

.event-card-head, .share-card.event-card .card-head {
  background-position: top right;
  background-size: 210px 210px;
  border-radius: 5px 5px 0px 0px;
  height: auto;
  background-image: -webkit-linear-gradient(to right, #2B2343, #404C6F);
  background-image: linear-gradient(to right, #2B2343, #404C6F);
  background-repeat: no-repeat; }
  .event-card-head .head-content, .share-card.event-card .card-head .head-content {
    width: calc(100% - 210px);
    min-height: 190px; }
    .event-card-head .head-content .list-inline, .share-card.event-card .card-head .head-content .list-inline {
      margin-bottom: 0px; }
  .event-card-head .description-area .card-description, .share-card.event-card .card-head .description-area .card-description {
    max-height: 4.2rem;
    overflow: hidden;
    color: #919BB7; }
    .event-card-head .description-area .card-description p, .share-card.event-card .card-head .description-area .card-description p {
      margin-bottom: 0px;
      margin-top: 20px; }
  .event-card-head .desc-space, .share-card.event-card .card-head .desc-space {
    padding-top: 50px; }

.event-card-body, .share-card.event-card .card-body {
  border-radius: 0px 0px 5px 5px;
  background: #f9f9f9; }

.event-location {
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: top; }

@media screen and (max-width: 991px) {
  .event-card-head, .share-card.event-card .card-head {
    background-size: 120px 120px;
    height: auto; }
    .event-card-head .head-content, .share-card.event-card .card-head .head-content {
      width: calc(100% - 120px);
      height: 120px; }
      .event-card-head .head-content .event-time, .share-card.event-card .card-head .head-content .event-time {
        width: 60px;
        font-size: 12px; }
        .event-card-head .head-content .event-time .date, .share-card.event-card .card-head .head-content .event-time .date {
          font-size: 16px; }
      .event-card-head .head-content .event-detail, .share-card.event-card .card-head .head-content .event-detail {
        width: calc(100% - 65px);
        font-size: 12px; }
    .event-card-head .description-area, .share-card.event-card .card-head .description-area {
      width: 100%; } }
.event-dropdown {
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #888ea1; }

.event-dropdown-lastpage {
  right: 20px;
  top: 0px; }
  @media screen and (max-width: 767px) {
    .event-dropdown-lastpage {
      top: 249px; } }

.event-list-timer {
  position: absolute;
  top: 12px;
  right: 40px; }
  @media screen and (max-width: 767px) {
    .event-list-timer {
      right: 30px; } }

.event-list-timer {
  position: absolute;
  top: 12px;
  right: 40px;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .event-list-timer {
      right: 30px; } }

.event-list-timer-lastpage {
  position: absolute;
  top: 2px;
  right: 50px; }
  @media screen and (max-width: 767px) {
    .event-list-timer-lastpage {
      right: 40px;
      top: 251px; } }

.event-card-wrapper .img-wrapper {
  min-height: 185px;
  max-height: 185px; }
  @media screen and (max-width: 767px) {
    .event-card-wrapper .img-wrapper {
      min-height: 250px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .event-card-wrapper .img-wrapper {
      min-height: 210px;
      /* your css rules for ipad portrait */ } }
@media screen and (max-width: 767px) {
  .event-card-wrapper .event-logo-col.logoAvailable {
    min-height: unset;
    max-height: unset;
    width: 100%; } }
.event-card-wrapper .event-card-image {
  min-height: 185px;
  max-height: 185px;
  background-size: cover;
  background-position-y: center;
  background-position-x: center; }
  @media screen and (max-width: 991px) {
    .event-card-wrapper .event-card-image {
      max-height: unset;
      max-height: unset;
      height: unset; } }
  @media screen and (max-width: 767px) {
    .event-card-wrapper .event-card-image {
      min-height: unset;
      max-height: unset; } }
.event-card-wrapper .event-time {
  position: absolute;
  top: 8px;
  background-color: #3c4b7d;
  left: 22px;
  font-size: 16px;
  border-radius: 50%;
  padding: 8px 9px;
  font-size: 12px;
  color: white;
  min-width: 50px;
  min-height: 50px;
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 768px) {
    .event-card-wrapper .event-time {
      top: 2px;
      left: 18px;
      padding: 8px 5px;
      font-size: 10px;
      min-width: 45px;
      min-height: 45px; } }
.event-card-wrapper .description-area {
  margin: 10px 0 0; }
  .event-card-wrapper .description-area .embed-responsive-16by9 {
    padding-bottom: 100%; }
  .event-card-wrapper .description-area img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto; }
.event-card-wrapper .card-description {
  max-height: 4.2rem;
  overflow: hidden;
  color: #919BB7; }
  .event-card-wrapper .card-description p {
    margin-bottom: 0px;
    margin-top: 20px; }
.event-card-wrapper .event-detail {
  padding: 0;
  width: 100%;
  font-size: 14px; }
  .event-card-wrapper .event-detail .event-card-secondary-info-wrap .secondary-info {
    margin-top: 3px;
    line-height: 1.1; }
.event-card-wrapper .list-wrapper {
  text-align: center;
  height: 5px;
  background-color: rgba(216, 227, 251, 0.54);
  transition: box-shadow 0.2s ease-in; }
  @media screen and (max-width: 768px) {
    .event-card-wrapper .list-wrapper {
      height: 1px; } }
.event-card-wrapper .count-btn {
  margin-left: 5px;
  margin-right: 5px; }
  .event-card-wrapper .count-btn a {
    color: #3c4b7d !important; }
    .event-card-wrapper .count-btn a:hover {
      opacity: 0.6; }
.event-card-wrapper .event-time-mobile {
  position: absolute;
  background-color: #3c4b7d;
  font-size: 16px;
  border-radius: 50%;
  color: white;
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.3);
  top: 2px;
  left: 18px;
  padding: 8px 5px;
  font-size: 10px;
  min-width: 45px;
  min-height: 45px; }
.event-card-wrapper .pin-icon {
  display: none; }
.event-card-wrapper:hover .pin-icon {
  display: inline;
  left: auto;
  right: 17px; }

@-webkit-keyframes upDownMove {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes upDownMove {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
.event-updates-reminder-col {
  position: sticky;
  top: 70px;
  padding-left: 0px;
  margin-left: -5px; }
  .event-updates-reminder-col .max-height-50vh {
    max-height: 50vh !important; }
  @media screen and (max-width: 768px) {
    .event-updates-reminder-col {
      position: unset;
      top: unset;
      padding-left: 15px;
      margin-left: unset; } }
  .event-updates-reminder-col .event-updates-reminder {
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3); }
    .event-updates-reminder-col .event-updates-reminder .folded-sended-reminder-inputs {
      max-height: 0px;
      opacity: 0; }
    .event-updates-reminder-col .event-updates-reminder .expanded-send-reminder-inputs {
      max-height: 500px;
      opacity: 1; }
    .event-updates-reminder-col .event-updates-reminder .send-reminder-expand-btn {
      position: absolute;
      top: 62px;
      left: 50%;
      color: #fff;
      background: rgba(0, 0, 0, 0.6);
      z-index: 2;
      transform: translateX(-50%);
      padding: 0px 10px;
      padding-bottom: 2px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      font-size: 14px;
      font-weight: 700; }
      .event-updates-reminder-col .event-updates-reminder .send-reminder-expand-btn:hover {
        cursor: pointer; }
    .event-updates-reminder-col .event-updates-reminder .moveUpDown-icon {
      position: relative;
      top: -3px;
      animation: upDownMove 1s infinite;
      font-weight: 700; }
    .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs {
      position: absolute;
      top: 62px;
      background: #fff;
      z-index: 1001;
      left: 0;
      right: 0;
      padding: 5px 20px 0 20px;
      box-shadow: 0 14px 25px -10px #00000096;
      transition: all 0.2s ease-in-out;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .Closebtn-send-reminder {
        font-size: 25px;
        position: absolute;
        right: 10px;
        top: 10px; }
      .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .Send-button {
        height: 38px;
        width: 99%;
        padding-left: 18px;
        padding-right: 18px; }
        @media screen and (max-width: 767px) {
          .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .Send-button {
            width: 100%; } }
        .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .Send-button:disabled {
          cursor: auto; }
      .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .active-label {
        color: #0075ff; }
      .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs label {
        font-weight: normal; }
      .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .send-reminder-textbox {
        resize: none;
        border-color: #ccc;
        padding: 5px;
        width: 98%;
        min-height: 38px !important;
        border-radius: 5px;
        border-color: #dcdfef;
        color: #636569;
        line-height: 1.42 !important;
        font-size: 18px;
        text-decoration: none;
        border-style: solid; }
        .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .send-reminder-textbox:focus {
          border-color: #c4caea;
          outline: none;
          text-decoration: none; }
        @media screen and (max-width: 768px) {
          .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .send-reminder-textbox {
            width: 100%; } }
        .event-updates-reminder-col .event-updates-reminder .send-reminder-inputs .send-reminder-textbox::placeholder {
          font-size: 18px;
          color: rgba(24, 26, 25, 0.35); }
    .event-updates-reminder-col .event-updates-reminder .card-head {
      background: #fafafa; }
      .event-updates-reminder-col .event-updates-reminder .card-head .up-down-caret-mobile {
        position: absolute;
        right: 20px;
        font-weight: 700;
        font-size: 30px;
        top: 15px;
        transition: transform 0.1s ease-in-out; }
        .event-updates-reminder-col .event-updates-reminder .card-head .up-down-caret-mobile.open {
          transform: rotate(90deg); }
    .event-updates-reminder-col .event-updates-reminder .card-body {
      min-height: 100px;
      max-height: calc(100vh - 150px);
      overflow-y: overlay;
      overflow-x: hidden;
      scrollbar-width: thin;
      scrollbar-color: #919bb7 transparent; }
      @media screen and (max-width: 768px) {
        .event-updates-reminder-col .event-updates-reminder .card-body {
          max-height: 0vh;
          min-height: unset;
          opacity: 0;
          overflow-y: auto;
          scrollbar-width: thin;
          scrollbar-color: #919bb7 transparent;
          transition: all 0.2s ease-in-out; } }
      .event-updates-reminder-col .event-updates-reminder .card-body .updates-feed-wrapper .update-list {
        padding: 0px 0px 10px 40px;
        position: relative;
        border-bottom: 1px solid #F3F3F3;
        min-height: 45px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 1.4;
        color: #666666; }
        .event-updates-reminder-col .event-updates-reminder .card-body .updates-feed-wrapper .update-list .updates-option {
          position: absolute;
          top: -15px;
          right: 0; }
          .event-updates-reminder-col .event-updates-reminder .card-body .updates-feed-wrapper .update-list .updates-option:hover {
            cursor: pointer;
            color: red;
            opacity: 0.5; }
        .event-updates-reminder-col .event-updates-reminder .card-body .updates-feed-wrapper .update-list .item-content {
          color: #545968;
          font-size: 18px;
          line-height: 1.42; }
      .event-updates-reminder-col .event-updates-reminder .card-body::-webkit-scrollbar {
        width: 5px; }
      .event-updates-reminder-col .event-updates-reminder .card-body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #00000054;
        color: transparent;
        border-radius: 10px; }
      .event-updates-reminder-col .event-updates-reminder .card-body::-webkit-scrollbar-thumb {
        background: #919bb7;
        border-radius: 10px; }
      .event-updates-reminder-col .event-updates-reminder .card-body::-webkit-scrollbar-thumb:hover {
        background: #596689; }
  .event-updates-reminder-col .Reminder-list-item-content-info {
    color: #5a5f73; }
  .event-updates-reminder-col .Reminder-list-item-label {
    color: rgba(49, 57, 85, 0.91); }
  .event-updates-reminder-col .no-content {
    color: #919BB7;
    opacity: 0.8; }
  .event-updates-reminder-col .btn-radio {
    font-size: 16px;
    line-height: 14px;
    margin: 0; }
    .event-updates-reminder-col .btn-radio svg {
      height: 16px;
      width: 16px; }
    .event-updates-reminder-col .btn-radio span {
      font-size: 16px;
      line-height: 15px; }
    @media screen and (max-width: 768px) {
      .event-updates-reminder-col .btn-radio {
        font-size: 14px; }
        .event-updates-reminder-col .btn-radio svg {
          height: 14px;
          width: 14px; }
        .event-updates-reminder-col .btn-radio span {
          font-size: 13px;
          line-height: 15px; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .event-updates-reminder-col .btn-radio {
        font-size: 12px; }
        .event-updates-reminder-col .btn-radio svg {
          height: 12px;
          width: 12px; }
        .event-updates-reminder-col .btn-radio span {
          font-size: 12px;
          line-height: 15px; } }

.event-mem-vol-table .event-memberlist-nav-tabs li a {
  padding: 8px 10px !important;
  font-size: 16px !important;
  font-weight: normal;
  letter-spacing: 1px; }
  @media screen and (max-width: 767px) {
    .event-mem-vol-table .event-memberlist-nav-tabs li a {
      font-size: 14px !important; } }
@media screen and (max-width: 767px) {
  .event-mem-vol-table .wk-table-filters ul .input-filter-list {
    width: 50%; } }
.event-mem-vol-table .wk-table-filters .reset-all-btn-link {
  position: relative;
  top: 17px; }
.event-mem-vol-table .wk-table-filters .search-input-icon-wrapper {
  position: relative; }
  .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper input {
    padding-right: 30px;
    color: #666; }
    .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper input::placeholder {
      color: #ccc; }
  .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper .search-icon {
    font-size: 18px;
    position: absolute;
    right: 0;
    bottom: 5px;
    color: #ccc;
    padding: 4px;
    border-radius: 5px;
    transition: 0.2s all ease-in-out; }
  .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper .cross-search {
    font-size: 30px;
    position: absolute;
    right: 0;
    bottom: -5px;
    opacity: 0.5;
    color: red;
    padding: 4px;
    border-radius: 5px;
    outline: none !important;
    transition: 0.2s all ease-in-out; }
    .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper .cross-search:hover {
      opacity: 1; }
  .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper .active-search {
    color: #666; }
    .event-mem-vol-table .wk-table-filters .search-input-icon-wrapper .active-search:hover {
      cursor: pointer; }
.event-mem-vol-table .wk-table-filters input, .event-mem-vol-table .wk-table-filters select {
  border-width: 2px;
  background: transparent;
  font-size: 18px;
  letter-spacing: 1px;
  border-color: #bbb;
  padding-bottom: 0px; }
  @media screen and (max-width: 767px) {
    .event-mem-vol-table .wk-table-filters input, .event-mem-vol-table .wk-table-filters select {
      font-size: 14px; } }
.event-mem-vol-table .wk-table-filters select {
  color: #666;
  padding-bottom: 0; }
  .event-mem-vol-table .wk-table-filters select option:not(:checked) {
    color: black; }
.event-mem-vol-table .wk-table-filters select.greyColor {
  color: #ccc; }

.share-card {
  box-shadow: 0px 0px 2px 0px #8691cc;
  overflow-x: hidden;
  overflow-y: visible;
  max-height: 40vh;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  .share-card.events .event-banner-info-secton {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .share-card.events .event-banner-info-secton .event-time {
      top: 5px;
      left: 5px; }
    .share-card.events .event-banner-info-secton .bottom-under-text {
      position: absolute;
      bottom: 0;
      width: calc(60% - 10px);
      right: 10px;
      height: 5px;
      z-index: 1;
      background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.1)); }
    @media screen and (max-width: 767px) {
      .share-card.events .event-banner-info-secton {
        min-height: unset;
        max-height: unset; } }
    .share-card.events .event-banner-info-secton .event-banner-logo {
      width: 40%;
      background-size: cover;
      background-position: center;
      position: relative; }
      .share-card.events .event-banner-info-secton .event-banner-logo.default-height {
        min-height: 190px; }
      .share-card.events .event-banner-info-secton .event-banner-logo .logo {
        position: relative;
        object-fit: contain;
        min-width: 100%;
        max-width: 100%;
        height: auto; }
      @media screen and (max-width: 767px) {
        .share-card.events .event-banner-info-secton .event-banner-logo {
          width: 100%; } }
    .share-card.events .event-banner-info-secton .event-information {
      width: 60%;
      padding-left: 5px;
      padding-right: 5px;
      overflow: hidden;
      overflow-y: auto;
      padding-bottom: 5px;
      position: relative;
      scrollbar-width: thin;
      scrollbar-color: #919bb7 transparent;
      scrollbar-width: none; }
      @media screen and (max-width: 767px) {
        .share-card.events .event-banner-info-secton .event-information {
          overflow: unset;
          overflow-y: unset;
          margin-top: 5px;
          width: 100%; } }
      .share-card.events .event-banner-info-secton .event-information::-webkit-scrollbar {
        width: 0px; }
      .share-card.events .event-banner-info-secton .event-information .share-event-title {
        position: sticky;
        top: 0;
        background: #fff;
        box-shadow: 0 10px 6px -6px #fff; }
        @media screen and (max-width: 767px) {
          .share-card.events .event-banner-info-secton .event-information .share-event-title {
            margin-bottom: 0; } }
      .share-card.events .event-banner-info-secton .event-information .event-info-list-wrapper {
        display: flex;
        align-items: flex-start;
        line-height: 1.1; }
        .share-card.events .event-banner-info-secton .event-information .event-info-list-wrapper .tag-label {
          flex-shrink: 0;
          margin-right: 8px;
          font-size: 14px;
          margin-top: 2px;
          margin-bottom: 0; }
        .share-card.events .event-banner-info-secton .event-information .event-info-list-wrapper .event-info-list {
          margin-top: 0px;
          line-height: 1.1;
          font-size: 14px; }
    .share-card.events .event-banner-info-secton scroll-to-elem-bottom.scroll-to-bottom {
      position: absolute;
      bottom: 4px;
      right: 4px;
      z-index: 1; }
  .share-card::-webkit-scrollbar {
    width: 5px; }
  .share-card::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px; }
  .share-card::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px; }
  .share-card::-webkit-scrollbar-thumb:hover {
    background: #596689; }
  .share-card .job-card {
    position: relative; }
    .share-card .job-card .jobcreatorname {
      position: absolute;
      right: 20px;
      bottom: 3px;
      color: #666; }
    .share-card .job-card:hover {
      background: #fff; }
  .share-card .job-main-card {
    margin: 0; }
    .share-card .job-main-card .job-card-header {
      padding: 10px; }
      .share-card .job-main-card .job-card-header .job-card-header-row .job-card-header-row-img-col .job-logo img {
        position: absolute;
        top: -15px;
        left: -5px;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        padding: 0 0 150px 100%; }
        @media screen and (max-width: 767px) {
          .share-card .job-main-card .job-card-header .job-card-header-row .job-card-header-row-img-col .job-logo img {
            position: unset;
            top: unset;
            left: unset;
            bottom: unset;
            right: unset; } }
      .share-card .job-main-card .job-card-header .job-main-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
  .share-card .event-card-register-link {
    border-top: 1px solid #eee;
    position: relative;
    height: 2rem; }
    .share-card .event-card-register-link .registerlink-and-other-info {
      font-weight: 550;
      color: #3f76ad;
      background: none;
      font-size: 14px;
      padding: 6px 12px;
      border: none;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }
      .share-card .event-card-register-link .registerlink-and-other-info:hover {
        cursor: pointer; }
        .share-card .event-card-register-link .registerlink-and-other-info:hover a:hover {
          color: #2b5075;
          text-decoration: underline; }
      .share-card .event-card-register-link .registerlink-and-other-info.right {
        right: 0;
        left: unset;
        transform: translateY(-50%);
        padding: 6px 6px; }
      .share-card .event-card-register-link .registerlink-and-other-info.left {
        right: unset;
        left: 0;
        transform: translateY(-50%);
        padding: 6px 6px; }
      @media screen and (max-width: 767px) {
        .share-card .event-card-register-link .registerlink-and-other-info {
          font-size: 10px; } }
  .share-card .event-card-description .description-area {
    padding: 0px 15px 0; }
    .share-card .event-card-description .description-area p {
      font-size: 18px;
      color: #545968; }
  .share-card .share-event-title a {
    color: #3f76ad; }
  .share-card .share-event-title:hover a {
    color: #2b5075; }
  .share-card .shared-post-updates .no-post-overlay {
    z-index: 1;
    background: #ffffffd1;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0; }
    .share-card .shared-post-updates .no-post-overlay .overlay-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #aaa;
      font-style: italic;
      white-space: nowrap; }
  .share-card .shared-post-updates .owner-nme {
    color: #5a5f73; }
  .share-card .shared-post-updates .shared-posts-description {
    font-size: 18px;
    color: #545968;
    margin-top: 10px; }
  .share-card .shared-article .public-type-icons-div {
    position: absolute;
    left: 5px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #00000050; }
    .share-card .shared-article .public-type-icons-div .public-type-icons {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff; }
  .share-card .shared-article .shared-article-title {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 0.9375rem;
    border-bottom: 1px solid #eee;
    background: #fff;
    color: #3f76ad; }
    .share-card .shared-article .shared-article-title:hover {
      color: #2b5075; }
  .share-card .shared-article .card-description {
    padding: 0.625rem 0.9375rem 0;
    color: #545968; }
    .share-card .shared-article .card-description p {
      font-size: 18px; }
  .share-card .shared-article .card-head .label {
    position: absolute;
    bottom: 5px;
    right: 5px; }
  .share-card .shared-article .card-body {
    border-radius: 0;
    background: #fff;
    padding: 15px; }
  .share-card .shared-article .shared-article-title-bar .shared-article-owner-image {
    font-size: 2.1875rem; }
  .share-card .shared-article .shared-article-title-bar .shared-article-owner {
    font-size: 1rem;
    color: #666; }
  .share-card .shared-article .shared-article-title-bar .article-creation-date {
    font-size: 0.75rem;
    color: #666; }
  .share-card .card-head {
    height: 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 15px;
    background: -webkit-linear-gradient(to right, #2B2343, #404C6F);
    background: linear-gradient(to right, #2B2343, #404C6F);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    transition: background linear 0.6s; }
    .share-card .card-head .label {
      background: rgba(22, 22, 22, 0.35);
      font-size: 12px;
      padding: 4px 12px; }
  .share-card .card-body {
    background-color: white;
    padding: 5px 15px;
    overflow: hidden;
    border-radius: 5px; }
    .share-card .card-body .card-description {
      max-height: 4.2rem;
      overflow: hidden;
      line-height: 1rem;
      color: #919BB7; }
      .share-card .card-body .card-description p {
        margin-bottom: 0px; }
  @media screen and (max-width: 991px) {
    .share-card.event-card .card-head {
      background-size: 120px 120px;
      height: auto; }
      .share-card.event-card .card-head .head-content {
        width: calc(100% - 120px); }
        .share-card.event-card .card-head .head-content .event-time {
          width: 60px;
          font-size: 12px; }
          .share-card.event-card .card-head .head-content .event-time .date {
            font-size: 16px; }
        .share-card.event-card .card-head .head-content .event-detail {
          width: calc(100% - 65px); }
      .share-card.event-card .card-head .description-area {
        width: 100%; } }
  .share-card.inititative-card .card-head {
    height: auto;
    background: none; }
  .share-card.inititative-card .card-body {
    border-radius: 0px 0px 5px 5px;
    background: #f9f9f9; }
  .share-card .profile-share .share-Profile_banner {
    border-radius: 5px !important;
    width: 100% !important;
    height: 150px !important;
    background-image: url(../images/default_banner.png) !important;
    background-size: cover !important; }
    @media screen and (max-width: 767px) {
      .share-card .profile-share .share-Profile_banner {
        height: 110px !important; } }
  .share-card .profile-share .image-overlay-for-text {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 75%;
    width: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.69)); }
  .share-card .profile-share .share-profilepic-image {
    border: 2px solid #FFF !important;
    width: 90px !important;
    margin-top: -10px !important;
    height: 90px !important; }
    @media screen and (max-width: 768px) {
      .share-card .profile-share .share-profilepic-image {
        width: 75px !important;
        height: 75px !important; } }
  .share-card .profile-share .share-profile-userinfo {
    width: 65% !important;
    letter-spacing: 1px;
    top: 50%;
    transform: translateY(-70%); }
    .share-card .profile-share .share-profile-userinfo .profile-user-name {
      color: #fff;
      text-shadow: 1px 1px 1px #000 !important;
      font-weight: 550; }
  .share-card .profile-share .share-profile-pic-userinfo-col {
    position: relative !important;
    margin-top: -70px !important; }
    @media screen and (max-width: 768px) {
      .share-card .profile-share .share-profile-pic-userinfo-col {
        margin-top: -60px !important;
        padding-left: 0; } }
  .share-card .profile-share .profile-card {
    padding: 15px; }
    .share-card .profile-share .profile-card img {
      width: 115px;
      border-radius: 50%; }
    .share-card .profile-share .profile-card .display-text {
      color: #3F76AD; }
  .share-card .profile-share .profile-name {
    display: inline; }
  .share-card .album {
    margin-bottom: 0px;
    margin-top: -5px; }
    .share-card .album .share-album-header {
      padding-bottom: 5px;
      word-break: break-word;
      position: relative;
      padding: 20px 15px 5px;
      background: #fff; }
    .share-card .album .share-album-header-title {
      font-size: 1.2rem;
      line-height: 1.3rem; }
      @media screen and (max-width: 767px) {
        .share-card .album .share-album-header-title {
          font-size: 1rem;
          line-height: 1rem; } }

.share-event-logo-col {
  background-size: cover;
  background-position-y: center;
  background-position-x: center;
  background-clip: content-box; }
  .share-event-logo-col .event-card-image {
    object-fit: scale-down; }

.share-modal .list-inline li {
  vertical-align: middle; }
.share-modal .no-group-text {
  display: block; }
.share-modal .target-input {
  width: 50%; }
  @media screen and (max-width: 767px) {
    .share-modal .target-input {
      width: 100%; } }
  .share-modal .target-input .menu-list {
    position: relative; }
    .share-modal .target-input .menu-list .text-area, .share-modal .target-input .menu-list .profile-box .profile-text-area, .profile-box .share-modal .target-input .menu-list .profile-text-area, .share-modal .target-input .menu-list .profile-about, .share-modal .target-input .menu-list .white-section .section-headline, .white-section .share-modal .target-input .menu-list .section-headline, .share-modal .target-input .menu-list .white-section .story-section-textarea, .white-section .share-modal .target-input .menu-list .story-section-textarea, .share-modal .target-input .menu-list .caption-text {
      margin-bottom: 0px;
      border-width: 0px 0px 1px 0px;
      border-radius: 0px; }
  .share-modal .target-input .dropdown-multiselect .dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: #919bb7 transparent; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu::-webkit-scrollbar {
      width: 5px; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #00000054;
      color: transparent;
      border-radius: 10px; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu::-webkit-scrollbar-thumb {
      background: #919bb7;
      border-radius: 10px; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu::-webkit-scrollbar-thumb:hover {
      background: #596689; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu li a {
      white-space: unset;
      outline: none !important; }
    @media screen and (max-width: 767px) {
      .share-modal .target-input .dropdown-multiselect .dropdown-menu {
        width: calc(100vw - 50px); } }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu .checkbox {
      margin-top: 5px;
      margin-bottom: 5px; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu .custom-checkbox .btn-checkbox {
      width: 100%;
      margin-top: 5px;
      margin-bottom: 5px; }
      .share-modal .target-input .dropdown-multiselect .dropdown-menu .custom-checkbox .btn-checkbox svg {
        top: 3px; }
    .share-modal .target-input .dropdown-multiselect .dropdown-menu .custom-checkbox .checkbox-text {
      width: 85%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 20px; }
      .share-modal .target-input .dropdown-multiselect .dropdown-menu .custom-checkbox .checkbox-text:before {
        content: "\00a0 ";
        padding-right: 5px; }
  .share-modal .target-input .group-select-button {
    width: 300px;
    text-align: left;
    color: #3d4246;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    font-family: nunito; }
    .share-modal .target-input .group-select-button:hover {
      text-decoration: none;
      color: #3d4246; }
.share-modal .group-line-divider {
  margin-bottom: 5px !important; }
.share-modal .invited-members-list {
  margin-bottom: 0px;
  max-height: 250px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  .share-modal .invited-members-list::-webkit-scrollbar {
    width: 5px; }
  .share-modal .invited-members-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px;
    opacity: 0; }
  .share-modal .invited-members-list::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px;
    opacity: 0; }
  .share-modal .invited-members-list::-webkit-scrollbar-thumb:hover {
    background: #596689; }
  .share-modal .invited-members-list .group-tags-wrapper-li {
    max-width: 100%; }
    .share-modal .invited-members-list .group-tags-wrapper-li .global-list-tags .group-title-tag {
      max-width: 95%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: top; }
    .share-modal .invited-members-list .group-tags-wrapper-li .global-list-tags .group-cross-tag {
      display: inline-block;
      vertical-align: top; }
.share-modal .caption-text {
  border: none;
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 1.42;
  color: #545968;
  min-height: 37px !important; }
  .share-modal .caption-text:focus {
    border: none; }

.share-button .share-icon {
  vertical-align: middle; }
.share-button .share-count {
  vertical-align: middle;
  font-size: 18px; }

/*# sourceMappingURL=site.css.map */