@charset "UTF-8";
a {
  color: #3F76AD;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    text-decoration: none;
    color: #2b5075; }

p {
  font-size: 1rem; }

h1, h2, h3, h4, h5 {
  line-height: 1.2; }

h1, h2, h3 {
  font-weight: 500; }

h1 strong, h1 .strong, h2 strong, h2 .strong, h3 strong, h3 .strong, h4 strong, h4 .strong, h5 strong, h5 .strong, h6 strong, h6 .strong {
  font-weight: 900; }

h1 {
  font-size: 3rem; }
  h1.small {
    font-size: 2.5rem; }

h2 {
  font-size: 2.5rem; }
  h2.small {
    font-size: 2rem; }
  h2.large {
    font-size: 3rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.6rem; }

h5 {
  font-size: 1.3rem; }

h6 {
  font-size: 1.1rem; }

* {
  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, body .wk-table .wk-table-content-wrapper .wk-table-custom-pagination .group-margin-card {
          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, .nav-tabs ~ .tab-content .tab-pane > .fixed-album-description-area {
    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; } }

.theme-btn {
  background: #3c4b7d;
  border-radius: 8px;
  border: none;
  color: white;
  box-shadow: -1px 1px 1px 1px #dddddd; }

.plus-btn {
  color: #919BB7;
  font-size: 16px;
  white-space: normal; }

.outline-button {
  border: 1px solid #ECF2F6;
  border-radius: 5px;
  background: transparent;
  padding: 6px 22px;
  transition: all 0.25s ease-in;
  color: #3c4b7d; }
  .outline-button:hover {
    box-shadow: -1px 1px 1px 1px #FAFBFD; }

.show-more-btn {
  background: none;
  color: #ADADAD;
  box-shadow: none;
  outline: none;
  border: none; }
  .show-more-btn:hover {
    color: #878787;
    background: none; }
  .show-more-btn:focus {
    outline: none;
    box-shadow: none;
    border: none; }

.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear; }

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg); }
  to {
    transform: scale(1) rotate(360deg); } }
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
.loader-icon {
  position: absolute;
  top: 5px;
  line-height: 1.5; }

.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, .navbar-right .profile-card .invite-modal .profile-search-menu, .profile-card .invite-modal .navbar-right .profile-search-menu, .navbar-right .Job-dropdown {
    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, .fixed-album-description-area, .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, .fixed-album-description-area .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, .fixed-album-description-area {
  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, .group-margin-card {
  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, .message-theme-btn-purple.group-margin-card:hover {
    box-shadow: none; }
  .theme-btn-purple.btn-sm, .btn-sm.btn-icon-place, .btn-sm.group-margin-card {
    padding: 6px 12px; }

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

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

.theme-btn-purple:hover, .btn-icon-place:hover, .group-margin-card: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], .group-margin-card:hover[disabled] {
    box-shadow: none;
    background-color: #3c4b7d;
    color: white; }

.theme-btn-purple:active, .btn-icon-place:active, .group-margin-card:active,
.theme-btn-purple:focus,
.btn-icon-place:focus,
.group-margin-card:focus,
.theme-btn-purple:active:focus,
.btn-icon-place:active:focus,
.group-margin-card: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, .profile-card .invite-modal .profile-search-menu, .Job-dropdown {
  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, .profile-card .invite-modal .profile-search-menu li a, .Job-dropdown 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, .profile-card .invite-modal .profile-search-menu li a:hover, .Job-dropdown li a:hover {
    background: #313955;
    color: white; }
    .search-menu li a:hover .name, .profile-card .invite-modal .profile-search-menu li a:hover .name, .Job-dropdown 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, .like-wrapper .users-like-info .user-stack-list .name-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, #update .post-box, .profile-box .profile-text-area, .profile-about, .add-group-title, .white-section .section-headline, .white-section .story-section-textarea, .share-modal .caption-text, .profile-card .invite-modal .profile-invite-box, .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, #update .inline.post-box, .profile-box .inline.profile-text-area, .inline.profile-about, .inline.add-group-title, .white-section .inline.section-headline, .white-section .inline.story-section-textarea, .profile-card .invite-modal .inline.profile-invite-box, .inline.caption-text {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #EED1F0; }

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

.text-area:focus, #update .post-box:focus, .profile-box .profile-text-area:focus, .profile-about:focus, .add-group-title:focus, .white-section .section-headline:focus, .white-section .story-section-textarea:focus, .profile-card .invite-modal .profile-invite-box:focus, .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 #update .post-box, #update .custom-table .post-box, .custom-table .profile-box .profile-text-area, .profile-box .custom-table .profile-text-area, .custom-table .profile-about, .custom-table .add-group-title, .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 .profile-card .invite-modal .profile-invite-box, .profile-card .invite-modal .custom-table .profile-invite-box, .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, .custom-pagination .group-margin-card {
    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 #update .post-box, #update #event-section .post-box, #event-section .profile-box .profile-text-area, .profile-box #event-section .profile-text-area, #event-section .profile-about, #event-section .add-group-title, #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 .profile-card .invite-modal .profile-invite-box, .profile-card .invite-modal #event-section .profile-invite-box, #event-section .caption-text {
  padding: 4px; }
#event-section .search-menu, #event-section .profile-card .invite-modal .profile-search-menu, .profile-card .invite-modal #event-section .profile-search-menu, #event-section .Job-dropdown {
  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, .Job-skill-tags {
  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, .particular-job .job-form .job-page-three-dots, .job-card .job-page-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; }

.batchmates-container .normal-section, .batchmates-container .tile-section, .batchmates-container #profile-edit-page .profile-edit-menu, #profile-edit-page .batchmates-container .profile-edit-menu, .batchmates-container .fixed-album-description-area {
  min-height: 100px; }
.batchmates-container .more-connections {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #283D51; }
  .batchmates-container .more-connections a {
    color: white;
    padding-top: 12px;
    font-size: 14px;
    display: block; }
.batchmates-container .compact-cols {
  padding: 2px;
  padding-top: 0; }
  @media screen and (max-width: 767px) {
    .batchmates-container .compact-cols {
      padding: 0px 15px; } }
  .batchmates-container .compact-cols .profile-card {
    margin-bottom: 5px;
    margin-top: 0; }

.site-header .navbar-header .navbar-toggle {
  border: none;
  margin-top: 0px;
  margin-bottom: 0;
  padding: 5px;
  background: transparent; }
  .site-header .navbar-header .navbar-toggle .navbar-nav {
    margin: 0; }
    .site-header .navbar-header .navbar-toggle .navbar-nav > li {
      float: left; }
      .site-header .navbar-header .navbar-toggle .navbar-nav > li.dropdown .dropdown-toggle {
        background: transparent; }
      .site-header .navbar-header .navbar-toggle .navbar-nav > li.dropdown .dropdown-menu {
        position: absolute;
        float: left;
        background: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
        @media screen and (max-width: 991px) {
          .site-header .navbar-header .navbar-toggle .navbar-nav > li.dropdown .dropdown-menu {
            width: 90%;
            background: #fff; } }

.navbar-form .search-input {
  height: 35px;
  transition: border 0.3s ease-in;
  background: transparent;
  transition: all 0.2s ease-in-out; }
  .navbar-form .search-input .custom-addon {
    font-size: 16px;
    padding: 6px;
    padding-top: 8px; }
  .navbar-form .search-input .form-control {
    border: none;
    box-shadow: none;
    width: 0px;
    padding-right: 0px;
    padding-left: 2px;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
    background: transparent; }
    @media screen and (max-width: 767px) {
      .navbar-form .search-input .form-control {
        width: 100%; } }
    .navbar-form .search-input .form-control:focus {
      outline: none;
      box-shadow: none; }
  .navbar-form .search-input:focus {
    outline: none;
    box-shadow: none; }

.expand-search-input {
  width: 170px !important; }

.expand-serch-input-border-dark {
  border-bottom: 1px solid #313955; }

.expand-serch-input-border-light {
  border-bottom: 1px solid #fff; }

.search-menu, .profile-card .invite-modal .profile-search-menu, .Job-dropdown {
  width: 240px; }

.expand-search-icon-color-light {
  color: #fff !important; }

.expand-search-icon-color-dark {
  color: #313955 !important; }

.navbar-nav .header-icon, .bar .header-icon {
  position: relative; }
  .navbar-nav .header-icon .notify-icon, .bar .header-icon .notify-icon {
    position: absolute;
    right: -10px;
    top: -4px;
    font-size: 12px;
    color: #EA7289; }

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg); }
  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg); }
  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg); }
  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg); }
  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg); }
  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg); }
  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg); }
  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial; }

@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg); }
  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg); }
  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg); }
  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg); }
  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg); }
  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg); }
  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg); }
  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg); }
  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial; }

.load-spinner .fa-refresh {
  color: #3c4b7d; }

.glyphicon-pushpin.active {
  color: #3c4b7d; }

.no-post-default-template .normal-section, .no-post-default-template .tile-section, .no-post-default-template #profile-edit-page .profile-edit-menu, #profile-edit-page .no-post-default-template .profile-edit-menu, .no-post-default-template .fixed-album-description-area {
  margin-bottom: 10px; }
.no-post-default-template .component-type .no-post-template-icon {
  display: inline-table;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
  font-size: 20px;
  color: #337ab7;
  background: #ECF2F6;
  -webkit-text-stroke: 2px #ECF2F6; }
  .no-post-default-template .component-type .no-post-template-icon:hover {
    color: #23527c;
    cursor: pointer; }
.no-post-default-template .component-type .component-title-info {
  margin-left: 50px;
  position: relative;
  top: -4px; }
.no-post-default-template .component-type .component-title {
  color: #337ab7; }
  .no-post-default-template .component-type .component-title:hover {
    color: #23527c;
    text-decoration: underline;
    cursor: pointer; }
.no-post-default-template .component-type .component-info {
  font-size: 14px;
  color: #777777; }
.no-post-default-template .wlcm {
  margin-top: -10px; }
  .no-post-default-template .wlcm h6 {
    color: #262935; }
  .no-post-default-template .wlcm p {
    color: #262935; }
.no-post-default-template #myCarousel img {
  height: 200px;
  width: 40% !important;
  object-fit: cover; }
.no-post-default-template #myCarousel.carousel {
  border: 10px solid white; }
  .no-post-default-template #myCarousel.carousel:hover .carousel-control {
    width: 10%;
    background-image: none;
    display: block; }
  .no-post-default-template #myCarousel.carousel .carousel-indicators {
    bottom: 0px; }
    .no-post-default-template #myCarousel.carousel .carousel-indicators li {
      border: 3px solid #00000050;
      -webkit-text-stroke: 2px red; }
  .no-post-default-template #myCarousel.carousel .carousel-caption {
    position: absolute;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: 0;
    bottom: unset;
    left: unset;
    right: 0;
    background: #fff;
    height: 200px;
    width: 60%; }
  .no-post-default-template #myCarousel.carousel .carousel-control {
    display: none; }
  .no-post-default-template #myCarousel.carousel .caption-title {
    color: #337ab7;
    text-shadow: none; }
  .no-post-default-template #myCarousel.carousel .caption-description {
    color: #777;
    text-shadow: none; }

.post-group-name {
  color: #3F76AD;
  margin-top: 10px;
  margin-bottom: 10px;
  word-break: break-word; }
  .post-group-name .fa {
    font-size: 11px; }

.post-dropdown {
  z-index: 2;
  position: absolute;
  right: 25px;
  top: 0px;
  color: #888ea1; }

.posts-wrap .post-entry {
  position: relative; }
  .posts-wrap .post-entry.normal-section, .posts-wrap .post-entry.tile-section, .posts-wrap #profile-edit-page .post-entry.profile-edit-menu, #profile-edit-page .posts-wrap .post-entry.profile-edit-menu, .posts-wrap .post-entry.fixed-album-description-area {
    padding: 20px;
    padding-bottom: 0px; }
  .posts-wrap .post-entry .post-target-info {
    width: calc(100% - 60px);
    vertical-align: middle; }
    .posts-wrap .post-entry .post-target-info .post-username {
      color: #333857;
      display: inline-block; }
    .posts-wrap .post-entry .post-target-info .post-shareTo-color {
      color: #3F76AD;
      vertical-align: middle; }
      .posts-wrap .post-entry .post-target-info .post-shareTo-color:hover {
        color: #356493; }
    .posts-wrap .post-entry .post-target-info .post-share-text {
      color: #919BB7;
      vertical-align: middle; }
    .posts-wrap .post-entry .post-target-info .post-head {
      padding-right: 15px; }
  .posts-wrap .post-entry .post-caption-above-shared-card {
    font-size: 0.875rem;
    padding: 5px 20px 5px;
    text-align: center;
    color: #4f5058;
    background: #fafafa;
    box-shadow: 0px -1px 2.5px -1.5px #8691cc;
    font-style: italic; }
    .posts-wrap .post-entry .post-caption-above-shared-card small {
      font-size: 0.65rem; }
  .posts-wrap .post-entry .share-card {
    transition: box-shadow 0.2s cubic-bezier(0.42, 0, 1, -0.18);
    overflow: hidden;
    max-height: none; }
    .posts-wrap .post-entry .share-card .job-card {
      background: #fff; }
    .posts-wrap .post-entry .share-card .event-card-image {
      min-height: 185px;
      max-height: 185px; }
      @media screen and (max-width: 767px) {
        .posts-wrap .post-entry .share-card .event-card-image {
          min-height: unset;
          max-height: unset; } }
    .posts-wrap .post-entry .share-card .event-info-col {
      min-height: 150px;
      max-height: 185px;
      background: #fff; }
    .posts-wrap .post-entry .share-card .album {
      margin-bottom: 0px;
      margin-top: -5px; }
      .posts-wrap .post-entry .share-card .album .share-album-header {
        padding-bottom: 0px;
        word-break: break-word;
        position: relative;
        padding: 20px 15px 0px;
        background: #fff; }
      .posts-wrap .post-entry .share-card .album .share-album-header-title {
        font-size: 1.6rem;
        line-height: 1.6rem; }
        .posts-wrap .post-entry .share-card .album .share-album-header-title a {
          color: #3f76ad; }
        .posts-wrap .post-entry .share-card .album .share-album-header-title:hover a {
          color: #2b5075; }
      .posts-wrap .post-entry .share-card .album .shared-album-creator {
        color: #5a5f73; }
  .posts-wrap .post-entry .content-actions {
    margin: 0px; }
    .posts-wrap .post-entry .content-actions #comments {
      margin-left: -20px;
      margin-right: -20px; }
  .posts-wrap .post-entry .action-layout-bar {
    display: none; }
  @media screen and (max-width: 768px) {
    .posts-wrap .post-entry .action-layout-bar {
      display: block; }
      .posts-wrap .post-entry .action-layout-bar .dropdown-menu-right {
        top: 75%;
        right: 30px; } }
  .posts-wrap .post-entry:hover .action-layout-bar {
    display: block; }
  .posts-wrap .post-entry .image-in-post-wrapper {
    height: 100px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-color: rgba(30, 30, 30, 0.1); }
  .posts-wrap .post-entry .redirect-page-icon {
    display: none; }
  .posts-wrap .post-entry:hover {
    background: #fcfeff;
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
    .posts-wrap .post-entry:hover .redirect-page-icon {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 14px;
      color: #aaa;
      display: block; }
    .posts-wrap .post-entry:hover .share-card {
      box-shadow: 0px 0px 6px 0px #c3cae0; }
    .posts-wrap .post-entry:hover hr {
      border-top: 1px solid #00000033; }
    .posts-wrap .post-entry:hover .content-actions {
      background: white; }
      .posts-wrap .post-entry:hover .content-actions #comments.border-line {
        background: white; }
.posts-wrap .initiative-content {
  background: white;
  padding: 5px;
  margin-bottom: 10px; }
  .posts-wrap .initiative-content .descrip .embed-responsive-16by9 {
    padding-bottom: 100%; }
  .posts-wrap .initiative-content .read-more-text-button.gradient {
    margin: -5px; }
  .posts-wrap .initiative-content p img {
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto;
    display: block; }
.posts-wrap .share-initiative-content p {
  padding-bottom: 10px;
  color: #545968;
  font-size: 18px; }
  .posts-wrap .share-initiative-content p img {
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto;
    display: block; }
.posts-wrap .initiative-saved-title {
  font-size: 1.125rem !important; }
.posts-wrap .lastinitiativepage-post-dropdown {
  right: 35px;
  top: -12px; }
.posts-wrap .campaign-top-bar {
  font-size: 22px;
  letter-spacing: 1px;
  color: rgba(49, 57, 85, 0.91);
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
.posts-wrap .campaign-page-creation-info {
  position: absolute;
  bottom: 2px; }
  .posts-wrap .campaign-page-creation-info .initiative-last-page-img {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    border-radius: 50%;
    display: inline-block; }
  .posts-wrap .campaign-page-creation-info .initiative-last-page-name {
    font-size: 16px;
    position: relative;
    top: -2px;
    display: inline-block; }
.posts-wrap .last-initiative-page-title {
  padding-bottom: 2.2rem !important; }
.posts-wrap .anch-max-height {
  max-height: 40px !important;
  font-size: 22px; }
.posts-wrap .initiative-title {
  padding: 5px;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 1.65rem;
  font-size: 1.6rem;
  margin-bottom: 0;
  display: block;
  border-bottom: 1px solid #919BB7;
  position: relative;
  line-height: 1.1; }
  .posts-wrap .initiative-title a {
    color: #3f76ad; }
  .posts-wrap .initiative-title:hover a {
    color: #2b5075; }
  .posts-wrap .initiative-title .campaign-access-type {
    position: absolute;
    bottom: 5px;
    font-size: 12px;
    left: 5px;
    color: #5a5f73; }
.posts-wrap .initiative-supporters-bar {
  background: #fff;
  height: 2rem;
  border-bottom: 1px solid #eee;
  text-align: center;
  position: relative; }
  .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn {
    font-weight: 550;
    background: none;
    border: none;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%); }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn.more-than-9 {
      transform: translate(-60%, -55%) !important; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn.more-than-99 {
      transform: translate(-65%, -55%) !important; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn.more-than-999 {
      transform: translate(-70%, -55%) !important; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn a {
      color: #3f76ad; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn:hover {
      cursor: pointer;
      text-decoration: underline; }
      .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn:hover a {
        color: #2b5075; }
  .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn-right {
    right: -25px;
    left: unset; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn-right.more-than-9 {
      right: -35px !important; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn-right.more-than-99 {
      right: -45px !important; }
    .posts-wrap .initiative-supporters-bar .initiative-supporters-bar-text .support-option-btn-right.more-than-999 {
      right: -55px !important; }
.posts-wrap .album-card {
  border-radius: 5px; }
  .posts-wrap .album-card .content-actions {
    margin: 0 !important; }

.post-text-box {
  font-family: "Assistant", sans-serif;
  color: #919BB7;
  border: none;
  padding: 8px;
  resize: none;
  height: 150px;
  margin-bottom: 15px;
  transition: border 0.3s ease-in; }
  .post-text-box:focus {
    outline: none;
    border: none; }

#update {
  position: relative; }
  #update .big-user-img {
    left: 15px;
    position: absolute; }
  #update .post-box {
    width: calc(100% - 36px - 15px);
    margin-left: calc(36px + 10px);
    border: none;
    height: 100px;
    color: #545968;
    line-height: 1.42 !important;
    font-size: 18px; }
    #update .post-box:focus {
      border: none; }
    #update .post-box span {
      color: blue; }
  #update .post-image-layout {
    margin-bottom: 2px;
    width: 33.33%;
    padding-right: 2px;
    padding-left: 5px; }
    #update .post-image-layout .post-image-wrapper {
      height: 100px;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 4px;
      background-color: rgba(30, 30, 30, 0.1);
      border: 2px solid #e5e8ea;
      box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25); }
      #update .post-image-layout .post-image-wrapper .removePostPhoto {
        position: absolute;
        right: 0px;
        top: 0px; }

.post-edit-image-wrapper {
  height: 100px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  background-color: rgba(30, 30, 30, 0.1); }

.noPostDiv {
  background: #fff;
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  height: 200px;
  text-align: center;
  line-height: 180px;
  color: #0000007d;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

#editPostModal .edit-post-image-icon {
  font-size: 1.5em; }

.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; }

.message-container .scroll-to-bottom-unseen-msg {
  position: absolute;
  right: -3px;
  top: -39px;
  z-index: 1;
  padding: 0;
  overflow: hidden;
  width: 40px;
  height: 60px;
  transform: translateY(-50%); }
  @media screen and (max-width: 767px) {
    .message-container .scroll-to-bottom-unseen-msg {
      transform: unset;
      top: -65px;
      right: -3%; } }
  .message-container .scroll-to-bottom-unseen-msg .numberCircleUnseenMsg {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 3px;
    text-align: center;
    font: 10px Arial, sans-serif;
    background: #3f76ad;
    color: white;
    z-index: 1;
    font-weight: 550;
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%); }
    .message-container .scroll-to-bottom-unseen-msg .numberCircleUnseenMsg .nmbr {
      position: absolute;
      top: 49%;
      left: 50.3%;
      transform: translate(-50%, -50%); }
  .message-container .scroll-to-bottom-unseen-msg .theme-border-fa-2x {
    z-index: 1;
    color: #b8bcca; }
  .message-container .scroll-to-bottom-unseen-msg .btm-dwn-msg {
    position: absolute;
    top: 50%; }
  .message-container .scroll-to-bottom-unseen-msg .background {
    color: #fff; }
  .message-container .scroll-to-bottom-unseen-msg .main-icon {
    color: #b8bcca;
    position: relative;
    top: .5px;
    -webkit-text-stroke: 0.2px; }
.message-container .user-chat-box-height {
  height: calc(100vh - 92px); }
.message-container .message-textarea-wrapper {
  position: relative; }
  .message-container .message-textarea-wrapper .chat-input-textarea {
    margin-bottom: 0px !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    scrollbar-width: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }
    .message-container .message-textarea-wrapper .chat-input-textarea::-webkit-scrollbar {
      width: 0px; }
  .message-container .message-textarea-wrapper .emojionearea .emojionearea-picker .emojionearea-scroll-area {
    scrollbar-width: none; }
    .message-container .message-textarea-wrapper .emojionearea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar {
      width: 0px; }
  .message-container .message-textarea-wrapper .emojionearea .emojionearea-button {
    top: 6px; }
  .message-container .message-textarea-wrapper .emojionearea .emojionearea-editor {
    margin-bottom: 0px !important;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    min-height: 37px;
    max-height: 5rem;
    scrollbar-width: none; }
    .message-container .message-textarea-wrapper .emojionearea .emojionearea-editor::-webkit-scrollbar {
      width: 0px; }
  .message-container .message-textarea-wrapper .send-message-btn {
    position: absolute;
    height: 39px;
    bottom: 0;
    right: 0;
    width: 9.5%; }
    @media screen and (max-width: 768px) {
      .message-container .message-textarea-wrapper .send-message-btn {
        padding: 0;
        text-align: center; } }
.message-container .share-card {
  overflow: hidden;
  position: relative; }
  .message-container .share-card.event-card-wrapper .event-location {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .message-container .share-card .campaign-user {
    display: none; }
  .message-container .share-card .campaign-date-time {
    display: none; }
  .message-container .share-card .campaign-user-msgwin-mob {
    position: absolute;
    font-size: 0.85rem;
    bottom: 2rem;
    left: 30px;
    color: #999;
    z-index: 1;
    width: 170px;
    display: block; }
    @media screen and (max-width: 768px) {
      .message-container .share-card .campaign-user-msgwin-mob {
        width: 150px; } }
  .message-container .share-card .share-initiative-content p {
    padding-bottom: 10px;
    color: #545968;
    font-size: 18px; }
  .message-container .share-card .campaign-date-time-msgwin-mob {
    position: absolute;
    font-size: 0.85rem;
    right: 30px;
    bottom: 2rem;
    padding-left: 25px;
    color: #999;
    z-index: 1;
    max-width: 120px;
    display: block; }
    @media screen and (max-width: 768px) {
      .message-container .share-card .campaign-date-time-msgwin-mob {
        max-width: 90px; } }
  .message-container .share-card:hover {
    overflow-y: overlay; }
@-moz-document url-prefix() {
  .message-container .share-card:hover {
    overflow-y: auto; } }
@media screen and (min-width: 768px) {
  .message-container {
    margin-top: 40px; } }
.message-container .edit-icon {
  top: -8px;
  position: relative; }
  .message-container .edit-icon a {
    color: rgba(49, 57, 85, 0.91); }
.message-container .msg-chat-wrap {
  min-height: 130px;
  box-shadow: none; }
.message-container .message-box {
  overflow: auto;
  height: 270px;
  position: relative;
  margin-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  .message-container .message-box::-webkit-scrollbar {
    width: 5px; }
  .message-container .message-box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px; }
  .message-container .message-box::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px; }
  .message-container .message-box::-webkit-scrollbar-thumb:hover {
    background: #596689; }
  .message-container .message-box > div {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0px;
    max-height: 100%;
    padding: 20px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #919bb7 transparent; }
    .message-container .message-box > div::-webkit-scrollbar {
      width: 5px; }
    .message-container .message-box > div::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #00000054;
      color: transparent;
      border-radius: 10px; }
    .message-container .message-box > div::-webkit-scrollbar-thumb {
      background: #919bb7;
      border-radius: 10px; }
    .message-container .message-box > div::-webkit-scrollbar-thumb:hover {
      background: #596689; }
  @media screen and (max-width: 767px) {
    .message-container .message-box {
      height: auto;
      max-height: 81%;
      overflow: hidden;
      min-height: 50%;
      margin-bottom: 0px; }
      .message-container .message-box > div {
        position: relative;
        max-height: 100%;
        left: auto;
        right: auto;
        padding: 0px; } }
  .message-container .message-box .initial-load {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff90;
    z-index: 1; }
    .message-container .message-box .initial-load .initial-load-icon {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px; }
  .message-container .message-box .share-card-msg {
    width: 75%;
    margin-top: 10px; }
    .message-container .message-box .share-card-msg .share-card-caption {
      font-size: 0.875rem;
      padding: 5px 20px 5px;
      text-align: center;
      color: #4f5058;
      background: #fafafa;
      box-shadow: 0px 0px 2px 0px #8691cc;
      font-style: italic; }
  .message-container .message-box .message-album-share-card .share-card {
    position: relative; }
    .message-container .message-box .message-album-share-card .share-card .item-grid-layout .item-grid.four-item.show-more {
      position: relative;
      margin-top: 0; }
      .message-container .message-box .message-album-share-card .share-card .item-grid-layout .item-grid.four-item.show-more:nth-child(4):after {
        content: attr(data-more-image-count);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        text-align: center;
        font-size: 30px;
        color: #fff;
        width: 100%;
        height: 100%;
        padding: 40% 0; }
    .message-container .message-box .message-album-share-card .share-card .item-grid-layout .more-items {
      display: none; }
.message-container .sendToBox {
  float: left;
  padding: 5px;
  border-radius: 5px;
  background: #f1f6f9;
  margin: 4px; }
.message-container .message-list {
  background-color: white;
  padding: 10px 0px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  overflow: auto;
  max-height: calc(100vh - 140px);
  border-bottom: 2px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  @media screen and (max-width: 768px) {
    .message-container .message-list {
      max-height: calc(100vh - 160px); } }
  .message-container .message-list::-webkit-scrollbar {
    width: 5px; }
  .message-container .message-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px; }
  .message-container .message-list::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px; }
  .message-container .message-list::-webkit-scrollbar-thumb:hover {
    background: #596689; }
  .message-container .message-list .message-list-item {
    padding: 0px 10px;
    border-left: 5px solid transparent;
    padding-left: 0px; }
    .message-container .message-list .message-list-item:hover {
      background-color: #f1f6f9;
      border-left-color: #3c4b7d; }
    .message-container .message-list .message-list-item.visited-msg {
      background-color: #f1f6f9;
      border-left-color: #3c4b7d; }
      .message-container .message-list .message-list-item.visited-msg:hover {
        background-color: #f1f6f9; }
    .message-container .message-list .message-list-item > a {
      display: table;
      width: 100%;
      table-layout: fixed;
      border-bottom: 1px solid #e8e9ea;
      padding: 10px 0px; }
      .message-container .message-list .message-list-item > a:focus {
        text-decoration: none; }
      .message-container .message-list .message-list-item > a .msg-pic, .message-container .message-list .message-list-item > a .msg-info {
        display: table-cell;
        vertical-align: top; }
      .message-container .message-list .message-list-item > a .msg-pic {
        width: 60px;
        position: relative; }
        .message-container .message-list .message-list-item > a .msg-pic img {
          width: 42px;
          height: 42px;
          margin-left: 10px;
          border-radius: 100%; }
        .message-container .message-list .message-list-item > a .msg-pic .numberCircle {
          border-radius: 50%;
          width: 16px;
          height: 16px;
          padding: 3px;
          text-align: center;
          font: 10px Arial, sans-serif;
          background: #3f76ad;
          color: white;
          font-weight: 550;
          position: absolute;
          top: 0;
          right: 4px; }
          .message-container .message-list .message-list-item > a .msg-pic .numberCircle .nmbr {
            position: absolute;
            top: 50%;
            left: 50.3%;
            transform: translate(-50%, -50%); }
      .message-container .message-list .message-list-item > a .msg-info .usernme {
        color: #323849;
        font-weight: 550; }
      .message-container .message-list .message-list-item > a .msg-info .preserve-line {
        height: 24px;
        color: #6a8198;
        font-size: 14px; }
        .message-container .message-list .message-list-item > a .msg-info .preserve-line .emojioneemoji {
          height: 16px;
          width: 16px;
          margin-right: 1px;
          margin-left: 1px;
          position: relative;
          top: -2px; }
      .message-container .message-list .message-list-item > a .msg-info .date-time {
        position: relative;
        top: 3px;
        color: #5a5f73;
        font-size: 80%; }
.message-container .new-msg-wrapper {
  position: absolute;
  left: 10px;
  right: 10px; }
  .message-container .new-msg-wrapper .form-control:focus {
    box-shadow: none;
    border-color: #485CE3; }
.message-container .user-detail {
  padding-bottom: 0px;
  border-bottom: 1px solid #dcdfef;
  margin-bottom: 10px;
  margin-top: 10px; }
  .message-container .user-detail .close-box:focus {
    text-decoration: none; }
  .message-container .user-detail .close-box:hover .close-button {
    visibility: visible; }
  .message-container .user-detail .close-box .user-pic, .message-container .user-detail .close-box .user-info {
    display: table-cell;
    vertical-align: middle; }
  .message-container .user-detail .close-box .user-info {
    color: #323849; }
    .message-container .user-detail .close-box .user-info .user-comp-desg {
      font-size: 12px;
      color: #6a8198; }
  .message-container .user-detail .close-box .user-pic {
    width: 40px; }
    .message-container .user-detail .close-box .user-pic img {
      width: 32px;
      height: 32px; }
  .message-container .user-detail .close-box .close-button {
    font-size: 14px;
    color: #3c4b7d;
    visibility: hidden; }
.message-container .msg-bubble-wrap {
  clear: both; }
  .message-container .msg-bubble-wrap .msg-date-bar {
    position: relative; }
    .message-container .msg-bubble-wrap .msg-date-bar span {
      background: #ffffff;
      position: relative;
      padding: 0px 10px; }
    .message-container .msg-bubble-wrap .msg-date-bar:before {
      content: '';
      width: 100%;
      border-bottom: 1px solid #e8e9ea;
      height: 1px;
      position: absolute;
      left: 0;
      top: 10px;
      z-index: 0; }
  .message-container .msg-bubble-wrap .message-bubble {
    display: inline-block;
    float: left;
    overflow: hidden;
    max-width: 75%;
    margin-bottom: 10px;
    margin-top: 10px; }
    .message-container .msg-bubble-wrap .message-bubble .msg {
      border-radius: 10px 10px 10px 0px;
      padding: 6px 12px;
      background-color: white;
      border: 3px solid #f1f6f9;
      word-wrap: break-word;
      margin-bottom: 2px; }
      .message-container .msg-bubble-wrap .message-bubble .msg a {
        color: #485CE3; }
        .message-container .msg-bubble-wrap .message-bubble .msg a:hover {
          color: #3c4b7d; }
      .message-container .msg-bubble-wrap .message-bubble .msg .emojioneemoji {
        height: 18px;
        width: 18px;
        margin-left: 1px;
        margin-right: 1px;
        position: relative;
        top: -2px; }
    .message-container .msg-bubble-wrap .message-bubble .msg-time {
      padding: 0px 3px; }
    .message-container .msg-bubble-wrap .message-bubble.sender-bubble {
      float: right; }
      .message-container .msg-bubble-wrap .message-bubble.sender-bubble .msg {
        background-color: #f1f6f9;
        border: none;
        border-radius: 10px 10px 0px 10px; }
@media screen and (max-width: 767px) {
  .message-container .search-menu, .message-container .profile-card .invite-modal .profile-search-menu, .profile-card .invite-modal .message-container .profile-search-menu, .message-container .Job-dropdown {
    width: 250px; } }
.message-container .msg-counter {
  position: absolute;
  right: 35px;
  top: -15px; }
  @media screen and (max-width: 767px) {
    .message-container .msg-counter {
      right: 20px; } }
.message-container .show-block-info-div {
  text-align: center;
  padding: 3px !important;
  background: white;
  color: #b8bcca;
  font-size: 16px;
  font-style: italic;
  -webkit-text-stroke: .1PX;
  border-radius: 5px; }

@media screen and (max-width: 767px) {
  .msg-box-mobile {
    margin-top: 38px;
    padding-right: 5px;
    transition: all 0.2s ease-in-out; } }

@media screen and (max-width: 767px) {
  .new-message-option-top-mob {
    right: 55px;
    position: fixed;
    top: 118px;
    color: #283D51;
    font-size: 20px; }
    .new-message-option-top-mob a {
      color: rgba(49, 57, 85, 0.91); } }

@media screen and (max-width: 767px) {
  .msg-box-expand-mobile {
    position: fixed;
    right: 0;
    top: 138px;
    padding: 0;
    width: 80%;
    opacity: 1;
    z-index: 1;
    margin-top: 20px; } }

@media screen and (max-width: 767px) {
  .msg-box-fold-mobile {
    position: fixed;
    right: 0;
    top: 138px;
    padding: 0;
    width: 0;
    opacity: 0;
    z-index: 1;
    margin-top: 20px; } }

.numberCircle-mob {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 3px;
  text-align: center;
  font: 10px Arial, sans-serif;
  background: #3f76ad;
  color: white;
  font-weight: 550;
  right: 10px;
  position: fixed;
  top: 113px;
  z-index: 1; }
  .numberCircle-mob .nmbr {
    position: absolute;
    top: 50%;
    left: 50.3%;
    transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) {
  .expand-collapse-msg-list-icon {
    right: 15px;
    position: fixed;
    top: 120px;
    color: rgba(49, 57, 85, 0.91);
    font-size: 20px; } }

.blackscreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000060;
  z-index: 1; }

.new-message-right-15 {
  right: 15px; }

.new-message-top-info-mob span {
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
  font-size: 1.2rem; }

.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, .group-container .add-member-modal .add-member-wrap .user-detail, .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, .like-wrapper .users-like-info .user-stack-list .name-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, .admin-sections .fixed-album-description-area: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; }

.home-page .no-published-campaign-text {
  margin-top: 15px; }
.home-page .post-entry {
  margin-top: -8px; }
.home-page .post-tab .nav-tabs > li .fa {
  margin-right: 5px; }
.home-page .post-tab .nav-tabs > li.active .fa {
  color: #3c4b7d; }
.home-page .activity-feed-tabs {
  margin: -15px -15px 0px; }
  .home-page .activity-feed-tabs > li {
    width: 100%;
    text-align: center; }
    .home-page .activity-feed-tabs > li a {
      padding: 5px; }
.home-page #rightSection .profile-card {
  margin-top: 0px; }

@media screen and (max-width: 767px) {
  .search-page .side-col-search-pannel .filter-button {
    top: 110px; } }
.search-page #search-filters {
  position: -webkit-sticky;
  position: sticky;
  top: 60px; }
  @media screen and (max-width: 767px) {
    .search-page #search-filters {
      position: fixed;
      top: 100px;
      z-index: 1; } }
.search-page .compact-cols {
  padding-left: 2px;
  padding-right: 2px; }
  @media screen and (max-width: 767px) {
    .search-page .compact-cols {
      padding: 0px 15px; } }
  .search-page .compact-cols .profile-card {
    margin-bottom: 5px;
    min-height: 325px;
    margin-top: 0; }
.search-page .search-icon-mobile {
  position: absolute;
  left: 15px;
  top: 14px;
  font-size: 18px;
  color: #666; }
.search-page .expand-fold-icon-mobile {
  position: absolute;
  right: 15px;
  top: 11px;
  font-size: 25px;
  color: #3c4b7d;
  font-weight: bold; }
  .search-page .expand-fold-icon-mobile:hover {
    cursor: pointer; }
.search-page .search-input-mobile-wrapper {
  position: relative;
  padding: 10px 20px 0;
  background: #fff; }
.search-page .search-input-mobile {
  padding-left: 25px;
  border: none;
  padding-bottom: 13px; }

.skill-tag {
  font-size: 18px;
  margin-bottom: 5px; }
  .skill-tag .label, .skill-tag .Job-skill-tags {
    display: inline-block;
    padding: 10px 12px; }
    .skill-tag .label .fa-close, .skill-tag .Job-skill-tags .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, .profile-timeline .fixed-album-description-area {
  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, .profile-timeline .fixed-album-description-area {
  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, .profile-page-bottom-section .story-profile-timeline .card-head .Job-skill-tags {
    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; }

.terms-page {
  font-family: 'Roboto';
  padding-bottom: 100px; }
  .terms-page p, .terms-page li {
    line-height: 2em;
    font-size: 16px;
    font-size: 0.9rem;
    line-height: 1.42857;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.75); }
  .terms-page p {
    margin-bottom: 30px; }

#groupAllMembersModal .tab-content .modal-body {
  min-height: 300px; }
  #groupAllMembersModal .tab-content .modal-body .update-validity-all {
    position: absolute;
    bottom: -10px; }
#groupAllMembersModal .tab-content .no-data-text {
  color: #b8bcca;
  padding-top: 30px;
  -webkit-text-stroke: .1px; }
#groupAllMembersModal .tab-content .grp-mem-table .td-loader .fa {
  font-size: 20px; }
#groupAllMembersModal .tab-content .grp-mem-table .edit-expiry-input-wrapper {
  width: 110px;
  margin: auto; }
  #groupAllMembersModal .tab-content .grp-mem-table .edit-expiry-input-wrapper .input-date-pencil {
    display: inline-block; }
  #groupAllMembersModal .tab-content .grp-mem-table .edit-expiry-input-wrapper .expiry-edit-icon {
    color: #3c4b7d;
    cursor: pointer;
    position: relative;
    left: -5px;
    font-size: 14px;
    top: -1px; }
@media screen and (max-width: 768px) {
  #groupAllMembersModal .tab-content .grp-mem-table .edit-expiry-input-wrapper {
    margin-right: 10px; } }

#upload-input-wrapper {
  display: inline;
  bottom: 0;
  width: 100%; }
  #upload-input-wrapper .categoryForm {
    display: flex;
    align-items: center;
    width: 100%; }
  #upload-input-wrapper .file-name {
    width: 100%;
    box-shadow: none;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  #upload-input-wrapper .file-label {
    width: 10%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    text-align: center;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #upload-input-wrapper .upl-btn {
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    margin: 0;
    text-align: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: all 0.2s ease-in-out;
    position: relative; }
    #upload-input-wrapper .upl-btn .upl-icon {
      position: absolute;
      right: 0;
      bottom: 0; }
    #upload-input-wrapper .upl-btn:hover {
      cursor: pointer; }
    #upload-input-wrapper .upl-btn:active {
      top: 3px; }

#editGroupRefDocModal .edit-reference-doc input {
  font-size: 18px;
  letter-spacing: 1px; }
  #editGroupRefDocModal .edit-reference-doc input::placeholder {
    opacity: 0.8; }
#editGroupRefDocModal .edit-reference-doc textarea {
  margin-top: 18px;
  border-radius: 5px;
  outline: none !important;
  resize: none;
  border-color: #ccc !important;
  background: #fff;
  padding: 10px;
  font-size: 18px;
  letter-spacing: 1px; }
  #editGroupRefDocModal .edit-reference-doc textarea::placeholder {
    opacity: 0.5; }

.group-container .post-entry {
  margin-top: -8px; }
.group-container .post-entry-wrapper .post-entry:last-child .share-button {
  position: relative; }
  .group-container .post-entry-wrapper .post-entry:last-child .share-button .shareicon-box-dropdown {
    right: 15px !important;
    top: -45px !important; }
.group-container .group-tab-sec .tabs-wrap {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 3rem;
  background: #fff; }
  .group-container .group-tab-sec .tabs-wrap .group-tab li {
    width: 50%; }
    .group-container .group-tab-sec .tabs-wrap .group-tab li a {
      padding: 10px 0px;
      font-weight: 550;
      letter-spacing: 1px;
      text-align: center; }
  @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .group-container .group-tab-sec .tabs-wrap .group-tab .first-list {
      width: 40%; }
    .group-container .group-tab-sec .tabs-wrap .group-tab .last-list {
      width: 60%; } }
.group-container .group-tab-sec .tab-sec-content {
  background: #fff;
  border: 1px solid #ECF2F6;
  border-top: none;
  letter-spacing: 1px; }
  .group-container .group-tab-sec .tab-sec-content .tab-content-mem {
    padding-top: 20px; }
  .group-container .group-tab-sec .tab-sec-content .tab-content-doc {
    padding-right: 15px;
    padding-left: 15px; }
    .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec {
      box-shadow: 0 8px 6px -6px #ccc;
      position: sticky;
      top: 3rem;
      z-index: 3;
      background: #fff; }
      @media screen and (max-width: 767px) {
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec {
          position: unset;
          top: unset; } }
      .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .exp-fol-toggle {
        font-size: 16px;
        letter-spacing: 1px;
        color: #283D51;
        transition: all 0.2s ease-in-out;
        padding-top: 20px;
        padding-bottom: 10px; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .exp-fol-toggle .fa {
          font-weight: bold; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .exp-fol-toggle:hover {
          cursor: pointer; }
      .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec {
        padding-right: 30px;
        padding-left: 30px;
        transition: all 0.2s ease-in-out; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec .upload-doc-sec-child {
          white-space: nowrap; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec .upload-doc-sec-child .supported-ext {
            font-size: 0.75rem;
            padding-left: 5px; }
            @media screen and (max-width: 767px) {
              .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec .upload-doc-sec-child .supported-ext {
                padding-left: 0; } }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec .upload-doc-sec-child, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec small, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec ul, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec strong, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec input, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec textarea, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec button {
          transition: all 0.5s ease-in-out; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec input {
          font-size: 16px;
          letter-spacing: 1px; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec input::placeholder {
            opacity: 0.8; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec strong {
          color: #777; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec textarea {
          margin-top: 18px;
          border-radius: 5px;
          outline: none !important;
          resize: none;
          background: #fff;
          padding: 10px;
          font-size: 16px;
          letter-spacing: 1px;
          border-style: solid;
          border-color: #dcdfef !important; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec textarea:focus {
            border-color: #c4caea !important; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .upload-doc-sec textarea::placeholder {
            opacity: 0.5; }
      .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec {
        max-height: 0px; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec .upload-doc-sec-child, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec small, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec ul, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec strong, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec input, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec textarea, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec button, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .folded-upload-doc-sec h6 {
          display: none;
          opacity: 0; }
      .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec {
        max-height: 500px; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec .upload-doc-sec-child, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec small, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec ul, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec strong, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec input, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec textarea, .group-container .group-tab-sec .tab-sec-content .tab-content-doc .non-list-sec .expanded-upload-doc-sec h6 {
          display: block;
          opacity: 1; }
    .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec {
      padding-top: 10px;
      padding-bottom: 10px; }
      .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .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; }
      .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper {
        white-space: nowrap;
        scrollbar-width: thin;
        scrollbar-color: #919bb7 transparent; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper::-webkit-scrollbar {
          height: 5px; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px #00000054;
          color: transparent;
          border-radius: 10px; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper::-webkit-scrollbar-thumb {
          background: #fffefea6;
          border-radius: 10px; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper::-webkit-scrollbar-thumb:hover {
          background: #fffefea6; }
        .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table {
          margin-bottom: 0; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table td:first-child div {
            overflow: hidden;
            width: 160px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 1.2;
            white-space: break-spaces; }
            @media screen and (max-width: 767px) {
              .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table td:first-child div {
                width: 150px; } }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table tr {
            border-bottom: 1px solid #ddd; }
            .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table tr .uploaded-by-td ul {
              margin: 0; }
              .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table tr .uploaded-by-td ul .list-image {
                width: 100px;
                margin-right: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: middle;
                text-align: left; }
                .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table tr .uploaded-by-td ul .list-image a span img {
                  height: 16px;
                  width: 16px;
                  position: relative;
                  top: -1px; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table td {
            border: none;
            vertical-align: middle; }
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table thead tr th:first-child,
          .group-container .group-tab-sec .tab-sec-content .tab-content-doc .document-row-sec .document-list-table-wrapper .document-list-table tbody tr td:first-child {
            position: sticky;
            left: 0;
            z-index: 1;
            background: #fff;
            transition: all 0.1s;
            background-clip: padding-box; }
.group-container .profile-banner {
  background-position: center;
  background-size: cover;
  padding-top: 0px;
  padding-bottom: 25.33%; }
  @media screen and (max-width: 767px) {
    .group-container .profile-banner {
      padding-bottom: 40%; } }
  .group-container .profile-banner .edit-icon {
    color: #fff;
    margin-left: 30px; }
  .group-container .profile-banner .group-title {
    display: inline-block;
    max-width: 500px;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .group-container .profile-banner .group-title {
        width: calc(100% - 50px); } }
    .group-container .profile-banner .group-title h1 {
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        .group-container .profile-banner .group-title h1 {
          font-size: 20px;
          margin-bottom: 0px; } }
  .group-container .profile-banner .group-meta {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    font-size: 22px; }
    @media screen and (max-width: 767px) {
      .group-container .profile-banner .group-meta {
        font-size: 18px; } }
  .group-container .profile-banner .pin-icon {
    display: none; }
  .group-container .profile-banner:hover .pin-icon {
    display: inline;
    right: 5px;
    left: auto; }
.group-container .group-tile {
  height: 105px;
  position: relative; }
  .group-container .group-tile .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10; }
  .group-container .group-tile .label, .group-container .group-tile .Job-skill-tags {
    background-color: #aaa; }
.group-container .add-member-modal {
  min-height: 300px; }
  .group-container .add-member-modal .add-member-wrap {
    position: relative;
    margin-bottom: 10px; }
    .group-container .add-member-modal .add-member-wrap input {
      margin-bottom: 0px; }
    .group-container .add-member-modal .add-member-wrap .edit-expiry-input-wrapper {
      width: 110px;
      margin: auto; }
      .group-container .add-member-modal .add-member-wrap .edit-expiry-input-wrapper .input-date-pencil {
        display: inline-block;
        padding-right: 0;
        padding-left: 0;
        text-align: center; }
      .group-container .add-member-modal .add-member-wrap .edit-expiry-input-wrapper .expiry-edit-icon {
        color: #3c4b7d;
        cursor: pointer;
        position: relative;
        left: -5px; }
    .group-container .add-member-modal .add-member-wrap .user-detail .remove {
      position: relative;
      right: -2px;
      top: -5px; }
  @media screen and (max-width: 768px) {
    .group-container .add-member-modal .searchFormMember {
      width: 100%;
      white-space: nowrap;
      overflow-x: auto;
      min-height: 250px; }
      .group-container .add-member-modal .searchFormMember .dropdown-menu {
        margin-bottom: 20px; } }
  @media screen and (max-width: 768px) and (max-width: 767px) {
    .group-container .add-member-modal .searchFormMember .secured-group-invited-table .invite-secured-group-member {
      max-width: 100px; } }
  @media screen and (max-width: 768px) {
      .group-container .add-member-modal .searchFormMember .secured-group-invited-table tbody tr td {
        vertical-align: unset;
        position: relative; }
        .group-container .add-member-modal .searchFormMember .secured-group-invited-table tbody tr td .dropdown {
          position: unset; }
        .group-container .add-member-modal .searchFormMember .secured-group-invited-table tbody tr td .dropdown-menu {
          right: -50%;
          left: unset; } }
  .group-container .add-member-modal .searchFormMember.overflow-x-inherit {
    overflow-x: inherit; }
.group-container .updating-group-banner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6); }
  .group-container .updating-group-banner .fa {
    font-size: 100px;
    color: #0000002e;
    position: absolute;
    top: 30%;
    left: 46%; }
.group-container .homePageHideCheckbox {
  position: absolute;
  bottom: 8px;
  right: 10px; }
  .group-container .homePageHideCheckbox span {
    color: white;
    font-weight: 550; }
.group-container .privacy-checkbox {
  position: absolute;
  text-align: right;
  bottom: 45px;
  color: #FAFBFD; }
  .group-container .privacy-checkbox input[type=checkbox] {
    vertical-align: middle;
    display: inline; }
  .group-container .privacy-checkbox label {
    vertical-align: -webkit-baseline-middle; }
.group-container .hide-on-homepage {
  padding-right: 0;
  bottom: 10px;
  right: 10px; }
  .group-container .hide-on-homepage label {
    margin: 0; }
  @media screen and (max-width: 768px) {
    .group-container .hide-on-homepage {
      right: 6px !important; } }
.group-container .group-member-name {
  font-size: 14px;
  color: #485CE3; }
.group-container .member-box {
  text-align: center;
  padding: 5px;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
  height: 110px;
  width: 110px; }
  .group-container .member-box:hover .remove-btn {
    display: block; }
  @media screen and (max-width: 768px) {
    .group-container .member-box {
      height: 70px;
      width: 70px; } }
  .group-container .member-box .remove-btn {
    position: absolute;
    top: 0px;
    right: 20px;
    color: red;
    opacity: 0.6 !important;
    font-size: 25px;
    display: none; }
    .group-container .member-box .remove-btn:hover {
      color: #00000070; }
  .group-container .member-box .checkbox {
    position: absolute; }
  .group-container .member-box .Set-asAdmin-check {
    position: absolute;
    top: 0; }
  .group-container .member-box .group-member-image {
    border-radius: 5px;
    width: 100px;
    height: 100px; }
    @media screen and (max-width: 768px) {
      .group-container .member-box .group-member-image {
        width: 60px;
        height: 60px; } }
  .group-container .member-box .checkbox input[type=checkbox] {
    position: absolute;
    margin-left: 0px;
    margin-top: -10px;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px; }
    .group-container .member-box .checkbox input[type=checkbox]:hover {
      cursor: pointer; }
  .group-container .member-box .admin-text {
    position: absolute;
    font-size: 10px;
    top: 5px;
    left: 20px;
    color: #fff;
    background: #00000060;
    padding: 1px;
    border-radius: 5px; }
  .group-container .member-box:hover {
    background: #ece9e9;
    cursor: pointer; }

.group-invitation-buttons {
  padding-left: 10px !important;
  padding-right: 10px !important; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .group-invitation-buttons {
      padding-left: 6px !important;
      padding-right: 6px !important; } }

.Group-type-Text {
  position: absolute;
  font-weight: 700;
  color: #fff;
  bottom: 10px;
  left: 10px; }
  @media screen and (max-width: 768px) {
    .Group-type-Text {
      left: 10px !important; } }

.group-bottom-option-div-mob {
  bottom: 40px !important; }
  @media screen and (max-width: 767px) {
    .group-bottom-option-div-mob {
      bottom: 60px !important; } }
  @media screen and (width: 768px) {
    .group-bottom-option-div-mob {
      bottom: 40px !important; } }
  @media screen and (width: 1024px) {
    .group-bottom-option-div-mob {
      bottom: 60px !important; } }

.user-action-info {
  padding-right: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 36px;
  padding-left: 10px;
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .user-action-info {
      font-size: 12px; } }

.background-user-action-info:before {
  background: rgba(0, 0, 0, 0.8) !important; }

.group-bottom-options {
  color: #3c4b7d;
  margin-left: 10px;
  margin-right: 10px;
  padding: 6px;
  border-radius: 5px;
  font-weight: 550;
  transition: all 0.2s ease-in; }
  @media screen and (max-width: 768px) {
    .group-bottom-options {
      margin: 0; } }
  .group-bottom-options:hover {
    cursor: pointer;
    color: #3c4b7d; }

.title-text {
  color: #00000080; }

.group-main-page-title {
  color: #3f76ad; }

.sticky-col-top {
  position: sticky;
  top: 70px;
  overflow-y: auto;
  max-height: 78.5vh;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }

.sticky-col-top::-webkit-scrollbar {
  width: 5px; }

.sticky-col-top::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #00000054;
  color: transparent;
  border-radius: 10px; }

.sticky-col-top::-webkit-scrollbar-thumb {
  background: #00000054;
  border-radius: 10px; }

.sticky-col-top::-webkit-scrollbar-thumb:hover {
  background: #fffefea6; }

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

.text-desc {
  font-family: "Assistant", sans-serif;
  color: #919BB7;
  border: 1px solid #EED1F0;
  border-radius: 4px;
  padding: 8px;
  resize: none;
  height: 270px;
  margin-bottom: 10px;
  transition: border 0.3s ease-in; }
  .text-desc .text-desc:focus {
    outline: none;
    border: 1px solid #485CE3; }

.group-margin-card {
  margin: 2px; }

.group-text-desc {
  word-wrap: break-word;
  color: #545968;
  font-size: 18px; }

.responsive {
  display: block;
  max-width: 95%;
  max-height: 72px; }

.group-cover-img {
  width: 210px;
  height: 71px;
  display: inline-flex; }

.group-edit-modal {
  max-height: 300px;
  overflow: auto; }

.add-group-title {
  margin-bottom: 0px;
  caret-color: #485CE3; }
  .add-group-title::placeholder {
    font-size: 18px; }

.group-title-notLoggedIn {
  background: #0000006b;
  border-radius: 5px;
  padding: 5px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: -5px; }

.groupModal .modal-body {
  padding-top: 30px; }

.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 #comments .comment-box .comment-content .reply-area, #comments .comment-box .comment-content .story-page .profile-banner .story-banner-content .main-content .like-comment-count .reply-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 #comments .comment-box .comment-content .reply-area, #comments .comment-box .comment-content .story-page .story-banner-content-mobile .main-content .like-comment-count .reply-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; }

.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, .share-card .shared-article .card-head .Job-skill-tags {
    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, .share-card .card-head .Job-skill-tags {
      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 #update .post-box, #update .share-modal .target-input .menu-list .post-box, .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 .add-group-title, .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 .profile-card .invite-modal .profile-invite-box, .profile-card .invite-modal .share-modal .target-input .menu-list .profile-invite-box, .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; }

/****** dropdown-select *******/
.wrap-dd-select {
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  font-weight: bold;
  color: #8AA8BD; }

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

.wrap-dd-select.disabled {
  cursor: default;
  color: #5B6A7D; }

.wrap-dd-select:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent; }

.wrap-dd-select.disabled:after {
  border: none; }

.wrap-dd-select .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background: white;
  padding: 0;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  list-style: none;
  visibility: hidden;
  max-height: 300px;
  overflow-y: auto;
  /*Provide an auto overflow to display scroll*/ }

.wrap-dd-select .dropdown li.divider {
  padding: 2px 0;
  background: #e6e8ea; }

.wrap-dd-select .dropdown li.divider-label {
  background: #e6e8ea;
  cursor: default;
  color: #000;
  padding: 10px 0; }

.wrap-dd-select .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 white;
  cursor: pointer;
  color: #313955;
  transition: color,background linear 0.3s; }

.wrap-dd-select .dropdown li i {
  float: right;
  color: inherit; }

.wrap-dd-select .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0; }

.wrap-dd-select .dropdown li:last-of-type a {
  border-radius: 0 0 7px 7px;
  border: none; }

.wrap-dd-select .dropdown li:hover a {
  background: #313955;
  color: white; }

.wrap-dd-select .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 15px;
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent; }

.wrap-dd-select .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent; }

.wrap-dd-select.active .dropdown {
  visibility: visible; }

/****** dropdown-menu *******/
.wrap-dd-menu {
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 10px; }

.wrap-dd-menu.disabled {
  cursor: default;
  color: #5B6A7D; }

.wrap-dd-menu .dropdown {
  position: absolute;
  z-index: 1;
  top: 70%;
  left: 0;
  right: 0;
  background: white;
  padding: 0;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  list-style: none;
  visibility: hidden; }

.wrap-dd-menu .dropdown li.divider {
  padding: 2px 0;
  background: #e6e8ea; }

.wrap-dd-menu .dropdown li.divider-label {
  background: #e6e8ea;
  cursor: default;
  color: #000;
  padding: 10px 0; }

.wrap-dd-menu .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #8aa8bd;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 white;
  cursor: pointer; }

.wrap-dd-menu .dropdown li i {
  float: right;
  color: inherit; }

.wrap-dd-menu .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0; }

.wrap-dd-menu .dropdown li:last-of-type a {
  border-radius: 0 0 7px 7px;
  border: none; }

.wrap-dd-menu .dropdown li:hover a {
  background: #f3f8f8; }

.wrap-dd-menu .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 102px;
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent; }

.wrap-dd-menu .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 100px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent; }

.wrap-dd-menu .dropdown.active {
  visibility: visible; }

#comments {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  #comments textarea {
    border-color: #dcdfef;
    color: #636569; }
    #comments textarea:focus {
      border-color: #c4caea; }
  #comments .emojionearea.focused {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    outline: none;
    border-color: #c4caea; }
  #comments .emojionearea .emojionearea-picker {
    width: 300px; }
    #comments .emojionearea .emojionearea-picker .emojionearea-wrapper {
      width: 300px; }
    #comments .emojionearea .emojionearea-picker .emojionearea-scroll-area {
      scrollbar-width: none; }
      #comments .emojionearea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar {
        width: 0px; }
  #comments .emojionearea .emojionearea-button {
    top: 6px; }
  #comments .emojionearea .emojionearea-editor {
    margin-bottom: 0px !important;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    min-height: 37px;
    max-height: 5rem;
    scrollbar-width: none; }
    #comments .emojionearea .emojionearea-editor::-webkit-scrollbar {
      width: 0px; }
  #comments.border-line {
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
    border-color: #e8e9ea; }
  #comments .add-comment-btn {
    color: #3c4b7d;
    font-size: 16px;
    transition: 0.25s; }
    #comments .add-comment-btn:hover {
      color: #0a0d16; }
  #comments .comment-form {
    padding-left: 45px;
    padding-right: 5px;
    position: relative;
    opacity: 1;
    margin: 15px 0px 15px 0px; }
    #comments .comment-form.ng-hide {
      opacity: 0; }
    #comments .comment-form.ng-hide-remove {
      display: block !important;
      -webkit-transition: 1s;
      transition: 1s; }
    #comments .comment-form .comment-image-wrapper {
      height: 100px;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 4px;
      background-color: rgba(30, 30, 30, 0.1); }
    #comments .comment-form .comment-photo-icon .fa {
      font-size: 1.5em;
      color: #3c4b7d;
      opacity: 0.8; }
      #comments .comment-form .comment-photo-icon .fa:hover {
        opacity: 0.9; }
  #comments .comment-box {
    margin-top: 0px;
    margin-bottom: 6px;
    opacity: 1; }
    #comments .comment-box .comment-content {
      position: relative;
      background-color: white;
      padding: 10px 10px 10px 45px;
      border-radius: 10px; }
      #comments .comment-box .comment-content .user-block-text {
        height: 30px;
        margin-top: 10px;
        color: #919BB7;
        -webkit-text-stroke: .3px;
        text-align: left; }
      #comments .comment-box .comment-content .image-in-comment-wrapper {
        height: 12rem;
        width: 12rem;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 4px;
        background-color: rgba(30, 30, 30, 0.1); }
      #comments .comment-box .comment-content .like-area, #comments .comment-box .comment-content .reply-area {
        width: auto;
        padding: 0px;
        margin-right: 10px; }
        #comments .comment-box .comment-content .like-area .fa, #comments .comment-box .comment-content .reply-area .fa {
          font-size: 14px; }
      #comments .comment-box .comment-content .reply-area {
        vertical-align: middle;
        color: #919BB7;
        margin-top: 3px;
        transition: 0.25s; }
        #comments .comment-box .comment-content .reply-area:hover {
          color: #596689; }
        #comments .comment-box .comment-content .reply-area .fa {
          font-size: 14px; }
      #comments .comment-box .comment-content .comment-dropdown {
        position: absolute;
        right: 10px;
        top: 5px;
        color: #ADADAD; }
        @media screen and (max-width: 991px) {
          #comments .comment-box .comment-content .comment-dropdown {
            top: -3px;
            right: 10; } }
        #comments .comment-box .comment-content .comment-dropdown .disable-option {
          position: absolute;
          background: #fff9;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
      #comments .comment-box .comment-content .comment-actions {
        margin-left: 5px; }
      #comments .comment-box .comment-content:hover {
        box-shadow: 0 0 10px #00000020; }
    #comments .comment-box.ng-enter {
      -webkit-transition: 1s;
      transition: 1s;
      opacity: 0; }
    #comments .comment-box.ng-enter-active {
      opacity: 1; }
  #comments .comment {
    white-space: pre-wrap;
    color: #636569; }
    #comments .comment img.emojioneemoji {
      height: 20px;
      width: 20px;
      margin-left: 1px;
      margin-right: 1px;
      position: relative;
      top: -2px; }
  #comments .profile-img {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 5px; }
  #comments .replies {
    padding: 1px 10px 5px 10px;
    margin-top: 10px;
    background-color: #fafafa;
    border-radius: 10px; }
    #comments .replies .comment-form .reply-image-wrapper {
      height: 100px;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 4px;
      background-color: rgba(30, 30, 30, 0.1); }
    #comments .replies .content {
      padding-left: 34px;
      position: relative; }
  #comments .more-content {
    margin-bottom: 10px; }
    #comments .more-content .small-text, #comments .more-content .tiny-text, #comments .more-content .text-counter {
      font-size: 14px;
      transition: 0.2s; }
      #comments .more-content .small-text:hover, #comments .more-content .tiny-text:hover, #comments .more-content .text-counter:hover {
        color: #454f6a; }

#editCommentModal .emojionearea.focused {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  outline: none;
  border-color: #c4caea; }
#editCommentModal .emojionearea .emojionearea-picker {
  width: 300px; }
  #editCommentModal .emojionearea .emojionearea-picker .emojionearea-wrapper {
    width: 300px; }
  #editCommentModal .emojionearea .emojionearea-picker .emojionearea-scroll-area {
    scrollbar-width: none; }
    #editCommentModal .emojionearea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar {
      width: 0px; }
#editCommentModal .emojionearea .emojionearea-button {
  top: 6px; }
#editCommentModal .emojionearea .emojionearea-editor {
  margin-bottom: 0px !important;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  max-height: 5rem;
  scrollbar-width: none; }
  #editCommentModal .emojionearea .emojionearea-editor::-webkit-scrollbar {
    width: 0px; }
#editCommentModal .comment-edit-image-wrapper {
  height: 100px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  background-color: rgba(30, 30, 30, 0.1); }
#editCommentModal .font-size-12 {
  font-size: 12px; }

.comment-owner-info {
  position: relative;
  top: -3px;
  width: 70%; }
  .comment-owner-info .owner-name {
    color: #323849; }
  .comment-owner-info .comment-time {
    color: #5a5f73; }
  @media screen and (max-width: 767px) {
    .comment-owner-info {
      width: 70%; } }

.like-wrapper .like-icon {
  display: inline-block;
  vertical-align: middle; }
  .like-wrapper .like-icon .fa {
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none; }
  .like-wrapper .like-icon .fa-thumbs-o-up {
    color: #919BB7; }
    .like-wrapper .like-icon .fa-thumbs-o-up:hover {
      color: #596689; }
  .like-wrapper .like-icon .fa-thumbs-up:not(.fill-heart) {
    color: #283D51;
    -webkit-transition: all linear 0.25s;
    transition: all linear 0.25s; }
    .like-wrapper .like-icon .fa-thumbs-up:not(.fill-heart).ng-hide-remove-active {
      display: inline-block !important;
      transform: scale3d(1.25, 1.25, 1.25); }
    .like-wrapper .like-icon .fa-thumbs-up:not(.fill-heart).ng-hide-add {
      display: none !important; }
    .like-wrapper .like-icon .fa-thumbs-up:not(.fill-heart).ng-hide-add-active {
      display: none !important; }
  .like-wrapper .like-icon .like-count {
    color: #919BB7;
    vertical-align: middle; }
.like-wrapper .users-like-info {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }
  .like-wrapper .users-like-info .total-like-users-small-screen {
    display: none; }
    @media (max-width: 767px) {
      .like-wrapper .users-like-info .total-like-users-small-screen {
        display: block; } }
  .like-wrapper .users-like-info .user-stack-list {
    max-width: 90px;
    display: inline-block; }
    .like-wrapper .users-like-info .user-stack-list .name-length {
      line-height: 1; }
  .like-wrapper .users-like-info .user-like-names {
    width: 240px;
    display: inline-block;
    vertical-align: middle;
    color: #919BB7; }
    @media (max-width: 767px) {
      .like-wrapper .users-like-info .user-like-names {
        width: 30px; } }
    @media (min-width: 991px) and (max-width: 1199px) {
      .like-wrapper .users-like-info .user-like-names {
        width: 140px; } }
    .like-wrapper .users-like-info .user-like-names:hover li {
      text-decoration: underline; }
    .like-wrapper .users-like-info .user-like-names li {
      padding: 0px;
      font-size: 0.9em; }

.likes-modal .users-like-list {
  max-height: 500px;
  overflow: auto; }
  .likes-modal .users-like-list li {
    border-bottom: 1px solid #E5E8EA;
    padding: 5px 0px; }
    .likes-modal .users-like-list li .profile-img {
      margin-right: 5px; }
    .likes-modal .users-like-list li .user-liked {
      width: calc(100% - 40px);
      display: inline-block;
      vertical-align: middle; }

.user-stack-list .user-entry {
  margin-left: -20px; }
  .user-stack-list .user-entry:first-child {
    margin-left: 0px; }
  .user-stack-list .user-entry .profile-img {
    width: 25px;
    height: 25px;
    border: 1px solid white; }
    @media (max-width: 767px) {
      .user-stack-list .user-entry .profile-img {
        height: 20px;
        width: 20px; } }

.content-actions {
  padding: 5px 20px;
  border-radius: 5px;
  background: #fbfbfb; }
  .content-actions .show-this-with-dragable {
    display: none; }
  .content-actions .like-area, .content-actions #comments .comment-box .comment-content .reply-area, #comments .comment-box .comment-content .content-actions .reply-area {
    width: auto; }
    .content-actions .like-area .like-icon .fa, .content-actions #comments .comment-box .comment-content .reply-area .like-icon .fa, #comments .comment-box .comment-content .content-actions .reply-area .like-icon .fa {
      font-size: 22px; }
    .content-actions .like-area .like-count, .content-actions #comments .comment-box .comment-content .reply-area .like-count, #comments .comment-box .comment-content .content-actions .reply-area .like-count {
      font-size: 16px; }
    .content-actions .like-area.repost-enabled, .content-actions #comments .comment-box .comment-content .repost-enabled.reply-area, #comments .comment-box .comment-content .content-actions .repost-enabled.reply-area {
      width: calc(100% - 150px); }
  .content-actions .comment-area {
    color: #919BB7;
    width: 70px;
    text-align: right; }
    .content-actions .comment-area .fa {
      font-size: 22px;
      vertical-align: middle; }
    .content-actions .comment-area .comment-count {
      vertical-align: middle;
      font-size: 18px; }
    .content-actions .comment-area:hover {
      color: #596689; }
  .content-actions .repost-area {
    color: #919BB7;
    width: 70px;
    text-align: right; }
    .content-actions .repost-area .fa {
      font-size: 22px;
      vertical-align: middle; }
    .content-actions .repost-area .repost-count {
      vertical-align: middle;
      font-size: 18px; }
    .content-actions .repost-area:hover {
      color: #596689; }
  .content-actions .share-area {
    color: #919BB7;
    width: 70px;
    text-align: right; }
    .content-actions .share-area .fa-share-alt {
      font-size: 22px;
      vertical-align: middle; }
    .content-actions .share-area:hover {
      color: #596689; }
  .content-actions .action-bar-col {
    padding: 3px 20px 5px;
    background: #fff;
    border-top: 1px solid #eeeeee8c;
    margin-top: 5px; }
  .content-actions .action-bar-col-ul {
    margin-bottom: 0; }
  .content-actions .action-layout-bar {
    padding: 5px;
    position: absolute;
    right: -13px;
    top: 25px;
    z-index: 1000; }
    .content-actions .action-layout-bar .action-items > li {
      margin-bottom: 5px;
      color: white; }
      .content-actions .action-layout-bar .action-items > li .fa-share-alt, .content-actions .action-layout-bar .action-items > li .fa-thumbs-up, .content-actions .action-layout-bar .action-items > li .fa-comments {
        background-color: #b8cedd;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        font-size: 10px;
        padding: 4px; }
        .content-actions .action-layout-bar .action-items > li .fa-share-alt:hover, .content-actions .action-layout-bar .action-items > li .fa-thumbs-up:hover, .content-actions .action-layout-bar .action-items > li .fa-comments:hover {
          background-color: #ADADAD; }
    .content-actions .action-layout-bar .action-items .like-wrapper .like-icon .fa-thumbs-o-up {
      background-color: #b8cedd;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      font-size: 10px;
      padding: 4px;
      color: #fff; }
      .content-actions .action-layout-bar .action-items .like-wrapper .like-icon .fa-thumbs-o-up:hover {
        background-color: #ADADAD;
        cursor: pointer; }

.page-share-bar {
  position: fixed;
  padding: 10px;
  font-size: 22px;
  background: rgba(12, 12, 12, 0.5);
  border-radius: 4px;
  color: white;
  right: 15px;
  z-index: 1; }
  .page-share-bar.right-gap {
    right: 36px  !important; }
  .page-share-bar.horizontal {
    position: absolute;
    bottom: -12px;
    right: 0;
    padding: 0;
    background: none;
    align-items: center;
    justify-content: center; }
    .page-share-bar.horizontal .share-icon .fa, .page-share-bar.horizontal .like-icon .fa, .page-share-bar.horizontal .comment-icon .fa {
      background-color: #b8cedd;
      border-radius: 50%;
      width: 22px;
      height: 22px;
      font-size: 13px;
      padding: 4px;
      color: #fff; }
    .page-share-bar.horizontal .flex-direction-row {
      margin: 0 5px; }
      .page-share-bar.horizontal .flex-direction-row .share-button .share-icon {
        vertical-align: unset; }

.album-icon-margin {
  margin-top: 23px;
  right: 348px; }

#eventCardAllMembersModal .group-member-modal-body {
  min-height: 300px; }

#eventInviteMemberModal .invited-members-list {
  max-height: 250px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  #eventInviteMemberModal .invited-members-list::-webkit-scrollbar {
    width: 5px; }
  #eventInviteMemberModal .invited-members-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px;
    opacity: 0; }
  #eventInviteMemberModal .invited-members-list::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px;
    opacity: 0; }
  #eventInviteMemberModal .invited-members-list::-webkit-scrollbar-thumb:hover {
    background: #596689; }

.event-modal #eventModal .search-menu, .event-modal #eventModal .profile-card .invite-modal .profile-search-menu, .profile-card .invite-modal .event-modal #eventModal .profile-search-menu, .event-modal #eventModal .Job-dropdown {
  top: 100%; }
.event-modal hr {
  background-image: -webkit-linear-gradient(left, #EED1F0, #EED1F0, #EED1F0); }
.event-modal .note-editor.note-frame {
  border: 1px solid #EED1F0; }
.event-modal .border-wk-input {
  border: 1px solid #dcdfef; }
.event-modal .location-search .form-control {
  height: 34.5px;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px; }
.event-modal .profile-banner {
  height: 195px;
  width: 100%;
  margin-top: 5px;
  padding-top: 75px;
  background: none;
  border-radius: 5px; }
  .event-modal .profile-banner:before {
    background: rgba(23, 57, 128, 0.25);
    border: 1px solid rgba(23, 57, 128, 0.15);
    border-radius: 5px; }
  .event-modal .profile-banner:hover:before {
    background: rgba(23, 57, 128, 0.45);
    border: 1px solid rgba(23, 57, 128, 0.25); }
  .event-modal .profile-banner .updating-event-logo {
    position: absolute;
    background: white;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 4px;
    opacity: 0.8;
    z-index: 0; }
  .event-modal .profile-banner .banner-btn {
    background-color: transparent;
    font-weight: bold;
    border: 0;
    box-shadow: none;
    font-size: 22px; }
    .event-modal .profile-banner .banner-btn:hover {
      background-color: transparent; }
  .event-modal .profile-banner .custom-file-upload {
    background-color: transparent;
    font-weight: bold;
    font-size: 22px; }
    .event-modal .profile-banner .custom-file-upload:hover {
      background-color: transparent; }
.event-modal .text-area, .event-modal #update .post-box, #update .event-modal .post-box, .event-modal .profile-box .profile-text-area, .profile-box .event-modal .profile-text-area, .event-modal .profile-about, .event-modal .add-group-title, .event-modal .white-section .section-headline, .white-section .event-modal .section-headline, .event-modal .white-section .story-section-textarea, .white-section .event-modal .story-section-textarea, .event-modal .profile-card .invite-modal .profile-invite-box, .profile-card .invite-modal .event-modal .profile-invite-box, .event-modal .caption-text {
  border-width: 0px 0px 1px 0px;
  border-radius: 0px; }
  .event-modal .text-area .text-area:focus, .event-modal #update .post-box .text-area:focus, #update .event-modal .post-box .text-area:focus, .event-modal .profile-box .profile-text-area .text-area:focus, .profile-box .event-modal .profile-text-area .text-area:focus, .event-modal .profile-about .text-area:focus, .event-modal .add-group-title .text-area:focus, .event-modal .white-section .section-headline .text-area:focus, .white-section .event-modal .section-headline .text-area:focus, .event-modal .white-section .story-section-textarea .text-area:focus, .white-section .event-modal .story-section-textarea .text-area:focus, .event-modal .profile-card .invite-modal .profile-invite-box .text-area:focus, .profile-card .invite-modal .event-modal .profile-invite-box .text-area:focus, .event-modal .caption-text .text-area:focus, .event-modal .text-area #update .post-box:focus, #update .event-modal .text-area .post-box:focus, .event-modal #update .post-box .post-box:focus, #update .event-modal .post-box .post-box:focus, .event-modal .profile-box .profile-text-area #update .post-box:focus, #update .event-modal .profile-box .profile-text-area .post-box:focus, .profile-box .event-modal .profile-text-area #update .post-box:focus, #update .profile-box .event-modal .profile-text-area .post-box:focus, .event-modal .profile-about #update .post-box:focus, #update .event-modal .profile-about .post-box:focus, .event-modal .add-group-title #update .post-box:focus, #update .event-modal .add-group-title .post-box:focus, .event-modal .white-section .section-headline #update .post-box:focus, #update .event-modal .white-section .section-headline .post-box:focus, .white-section .event-modal .section-headline #update .post-box:focus, #update .white-section .event-modal .section-headline .post-box:focus, .event-modal .white-section .story-section-textarea #update .post-box:focus, #update .event-modal .white-section .story-section-textarea .post-box:focus, .white-section .event-modal .story-section-textarea #update .post-box:focus, #update .white-section .event-modal .story-section-textarea .post-box:focus, .event-modal .profile-card .invite-modal .profile-invite-box #update .post-box:focus, #update .event-modal .profile-card .invite-modal .profile-invite-box .post-box:focus, .profile-card .invite-modal .event-modal .profile-invite-box #update .post-box:focus, #update .profile-card .invite-modal .event-modal .profile-invite-box .post-box:focus, .event-modal .caption-text #update .post-box:focus, #update .event-modal .caption-text .post-box:focus, .event-modal .text-area .profile-box .profile-text-area:focus, .profile-box .event-modal .text-area .profile-text-area:focus, .event-modal #update .post-box .profile-box .profile-text-area:focus, .profile-box .event-modal #update .post-box .profile-text-area:focus, #update .event-modal .post-box .profile-box .profile-text-area:focus, .profile-box #update .event-modal .post-box .profile-text-area:focus, .event-modal .profile-box .profile-text-area .profile-text-area:focus, .profile-box .event-modal .profile-text-area .profile-text-area:focus, .event-modal .profile-about .profile-box .profile-text-area:focus, .profile-box .event-modal .profile-about .profile-text-area:focus, .event-modal .add-group-title .profile-box .profile-text-area:focus, .profile-box .event-modal .add-group-title .profile-text-area:focus, .event-modal .white-section .section-headline .profile-box .profile-text-area:focus, .profile-box .event-modal .white-section .section-headline .profile-text-area:focus, .white-section .event-modal .section-headline .profile-box .profile-text-area:focus, .profile-box .white-section .event-modal .section-headline .profile-text-area:focus, .event-modal .white-section .story-section-textarea .profile-box .profile-text-area:focus, .profile-box .event-modal .white-section .story-section-textarea .profile-text-area:focus, .white-section .event-modal .story-section-textarea .profile-box .profile-text-area:focus, .profile-box .white-section .event-modal .story-section-textarea .profile-text-area:focus, .event-modal .profile-card .invite-modal .profile-invite-box .profile-box .profile-text-area:focus, .profile-box .event-modal .profile-card .invite-modal .profile-invite-box .profile-text-area:focus, .profile-card .invite-modal .event-modal .profile-invite-box .profile-box .profile-text-area:focus, .profile-box .profile-card .invite-modal .event-modal .profile-invite-box .profile-text-area:focus, .event-modal .caption-text .profile-box .profile-text-area:focus, .profile-box .event-modal .caption-text .profile-text-area:focus, .event-modal .text-area .profile-about:focus, .event-modal #update .post-box .profile-about:focus, #update .event-modal .post-box .profile-about:focus, .event-modal .profile-box .profile-text-area .profile-about:focus, .profile-box .event-modal .profile-text-area .profile-about:focus, .event-modal .profile-about .profile-about:focus, .event-modal .add-group-title .profile-about:focus, .event-modal .white-section .section-headline .profile-about:focus, .white-section .event-modal .section-headline .profile-about:focus, .event-modal .white-section .story-section-textarea .profile-about:focus, .white-section .event-modal .story-section-textarea .profile-about:focus, .event-modal .profile-card .invite-modal .profile-invite-box .profile-about:focus, .profile-card .invite-modal .event-modal .profile-invite-box .profile-about:focus, .event-modal .caption-text .profile-about:focus, .event-modal .text-area .add-group-title:focus, .event-modal #update .post-box .add-group-title:focus, #update .event-modal .post-box .add-group-title:focus, .event-modal .profile-box .profile-text-area .add-group-title:focus, .profile-box .event-modal .profile-text-area .add-group-title:focus, .event-modal .profile-about .add-group-title:focus, .event-modal .add-group-title .add-group-title:focus, .event-modal .white-section .section-headline .add-group-title:focus, .white-section .event-modal .section-headline .add-group-title:focus, .event-modal .white-section .story-section-textarea .add-group-title:focus, .white-section .event-modal .story-section-textarea .add-group-title:focus, .event-modal .profile-card .invite-modal .profile-invite-box .add-group-title:focus, .profile-card .invite-modal .event-modal .profile-invite-box .add-group-title:focus, .event-modal .caption-text .add-group-title:focus, .event-modal .text-area .white-section .section-headline:focus, .white-section .event-modal .text-area .section-headline:focus, .event-modal #update .post-box .white-section .section-headline:focus, .white-section .event-modal #update .post-box .section-headline:focus, #update .event-modal .post-box .white-section .section-headline:focus, .white-section #update .event-modal .post-box .section-headline:focus, .event-modal .profile-box .profile-text-area .white-section .section-headline:focus, .white-section .event-modal .profile-box .profile-text-area .section-headline:focus, .profile-box .event-modal .profile-text-area .white-section .section-headline:focus, .white-section .profile-box .event-modal .profile-text-area .section-headline:focus, .event-modal .profile-about .white-section .section-headline:focus, .white-section .event-modal .profile-about .section-headline:focus, .event-modal .add-group-title .white-section .section-headline:focus, .white-section .event-modal .add-group-title .section-headline:focus, .event-modal .white-section .section-headline .section-headline:focus, .white-section .event-modal .section-headline .section-headline:focus, .event-modal .white-section .story-section-textarea .section-headline:focus, .white-section .event-modal .story-section-textarea .section-headline:focus, .event-modal .profile-card .invite-modal .profile-invite-box .white-section .section-headline:focus, .white-section .event-modal .profile-card .invite-modal .profile-invite-box .section-headline:focus, .profile-card .invite-modal .event-modal .profile-invite-box .white-section .section-headline:focus, .white-section .profile-card .invite-modal .event-modal .profile-invite-box .section-headline:focus, .event-modal .caption-text .white-section .section-headline:focus, .white-section .event-modal .caption-text .section-headline:focus, .event-modal .text-area .white-section .story-section-textarea:focus, .white-section .event-modal .text-area .story-section-textarea:focus, .event-modal #update .post-box .white-section .story-section-textarea:focus, .white-section .event-modal #update .post-box .story-section-textarea:focus, #update .event-modal .post-box .white-section .story-section-textarea:focus, .white-section #update .event-modal .post-box .story-section-textarea:focus, .event-modal .profile-box .profile-text-area .white-section .story-section-textarea:focus, .white-section .event-modal .profile-box .profile-text-area .story-section-textarea:focus, .profile-box .event-modal .profile-text-area .white-section .story-section-textarea:focus, .white-section .profile-box .event-modal .profile-text-area .story-section-textarea:focus, .event-modal .profile-about .white-section .story-section-textarea:focus, .white-section .event-modal .profile-about .story-section-textarea:focus, .event-modal .add-group-title .white-section .story-section-textarea:focus, .white-section .event-modal .add-group-title .story-section-textarea:focus, .event-modal .white-section .section-headline .story-section-textarea:focus, .white-section .event-modal .section-headline .story-section-textarea:focus, .event-modal .white-section .story-section-textarea .story-section-textarea:focus, .white-section .event-modal .story-section-textarea .story-section-textarea:focus, .event-modal .profile-card .invite-modal .profile-invite-box .white-section .story-section-textarea:focus, .white-section .event-modal .profile-card .invite-modal .profile-invite-box .story-section-textarea:focus, .profile-card .invite-modal .event-modal .profile-invite-box .white-section .story-section-textarea:focus, .white-section .profile-card .invite-modal .event-modal .profile-invite-box .story-section-textarea:focus, .event-modal .caption-text .white-section .story-section-textarea:focus, .white-section .event-modal .caption-text .story-section-textarea:focus, .event-modal .text-area .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .text-area .profile-invite-box:focus, .event-modal #update .post-box .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal #update .post-box .profile-invite-box:focus, #update .event-modal .post-box .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal #update .event-modal .post-box .profile-invite-box:focus, .event-modal .profile-box .profile-text-area .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .profile-box .profile-text-area .profile-invite-box:focus, .profile-box .event-modal .profile-text-area .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .profile-box .event-modal .profile-text-area .profile-invite-box:focus, .event-modal .profile-about .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .profile-about .profile-invite-box:focus, .event-modal .add-group-title .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .add-group-title .profile-invite-box:focus, .event-modal .white-section .section-headline .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .white-section .section-headline .profile-invite-box:focus, .white-section .event-modal .section-headline .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .white-section .event-modal .section-headline .profile-invite-box:focus, .event-modal .white-section .story-section-textarea .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .white-section .story-section-textarea .profile-invite-box:focus, .white-section .event-modal .story-section-textarea .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .white-section .event-modal .story-section-textarea .profile-invite-box:focus, .event-modal .profile-card .invite-modal .profile-invite-box .profile-invite-box:focus, .profile-card .invite-modal .event-modal .profile-invite-box .profile-invite-box:focus, .event-modal .caption-text .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .event-modal .caption-text .profile-invite-box:focus, .event-modal .text-area .caption-text:focus, .event-modal #update .post-box .caption-text:focus, #update .event-modal .post-box .caption-text:focus, .event-modal .profile-box .profile-text-area .caption-text:focus, .profile-box .event-modal .profile-text-area .caption-text:focus, .event-modal .profile-about .caption-text:focus, .event-modal .add-group-title .caption-text:focus, .event-modal .white-section .section-headline .caption-text:focus, .white-section .event-modal .section-headline .caption-text:focus, .event-modal .white-section .story-section-textarea .caption-text:focus, .white-section .event-modal .story-section-textarea .caption-text:focus, .event-modal .profile-card .invite-modal .profile-invite-box .caption-text:focus, .profile-card .invite-modal .event-modal .profile-invite-box .caption-text:focus, .event-modal .caption-text .caption-text:focus {
    border-width: 0px 0px 1px 0px; }
.event-modal .category-dropdown .custom-dropdown-wrapper.placeholder .wrap-dd-select:before {
  color: rgba(24, 26, 25, 0.35);
  font-size: 18px; }
.event-modal .category-dropdown .wrap-dd-select {
  width: 100%;
  padding: 0px;
  padding-bottom: 4px;
  padding-top: 4px;
  border-radius: 0px;
  border-width: 0px 0px 1px 0px;
  box-shadow: none;
  margin: inherit;
  color: #545968;
  font-weight: normal;
  font-size: 18px; }
.event-modal .More-option {
  display: inline-flex;
  margin-right: 8px;
  cursor: pointer; }

.invite-member-card {
  border-radius: 0px 0px 5px 5px;
  background: #f9f9f9; }

.initiative-list-wrapper li {
  border-bottom: 1px solid #ECF2F6; }

.campaign-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; }
  .campaign-white-section:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
    .campaign-white-section:hover .campaign-desc-tile .share-title {
      max-height: 3.1rem; }
  .campaign-white-section .campaign-card-option {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 4;
    padding: 5px 10px; }
  .campaign-white-section .campaign-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%; }
    .campaign-white-section .campaign-card:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(33, 33, 33, 0.3);
      border-radius: inherit; }
    .campaign-white-section .campaign-card .campaign-meta-info {
      position: absolute;
      bottom: 5px;
      left: 10px;
      right: 7px; }
      .campaign-white-section .campaign-card .campaign-meta-info .campaign-privacy-icon {
        color: white; }
  .campaign-white-section .campaign-desc-tile {
    padding: 0px 6px;
    margin: 0px;
    background: white;
    position: relative;
    z-index: 2;
    border-radius: 0 0px 4px 4px;
    top: 0px;
    transition: all linear 0.3s;
    overflow: hidden;
    max-height: 6rem; }
    .campaign-white-section .campaign-desc-tile .share-title {
      color: #3f76ad;
      max-height: 1.59rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin-bottom: 8px;
      transition: all linear 0.3s; }
      .campaign-white-section .campaign-desc-tile .share-title:hover {
        cursor: pointer;
        color: #2b5075; }
    .campaign-white-section .campaign-desc-tile p {
      margin: 0px; }
    .campaign-white-section .campaign-desc-tile .share-desc {
      height: 3rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #545968; }

@media screen and (max-width: 767px) {
  .initiative-supporter-table .wk-table-filters ul .input-filter-list {
    width: 100%; } }
.initiative-supporter-table .wk-table-filters ul .select-filter-list .select-supporter-dropdown input[readonly] {
  background: transparent !important;
  padding-right: 30px; }
  .initiative-supporter-table .wk-table-filters ul .select-filter-list .select-supporter-dropdown input[readonly]::placeholder {
    color: #ccc; }
.initiative-supporter-table .wk-table-filters ul .select-filter-list .select-supporter-dropdown .fa-caret-angle {
  position: absolute;
  right: 0;
  bottom: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #666;
  transition: 0.2s transform ease-in-out;
  -webkit-text-stroke: 1px #666666; }
  .initiative-supporter-table .wk-table-filters ul .select-filter-list .select-supporter-dropdown .fa-caret-angle:hover {
    cursor: pointer; }
.initiative-supporter-table .wk-table-filters ul .select-filter-list .select-supporter-dropdown .fa-caret-rotate {
  transform: rotate(-180deg); }
.initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown {
  width: 100%;
  top: 100%;
  border-radius: 0;
  display: block;
  left: 0px;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0px 0px 1px 1px rgba(201, 218, 230, 0.4);
  border: 1px solid #ccc;
  position: absolute;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  text-align: left;
  list-style: none;
  background-color: #fff; }
  .initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu li.active, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu li.active, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu li.active, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown li.active {
    background: #f3f8f8;
    color: white; }
    .initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu li.active a, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu li.active a, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu li.active a, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown li.active a {
      background: none; }
  .initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu li, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu li, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu li, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown li {
    font-size: 18px;
    transition: 0.2s all ease-in-out; }
    .initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu li:hover, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu li:hover, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu li:hover, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown li:hover {
      background: #f3f8f8; }
      .initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu li:hover a, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu li:hover a, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu li:hover a, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown li:hover a {
        background: none; }
    .initiative-supporter-table .wk-table-filters ul .select-filter-list .search-menu li a, .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-card .invite-modal .profile-search-menu li a, .profile-card .invite-modal .initiative-supporter-table .wk-table-filters ul .select-filter-list .profile-search-menu li a, .initiative-supporter-table .wk-table-filters ul .select-filter-list .Job-dropdown li a {
      padding: 10px;
      text-decoration: none;
      color: #8aa8bd;
      border-bottom: 1px solid #e6e8ea;
      cursor: pointer; }
.initiative-supporter-table .wk-table-filters .reset-all-btn-link {
  position: relative;
  top: 17px; }
.initiative-supporter-table .wk-table-filters .search-input-icon-wrapper {
  position: relative; }
  .initiative-supporter-table .wk-table-filters .search-input-icon-wrapper input {
    padding-right: 30px;
    color: #666; }
    .initiative-supporter-table .wk-table-filters .search-input-icon-wrapper input::placeholder {
      color: #ccc; }
  .initiative-supporter-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; }
  .initiative-supporter-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; }
    .initiative-supporter-table .wk-table-filters .search-input-icon-wrapper .cross-search:hover {
      opacity: 1; }
  .initiative-supporter-table .wk-table-filters .search-input-icon-wrapper .active-search {
    color: #666; }
    .initiative-supporter-table .wk-table-filters .search-input-icon-wrapper .active-search:hover {
      cursor: pointer; }
.initiative-supporter-table .wk-table-filters input, .initiative-supporter-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) {
    .initiative-supporter-table .wk-table-filters input, .initiative-supporter-table .wk-table-filters select {
      font-size: 14px; } }
.initiative-supporter-table .wk-table-filters select {
  color: #666;
  padding-bottom: 0; }
  .initiative-supporter-table .wk-table-filters select option:not(:checked) {
    color: black; }
.initiative-supporter-table .wk-table-filters select.greyColor {
  color: #ccc; }

.display-initiative-page .post-entry {
  margin-top: 0 !important; }
.display-initiative-page .profile-card-col {
  padding-left: 0;
  margin-left: -5px; }
  .display-initiative-page .profile-card-col .profile-card {
    margin-top: 0; }

#initiativeModal .title-text {
  color: #3d4246; }

.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; }

.profile-card {
  border-radius: 5px;
  background: white;
  margin: 10px 0;
  transition: box-shadow 0.1s ease-in;
  margin-top: 0; }
  .profile-card .dropdown-menu-left {
    left: 50%;
    transform: translateX(-50%); }
  .profile-card .profile-authenticated-icon {
    text-shadow: none;
    position: absolute;
    top: 50%;
    right: -10px;
    font-size: 12px;
    transform: translateY(-50%); }
  .profile-card .profile-connected-icon {
    text-shadow: none;
    position: absolute;
    left: 2px;
    bottom: 2px; }
  .profile-card .home-profile {
    padding: 0;
    position: relative;
    margin: auto;
    margin-bottom: 20px;
    min-height: 290px; }
    .profile-card .home-profile .hand-shake-sticker {
      z-index: 1;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 60px;
      height: 60px; }
    .profile-card .home-profile .banner {
      background: linear-gradient(to right, #2B2343, #404C6F);
      border-radius: 5px 5px 0px 0px;
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 100px; }
      .profile-card .home-profile .banner .share-button {
        position: absolute;
        right: 13px;
        top: 10px;
        background: #00000057;
        border-radius: 50%;
        color: white;
        padding: 5px 10px; }
        .profile-card .home-profile .banner .share-button:hover {
          box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3); }
    .profile-card .home-profile .content {
      margin-top: -45px; }
      .profile-card .home-profile .content .img-and-icon {
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90px;
        height: 90px; }
      .profile-card .home-profile .content .home-profile-img {
        width: 90px;
        height: 90px;
        border: 2px solid white; }
      .profile-card .home-profile .content .profile-card-username {
        margin-bottom: 0px;
        margin-top: 0px; }
      .profile-card .home-profile .content .tagline-quote {
        position: relative;
        bottom: 5px;
        font-size: 8px; }
      .profile-card .home-profile .content .profile-min-height {
        min-height: 2.2rem;
        margin-top: -0.5rem;
        margin-bottom: -1rem; }
      .profile-card .home-profile .content .profile-tag-min-height {
        min-height: 2rem;
        margin-top: -0.8rem;
        margin-bottom: -0.7rem; }
      .profile-card .home-profile .content .follow-info {
        color: #337ab7;
        font-weight: 500; }
  .profile-card .invite-modal {
    min-height: 300px; }
    .profile-card .invite-modal .invite-member-list {
      max-height: 250px;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: #919bb7 transparent; }
      .profile-card .invite-modal .invite-member-list::-webkit-scrollbar {
        width: 5px; }
      .profile-card .invite-modal .invite-member-list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #00000054;
        color: transparent;
        border-radius: 10px;
        opacity: 0; }
      .profile-card .invite-modal .invite-member-list::-webkit-scrollbar-thumb {
        background: #919bb7;
        border-radius: 10px;
        opacity: 0; }
      .profile-card .invite-modal .invite-member-list::-webkit-scrollbar-thumb:hover {
        background: #596689; }
    .profile-card .invite-modal .invite-wrap {
      position: relative; }
    .profile-card .invite-modal .user-tile {
      padding: 5px 10px;
      margin-bottom: 10px;
      border: 1px solid #eee;
      border-radius: 15px;
      background: #f7f0fe; }
    .profile-card .invite-modal .profile-invite-box {
      font-size: 14px; }
  .profile-card:hover {
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
  .profile-card .margin-bottom-20 {
    margin-bottom: 20px; }
  .profile-card .margin-top-20 {
    margin-top: 20; }
  .profile-card .connection-following {
    margin-left: 1rem; }

.activity-feed-wrapper {
  padding-top: 15px; }
  .activity-feed-wrapper li {
    padding: 0px 0px 15px 40px;
    position: relative;
    border-bottom: 1px solid #e8e9ea;
    max-height: 200px;
    min-height: 38px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.4;
    color: #919BB7; }
    .activity-feed-wrapper li .activity-feed-time {
      position: absolute;
      bottom: 1px;
      right: 0;
      font-size: 14px;
      color: #5a5f73; }
    .activity-feed-wrapper li:last-child {
      border: none;
      margin-bottom: 0; }
    .activity-feed-wrapper li .item-user-img {
      position: absolute;
      left: 0px; }
    .activity-feed-wrapper li .item-content {
      line-height: 1.2; }
      .activity-feed-wrapper li .item-content .secondary-info {
        color: #919BB7; }
      .activity-feed-wrapper li .item-content span {
        vertical-align: bottom; }
      .activity-feed-wrapper li .item-content .item-user-name {
        display: inline-block;
        max-width: 110px;
        vertical-align: bottom;
        line-height: initial; }
        .activity-feed-wrapper li .item-content .item-user-name.connection-tab {
          color: #323849; }
      .activity-feed-wrapper li .item-content .username-length, .activity-feed-wrapper li .item-content .like-wrapper .users-like-info .user-stack-list .name-length, .like-wrapper .users-like-info .user-stack-list .activity-feed-wrapper li .item-content .name-length {
        vertical-align: bottom;
        line-height: 1.2; }
      .activity-feed-wrapper li .item-content a {
        vertical-align: bottom; }

.ui-elements {
  margin-top: -20px;
  background-color: white; }
  .ui-elements .color-scheme {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 15px 30px 30px 0px;
    border-radius: 50%;
    padding-top: 150px;
    text-align: center;
    vertical-align: top; }
    .ui-elements .color-scheme.theme-grey {
      background-color: #283D51; }
    .ui-elements .color-scheme.theme-grey2 {
      background-color: #ECF2F6; }
    .ui-elements .color-scheme.theme-grey3 {
      background-color: #FAFBFD; }
    .ui-elements .color-scheme.theme-grey4 {
      background-color: #E5E8EA; }
    .ui-elements .color-scheme.theme-grey5 {
      background-color: #F3F3F3; }
    .ui-elements .color-scheme.theme-grey6 {
      background-color: #ADADAD; }
    .ui-elements .color-scheme.theme-purple {
      background-color: #3c4b7d; }
    .ui-elements .color-scheme.theme-orange {
      background-color: #FF4507; }
    .ui-elements .color-scheme.theme-red {
      background-color: #EA6449; }
    .ui-elements .color-scheme.theme-green {
      background-color: #19CA5A; }
    .ui-elements .color-scheme.theme-yellow {
      background-color: #f9d784; }
    .ui-elements .color-scheme.theme-pink {
      background-color: #EA7289; }
    .ui-elements .color-scheme.theme-dark-blue {
      background-color: #333857; }
    .ui-elements .color-scheme.theme-navy-blue {
      background-color: #3F76AD; }

.bookmark-icon {
  position: absolute;
  right: 55px;
  top: -6px; }
  .bookmark-icon .fa {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #f9d784;
    font-size: 24px; }
    @media screen and (max-width: 768px) {
      .bookmark-icon .fa {
        font-size: 20px; } }
    .bookmark-icon .fa:hover {
      color: #f4b723; }
  .bookmark-icon .fa-bookmark:not(.fill-bookmark) {
    color: #f9d784;
    -webkit-transition: all linear 0.25s;
    transition: all linear 0.25s; }
    .bookmark-icon .fa-bookmark:not(.fill-bookmark).ng-hide-remove-active {
      display: inline-block !important;
      transform: scale3d(1.25, 1.25, 1.25); }
    .bookmark-icon .fa-bookmark:not(.fill-bookmark).ng-hide-add {
      display: none !important; }
    .bookmark-icon .fa-bookmark:not(.fill-bookmark).ng-hide-add-active {
      display: none !important; }

.bookmarkpage .post-entry {
  margin-top: -8px; }
.bookmarkpage .right-col {
  position: sticky;
  top: 60px;
  padding-left: 0; }

.access-type-section label {
  font-weight: 400;
  margin-bottom: 0; }

.create-album .image-wrapper {
  background: rgba(23, 57, 128, 0.25);
  height: 240px;
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid rgba(23, 57, 128, 0.15); }
  .create-album .image-wrapper:hover {
    background: rgba(23, 57, 128, 0.45);
    border: 1px solid rgba(23, 57, 128, 0.25); }
.create-album .add-image {
  display: none; }
.create-album .album-photo {
  margin-bottom: 10px;
  border: 2px solid #ADADAD; }
.create-album .save-album-file {
  height: 244px;
  background: rgba(23, 57, 128, 0.25);
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 10px; }
  .create-album .save-album-file .save-album-file-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%); }

.caption-text {
  font-size: 18px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background: rgba(23, 57, 128, 0.05);
  color: #545968;
  border-color: #dcdfef; }
  .caption-text:focus {
    border-color: #c4caea; }
  .caption-text::placeholder {
    color: rgba(24, 26, 25, 0.35); }

.album-page .album-secure-public {
  position: absolute;
  top: -10px;
  left: -10px; }
.album-page .album-grid .like-wrapper .like-icon .fa-thumbs-o-up {
  color: #d1d0cd; }
  .album-page .album-grid .like-wrapper .like-icon .fa-thumbs-o-up:hover {
    color: #fff; }
.album-page .album-grid .like-wrapper .like-icon .fa-thumbs-up:not(.fill-heart) {
  color: white; }
@media screen and (max-width: 767px) {
  .album-page .content-actions .like-repost-comment-bar {
    padding: 0; } }
.album-page .content-actions .like-repost-comment-ul {
  margin-bottom: 5px; }
.album-page .content-actions:hover + .expand-comments {
  background: #fafafa; }
.album-page .create-date {
  float: right;
  margin-top: 10px; }
.album-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) {
    .album-page .expand-comments {
      right: 150px; } }
  @media screen and (max-width: 767px) {
    .album-page .expand-comments {
      right: 150px; } }
  .album-page .expand-comments:hover {
    background: #fafafa; }
.album-page .album-section {
  margin-bottom: 70px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 35px; }
  @media screen and (max-width: 768px) {
    .album-page .album-section {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px; } }
  .album-page .album-section .top-hr {
    margin-left: -30px;
    margin-right: -30px;
    border-color: #dcdfef; }
    @media screen and (max-width: 768px) {
      .album-page .album-section .top-hr {
        margin-left: -15px;
        margin-right: -15px; } }
  .album-page .album-section .album-section-header {
    margin-bottom: 10px; }
    .album-page .album-section .album-section-header .album-user-profile-pic {
      height: 40px;
      width: 40px;
      border-radius: 8px;
      position: absolute;
      top: 2px;
      border-radius: 50%; }
    .album-page .album-section .album-section-header .album-section-header-title {
      line-height: 2.4rem;
      margin-bottom: 1.25rem;
      color: #3f76ad;
      font-size: 2.2rem; }
      @media screen and (max-width: 767px) {
        .album-page .album-section .album-section-header .album-section-header-title {
          font-size: 2.2rem;
          line-height: 2rem; } }
    .album-page .album-section .album-section-header .album-user-profile-info {
      margin-left: 40px;
      color: #5a5f73 !important; }
      .album-page .album-section .album-section-header .album-user-profile-info a {
        color: #5a5f73 !important; }
      @media screen and (max-width: 767px) {
        .album-page .album-section .album-section-header .album-user-profile-info {
          width: 70%; } }
    .album-page .album-section .album-section-header .album-location-time-date {
      position: absolute;
      bottom: 10px;
      right: 0;
      color: #5a5f73; }
      .album-page .album-section .album-section-header .album-location-time-date .album-loc {
        max-width: 220px !important; }
        @media screen and (max-width: 767px) {
          .album-page .album-section .album-section-header .album-location-time-date .album-loc {
            text-indent: -7px;
            padding-left: 13px;
            max-width: 100% !important; } }
      @media screen and (max-width: 767px) {
        .album-page .album-section .album-section-header .album-location-time-date {
          position: inherit;
          margin-top: 20px;
          margin-bottom: 10px; } }
.album-page .album-icons {
  padding: 5px;
  color: #ADADAD;
  font-size: 25px; }
  .album-page .album-icons:hover {
    color: black; }
.album-page .album-share {
  position: relative; }
.album-page .page-sharebar-album .page-share-bar {
  top: 80px; }
  .album-page .page-sharebar-album .page-share-bar .like-wrapper .like-icon .fa-thumbs-o-up {
    color: #fff !important; }
  .album-page .page-sharebar-album .page-share-bar .like-wrapper .like-icon .fa-thumbs-up {
    color: #fff !important; }
  @media screen and (max-width: 991px) {
    .album-page .page-sharebar-album .page-share-bar {
      top: 180px; } }
.album-page .album-description {
  font-size: 1.5rem;
  line-height: 1.2; }
  .album-page .album-description .album-description-text {
    color: #545968; }

.album-text-counter {
  position: absolute;
  color: #ADADAD;
  right: 20px;
  margin-top: -2px; }

.removePhoto {
  position: absolute;
  right: 20px;
  top: 5px; }

.gallery-photo {
  border: 4px solid #ADADAD;
  border-radius: 4px; }

.album-image-wrapper {
  height: 200px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: rgba(30, 30, 30, 0.1);
  display: block;
  margin: auto;
  width: 100%; }
  .album-image-wrapper .image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
    right: 0;
    color: white;
    font-size: 14px; }

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

.editalbumfixedbtton {
  position: fixed;
  padding: 6px 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.47);
  width: 100%;
  left: 0px;
  border-radius: 5px;
  text-align: center !important; }

.fixed-album-description-area {
  position: absolute;
  top: -18px;
  margin-bottom: 0px;
  left: 0;
  right: 0;
  min-height: 93.4vh; }

.fixed-box {
  position: fixed;
  padding-left: 30px; }
  @media screen and (max-width: 767px) {
    .fixed-box {
      position: relative;
      padding-left: 15px; } }
  .fixed-box .create-album-info {
    height: 80vh;
    overflow-x: hidden;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: #919bb7 transparent; }
    .fixed-box .create-album-info::-webkit-scrollbar {
      width: 0px; }
    .fixed-box .create-album-info::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #00000054;
      color: transparent;
      border-radius: 10px; }
    .fixed-box .create-album-info::-webkit-scrollbar-thumb {
      background: #00000054;
      border-radius: 10px; }
    .fixed-box .create-album-info::-webkit-scrollbar-thumb:hover {
      background: #fffefea6; }

.album-grid {
  position: relative; }
  .album-grid .grid .grid-img.img-loaded {
    border-radius: 5px !important; }
  .album-grid .grid:hover .like-area, .album-grid .grid:hover #comments .comment-box .comment-content .reply-area, #comments .comment-box .comment-content .album-grid .grid:hover .reply-area {
    display: inline;
    position: absolute;
    top: 0;
    background: #0000009e;
    border-radius: 50%;
    right: 40px;
    width: 35px;
    height: 35px;
    padding: 5px 5px;
    margin: 5px;
    font-size: 14px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
    text-align: center; }
    .album-grid .grid:hover .like-area .fa-heart-o, .album-grid .grid:hover #comments .comment-box .comment-content .reply-area .fa-heart-o, #comments .comment-box .comment-content .album-grid .grid:hover .reply-area .fa-heart-o {
      color: rgba(255, 255, 255, 0.8);
      text-align: center; }
    .album-grid .grid:hover .like-area .like-wrapper .like-icon .like-count, .album-grid .grid:hover #comments .comment-box .comment-content .reply-area .like-wrapper .like-icon .like-count, #comments .comment-box .comment-content .album-grid .grid:hover .reply-area .like-wrapper .like-icon .like-count {
      vertical-align: unset; }
  .album-grid .grid:hover .comment-area {
    display: inline;
    position: absolute;
    top: 0;
    background: #0000009e;
    border-radius: 50%;
    right: 0px;
    width: 35px;
    height: 35px;
    padding: 7px 3px;
    font-size: 14px;
    margin: 5px;
    text-align: center;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.8); }
  .album-grid .grid .pin-icon {
    display: none; }
  .album-grid .grid .pic-link {
    display: none; }
  .album-grid .grid:hover .pin-icon {
    display: inline; }
  .album-grid .grid:hover .pic-link {
    display: inline; }
  .album-grid .grid:hover .image-tag {
    display: inline; }
  .album-grid .like-area, .album-grid #comments .comment-box .comment-content .reply-area, #comments .comment-box .comment-content .album-grid .reply-area {
    display: none; }
  .album-grid .comment-area {
    display: none; }
  .album-grid .content-wrapper {
    padding: 0 !important; }
  .album-grid .image-tag {
    position: absolute;
    top: 0;
    background: #0000009e;
    border-radius: 5px;
    padding: 2px 5px;
    color: white;
    right: 0;
    font-size: 14px;
    font-family: 'roboto';
    display: none; }
  .album-grid .image-caption {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    background: #00000052;
    color: white;
    padding: 4px;
    font-weight: 300;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .album-grid .grid:hover .video-caption {
    opacity: 1; }
  .album-grid .video-caption {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
    background: #00000052;
    color: white;
    padding: 4px;
    font-weight: 300;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0; }
  .album-grid .action-layout-bar .like-area, .album-grid .action-layout-bar #comments .comment-box .comment-content .reply-area, #comments .comment-box .comment-content .album-grid .action-layout-bar .reply-area {
    margin: 5px; }

.scrollable-albumimage {
  left: 32.7vw; }
  @media screen and (max-width: 767px) {
    .scrollable-albumimage {
      left: 0vw; } }

#albumCommentsModal .comment-chat {
  max-height: 50vh;
  overflow: auto; }
#albumCommentsModal .more-content {
  position: fixed;
  bottom: 0;
  text-align: center;
  width: 95%; }
#albumCommentsModal .head-title {
  color: #3F76AD; }
  #albumCommentsModal .head-title .black-title {
    color: black;
    font-size: 1.2rem; }

.link-card {
  box-shadow: 0px 0px 1px 1px rgba(201, 218, 230, 0.4);
  border-radius: 4px;
  background: white; }
  .link-card .link-card-banner {
    background: #E5E8EA;
    border-radius: 4px 4px 0px 0px; }
    .link-card .link-card-banner.link-card-placeholder-banner {
      height: 200px;
      animation: dimcolor 1s linear infinite; }
@keyframes dimcolor {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
    .link-card .link-card-banner .preview-image {
      max-height: 200px;
      margin: auto; }
  .link-card .link-card-content {
    padding: 15px; }
    .link-card .link-card-content.link-card-placeholder-content {
      padding: 30px; }

.album-entry {
  position: relative;
  padding-top: 190px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  margin: 1px; }
  .album-entry:hover {
    background: #fcfeff;
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
  .album-entry .album-public-secure-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    background: transparent;
    border-radius: 50%;
    padding: 3px;
    color: #5a5f73;
    text-align: center;
    z-index: 1;
    font-size: 16px;
    transition: all 0.35s cubic-bezier(0.42, 0, 1, -0.18); }
  .album-entry .album-watermark-icon {
    position: absolute;
    top: 40px;
    left: 7px;
    display: block;
    background: transparent;
    border-radius: 50%;
    padding: 3px;
    color: #5a5f73;
    text-align: center;
    z-index: 1;
    font-size: 16px;
    transition: all 0.35s cubic-bezier(0.42, 0, 1, -0.18); }
  .album-entry .album-item-thumbnail {
    height: calc(100% - 100px);
    position: absolute;
    top: 40px;
    left: 30px;
    right: 50px;
    z-index: 3;
    border: 2px solid #E5E8EA;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 70%;
    margin: auto;
    border-radius: 2px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    transition: all linear 0.35s;
    background-color: #7f7f7f; }
    .album-entry .album-item-thumbnail:hover {
      z-index: 4 !important;
      width: 100%;
      left: 0;
      top: 0;
      height: calc(100% - 60px); }
    .album-entry .album-item-thumbnail:nth-child(2) {
      z-index: 2;
      left: 50px;
      right: 40px;
      top: 30px; }
      .album-entry .album-item-thumbnail:nth-child(2):hover {
        width: 100%;
        left: 0;
        top: 0;
        height: calc(100% - 60px); }
    .album-entry .album-item-thumbnail:nth-child(3) {
      z-index: 1;
      top: 20px;
      left: 65px;
      right: 30px; }
      .album-entry .album-item-thumbnail:nth-child(3):hover {
        width: 100%;
        left: 0;
        top: 0;
        height: calc(100% - 60px); }
    .album-entry .album-item-thumbnail.no-image {
      text-align: center;
      line-height: 10;
      color: white; }
  .album-entry .album-display-text {
    font-weight: normal;
    font-size: 1.2rem;
    color: #3f76ad; }
    .album-entry .album-display-text:hover {
      color: #2b5075; }
  .album-entry .album-count-media-image {
    position: absolute;
    top: 0;
    right: 10px; }
  .album-entry .älbum-tile-name {
    width: 70% !important;
    position: absolute;
    top: 0;
    left: 20px; }

@media screen and (max-width: 767px) {
  .gallery-page-filter .side-col-search-pannel .filter-button {
    top: 110px; } }

.gallery-page .album-entry {
  padding-top: 220px;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  margin: 2px;
  background: white;
  width: 32.5%; }
  .gallery-page .album-entry:hover {
    background: #fcfeff;
    box-shadow: 0px 0px 3px 1px rgba(50, 56, 73, 0.31); }
  @media screen and (max-width: 767px) {
    .gallery-page .album-entry {
      width: 100%;
      margin: 3px 0; } }

.gallery-dropdown {
  z-index: 2;
  position: absolute;
  right: 35px;
  top: 15;
  font-size: 30px;
  color: #888ea1; }
  @media screen and (max-width: 768px) {
    .gallery-dropdown {
      top: 0; } }

#albumImageViewerModal {
  overflow-y: hidden; }
  #albumImageViewerModal .album-viewer-close-icon {
    color: #fff;
    opacity: 0.7;
    font-weight: 100 !important;
    font-size: 25px !important;
    text-shadow: none !important;
    background: none !important;
    transition: color 0.2s ease-in-out;
    position: absolute;
    z-index: 4; }
    #albumImageViewerModal .album-viewer-close-icon:hover {
      opacity: 1;
      cursor: pointer; }
  @media screen and (max-width: 768px) {
    #albumImageViewerModal {
      overflow-y: auto; } }
  #albumImageViewerModal .under-scrolling-bottom {
    position: relative;
    top: -5px;
    margin: -20px -15px 0;
    z-index: 3;
    height: 10px !important;
    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));
    padding-top: 20px;
    border-top-left-radius: 30px 15px;
    border-top-right-radius: 30px 15px; }
  #albumImageViewerModal .under-scrolling-top {
    position: relative;
    top: 20px;
    margin: -20px -15px 0;
    z-index: 3;
    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; }
    #albumImageViewerModal .under-scrolling-top .load-more_comments {
      position: absolute;
      top: 8px;
      margin-top: -12px;
      left: 50%;
      transform: translateX(-50%); }
  #albumImageViewerModal .modal-dialog {
    width: 90%;
    margin: 0px auto; }
    @media screen and (max-width: 767px) {
      #albumImageViewerModal .modal-dialog {
        width: 100%; } }
    #albumImageViewerModal .modal-dialog .modal-content {
      background: rgba(0, 0, 0, 0.85);
      height: 100vh; }
      #albumImageViewerModal .modal-dialog .modal-content .close {
        position: absolute;
        color: white;
        opacity: 0.7;
        z-index: 10; }
        #albumImageViewerModal .modal-dialog .modal-content .close .icon-size {
          font-size: 18px;
          background: #585858;
          padding: 8px 10px;
          border-radius: 50%;
          color: white;
          left: -6px;
          position: absolute; }
    #albumImageViewerModal .modal-dialog .image-wrapper {
      position: relative;
      height: calc(100vh - 35px);
      display: table;
      table-layout: fixed;
      width: calc(100% - 40px);
      margin: auto; }
      @media screen and (max-width: 767px) {
        #albumImageViewerModal .modal-dialog .image-wrapper {
          height: calc(100vh - 267px); } }
      #albumImageViewerModal .modal-dialog .image-wrapper .image {
        margin: auto;
        max-height: 100%;
        display: table-cell;
        vertical-align: middle; }
        #albumImageViewerModal .modal-dialog .image-wrapper .image img {
          max-height: calc(100vh - 35px);
          max-width: 100%;
          margin: auto; }
      #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav {
        position: absolute;
        z-index: 1;
        left: 0px;
        right: 0px;
        top: 50%; }
        #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-left, #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-right {
          position: absolute;
          left: -20px;
          color: gray; }
          #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-left:hover:not(.disabled), #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-right:hover:not(.disabled) {
            color: white; }
          #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-left.disabled, #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-right.disabled {
            opacity: 0.2;
            cursor: not-allowed; }
        #albumImageViewerModal .modal-dialog .image-wrapper .arrow-nav .arrow-nav-right {
          right: -20px;
          left: auto; }
    #albumImageViewerModal .modal-dialog .image-content-info {
      background: white;
      height: calc(100vh - 35px);
      overflow-x: hidden;
      overflow-y: visible;
      border-radius: 5px; }
      #albumImageViewerModal .modal-dialog .image-content-info .album-user-profile-pic {
        height: 18px;
        width: 18px;
        border-radius: 50%;
        top: 5px; }
      #albumImageViewerModal .modal-dialog .image-content-info .album-user-profile-info {
        position: absolute; }
        #albumImageViewerModal .modal-dialog .image-content-info .album-user-profile-info .usernme {
          color: #323849; }
        #albumImageViewerModal .modal-dialog .image-content-info .album-user-profile-info .subinfo {
          color: #5a5f73; }
        @media screen and (max-width: 767px) {
          #albumImageViewerModal .modal-dialog .image-content-info .album-user-profile-info {
            width: 70%; } }
      #albumImageViewerModal .modal-dialog .image-content-info .user-info {
        display: inline; }
        #albumImageViewerModal .modal-dialog .image-content-info .user-info img {
          margin: 0 10px;
          width: 90px;
          height: 90px; }
          @media screen and (max-width: 767px) {
            #albumImageViewerModal .modal-dialog .image-content-info .user-info img {
              width: 50px;
              height: 50px; } }
          @media screen and (max-width: 1200px) {
            #albumImageViewerModal .modal-dialog .image-content-info .user-info img {
              width: 65px;
              height: 65px; } }
      #albumImageViewerModal .modal-dialog .image-content-info .viewer-details {
        display: inline-block;
        vertical-align: middle;
        width: 70%; }
        @media screen and (max-width: 767px) {
          #albumImageViewerModal .modal-dialog .image-content-info .viewer-details {
            margin-bottom: 10px; } }
    #albumImageViewerModal .modal-dialog .content-actions {
      border: none;
      background: white;
      padding: 5px 15px; }
      #albumImageViewerModal .modal-dialog .content-actions #comments.border-line {
        margin-top: unset !important; }
      #albumImageViewerModal .modal-dialog .content-actions .album-margin {
        margin-left: 12px; }
      #albumImageViewerModal .modal-dialog .content-actions .comment-area {
        position: absolute;
        right: 25px; }
  #albumImageViewerModal .user-name {
    color: #485CE3;
    font-size: 16px; }
  #albumImageViewerModal .viewer-album-name {
    font-size: 22px;
    color: #3f76ad;
    width: 100%;
    line-height: 1.2;
    margin-bottom: -5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  #albumImageViewerModal .viewer-caption {
    color: #485CE3; }
  #albumImageViewerModal .viewer-location {
    color: #919BB7; }
    #albumImageViewerModal .viewer-location i {
      margin-right: 5px; }
  #albumImageViewerModal .viewer-desc {
    color: #919BB7;
    display: inline-block; }
  #albumImageViewerModal .comment-box {
    background-color: #fff; }
  #albumImageViewerModal .comment-input-box {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 2; }
  #albumImageViewerModal .comment-chat {
    overflow: auto;
    max-height: 44vh;
    min-height: 44vh;
    margin-top: 0px;
    padding-left: 15px;
    padding-top: 10px;
    margin-bottom: 1px; }
    @media screen and (max-width: 768px) {
      #albumImageViewerModal .comment-chat {
        max-height: 56vh;
        min-height: 56vh; } }
    @media screen and (min-width: 1400px) {
      #albumImageViewerModal .comment-chat {
        max-height: 50vh !important;
        min-height: 50vh !important; } }
    @media screen and (min-width: 1600px) {
      #albumImageViewerModal .comment-chat {
        max-height: 55vh !important;
        min-height: 55vh !important; } }
    @media screen and (min-width: 1900px) {
      #albumImageViewerModal .comment-chat {
        max-height: 62vh !important;
        min-height: 62vh !important; } }
    #albumImageViewerModal .comment-chat .comment-date {
      display: none; }
    #albumImageViewerModal .comment-chat .tiny-text, #albumImageViewerModal .comment-chat .text-counter {
      display: none; }
    #albumImageViewerModal .comment-chat .more-content {
      position: fixed;
      z-index: 2;
      padding: 0px 5px 0px;
      background: transparent;
      margin-top: -11px;
      right: 13%;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      @media screen and (max-width: 768px) {
        #albumImageViewerModal .comment-chat .more-content {
          right: 38%; } }
      #albumImageViewerModal .comment-chat .more-content .small-text, #albumImageViewerModal .comment-chat .more-content .tiny-text, #albumImageViewerModal .comment-chat .more-content .text-counter {
        color: #666;
        font-size: 0.75rem;
        position: relative;
        top: -10px; }
        #albumImageViewerModal .comment-chat .more-content .small-text:hover, #albumImageViewerModal .comment-chat .more-content .tiny-text:hover, #albumImageViewerModal .comment-chat .more-content .text-counter:hover {
          color: #777;
          text-decoration: underline; }
    #albumImageViewerModal .comment-chat .comment-content {
      transition: all 0.3s ease-in-out;
      border: 1px solid transparent;
      background-color: white; }
      #albumImageViewerModal .comment-chat .comment-content:hover {
        box-shadow: 0 0 10px #00000040;
        border: 1px solid #999c; }
  #albumImageViewerModal .expand-option {
    background: #585858;
    padding: 6px 10px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: -25px;
    color: white;
    cursor: pointer;
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
  #albumImageViewerModal .expand-option-watermark {
    background: #585858;
    padding: 6px 10px;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: -25px;
    color: white;
    cursor: pointer;
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
  #albumImageViewerModal .check .comment-chat {
    max-height: 62vh !important; }
    @media screen and (max-width: 768px) {
      #albumImageViewerModal .check .comment-chat {
        max-height: 65vh !important; } }
    @media screen and (min-width: 1400px) {
      #albumImageViewerModal .check .comment-chat {
        max-height: 65vh !important; } }
    @media screen and (min-width: 1600px) {
      #albumImageViewerModal .check .comment-chat {
        max-height: 70vh !important; } }
    @media screen and (min-width: 1900px) {
      #albumImageViewerModal .check .comment-chat {
        max-height: 75vh !important; } }
  #albumImageViewerModal .itemCaption {
    position: fixed;
    left: 15px;
    bottom: 25px;
    color: #fff9;
    background: #0f111226;
    width: 55vw;
    font-size: 2rem;
    text-shadow: 1px 1px 1px #000, 3px 3px 5px #000; }
    @media screen and (max-width: 768px) {
      #albumImageViewerModal .itemCaption {
        margin-top: -4rem;
        bottom: unset;
        width: 90%;
        color: #fff;
        bottom: none; } }

.item-grid-layout {
  margin-left: -15px;
  margin-right: -15px; }
  .item-grid-layout .item-grid {
    height: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(30, 30, 30, 0.1);
    border: 1px solid rgba(102, 102, 102, 0.5);
    padding-bottom: 100%; }
    .item-grid-layout .item-grid.one-item {
      width: 100%;
      padding-bottom: 60%; }
    .item-grid-layout .item-grid.two-item {
      width: 50%;
      float: left;
      padding-bottom: 50%; }
    .item-grid-layout .item-grid.three-item {
      float: left; }
      .item-grid-layout .item-grid.three-item:nth-child(1) {
        width: 60%;
        padding-bottom: 67%; }
      .item-grid-layout .item-grid.three-item:nth-child(2), .item-grid-layout .item-grid.three-item:nth-child(3) {
        width: 40%;
        padding-bottom: 33.33%; }
    .item-grid-layout .item-grid.four-item {
      width: 50%;
      float: left;
      padding-bottom: 50%;
      margin: 0; }
    .item-grid-layout .item-grid.video-icon {
      position: relative; }
      .item-grid-layout .item-grid.video-icon:before {
        font-family: FontAwesome;
        content: "\f16a";
        position: absolute;
        color: #f00;
        background-image: radial-gradient(white 30%, transparent 15%, transparent 60%);
        left: 50%;
        top: 50%;
        font-size: 50px;
        padding: 5px 2px;
        line-height: 0.6;
        text-align: center;
        border-radius: 4px;
        transform: translate(-50%, -50%); }
    .item-grid-layout .item-grid .pin-icon {
      display: none; }
    .item-grid-layout .item-grid:hover .pin-icon {
      display: inline;
      bottom: 0;
      top: auto;
      left: 15px; }
  .item-grid-layout .more-items {
    color: white;
    position: absolute;
    bottom: 10px;
    right: 25px;
    font-size: 30px;
    background: #00000054;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer; }

.timeline-item .album-profile-view {
  position: relative !important; }
  .timeline-item .album-profile-view .more-item-2 {
    color: white;
    position: absolute;
    bottom: 10px;
    right: 25px;
    font-size: 30px;
    background: #00000054;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer; }
.timeline-item .add-margin {
  margin: 0 -15px; }
.timeline-item .remove-bottom-white-space {
  padding-bottom: 0 !important; }

.notif-drop-down {
  width: 320px;
  max-height: 400px;
  overflow: auto; }
  @media screen and (max-width: 767px) {
    .notif-drop-down {
      width: 260px !important;
      right: -50px; } }
  .notif-drop-down li {
    border-bottom: 1px solid #F3F3F3; }
    .notif-drop-down li .notif-content {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 50px);
      white-space: normal;
      color: #919BB7;
      font-size: 15px; }
      .notif-drop-down li .notif-content .notif-user-name, .notif-drop-down li .notif-content .strong {
        color: #333857; }
      .notif-drop-down li .notif-content .strong {
        font-weight: bold; }

.notification-page .reminder-text {
  position: relative;
  margin-top: 5px;
  word-break: break-word; }

.page-404 .container {
  margin-top: 100px; }
  .page-404 .container > .image-404 {
    width: 320px;
    margin-left: -20px; }
    .page-404 .container > .image-404 .cls-1 {
      fill: #3ba6cc; }
    .page-404 .container > .image-404 .cls-2 {
      fill: #3eb8eb; }
    .page-404 .container > .image-404 .cls-3 {
      fill: #c3d4d8; }
    .page-404 .container > .image-404 .cls-4 {
      fill: #e1ebef; }
    .page-404 .container > .image-404 .cls-5 {
      fill: #37b7ea; }
    .page-404 .container > .image-404 .cls-6 {
      fill: #a2b7bc; }
    .page-404 .container > .image-404 .cls-7 {
      fill: #a9a9a9; }
    .page-404 .container > .image-404 .cls-8 {
      fill: #9c9b9b; }
    .page-404 .container > .image-404 .cls-9 {
      fill: #f197be; }
    .page-404 .container > .image-404 .cls-10 {
      fill: #565656; }
    .page-404 .container > .image-404 .cls-11 {
      fill: #fff; }
    .page-404 .container > .image-404 .cls-12 {
      fill: #e9eff2; }
  .page-404 .container > .not-found {
    margin-top: 62px;
    text-transform: uppercase;
    color: #3eb8ea;
    font-size: 66px;
    font-family: HelveticaNeueW10-35Thin;
    letter-spacing: 1px; }
  .page-404 .container > .description {
    margin-top: 19px;
    font-family: HelveticaNeueW10-35Thin;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 39px;
    color: #184a56; }
  .page-404 .container > .button {
    margin-top: 37px;
    outline: none;
    width: 198px;
    height: 56px;
    border: 0;
    letter-spacing: 0.8px;
    line-height: 53px;
    font-size: 22px;
    text-align: center;
    border-radius: 28px;
    font-family: HelveticaNeueW10-35Thin;
    cursor: pointer;
    border: solid 2px #3eb8ea;
    background-color: #fff;
    color: #3eb8ea;
    box-sizing: border-box;
    transition-property: color, background-color;
    transition-duration: .2s; }
    .page-404 .container > .button:hover {
      background-color: #3eb8ea;
      color: #fff; }

.initiative-modal .text-area, .initiative-modal #update .post-box, #update .initiative-modal .post-box, .initiative-modal .profile-box .profile-text-area, .profile-box .initiative-modal .profile-text-area, .initiative-modal .profile-about, .initiative-modal .add-group-title, .initiative-modal .white-section .section-headline, .white-section .initiative-modal .section-headline, .initiative-modal .white-section .story-section-textarea, .white-section .initiative-modal .story-section-textarea, .initiative-modal .profile-card .invite-modal .profile-invite-box, .profile-card .invite-modal .initiative-modal .profile-invite-box, .initiative-modal .caption-text {
  border-width: 0px 0px 1px 0px;
  border-radius: 0px; }
  .initiative-modal .text-area .text-area:focus, .initiative-modal #update .post-box .text-area:focus, #update .initiative-modal .post-box .text-area:focus, .initiative-modal .profile-box .profile-text-area .text-area:focus, .profile-box .initiative-modal .profile-text-area .text-area:focus, .initiative-modal .profile-about .text-area:focus, .initiative-modal .add-group-title .text-area:focus, .initiative-modal .white-section .section-headline .text-area:focus, .white-section .initiative-modal .section-headline .text-area:focus, .initiative-modal .white-section .story-section-textarea .text-area:focus, .white-section .initiative-modal .story-section-textarea .text-area:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .text-area:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .text-area:focus, .initiative-modal .caption-text .text-area:focus, .initiative-modal .text-area #update .post-box:focus, #update .initiative-modal .text-area .post-box:focus, .initiative-modal #update .post-box .post-box:focus, #update .initiative-modal .post-box .post-box:focus, .initiative-modal .profile-box .profile-text-area #update .post-box:focus, #update .initiative-modal .profile-box .profile-text-area .post-box:focus, .profile-box .initiative-modal .profile-text-area #update .post-box:focus, #update .profile-box .initiative-modal .profile-text-area .post-box:focus, .initiative-modal .profile-about #update .post-box:focus, #update .initiative-modal .profile-about .post-box:focus, .initiative-modal .add-group-title #update .post-box:focus, #update .initiative-modal .add-group-title .post-box:focus, .initiative-modal .white-section .section-headline #update .post-box:focus, #update .initiative-modal .white-section .section-headline .post-box:focus, .white-section .initiative-modal .section-headline #update .post-box:focus, #update .white-section .initiative-modal .section-headline .post-box:focus, .initiative-modal .white-section .story-section-textarea #update .post-box:focus, #update .initiative-modal .white-section .story-section-textarea .post-box:focus, .white-section .initiative-modal .story-section-textarea #update .post-box:focus, #update .white-section .initiative-modal .story-section-textarea .post-box:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box #update .post-box:focus, #update .initiative-modal .profile-card .invite-modal .profile-invite-box .post-box:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box #update .post-box:focus, #update .profile-card .invite-modal .initiative-modal .profile-invite-box .post-box:focus, .initiative-modal .caption-text #update .post-box:focus, #update .initiative-modal .caption-text .post-box:focus, .initiative-modal .text-area .profile-box .profile-text-area:focus, .profile-box .initiative-modal .text-area .profile-text-area:focus, .initiative-modal #update .post-box .profile-box .profile-text-area:focus, .profile-box .initiative-modal #update .post-box .profile-text-area:focus, #update .initiative-modal .post-box .profile-box .profile-text-area:focus, .profile-box #update .initiative-modal .post-box .profile-text-area:focus, .initiative-modal .profile-box .profile-text-area .profile-text-area:focus, .profile-box .initiative-modal .profile-text-area .profile-text-area:focus, .initiative-modal .profile-about .profile-box .profile-text-area:focus, .profile-box .initiative-modal .profile-about .profile-text-area:focus, .initiative-modal .add-group-title .profile-box .profile-text-area:focus, .profile-box .initiative-modal .add-group-title .profile-text-area:focus, .initiative-modal .white-section .section-headline .profile-box .profile-text-area:focus, .profile-box .initiative-modal .white-section .section-headline .profile-text-area:focus, .white-section .initiative-modal .section-headline .profile-box .profile-text-area:focus, .profile-box .white-section .initiative-modal .section-headline .profile-text-area:focus, .initiative-modal .white-section .story-section-textarea .profile-box .profile-text-area:focus, .profile-box .initiative-modal .white-section .story-section-textarea .profile-text-area:focus, .white-section .initiative-modal .story-section-textarea .profile-box .profile-text-area:focus, .profile-box .white-section .initiative-modal .story-section-textarea .profile-text-area:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .profile-box .profile-text-area:focus, .profile-box .initiative-modal .profile-card .invite-modal .profile-invite-box .profile-text-area:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .profile-box .profile-text-area:focus, .profile-box .profile-card .invite-modal .initiative-modal .profile-invite-box .profile-text-area:focus, .initiative-modal .caption-text .profile-box .profile-text-area:focus, .profile-box .initiative-modal .caption-text .profile-text-area:focus, .initiative-modal .text-area .profile-about:focus, .initiative-modal #update .post-box .profile-about:focus, #update .initiative-modal .post-box .profile-about:focus, .initiative-modal .profile-box .profile-text-area .profile-about:focus, .profile-box .initiative-modal .profile-text-area .profile-about:focus, .initiative-modal .profile-about .profile-about:focus, .initiative-modal .add-group-title .profile-about:focus, .initiative-modal .white-section .section-headline .profile-about:focus, .white-section .initiative-modal .section-headline .profile-about:focus, .initiative-modal .white-section .story-section-textarea .profile-about:focus, .white-section .initiative-modal .story-section-textarea .profile-about:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .profile-about:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .profile-about:focus, .initiative-modal .caption-text .profile-about:focus, .initiative-modal .text-area .add-group-title:focus, .initiative-modal #update .post-box .add-group-title:focus, #update .initiative-modal .post-box .add-group-title:focus, .initiative-modal .profile-box .profile-text-area .add-group-title:focus, .profile-box .initiative-modal .profile-text-area .add-group-title:focus, .initiative-modal .profile-about .add-group-title:focus, .initiative-modal .add-group-title .add-group-title:focus, .initiative-modal .white-section .section-headline .add-group-title:focus, .white-section .initiative-modal .section-headline .add-group-title:focus, .initiative-modal .white-section .story-section-textarea .add-group-title:focus, .white-section .initiative-modal .story-section-textarea .add-group-title:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .add-group-title:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .add-group-title:focus, .initiative-modal .caption-text .add-group-title:focus, .initiative-modal .text-area .white-section .section-headline:focus, .white-section .initiative-modal .text-area .section-headline:focus, .initiative-modal #update .post-box .white-section .section-headline:focus, .white-section .initiative-modal #update .post-box .section-headline:focus, #update .initiative-modal .post-box .white-section .section-headline:focus, .white-section #update .initiative-modal .post-box .section-headline:focus, .initiative-modal .profile-box .profile-text-area .white-section .section-headline:focus, .white-section .initiative-modal .profile-box .profile-text-area .section-headline:focus, .profile-box .initiative-modal .profile-text-area .white-section .section-headline:focus, .white-section .profile-box .initiative-modal .profile-text-area .section-headline:focus, .initiative-modal .profile-about .white-section .section-headline:focus, .white-section .initiative-modal .profile-about .section-headline:focus, .initiative-modal .add-group-title .white-section .section-headline:focus, .white-section .initiative-modal .add-group-title .section-headline:focus, .initiative-modal .white-section .section-headline .section-headline:focus, .white-section .initiative-modal .section-headline .section-headline:focus, .initiative-modal .white-section .story-section-textarea .section-headline:focus, .white-section .initiative-modal .story-section-textarea .section-headline:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .white-section .section-headline:focus, .white-section .initiative-modal .profile-card .invite-modal .profile-invite-box .section-headline:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .white-section .section-headline:focus, .white-section .profile-card .invite-modal .initiative-modal .profile-invite-box .section-headline:focus, .initiative-modal .caption-text .white-section .section-headline:focus, .white-section .initiative-modal .caption-text .section-headline:focus, .initiative-modal .text-area .white-section .story-section-textarea:focus, .white-section .initiative-modal .text-area .story-section-textarea:focus, .initiative-modal #update .post-box .white-section .story-section-textarea:focus, .white-section .initiative-modal #update .post-box .story-section-textarea:focus, #update .initiative-modal .post-box .white-section .story-section-textarea:focus, .white-section #update .initiative-modal .post-box .story-section-textarea:focus, .initiative-modal .profile-box .profile-text-area .white-section .story-section-textarea:focus, .white-section .initiative-modal .profile-box .profile-text-area .story-section-textarea:focus, .profile-box .initiative-modal .profile-text-area .white-section .story-section-textarea:focus, .white-section .profile-box .initiative-modal .profile-text-area .story-section-textarea:focus, .initiative-modal .profile-about .white-section .story-section-textarea:focus, .white-section .initiative-modal .profile-about .story-section-textarea:focus, .initiative-modal .add-group-title .white-section .story-section-textarea:focus, .white-section .initiative-modal .add-group-title .story-section-textarea:focus, .initiative-modal .white-section .section-headline .story-section-textarea:focus, .white-section .initiative-modal .section-headline .story-section-textarea:focus, .initiative-modal .white-section .story-section-textarea .story-section-textarea:focus, .white-section .initiative-modal .story-section-textarea .story-section-textarea:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .white-section .story-section-textarea:focus, .white-section .initiative-modal .profile-card .invite-modal .profile-invite-box .story-section-textarea:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .white-section .story-section-textarea:focus, .white-section .profile-card .invite-modal .initiative-modal .profile-invite-box .story-section-textarea:focus, .initiative-modal .caption-text .white-section .story-section-textarea:focus, .white-section .initiative-modal .caption-text .story-section-textarea:focus, .initiative-modal .text-area .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .text-area .profile-invite-box:focus, .initiative-modal #update .post-box .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal #update .post-box .profile-invite-box:focus, #update .initiative-modal .post-box .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal #update .initiative-modal .post-box .profile-invite-box:focus, .initiative-modal .profile-box .profile-text-area .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .profile-box .profile-text-area .profile-invite-box:focus, .profile-box .initiative-modal .profile-text-area .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .profile-box .initiative-modal .profile-text-area .profile-invite-box:focus, .initiative-modal .profile-about .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .profile-about .profile-invite-box:focus, .initiative-modal .add-group-title .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .add-group-title .profile-invite-box:focus, .initiative-modal .white-section .section-headline .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .white-section .section-headline .profile-invite-box:focus, .white-section .initiative-modal .section-headline .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .white-section .initiative-modal .section-headline .profile-invite-box:focus, .initiative-modal .white-section .story-section-textarea .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .white-section .story-section-textarea .profile-invite-box:focus, .white-section .initiative-modal .story-section-textarea .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .white-section .initiative-modal .story-section-textarea .profile-invite-box:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .profile-invite-box:focus, .initiative-modal .caption-text .profile-card .invite-modal .profile-invite-box:focus, .profile-card .invite-modal .initiative-modal .caption-text .profile-invite-box:focus, .initiative-modal .text-area .caption-text:focus, .initiative-modal #update .post-box .caption-text:focus, #update .initiative-modal .post-box .caption-text:focus, .initiative-modal .profile-box .profile-text-area .caption-text:focus, .profile-box .initiative-modal .profile-text-area .caption-text:focus, .initiative-modal .profile-about .caption-text:focus, .initiative-modal .add-group-title .caption-text:focus, .initiative-modal .white-section .section-headline .caption-text:focus, .white-section .initiative-modal .section-headline .caption-text:focus, .initiative-modal .white-section .story-section-textarea .caption-text:focus, .white-section .initiative-modal .story-section-textarea .caption-text:focus, .initiative-modal .profile-card .invite-modal .profile-invite-box .caption-text:focus, .profile-card .invite-modal .initiative-modal .profile-invite-box .caption-text:focus, .initiative-modal .caption-text .caption-text:focus {
    border-width: 0px 0px 1px 0px; }

.delete-section-wrapper .delete-button {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: -30px; }

.edit-section-row-wrapper:hover .up-down-btn {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: -40px;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 0 10px;
  margin: auto 0;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .edit-section-row-wrapper:hover .up-down-btn {
      right: -30px; } }
.edit-section-row-wrapper:hover .delete-button {
  display: inline-block;
  position: absolute;
  right: 0px;
  z-index: 1;
  top: -20px;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 20px; }
  @media screen and (max-width: 767px) {
    .edit-section-row-wrapper:hover .delete-button {
      top: -25px; } }

.edit-section-row {
  margin: 0 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  padding: 5px 5px;
  background: #FAFBFD;
  border-radius: 4px;
  transition: box-shadow 0.2s ease-in-out; }
  .edit-section-row:hover {
    box-shadow: 0 0px 5px #00000040; }
  .edit-section-row .section-hr {
    border-top: 1px solid #dcdfef; }
  .edit-section-row .desc-countdown {
    position: absolute;
    bottom: 0;
    right: 15px; }
  .edit-section-row .section-type-7 .col-first {
    min-height: 75px;
    position: relative; }
    .edit-section-row .section-type-7 .col-first hr {
      width: 97%;
      position: absolute;
      top: 41%; }
  .edit-section-row .section-type-6 .col-first {
    padding-right: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-6 .col-first {
        padding-right: 15px;
        padding-bottom: 2.5px; } }
  .edit-section-row .section-type-6 .col-second {
    padding-left: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-6 .col-second {
        padding-left: 15px;
        padding-top: 2.5px; } }
  .edit-section-row .section-type-4 .col-first {
    padding-right: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-4 .col-first {
        padding-right: 15px;
        padding-bottom: 2.5px; } }
  .edit-section-row .section-type-4 .col-second {
    padding-left: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-4 .col-second {
        padding-left: 15px;
        padding-top: 2.5px; } }
    .edit-section-row .section-type-4 .col-second .col-second-child {
      padding-top: 20px;
      background: #F3F3F3; }
  .edit-section-row .section-type-3 .col-first {
    padding-right: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-3 .col-first {
        padding-right: 15px;
        padding-bottom: 2.5px; } }
    .edit-section-row .section-type-3 .col-first .col-first-child {
      padding-top: 20px;
      background: #F3F3F3; }
  .edit-section-row .section-type-3 .col-second {
    padding-left: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-3 .col-second {
        padding-left: 15px;
        padding-top: 2.5px; } }
  .edit-section-row .section-type-2 .col-first {
    padding-right: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-2 .col-first {
        padding-right: 15px;
        padding-bottom: 2.5px; } }
    .edit-section-row .section-type-2 .col-first .col-first-child {
      padding-top: 20px;
      background: #F3F3F3; }
  .edit-section-row .section-type-2 .col-second {
    padding-left: 2.5px; }
    @media screen and (max-width: 768px) {
      .edit-section-row .section-type-2 .col-second {
        padding-left: 15px;
        padding-top: 2.5px; } }
    .edit-section-row .section-type-2 .col-second .col-second-child {
      padding-top: 20px;
      background: #F3F3F3; }
  .edit-section-row .section-type-1 .col-first .col-first-child {
    padding-top: 20px;
    background: #F3F3F3; }
  @media screen and (max-width: 768px) {
    .edit-section-row {
      margin-left: 0 !important;
      margin-right: 0 !important; } }
  .edit-section-row h3 {
    margin-top: 0px; }
  .edit-section-row .delete-button {
    display: none; }
  .edit-section-row .note-popover .popover-content, .edit-section-row .panel-heading.note-toolbar {
    padding-right: 60px; }

.exp-arrow-icon {
  font-size: 24px;
  color: #666666; }

.exp-up-icon {
  font-size: 24px;
  color: white;
  margin-bottom: 0; }

.exp-down-icon {
  color: white;
  font-size: 24px;
  margin-bottom: 0 !important; }

.exp-trash-icon {
  font-size: 24px;
  color: #666666;
  padding: 0px; }

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

.exp-left-icon {
  position: absolute;
  right: -45px; }
  @media screen and (max-width: 768px) {
    .exp-left-icon {
      right: -30px; } }

.up-down-btn {
  display: none; }
  .up-down-btn:hover {
    cursor: pointer; }
  .up-down-btn .fa {
    color: white; }

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

.edit-mode-image {
  margin: 0px 0px !important; }

.upload-media-box {
  position: relative; }
  .upload-media-box .media-box-wrapper {
    background: rgba(23, 57, 128, 0.25);
    display: table;
    width: 100%;
    border-radius: 4px; }
    .upload-media-box .media-box-wrapper .save-file-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%); }
    .upload-media-box .media-box-wrapper .edit-buttons {
      position: absolute;
      left: 50%;
      background: rgba(250, 250, 250, 0.725);
      top: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      border-radius: 4px; }
      .upload-media-box .media-box-wrapper .edit-buttons .add-link-button {
        font-size: 30px; }
  .upload-media-box .box-media {
    position: absolute;
    left: 0;
    right: 0;
    max-width: none;
    width: 100%; }
  .upload-media-box .pin-icon {
    display: none; }
  .upload-media-box:hover .pin-icon {
    display: inline; }

.item-thumbnail {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #666666;
  border-radius: 10px;
  display: inline-flex; }
  .item-thumbnail.rect-img {
    width: 100px;
    height: 56px; }
  .item-thumbnail.square-img {
    width: 60px;
    height: 60px; }

.explore-page .post-target-info {
  vertical-align: -webkit-baseline-middle; }
.explore-page .content-actions {
  margin: 0 !important; }
  .explore-page .content-actions .action-layout-bar {
    top: 0; }
.explore-page .font-size {
  font-size: 22px; }
.explore-page .post-row:hover {
  background: #efefef; }

.contact-us-sel-opt {
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 20px; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .contact-us-table .wk-table-custom-pagination table tr td:first-child {
    width: 25% !important;
    /* your css rules for ipad portrait */ }
  .contact-us-table .wk-table-custom-pagination table tr td:nth-child(2) {
    width: 40% !important; } }

.submit-btn {
  margin-left: 5px;
  margin-top: 20px; }

.textareaBox {
  width: 100%;
  margin-top: 10px; }

.selectArea {
  appearance: none;
  padding: 3px !important;
  font-size: 20px;
  padding-top: 3px;
  padding-bottom: 3px; }
  .selectArea option {
    background: rgba(0, 0, 0, 0.02);
    padding: 3px !important; }
    .selectArea option:hover {
      background: black !important; }

.input-disable[disabled] {
  border: 1 !important;
  box-shadow: none !important;
  background-color: white !important;
  cursor: default !important;
  opacity: 0.6; }

.input-disable {
  font-size: 20px; }

.loader-text {
  margin-left: 8px; }

.contact-us-page h3 {
  display: inline; }
.contact-us-page .tags-row {
  display: inline; }

.admin-reminder-container .heading {
  display: inline; }
.admin-reminder-container .checkbox-button {
  float: right;
  margin-left: 10px; }
  .admin-reminder-container .checkbox-button label {
    margin-bottom: 0;
    font-weight: 300; }
  .admin-reminder-container .checkbox-button input[type=checkbox] {
    display: none; }
.admin-reminder-container .delete-icon.fa {
  background: white;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid;
  font-weight: bold;
  margin-left: 5px; }
  .admin-reminder-container .delete-icon.fa:hover {
    color: white;
    background: #3c4b7d; }
.admin-reminder-container .selected-btn {
  float: right;
  margin-left: 10px; }

.notification-page .mobile-tabs-notification-page .nav-tabs .main-tab {
  font-size: 22px;
  padding: 10px 0px;
  color: rgba(49, 57, 85, 0.91);
  padding-top: 20px;
  padding-bottom: 20px; }
.notification-page .mobile-tabs-notification-page .nav-tabs.activity-feed-tabs {
  background: transparent; }
  .notification-page .mobile-tabs-notification-page .nav-tabs.activity-feed-tabs li.active a {
    border: 0;
    border-bottom: 1px solid #3c4b7d !important; }
  .notification-page .mobile-tabs-notification-page .nav-tabs.activity-feed-tabs li a {
    padding: 8px;
    border-bottom: 1px solid transparent; }
.notification-page .notify-list {
  border-bottom: 1px solid #e8e9ea;
  padding: 10px;
  background: white;
  position: relative;
  border-left: none;
  border-right: none; }
  .notification-page .notify-list .notification-time {
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #5a5f73; }
  .notification-page .notify-list.recent {
    background: #f1f6f9; }
  .notification-page .notify-list:hover {
    background: #f1f6f9; }
  .notification-page .notify-list .notify-list-read-content {
    color: #5a5f73; }
    .notification-page .notify-list .notify-list-read-content:hover {
      color: #5a5f73; }
.notification-page .notification-section {
  margin-bottom: 50px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  border-radius: 5px 5px 0 0; }
  .notification-page .notification-section .white-card {
    border-bottom: 1px solid #ECF2F6; }
    .notification-page .notification-section .white-card .card-head {
      border-radius: 5px; }
  .notification-page .notification-section .check-back-later {
    opacity: 0.5;
    padding: 10px; }
.notification-page .activity-feed-section {
  position: sticky;
  top: 70px; }
  @media screen and (max-width: 768px) {
    .notification-page .activity-feed-section {
      position: unset;
      top: unset;
      padding: 0; } }
  .notification-page .activity-feed-section .white-card {
    position: relative;
    box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31); }
    .notification-page .activity-feed-section .white-card .card-head {
      border-radius: 5px; }
    .notification-page .activity-feed-section .white-card .card-body {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      min-height: 100px;
      max-height: calc(100vh - 150px);
      overflow-y: overlay;
      overflow-x: hidden;
      scrollbar-width: thin;
      scrollbar-color: #919bb7 transparent; }
      .notification-page .activity-feed-section .white-card .card-body::-webkit-scrollbar {
        width: 5px; }
      .notification-page .activity-feed-section .white-card .card-body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #00000054;
        color: transparent;
        border-radius: 10px;
        opacity: 0; }
      .notification-page .activity-feed-section .white-card .card-body::-webkit-scrollbar-thumb {
        background: #919bb7;
        border-radius: 10px;
        opacity: 0; }
      .notification-page .activity-feed-section .white-card .card-body::-webkit-scrollbar-thumb:hover {
        background: #596689; }
      .notification-page .activity-feed-section .white-card .card-body .activity-feed-tabs li a {
        padding: 8px; }
      .notification-page .activity-feed-section .white-card .card-body .activity-feed-wrapper {
        padding-left: 15px;
        padding-right: 15px; }

.contact-us-page .submit-contactus-query .new-message-div h6 {
  font-weight: 550;
  color: #666; }
.contact-us-page .submit-contactus-query .new-message-div:hover {
  cursor: pointer; }
.contact-us-page .submit-contactus-query .submit-query-sec {
  transition: all 0.1s ease-in-out; }
  .contact-us-page .submit-contactus-query .submit-query-sec ul, .contact-us-page .submit-contactus-query .submit-query-sec strong, .contact-us-page .submit-contactus-query .submit-query-sec input, .contact-us-page .submit-contactus-query .submit-query-sec textarea, .contact-us-page .submit-contactus-query .submit-query-sec button {
    transition: all 0.5s ease-in-out; }
  .contact-us-page .submit-contactus-query .submit-query-sec strong {
    color: #777; }
  .contact-us-page .submit-contactus-query .submit-query-sec textarea {
    margin-top: 20px;
    border-radius: 5px;
    outline: none !important;
    resize: none;
    background: #fff;
    padding: 10px;
    border-style: solid; }
.contact-us-page .submit-contactus-query .fold-submit-query-sec {
  max-height: 0; }
  .contact-us-page .submit-contactus-query .fold-submit-query-sec ul, .contact-us-page .submit-contactus-query .fold-submit-query-sec strong, .contact-us-page .submit-contactus-query .fold-submit-query-sec input, .contact-us-page .submit-contactus-query .fold-submit-query-sec textarea, .contact-us-page .submit-contactus-query .fold-submit-query-sec button {
    display: none;
    opacity: 0; }
.contact-us-page .submit-contactus-query .expand-submit-query-sec {
  max-height: 500px; }
  .contact-us-page .submit-contactus-query .expand-submit-query-sec ul, .contact-us-page .submit-contactus-query .expand-submit-query-sec strong, .contact-us-page .submit-contactus-query .expand-submit-query-sec input, .contact-us-page .submit-contactus-query .expand-submit-query-sec textarea {
    display: block;
    opacity: 1; }
  .contact-us-page .submit-contactus-query .expand-submit-query-sec button {
    display: inline-block;
    opacity: 1; }
.contact-us-page .request-id-text {
  color: rgba(49, 57, 85, 0.91) !important; }
.contact-us-page .top-under-scroll {
  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.2));
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  padding-top: 45px; }
.contact-us-page .bottom-under-scroll {
  background-image: -webkit-linear-gradient(bottom, #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: 0px;
  right: 0;
  left: 0;
  z-index: 1;
  padding-top: 40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
.contact-us-page .reply-submit {
  margin-left: 0px; }
  .contact-us-page .reply-submit:hover {
    cursor: pointer; }
.contact-us-page .textarea-contactform {
  margin-top: 18px;
  border-radius: 5px;
  outline: none !important;
  resize: none;
  background: #fff;
  padding: 10px;
  border-style: solid; }
  .contact-us-page .textarea-contactform::placeholder {
    opacity: 0.5; }
.contact-us-page .contactus-input {
  font-size: 17px; }
.contact-us-page .user-date-time {
  right: 0px !important;
  margin-top: 5px;
  padding-right: 15px; }
.contact-us-page .admin-date-time {
  left: 0px !important;
  margin-top: 7px;
  padding-left: 17px; }
.contact-us-page .message-subject {
  font-weight: 600;
  opacity: 0.8;
  text-align: left; }
.contact-us-page .message-for-whom {
  font-size: 14px !important;
  margin-bottom: 10px;
  text-align: left; }
.contact-us-page .message-content {
  font-size: 14px !important;
  margin-bottom: 10px; }
.contact-us-page .headingTitle {
  font-size: 20px;
  opacity: 0.9;
  margin-bottom: 5px;
  text-align: left; }
.contact-us-page .admin-message-div {
  max-width: 80%;
  float: left;
  border-radius: 8px;
  padding: 6px 12px;
  background-color: #FFF;
  border: 3px solid #f1f6f9;
  margin: 10px 0;
  margin-bottom: 2px; }
.contact-us-page .user-message-div {
  max-width: 80%;
  float: right;
  border-radius: 8px;
  padding: 6px 12px;
  background-color: #f1f6f9;
  border: none;
  margin: 10px 0;
  margin-bottom: 2px; }
  .contact-us-page .user-message-div .message-content {
    text-align: left; }
.contact-us-page .hrbelowsubmit {
  width: 100%;
  border-color: #e8e9ea; }
.contact-us-page .check-box {
  margin-top: 12px;
  margin-bottom: 12px; }
.contact-us-page .checkbox-input {
  margin-left: 20px; }
.contact-us-page input[type=checkbox] {
  margin: 10px 0; }
.contact-us-page .model-overflow {
  max-height: 80vh;
  overflow: hidden;
  position: relative;
  padding-top: 35px;
  padding-bottom: 40px;
  scrollbar-width: none; }
@-moz-document url-prefix() {
  .contact-us-page .model-overflow {
    overflow-y: auto; } }
  @media screen and (max-width: 767px) {
    .contact-us-page .model-overflow {
      overflow-y: overlay; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .contact-us-page .model-overflow {
      overflow-y: overlay;
      /* 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) {
    .contact-us-page .model-overflow {
      overflow-y: overlay; } }
  .contact-us-page .model-overflow::-webkit-scrollbar {
    width: 0; }
  .contact-us-page .model-overflow::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px; }
  .contact-us-page .model-overflow::-webkit-scrollbar-thumb {
    background: #545252e8;
    border-radius: 10px; }
  .contact-us-page .model-overflow::-webkit-scrollbar-thumb:hover {
    background: #173654;
    cursor: pointer; }
  .contact-us-page .model-overflow:hover {
    overflow-y: overlay; }
.contact-us-page .show-reply-div {
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block !important;
  background-color: #3c4b7d;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 12px;
  padding: 2px 8px;
  color: white;
  font-family: roboto;
  font-weight: 500;
  z-index: 2;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  box-shadow: 0 8px 6px -6px black; }
  .contact-us-page .show-reply-div .moveUpDown-icon {
    position: relative;
    top: -3px;
    animation: upDownMove 1s infinite;
    font-weight: 700; }
.contact-us-page .rplybtn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background-color: #3c4b7d;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 12px;
  padding: 2px 8px;
  color: white;
  font-family: roboto;
  font-weight: 500;
  z-index: 2;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  box-shadow: 0 8px 6px -6px black; }
  .contact-us-page .rplybtn .moveUpDown-icon {
    position: relative;
    top: -3px;
    animation: upDownMove 1s infinite;
    font-weight: 700; }
.contact-us-page .opacity1 {
  opacity: 1; }
.contact-us-page .messages-section {
  padding-top: 15px; }
.contact-us-page .close-reuest-content-div {
  margin: 20px; }
.contact-us-page #view-close-msg-modal textarea {
  margin-top: 18px;
  border-radius: 5px;
  outline: none !important;
  resize: none;
  border-color: #ccc !important;
  background: #fff;
  padding: 10px; }
  .contact-us-page #view-close-msg-modal textarea::placeholder {
    opacity: 0.5; }

.pin-icon {
  position: absolute;
  top: 0;
  background: #0000009e;
  border-radius: 50%;
  left: 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  padding: 8px 13px;
  margin: 5px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3); }
  .pin-icon .fa {
    color: white; }

.pic-link {
  position: absolute;
  top: 0;
  background: #0000009e;
  border-radius: 50%;
  left: 45px;
  text-align: center;
  width: 35px;
  height: 35px;
  padding: 8px 13px;
  margin: 5px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3); }
  .pic-link a {
    color: white; }

#pinToAlbumModal .modal-title {
  text-align: center; }
#pinToAlbumModal .sub-info {
  color: #5a5f73; }
#pinToAlbumModal .album-name {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px; }
  #pinToAlbumModal .album-name .fa {
    padding: 5px 6px;
    background: #3c4b7d;
    color: white;
    border-radius: 50%;
    margin: 0 5px; }
  #pinToAlbumModal .album-name.create {
    padding: 10px 0 0; }
#pinToAlbumModal .album-row {
  margin: 5px -20px;
  padding: 5px; }
  #pinToAlbumModal .album-row:hover {
    background: #efefef;
    margin: 5px -20px;
    padding: 5px;
    border-radius: 5px; }
  #pinToAlbumModal .album-row button {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3); }
  #pinToAlbumModal .album-row label {
    font-weight: 400;
    display: inline; }
#pinToAlbumModal .pin-image {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
  margin-top: 5px; }
#pinToAlbumModal .album-list-height {
  max-height: 40vh;
  overflow-y: visible;
  overflow-x: hidden;
  margin-top: 20px;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  #pinToAlbumModal .album-list-height::-webkit-scrollbar {
    width: 5px; }
  #pinToAlbumModal .album-list-height::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px; }
  #pinToAlbumModal .album-list-height::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px; }
  #pinToAlbumModal .album-list-height::-webkit-scrollbar-thumb:hover {
    background: #596689; }
#pinToAlbumModal .modal-body .select-text {
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 15px;
  background: #80808026;
  padding: 4px 10px;
  border-radius: 5px;
  cursor: pointer; }
  #pinToAlbumModal .modal-body .select-text.un-select {
    color: #3c4b7d; }
#pinToAlbumModal .select-btn {
  position: absolute;
  right: 0px;
  top: 20px; }
#pinToAlbumModal .bottom-content {
  padding-right: 0;
  padding-left: 0; }

.admin-settings .chkBox {
  margin: 16px 15px 4px 0;
  height: 20px;
  width: 30px; }
.admin-settings .setting-submit {
  margin: 15px; }
.admin-settings .checkbox-label {
  font-size: 30px;
  font-weight: 500; }
  .admin-settings .checkbox-label:hover {
    color: #3c4b7d;
    cursor: pointer; }
.admin-settings .changesmessage {
  color: red; }

.heading {
  text-align: center;
  -webkit-text-decoration-line: underline;
  /* Safari */
  text-decoration-line: underline;
  text-decoration-color: #b5bcc0;
  margin-bottom: 2rem;
  font-size: 2rem; }

.width100 {
  width: 100%; }

.grey {
  color: grey !important; }

.marginTop {
  margin-top: -2rem !important; }

.job-main-page .job-main-title:hover {
  color: #3f76ad !important; }

#notifyJobApplicantModal textarea {
  margin-top: 18px;
  border-radius: 5px;
  outline: none !important;
  resize: none;
  background: #fff;
  padding: 10px; }
#notifyJobApplicantModal .submit-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; }

#applyJobModal .applyJobModalwaitingLoader {
  z-index: 5;
  background: rgba(255, 255, 255, 0.81);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }
  #applyJobModal .applyJobModalwaitingLoader .fa {
    position: absolute;
    top: 40%;
    left: 50%;
    color: #3F76AD;
    font-size: 100px; }
#applyJobModal .user-not-active-div {
  background: #00000099;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6; }
  #applyJobModal .user-not-active-div .user-not-active-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    font-weight: 550; }

#applyJobCardModal .applyJobModalwaitingLoader {
  z-index: 5;
  background: rgba(255, 255, 255, 0.81);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }
#applyJobCardModal .user-not-active-div {
  background: #00000099;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6; }
  #applyJobCardModal .user-not-active-div .user-not-active-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    font-weight: 550; }

#jobModal .job-post-textarea {
  width: 100%;
  resize: none; }
#jobModal .title-text-content {
  font-weight: normal;
  color: #666666; }
#jobModal .select-mode-col .short-select-mode {
  width: 30% !important; }
#jobModal .select-mode-col .long-Select-mode {
  width: 100%;
  transition: width 0.2s ease-in-out;
  display: inline-block; }
#jobModal .select-mode-col .folded-select-mode-input {
  display: inline-block;
  float: right;
  width: 0;
  transition: width 0.2s ease-in-out; }
#jobModal .select-mode-col .expand-select-mode-input {
  width: 68% !important; }

.job-user-profile-link {
  margin-bottom: 30px;
  text-shadow: 1px 1px 1px #000;
  color: #ffffffc7;
  padding-left: 2px;
  -webkit-text-stroke: 0.3px; }
  .job-user-profile-link a {
    color: #ffffffc7; }
    .job-user-profile-link a:hover {
      cursor: pointer;
      color: #fff;
      text-decoration: underline; }
  @media only screen and (max-width: 768px) {
    .job-user-profile-link {
      margin-bottom: 5px;
      text-shadow: none !important;
      color: #777; }
      .job-user-profile-link a {
        color: #777;
        text-decoration: underline; }
        .job-user-profile-link a:hover {
          color: #777; } }

#editJobCardModal .title-text-content {
  font-weight: normal;
  color: #666666; }
#editJobCardModal .access-type-info {
  color: red;
  opacity: 0.8; }
#editJobCardModal .select-mode-col .short-select-mode {
  width: 30% !important; }
#editJobCardModal .select-mode-col .long-Select-mode {
  width: 100%;
  transition: width 0.2s ease-in-out;
  display: inline-block; }
#editJobCardModal .select-mode-col .folded-select-mode-input {
  display: inline-block;
  float: right;
  width: 0;
  transition: width 0.2s ease-in-out; }
#editJobCardModal .select-mode-col .expand-select-mode-input {
  width: 68% !important; }

.job-mem-list-table .disable-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffffb5;
  z-index: 1; }
.job-mem-list-table .job-memberlist-nav-tabs li {
  width: 33.33% !important; }
  .job-mem-list-table .job-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) {
      .job-mem-list-table .job-memberlist-nav-tabs li a {
        font-size: 14px !important; } }
.job-mem-list-table .wk-table-filters {
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 767px) {
    .job-mem-list-table .wk-table-filters ul .input-filter-list {
      width: 50%; } }
  .job-mem-list-table .wk-table-filters .reset-all-btn-link {
    position: relative;
    top: 17px; }
  .job-mem-list-table .wk-table-filters .search-input-icon-wrapper {
    position: relative; }
    .job-mem-list-table .wk-table-filters .search-input-icon-wrapper input {
      padding-right: 30px;
      color: #666; }
      .job-mem-list-table .wk-table-filters .search-input-icon-wrapper input::placeholder {
        color: #ccc; }
    .job-mem-list-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; }
    .job-mem-list-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; }
      .job-mem-list-table .wk-table-filters .search-input-icon-wrapper .cross-search:hover {
        opacity: 1; }
    .job-mem-list-table .wk-table-filters .search-input-icon-wrapper .active-search {
      color: #666; }
      .job-mem-list-table .wk-table-filters .search-input-icon-wrapper .active-search:hover {
        cursor: pointer; }
  .job-mem-list-table .wk-table-filters input, .job-mem-list-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) {
      .job-mem-list-table .wk-table-filters input, .job-mem-list-table .wk-table-filters select {
        font-size: 14px; } }
  .job-mem-list-table .wk-table-filters select {
    color: #666;
    padding-bottom: 0; }
    .job-mem-list-table .wk-table-filters select option:not(:checked) {
      color: black; }
  .job-mem-list-table .wk-table-filters select.greyColor {
    color: #ccc; }

.loader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff63;
  text-align: center;
  padding: 40vh;
  z-index: 1000; }
  @media screen and (max-width: 767px) {
    .loader {
      padding: unset;
      top: 40%; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .loader {
      padding: unset;
      top: 40%;
      /* 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) {
    .loader {
      padding: unset;
      top: 40%; } }

#jobpage .select-mode-col .short-select-mode {
  width: 30% !important; }
#jobpage .select-mode-col .long-Select-mode {
  width: 100%;
  transition: width 0.2s ease-in-out;
  display: inline-block; }
#jobpage .select-mode-col .folded-select-mode-input {
  display: inline-block;
  float: right;
  width: 0;
  transition: width 0.2s ease-in-out; }
#jobpage .select-mode-col .expand-select-mode-input {
  width: 68% !important; }
#jobpage .post-job-input {
  background: transparent !important; }
#jobpage .post-new-job-form {
  background: #fff;
  padding: 40px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  border-radius: 4px; }
  @media screen and (max-width: 767px) {
    #jobpage .post-new-job-form {
      padding: 30px; } }
  #jobpage .post-new-job-form .field-title {
    color: #666666; }
  #jobpage .post-new-job-form .title-text-content {
    font-weight: normal;
    color: #666666; }
  #jobpage .post-new-job-form .access-type-info {
    color: red;
    opacity: 0.8; }
#jobpage .remove-skill {
  margin-left: 10px; }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #jobpage .side-col-search-pannel .filter-button {
    top: 54px;
    /* 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) {
  #jobpage .side-col-search-pannel .filter-button {
    top: 54px; } }
@media screen and (max-width: 767px) {
  #jobpage .side-col-search-pannel .filter-button {
    top: 110px; } }

.Job-dropdown {
  max-height: 200px;
  overflow: auto;
  width: 320px;
  min-height: 40px;
  top: 40px;
  scrollbar-width: thin;
  scrollbar-color: #919bb7 transparent; }
  .Job-dropdown::-webkit-scrollbar {
    width: 5px; }
  .Job-dropdown::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00000054;
    color: transparent;
    border-radius: 10px;
    opacity: 0; }
  .Job-dropdown::-webkit-scrollbar-thumb {
    background: #919bb7;
    border-radius: 10px;
    opacity: 0; }
  .Job-dropdown::-webkit-scrollbar-thumb:hover {
    background: #596689; }
  @media screen and (max-width: 767px) {
    .Job-dropdown {
      width: 200px; } }

.Job-skill-tags {
  margin: 2px;
  border-radius: 8px;
  color: #fff;
  font-weight: 550;
  padding: 4px 15px; }

.particular-job .job-form {
  background: #fff;
  padding: 30px;
  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  border-radius: 4px; }
  .particular-job .job-form .field-title-color {
    color: #00000085; }
  .particular-job .job-form .job-page-user-image {
    height: 40px;
    width: 40px;
    border-radius: 8px; }
  .particular-job .job-form .user-name-location {
    margin-left: 50px; }
  .particular-job .job-form .user-profile-pic {
    position: absolute;
    top: 5px; }
  .particular-job .job-form .job-title {
    font-size: 30px;
    font-family: roboto; }
  .particular-job .job-form .job-skill-tags {
    background: #81a9d1;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    padding: 5px; }
  .particular-job .job-form .job-copy-link {
    color: #00000085;
    padding: 6px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    border: 1px solid #00000085; }
    .particular-job .job-form .job-copy-link:active {
      color: #fff;
      background: #3c4b7d;
      border: 1px solid #fff; }
  .particular-job .job-form .job-page-three-dots {
    top: 0;
    right: 10px; }
  .particular-job .job-form .job-detail-div {
    margin: 0 10px; }
    @media screen and (max-width: 787px) {
      .particular-job .job-form .job-detail-div {
        margin: 0; } }
  .particular-job .job-form .Job-banne-image {
    height: 100px; }

.job-fields {
  font-size: 1rem;
  padding: 10px;
  font-family: roboto; }

.job-main-card-list {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  transition: box-shadow 0.1s ease-in;
  padding-top: 20px; }

.job-main-card {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(50, 56, 73, 0.31);
  transition: box-shadow 0.1s ease-in;
  margin-top: 0px;
  margin: 0px 0 10px; }
  .job-main-card .timer-div {
    position: absolute;
    top: 8px;
    right: 45px; }
  .job-main-card .save-apply-publish-btn {
    max-width: 90%;
    min-width: 70%;
    letter-spacing: 1px;
    font-weight: 550; }
    @media screen and (max-width: 767px) {
      .job-main-card .save-apply-publish-btn {
        margin-bottom: 20px;
        margin-top: 20px; } }
  .job-main-card .option-btn {
    padding: 5px 10px;
    min-width: 12%;
    margin-left: 2%;
    background-color: #e4e6eb;
    border: 1px solid #e4e6eb;
    box-shadow: none; }
    .job-main-card .option-btn.disabled {
      opacity: .3; }
    .job-main-card .option-btn:hover {
      background-color: #e4e6eb;
      border: 1px solid #e4e6eb;
      box-shadow: none; }
    .job-main-card .option-btn:active {
      background-color: #e4e6eb;
      border: 1px solid #e4e6eb;
      box-shadow: none; }
    .job-main-card .option-btn:focus {
      background-color: #e4e6eb;
      border: 1px solid #e4e6eb;
      box-shadow: none; }
  .job-main-card .applied-button {
    max-width: 90%;
    min-width: 70%;
    padding: 5px;
    font-weight: 550;
    background: white !important;
    color: #3c4b7d !important;
    border: 0 !important;
    cursor: default !important;
    border-radius: 5px;
    font-family: "Assistant", sans-serif;
    font-size: 14px;
    transition: all 0.2s ease-in;
    box-shadow: none; }
    @media screen and (max-width: 767px) {
      .job-main-card .applied-button {
        margin-bottom: 5px;
        margin-top: 5px; } }
  .job-main-card .job-card-header {
    position: relative;
    padding: 20px 20px 15px; }
    @media screen and (max-width: 767px) {
      .job-main-card .job-card-header {
        padding: 15px; } }
    .job-main-card .job-card-header .job-creator-and-date {
      font-size: 14px;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media screen and (max-width: 767px) {
        .job-main-card .job-card-header .job-creator-and-date {
          text-align: left; } }
      .job-main-card .job-card-header .job-creator-and-date .job-creator-img {
        margin-left: 0; }
        @media screen and (max-width: 767px) {
          .job-main-card .job-card-header .job-creator-and-date .job-creator-img {
            height: 14px;
            width: 14px; } }
    .job-main-card .job-card-header .job-card-options {
      position: absolute;
      top: -12px;
      right: 12px;
      z-index: 1000;
      color: #888ea1; }
      .job-main-card .job-card-header .job-card-options.page {
        top: -32px; }
      @media screen and (max-width: 767px) {
        .job-main-card .job-card-header .job-card-options {
          top: unset !important; } }
      .job-main-card .job-card-header .job-card-options .option-three-dot .fa-ellipsis-h {
        font-size: 20px; }
      .job-main-card .job-card-header .job-card-options .share-icon {
        position: relative;
        top: -3px; }
    .job-main-card .job-card-header .job-card-header-row .job-card-header-row-img-col .job-logo img {
      height: auto;
      padding-top: 100%;
      width: 100%;
      background-size: cover;
      background-position-y: center;
      background-position-x: center;
      border-radius: 5px;
      object-fit: scale-down; }
    .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col {
      padding-left: 0; }
      @media screen and (max-width: 767px) {
        .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col {
          padding-left: 15px;
          padding-top: 10px; } }
      .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info {
        font-size: 0.875rem; }
        .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info .each-line {
          line-height: 1.4; }
          @media screen and (max-width: 767px) {
            .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info .each-line {
              margin-top: 8px; } }
        .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info .blank-li {
          height: 1.2rem; }
        .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info .header-skill-div .header-skill-div-list {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          width: 100%;
          display: block; }
          .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info .header-skill-div .header-skill-div-list label {
            font-weight: normal;
            margin: 0; }
          @media screen and (max-width: 767px) {
            .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .important-info .header-skill-div .header-skill-div-list {
              white-space: unset;
              text-overflow: unset;
              overflow: unset; } }
      .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .job-main-title {
        font-size: 1.6rem;
        line-height: 1.17;
        color: #3f76ad;
        margin-bottom: 5px;
        min-height: 3.5rem; }
        @media screen and (max-width: 767px) {
          .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .job-main-title {
            min-height: 0;
            font-size: 1.4rem;
            width: 95%; } }
        .job-main-card .job-card-header .job-card-header-row .job-card-header-row-title-col .job-main-title:hover {
          color: #2b5075; }
  .job-main-card .job-card-body {
    transition: max-height 0.5s ease-in-out;
    position: relative; }
    .job-main-card .job-card-body .expand-fold-icon {
      position: absolute;
      bottom: 0px;
      left: 50%;
      z-index: 1;
      font-size: 13px;
      cursor: pointer;
      color: #3F76AD;
      transform: translateX(-50%); }
    .job-main-card .job-card-body .job-card-body-row {
      padding: 0 15px; }
      .job-main-card .job-card-body .job-card-body-row .job-card-body-row-col {
        padding: 5px 20px; }
        @media screen and (max-width: 767px) {
          .job-main-card .job-card-body .job-card-body-row .job-card-body-row-col {
            padding: 5px 15px; } }
        .job-main-card .job-card-body .job-card-body-row .job-card-body-row-col label {
          font-size: 16px;
          color: rgba(49, 57, 85, 0.91);
          font-weight: normal; }
        .job-main-card .job-card-body .job-card-body-row .job-card-body-row-col .label-desc {
          color: #545968; }
      .job-main-card .job-card-body .job-card-body-row .job-desc p, .job-main-card .job-card-body .job-card-body-row .job-desc ol, .job-main-card .job-card-body .job-card-body-row .job-desc ul {
        font-size: 18px;
        color: #545968; }
  .job-main-card .expand-job-card-body {
    max-height: 5000px; }
    .job-main-card .expand-job-card-body div {
      display: block; }
      .job-main-card .expand-job-card-body div .global-list-tags {
        color: #545968; }
    .job-main-card .expand-job-card-body .job-industry-tags.wrapper {
      display: flex;
      align-items: flex-start; }
      .job-main-card .expand-job-card-body .job-industry-tags.wrapper .tag-label {
        flex-shrink: 0; }
      .job-main-card .expand-job-card-body .job-industry-tags.wrapper ul {
        margin-left: 10px; }
    .job-main-card .expand-job-card-body .job-skill-tags.wrapper {
      display: flex;
      align-items: flex-start; }
      .job-main-card .expand-job-card-body .job-skill-tags.wrapper .tag-label {
        flex-shrink: 0;
        margin-top: 8px; }
      .job-main-card .expand-job-card-body .job-skill-tags.wrapper ul {
        margin-left: 10px; }
  .job-main-card .fold-job-card-body {
    max-height: 0px; }
    .job-main-card .fold-job-card-body div {
      display: none; }
  .job-main-card .job-card-header-bottom-line {
    margin: 0;
    border-top: 1px solid #dcdfef; }
  .job-main-card .job-card-bottom-option-bar {
    background: #fff;
    height: 2rem;
    border-top: 1px solid #dcdfef;
    text-align: center;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    .job-main-card .job-card-bottom-option-bar ul {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }
      .job-main-card .job-card-bottom-option-bar ul .no-content {
        color: #919BB7;
        opacity: 0.8; }
      .job-main-card .job-card-bottom-option-bar ul li {
        padding-top: 0;
        padding-bottom: 0; }
        .job-main-card .job-card-bottom-option-bar ul li .option-hover:hover {
          cursor: pointer;
          color: #2b5075;
          text-decoration: underline; }
        .job-main-card .job-card-bottom-option-bar ul li a {
          font-weight: 550;
          color: #3f76ad;
          background: none;
          border: none;
          font-size: 14px;
          white-space: nowrap;
          cursor: default; }

.job-card {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 7px 5px 5px -3px rgba(92, 92, 92, 0.4), 0px 5px 10px rgba(92, 92, 92, 0.6), -7px 5px 5px -3px rgba(92, 92, 92, 0.4);
  padding: 20px 30px;
  max-height: 2000px;
  margin: 0px 0 10px; }
  .job-card .job-card-access-type {
    position: absolute;
    bottom: 0;
    left: 15px; }
  .job-card:hover {
    background-color: #fcfeff; }
  .job-card .job-page-three-dots {
    right: 5px; }
  .job-card .text-color {
    color: #00000085; }
  .job-card .detail-text {
    font-family: roboto;
    margin-top: 5px; }
  .job-card .job-card-title {
    font-size: 24px;
    font-family: roboto; }
    .job-card .job-card-title:hover {
      cursor: pointer; }
  .job-card .job-card-skill-tag {
    background: #81a9d1;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    margin-right: 5px; }
    @media screen and (max-width: 787px) {
      .job-card .job-card-skill-tag {
        margin-top: 5px; } }

.search-job-form {
  max-height: 1000px;
  background-color: #fff;
  padding: 20px;
  margin: 10px 0;
  position: sticky;
  top: 80px;
  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-left: -7px; }
  @media screen and (max-width: 787px) {
    .search-job-form {
      position: static;
      margin-left: 0; } }

.advance-filters-section-header:hover {
  cursor: pointer; }

.search-form-label {
  font-size: 12px;
  margin: 0;
  font-weight: 550;
  color: #00000085;
  font-family: roboto; }

.text-color {
  color: #00000085; }

.job-serch-filter-caret {
  font-size: 20px;
  color: #3c4b7d; }

.search-filter-position {
  position: absolute;
  top: 12px;
  right: 15px; }

.Job-applied-members-modal .user-image {
  height: 40px;
  width: 40px;
  border-radius: 8px; }
.Job-applied-members-modal .user-profile-pic {
  position: absolute;
  top: 3px; }
.Job-applied-members-modal .user-name-location {
  margin-left: 50px; }

.blue-tag-color {
  color: #81a9d1 !important; }

.blue-tag-color2 {
  color: #3F76AD !important; }

.job-Page_share_icon {
  position: absolute;
  top: 5px;
  right: 50px;
  color: #00000085;
  font-size: 18px; }

.job-card_share_icon {
  position: absolute;
  top: 3px;
  right: 8px;
  color: #00000085;
  font-size: 18px; }

.expand-fold-job-card {
  transition: all 0.2s ease-in-out;
  padding: 3px 5px;
  border: 2px solid transparent; }
  .expand-fold-job-card:hover {
    border: 2px solid #81a9d1;
    border-radius: 4px;
    cursor: pointer; }
  .expand-fold-job-card:active {
    color: white;
    background: #81a9d1; }

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

.Job-intern-project-li {
  font-size: 30px;
  margin: 10px;
  font-weight: 550;
  color: #00000090;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 787px) {
    .Job-intern-project-li {
      font-size: 15px; } }
  .Job-intern-project-li:hover {
    cursor: pointer;
    color: #3F76AD; }
    .Job-intern-project-li:hover .post-job-input-radio:before {
      border: 5px solid #3F76AD; }

.post-job-input-radio {
  background: transparent !important;
  height: 20px;
  width: 20px;
  transition: all 0.2s ease-in-out; }
  .post-job-input-radio:before {
    content: "";
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all 0.2s ease-in-out; }
  .post-job-input-radio:checked:after {
    content: "";
    display: block;
    position: relative;
    top: -20px;
    left: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 5px solid #3F76AD;
    transition: all 0.2s ease-in-out; }
  .post-job-input-radio:hover {
    cursor: pointer; }
  @media screen and (max-width: 787px) {
    .post-job-input-radio {
      height: 12px;
      width: 12px; }
      .post-job-input-radio:checked:after {
        top: -12px;
        height: 12px;
        width: 12px;
        border: 2px solid #3F76AD; }
      .post-job-input-radio:before {
        height: 12px;
        width: 12px; } }

.job-tabs-active {
  text-decoration: underline !important;
  color: #2b5075 !important; }

.job-tabs {
  font-size: 1.3rem; }

.stipend-duration {
  width: 50px;
  margin: 0 !important; }

.stipend-number {
  width: 200px;
  margin: 0 !important; }

.stipend-currency {
  width: 30px;
  margin: 0 !important; }

.job-tab li {
  width: 25%;
  text-align: center; }
  .job-tab li a {
    padding: 8px 10px !important;
    font-size: 16px !important;
    font-weight: normal;
    letter-spacing: 1px; }
    @media screen and (max-width: 768px) {
      .job-tab li a {
        padding: 8px 0px !important; } }

.profile-banner-height {
  height: 260px !important; }

.Prev-arrow {
  font-size: 40px;
  color: #fff;
  position: fixed;
  top: 47%;
  left: 50px;
  opacity: 0.8;
  height: 70px;
  width: 70px;
  background: #ffffff40;
  border-radius: 50%; }
  @media screen and (max-width: 787px) {
    .Prev-arrow {
      font-size: 25px;
      background: #00000080;
      height: 40px;
      width: 40px;
      left: 15px; }
      .Prev-arrow .left-arrow {
        margin: 8px !important; } }
  .Prev-arrow:hover {
    opacity: 1;
    cursor: pointer; }
  .Prev-arrow .left-arrow {
    position: absolute;
    margin: 15px; }

.Fold-Search-job {
  max-height: 0px;
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.expand-Search-job {
  max-height: 2000px;
  opacity: 1; }

.search-div-mobile {
  font-size: 20px;
  z-index: 10;
  color: #283D51;
  position: fixed;
  top: 58px;
  right: 12px;
  height: 37px;
  width: 37px;
  margin-left: 10px;
  border: none;
  background: #dbe5db;
  padding-right: 45px;
  border-radius: 40px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); }
  .search-div-mobile:hover {
    cursor: pointer; }
  @media screen and (max-width: 787px) {
    .search-div-mobile {
      top: 115px;
      padding: 0;
      padding-left: 10px;
      padding-top: 4px; } }

.Next-arrow {
  font-size: 40px;
  color: #fff;
  position: fixed;
  top: 47%;
  right: 50px;
  opacity: 0.8;
  height: 70px;
  width: 70px;
  background: #ffffff40;
  border-radius: 50%; }
  @media screen and (max-width: 787px) {
    .Next-arrow {
      font-size: 25px;
      background: #00000080;
      height: 40px;
      width: 40px;
      right: 15px; }
      .Next-arrow .right-arrow {
        margin: 8px !important;
        margin-left: 10px !important; } }
  .Next-arrow:hover {
    opacity: 1;
    cursor: pointer; }
  .Next-arrow .right-arrow {
    position: absolute;
    margin: 15px;
    margin-left: 19px; }

.display-update-page .middle-col {
  padding: 0; }
  .display-update-page .middle-col .post-entry {
    margin-top: 0 !important; }
    @media screen and (max-width: 767px) {
      .display-update-page .middle-col .post-entry {
        margin-left: 15px;
        margin-right: 15px; } }
.display-update-page .left-col {
  padding-right: 10px;
  position: sticky;
  top: 70px; }
.display-update-page .right-col {
  padding-left: 10px;
  position: sticky;
  top: 70px; }
  .display-update-page .right-col .profile-card {
    margin-top: 0; }

.no-match-found {
  position: absolute;
  /* text-align: center; */
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 1px;
  color: #b8bcca;
  opacity: 0.6;
  white-space: nowrap; }

.no-match-found-condensed-card {
  position: relative;
  top: 0;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
  color: #919BB7;
  opacity: 0.6; }

.side-col-search-pannel .filter-button {
  color: white;
  background-color: #3c4b7d;
  border-radius: 5px;
  border: 2px solid grey;
  transition: border-color 0.1s ease-in-out,background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  padding: 5px 10px;
  outline: none;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 1001;
  top: 58px;
  font-size: 18px;
  right: 6px; }
  @media screen and (max-width: 767px) {
    .side-col-search-pannel .filter-button {
      padding: 1px 5px;
      top: 150px;
      right: 10px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .side-col-search-pannel .filter-button {
      padding: 0px 5px;
      right: 10px;
      /* your css rules for ipad portrait */
      top: 65px; } }
  .side-col-search-pannel .filter-button:hover {
    cursor: pointer;
    border-color: white; }
  .side-col-search-pannel .filter-button:active {
    box-shadow: none; }
.side-col-search-pannel .side-pannel {
  height: calc(100vh - 51px);
  transition: width 0.1s ease-in-out;
  position: fixed;
  top: 51px;
  right: 0;
  background-color: white;
  z-index: 1029; }
  @media screen and (max-width: 767px) {
    .side-col-search-pannel .side-pannel {
      z-index: 1030; } }
  .side-col-search-pannel .side-pannel .side-pannel-div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: white; }
    .side-col-search-pannel .side-pannel .side-pannel-div .close {
      position: absolute;
      top: 8px;
      right: 10px;
      z-index: 1; }
    .side-col-search-pannel .side-pannel .side-pannel-div .Apply-button {
      position: absolute;
      bottom: 10px;
      left: 7%;
      color: #fff;
      background: #3c4b7d;
      border: 2px solid grey;
      border-radius: 5px;
      font-size: 16px;
      padding: 1px 5px;
      line-height: 16px;
      outline: none;
      font-family: nunito;
      font-weight: 600;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      z-index: 1;
      height: 40px;
      width: 40%;
      opacity: 0.8;
      cursor: default; }
      .side-col-search-pannel .side-pannel .side-pannel-div .Apply-button.active {
        cursor: pointer;
        opacity: 1; }
        .side-col-search-pannel .side-pannel .side-pannel-div .Apply-button.active:active {
          bottom: 7px;
          box-shadow: none; }
    .side-col-search-pannel .side-pannel .side-pannel-div .active-apply-button {
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      border-color: transparent;
      color: #3c4b7d; }
      .side-col-search-pannel .side-pannel .side-pannel-div .active-apply-button:hover {
        cursor: pointer; }
      .side-col-search-pannel .side-pannel .side-pannel-div .active-apply-button:active {
        bottom: 7px;
        box-shadow: none; }
    .side-col-search-pannel .side-pannel .side-pannel-div .reset-option-search-page {
      right: 7%;
      left: unset !important;
      transform: unset !important;
      width: 40% !important; }
    .side-col-search-pannel .side-pannel .side-pannel-div .reset-option {
      position: absolute;
      bottom: 10px;
      left: 50%;
      color: #fff;
      background: #3c4b7d;
      border: 2px solid grey;
      border-radius: 5px;
      font-size: 16px;
      padding: 1px 5px;
      line-height: 16px;
      outline: none;
      font-family: nunito;
      font-weight: 600;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      transform: translateX(-50%);
      z-index: 1;
      height: 40px;
      width: 200px; }
      .side-col-search-pannel .side-pannel .side-pannel-div .reset-option:hover {
        cursor: pointer; }
      .side-col-search-pannel .side-pannel .side-pannel-div .reset-option:active {
        bottom: 7px;
        box-shadow: none; }
    .side-col-search-pannel .side-pannel .side-pannel-div .white-card {
      padding-bottom: 60px;
      position: relative; }
      .side-col-search-pannel .side-pannel .side-pannel-div .white-card .bottom-under-scroll {
        background-image: -webkit-linear-gradient(bottom, #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: 60px;
        right: 0;
        left: 0;
        z-index: 1;
        padding-top: 30px;
        margin-bottom: -10px; }
      .side-col-search-pannel .side-pannel .side-pannel-div .white-card .top-inder-scroll {
        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.2));
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        padding-top: 45px; }
      .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-head {
        padding: 0; }
      .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body {
        max-height: calc(100vh - 111px);
        max-height: calc((var(--vh, 1vh) * 100) - 111px);
        min-height: calc((var(--vh, 1vh) * 100) - 111px);
        overflow-y: hidden;
        padding: 20px;
        padding-bottom: 40px;
        scrollbar-width: none; }
@-moz-document url-prefix() {
  .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body {
    overflow-y: auto; } }
        @media screen and (max-width: 767px) {
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body {
            overflow-y: overlay; } }
        @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body {
            overflow-y: overlay;
            /* 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) {
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body {
            overflow-y: overlay; } }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body::-webkit-scrollbar {
          width: 0px; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px grey;
          border-radius: 10px; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body::-webkit-scrollbar-thumb {
          background: grey;
          border-radius: 10px; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body::-webkit-scrollbar-thumb:hover {
          background: #b30000;
          cursor: pointer; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .radio-inputs {
          height: 16px;
          width: 16px;
          top: 2px;
          position: relative; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .search-icon-div {
          position: absolute;
          top: 0px;
          right: -20px;
          width: 10%;
          height: 34px;
          border-radius: 5px;
          transition: all 0.2s ease-in-out;
          border: none;
          outline: none;
          opacity: 0; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .search-icon-div .fa {
            color: #ccc; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .active-search-icon-div {
          right: 0;
          opacity: 1; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .active-search-icon-div .fa {
            color: #48578a; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .active-search-icon-div:hover {
            cursor: pointer; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .search-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: blue; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .title {
          font-size: 1rem;
          font-weight: normal;
          font-family: nunito;
          color: rgba(49, 57, 85, 0.91); }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .title.main-title {
            font-size: 1.35rem; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-sect-div {
          font-size: 1.35rem;
          font-weight: normal;
          font-family: nunito;
          color: rgba(49, 57, 85, 0.91);
          margin-left: -20px;
          cursor: pointer;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 20px; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-sect-div .filter-sec-caret {
            -webkit-text-stroke: 1px;
            transition: transform 0.2s ease-in-out;
            padding-top: 5px; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-sect-div.collapsed .filter-sec-caret {
            transform: rotate(-90deg); }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .access-type-label {
          font-weight: normal;
          color: #666;
          font-family: nunito; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section {
          padding-bottom: 10px;
          padding-top: 10px; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .right-dropdown {
            width: 100%;
            min-width: 100%; }
            @media screen and (max-width: 768px) {
              .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .right-dropdown {
                right: unset;
                left: 0; } }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .left-dropdown {
            width: 100%; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .connected-follower-follwing {
            position: relative; }
            .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .connected-follower-follwing .disabled-checkbox {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              z-index: 1;
              background: #ffffff80; }
          @media screen and (max-width: 480px) {
            .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .btn-radio, .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .btn-checkbox {
              display: inline-block; } }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .btn-radio span, .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .filter-section .btn-checkbox span {
            font-size: 0.9375rem; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .search-input {
          font-size: 16px;
          padding-right: 0;
          font-weight: normal;
          font-family: nunito;
          color: #666;
          caret-color: #48578a;
          border-color: #dcdfef;
          width: 100%;
          padding-right: 11%; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .search-input:focus {
            border-color: #c4caea; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .search-input::placeholder {
            opacity: 0.5; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .normal-input {
          font-size: 16px;
          padding-right: 0;
          font-weight: normal;
          font-family: nunito;
          color: #666;
          caret-color: #48578a;
          width: 100%;
          border-color: #dcdfef; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .normal-input:focus {
            border-color: #c4caea; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .normal-input::placeholder {
            opacity: 0.5; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .start-date-div .start-date {
          font-size: 0.9375rem;
          padding-right: 0;
          font-weight: normal;
          font-family: nunito;
          color: #666;
          caret-color: #48578a;
          border-color: #dcdfef; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .start-date-div .start-date:focus {
            border-color: #c4caea; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .start-date-div .start-date::placeholder {
            opacity: 0.5; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .end-date-div .end-date {
          font-size: 0.9375rem;
          padding-right: 0;
          font-weight: normal;
          font-family: nunito;
          color: #666;
          caret-color: #48578a;
          border-color: #dcdfef; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .end-date-div .end-date:focus {
            border-color: #c4caea; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .end-date-div .end-date::placeholder {
            opacity: 0.5; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .end-date-div .dropdown-menu {
          right: 0 !important;
          left: unset; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body input[readonly] {
          background-color: #fff; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .side-search-col-input {
          font-size: 0.9375rem;
          font-weight: normal;
          font-family: nunito;
          color: #666;
          caret-color: #48578a;
          border-color: #dcdfef; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .side-search-col-input.left {
            padding-right: 0; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .side-search-col-input.right {
            padding-left: 0; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .side-search-col-input:focus {
            border-color: #c4caea; }
          .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body .side-search-col-input::placeholder {
            opacity: 0.5; }
        .side-col-search-pannel .side-pannel .side-pannel-div .white-card .card-body:hover {
          overflow-y: overlay; }
.side-col-search-pannel .fold-side-pannel {
  width: 0; }
.side-col-search-pannel .expanded-side-pannel {
  width: 24vw;
  box-shadow: 0px 7px 5px 1px #3c4b7d54; }
  @media screen and (max-width: 767px) {
    .side-col-search-pannel .expanded-side-pannel {
      width: 80vw; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .side-col-search-pannel .expanded-side-pannel {
      width: 40vw;
      /* 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) {
    .side-col-search-pannel .expanded-side-pannel {
      width: 40vw; } }

.profile-verify-page .submit-contactus-query .upload-div-section {
  white-space: nowrap; }
  .profile-verify-page .submit-contactus-query .upload-div-section .uploaded-file-name {
    max-width: 200px !important;
    position: relative;
    top: 5px; }
.profile-verify-page .submit-contactus-query .new-message-div h6 {
  color: #666; }
.profile-verify-page .submit-contactus-query .new-message-div:hover {
  cursor: pointer; }
.profile-verify-page .submit-contactus-query .new-message-div .request-decline-div {
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: all 0.2s ease-in-out; }
.profile-verify-page .submit-contactus-query .new-message-div .expand-request-decline-div {
  padding: 0 10px; }
  .profile-verify-page .submit-contactus-query .new-message-div .expand-request-decline-div .decline-info-content {
    display: block;
    opacity: 1; }
.profile-verify-page .submit-contactus-query .new-message-div .fold-request-decline-div {
  border: none;
  padding: 0; }
  .profile-verify-page .submit-contactus-query .new-message-div .fold-request-decline-div .decline-info-content {
    display: none;
    opacity: 0; }
.profile-verify-page .submit-contactus-query .new-message-div .decline-info {
  color: red;
  opacity: 0.7; }
.profile-verify-page .submit-contactus-query .submit-query-sec {
  transition: all 0.1s ease-in-out; }
  .profile-verify-page .submit-contactus-query .submit-query-sec .supported-ext {
    font-size: 0.75rem;
    padding-left: 5px; }
  .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-title {
    width: 20%;
    padding-right: 0; }
    @media screen and (max-width: 767px) {
      .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-title {
        width: 30%; } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-title {
        width: 40%;
        /* 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) {
      .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-title {
        width: 30%; } }
  .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-file-option {
    width: 80%; }
    @media screen and (max-width: 767px) {
      .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-file-option {
        width: 70%; } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-file-option {
        width: 60%;
        /* 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) {
      .profile-verify-page .submit-contactus-query .submit-query-sec .upload-section-ul .upload-section-file-option {
        width: 70%; } }
  .profile-verify-page .submit-contactus-query .submit-query-sec div, .profile-verify-page .submit-contactus-query .submit-query-sec small, .profile-verify-page .submit-contactus-query .submit-query-sec ul, .profile-verify-page .submit-contactus-query .submit-query-sec strong, .profile-verify-page .submit-contactus-query .submit-query-sec input, .profile-verify-page .submit-contactus-query .submit-query-sec textarea, .profile-verify-page .submit-contactus-query .submit-query-sec button {
    transition: all 0.5s ease-in-out; }
  .profile-verify-page .submit-contactus-query .submit-query-sec input::placeholder {
    opacity: 0.8; }
  .profile-verify-page .submit-contactus-query .submit-query-sec strong {
    color: #777; }
  .profile-verify-page .submit-contactus-query .submit-query-sec textarea {
    margin-top: 18px;
    border-radius: 5px;
    outline: none !important;
    resize: none;
    background: #fff;
    padding: 10px;
    border-style: solid; }
    .profile-verify-page .submit-contactus-query .submit-query-sec textarea::placeholder {
      opacity: 0.5; }
.profile-verify-page .submit-contactus-query .fold-submit-query-sec {
  max-height: 0; }
  .profile-verify-page .submit-contactus-query .fold-submit-query-sec div, .profile-verify-page .submit-contactus-query .fold-submit-query-sec small, .profile-verify-page .submit-contactus-query .fold-submit-query-sec ul, .profile-verify-page .submit-contactus-query .fold-submit-query-sec strong, .profile-verify-page .submit-contactus-query .fold-submit-query-sec input, .profile-verify-page .submit-contactus-query .fold-submit-query-sec textarea, .profile-verify-page .submit-contactus-query .fold-submit-query-sec button, .profile-verify-page .submit-contactus-query .fold-submit-query-sec h6 {
    display: none;
    opacity: 0; }
.profile-verify-page .submit-contactus-query .expand-submit-query-sec {
  max-height: 600px;
  margin-top: 15px; }
  .profile-verify-page .submit-contactus-query .expand-submit-query-sec div, .profile-verify-page .submit-contactus-query .expand-submit-query-sec small, .profile-verify-page .submit-contactus-query .expand-submit-query-sec ul, .profile-verify-page .submit-contactus-query .expand-submit-query-sec strong, .profile-verify-page .submit-contactus-query .expand-submit-query-sec input, .profile-verify-page .submit-contactus-query .expand-submit-query-sec textarea, .profile-verify-page .submit-contactus-query .expand-submit-query-sec h6 {
    display: block;
    opacity: 1; }
  .profile-verify-page .submit-contactus-query .expand-submit-query-sec .adminmsg {
    padding-bottom: 10px;
    color: #666; }
  .profile-verify-page .submit-contactus-query .expand-submit-query-sec button {
    display: inline-block;
    opacity: 1; }
.profile-verify-page .showInfoDiv h6 {
  color: #666; }
.profile-verify-page .upload-button {
  font-weight: 700;
  font-size: 16px;
  color: #3F76AD;
  padding: 5px 0px 0px;
  position: relative;
  display: block;
  line-height: 1.5; }
  .profile-verify-page .upload-button:hover {
    color: #2b5075;
    text-decoration: underline;
    cursor: pointer; }
  .profile-verify-page .upload-button:active {
    top: 3px;
    box-shadow: none; }
.profile-verify-page .modal-textarea {
  margin-top: 18px;
  border-radius: 5px;
  outline: none !important;
  resize: none;
  border-color: #ccc !important;
  background: #fff;
  padding: 10px; }
  .profile-verify-page .modal-textarea::placeholder {
    opacity: 0.5; }

.show-applied-filters-text .filter-search-info {
  color: #b8bcca;
  font-size: 14px;
  height: 25px;
  letter-spacing: 1px; }

.initiative-page .post-entry {
  margin-top: -8px; }
  .initiative-page .post-entry:first-child {
    margin-top: 0; }

.event-page .event-entry .event-card {
  margin-bottom: 10px; }

.timer-div {
  font-size: 80%;
  color: #323849;
  font-weight: bold;
  cursor: pointer; }
  .timer-div .expired-timer .expired-icon {
    color: #aaa; }

.invite-peoples-modal #invitePeoplesModal .invite-modal {
  min-height: 300px; }
.invite-peoples-modal #invitePeoplesModal .invite-search-menu {
  display: block;
  width: 240px;
  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; }
  .invite-peoples-modal #invitePeoplesModal .invite-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; }
  .invite-peoples-modal #invitePeoplesModal .invite-search-menu li a:hover {
    background: #313955;
    color: white; }
    .invite-peoples-modal #invitePeoplesModal .invite-search-menu li a:hover .name {
      color: #fff; }

#confirm-modal .main-message-modal-section, #confirm-input-modal .main-message-modal-section {
  width: 40vw;
  margin: auto;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 767px) {
    #confirm-modal .main-message-modal-section, #confirm-input-modal .main-message-modal-section {
      width: unset; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    #confirm-modal .main-message-modal-section, #confirm-input-modal .main-message-modal-section {
      width: 60vw;
      /* 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) {
    #confirm-modal .main-message-modal-section, #confirm-input-modal .main-message-modal-section {
      width: 50vw; } }
  #confirm-modal .main-message-modal-section .close, #confirm-input-modal .main-message-modal-section .close {
    position: absolute;
    top: 20px;
    right: 20px; }
  #confirm-modal .main-message-modal-section .message-modal-section-wrapper, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper {
    background: #fff;
    border-radius: 4px; }
    #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section {
      padding: 30px 35px; }
      #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input {
        color: #545968 !important;
        border: 1px solid #dcdfef;
        border-radius: 4px;
        font-size: 18px;
        margin-bottom: 0;
        width: 100%;
        outline: none;
        padding: 3px 10px; }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input.error, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input.error {
          border-color: #a94442; }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input:focus, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input:focus {
          border-color: #c4caea; }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input::placeholder, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .confirm-input::placeholder {
          font-size: 18px;
          color: rgba(24, 26, 25, 0.35); }
      #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .message-modal-content p, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-section .message-modal-content p {
        color: #545968;
        font-size: 1.3rem;
        line-height: 1.6rem;
        letter-spacing: 0.5px; }
    #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section {
      margin-top: 15px; }
      #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn {
        display: block;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        color: black;
        transition: all .2s ease-in-out;
        text-align: center;
        letter-spacing: 1px;
        font-size: 14px;
        -webkit-text-stroke: .4px;
        padding: 0;
        margin-bottom: 20px; }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl {
          color: white;
          background: #8b99c7;
          margin-right: 10%;
          margin-left: 0; }
          #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl:hover, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl:hover {
            background: #adb7d8; }
          @media screen and (max-width: 767px) {
            #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl {
              margin-left: 0;
              margin-right: 0; } }
          @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
            #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl {
              margin-right: 10%;
              margin-left: 0;
              /* 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) {
            #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.cncl {
              margin-right: 10%;
              margin-left: 0; } }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm {
          background: #3c4b7d;
          color: white;
          margin-left: 10%;
          margin-right: 0; }
          #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm:hover, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm:hover {
            background: #687ab7; }
          @media screen and (max-width: 767px) {
            #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm {
              margin-left: 0;
              margin-right: 0; } }
          @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
            #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm {
              margin-left: 10%;
              margin-right: 0;
              /* 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) {
            #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.confirm {
              margin-left: 10%;
              margin-right: 0; } }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.ok, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.ok {
          background: #3c4b7d;
          color: white; }
          #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.ok:hover, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn.ok:hover {
            background: #687ab7; }
        #confirm-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn:hover, #confirm-input-modal .main-message-modal-section .message-modal-section-wrapper .message-modal-btn-section .message-modal-btn:hover {
          cursor: pointer; }

#confirm-input-modal {
  top: 50%;
  left: 50%;
  right: unset;
  bottom: unset;
  transform: translate(-50%, -50%); }
  #confirm-input-modal .message-modal-section {
    padding-bottom: 10px !important; }

.toggle-switch {
  background: #fff;
  border: 1px solid #dfdfdf;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 65px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
  transition: 0.2s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  top: -1px; }
  .toggle-switch.md {
    height: 20px;
    width: 50px; }
    .toggle-switch.md small {
      height: 20px;
      width: 20px; }
    .toggle-switch.md .switch-text {
      font-size: 12px; }
      .toggle-switch.md .switch-text .off {
        right: 15%;
        top: 8%; }
      .toggle-switch.md .switch-text .on {
        left: 15%;
        top: 8%; }
    .toggle-switch.md.checked small {
      left: 30px; }
  .toggle-switch.wide {
    width: 105px; }
    .toggle-switch.wide.checked small {
      left: 75px; }
  .toggle-switch small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all; }
  .toggle-switch.checked {
    background: #3c4b7d;
    border-color: #3c4b7d; }
    .toggle-switch.checked small {
      left: 35px; }
    .toggle-switch.checked .off {
      display: none !important; }
    .toggle-switch.checked .on {
      display: block !important; }
  .toggle-switch .switch-text {
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.5px; }
    .toggle-switch .switch-text .off {
      display: block;
      position: absolute;
      right: 10%;
      top: 10%;
      z-index: 0;
      color: #A9A9A9; }
    .toggle-switch .switch-text .on {
      display: none;
      z-index: 0;
      color: #fff;
      position: absolute;
      top: 10%;
      left: 10%; }
  .toggle-switch.disabled {
    opacity: .50;
    cursor: not-allowed; }

.popover-hover {
  width: 20vw;
  border-radius: 4px;
  max-height: 200px; }
  @media screen and (max-width: 767px) {
    .popover-hover {
      width: 57vw; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .popover-hover {
      width: 35vw;
      /* 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) {
    .popover-hover {
      width: 25vw; } }
  .popover-hover .top-info-sec {
    padding: 2px 8px 0; }
    .popover-hover .top-info-sec .info-sec-text-tgln2 {
      color: #4f5058;
      font-style: italic;
      font-size: 0.875rem;
      line-height: 1rem;
      padding: 0 10px; }
    .popover-hover .top-info-sec .info-sec-ul {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 5px; }
      .popover-hover .top-info-sec .info-sec-ul .info-sec-img-li {
        max-width: 25%; }
        .popover-hover .top-info-sec .info-sec-ul .info-sec-img-li .info-sec-img-li-img {
          height: 3.5rem;
          width: 3.5rem; }
      .popover-hover .top-info-sec .info-sec-ul .info-sec-text {
        max-width: 75%;
        vertical-align: middle; }
        .popover-hover .top-info-sec .info-sec-ul .info-sec-text .info-sec-text-nme {
          color: #323849;
          font-weight: 550;
          line-height: 1.125rem;
          font-size: 1rem;
          margin-bottom: 0.125rem; }
        .popover-hover .top-info-sec .info-sec-ul .info-sec-text .info-sec-text-desg-comp {
          font-size: 0.875rem;
          line-height: 1rem;
          margin-bottom: 0.5rem;
          color: #5a5f73; }
        .popover-hover .top-info-sec .info-sec-ul .info-sec-text .info-sec-text-secod {
          color: #919BB7; }
        .popover-hover .top-info-sec .info-sec-ul .info-sec-text .info-sec-text-tgln {
          color: #4f5058;
          font-style: italic;
          font-size: 0.875rem;
          line-height: 1rem;
          margin-bottom: 0.5rem; }
  .popover-hover .bottom-btn-sec {
    margin-top: 10px; }
    .popover-hover .bottom-btn-sec .popover-hover-btn {
      display: block;
      height: 30px;
      line-height: 30px;
      text-transform: uppercase;
      color: black;
      transition: all .2s ease-in-out;
      text-align: center;
      letter-spacing: 2px;
      font-size: 10px;
      -webkit-text-stroke: .4px;
      padding: 0;
      margin-bottom: 20px;
      background: #3c4b7d;
      color: white; }
      .popover-hover .bottom-btn-sec .popover-hover-btn:hover {
        background: #687ab7;
        cursor: pointer; }

.page-website {
  overflow-x: hidden; }
  .page-website .side-bar {
    position: sticky;
    height: 200px;
    top: 0px;
    background: white;
    float: left;
    transition: all 0.2s ease-in-out; }
    .page-website .side-bar.close {
      width: 0px; }
    .page-website .side-bar.open {
      width: 20%; }
  .page-website .main-frame {
    transition: all 0.2s ease-in-out; }
    .page-website .main-frame.full {
      width: 100%; }
    .page-website .main-frame.split {
      width: 80%;
      float: right; }
  .page-website .banner-section .banner-sec-col {
    padding-left: 0;
    padding-right: 0; }
    .page-website .banner-section .banner-sec-col #page-banner {
      width: 100%;
      background-image: url(../images/kakarot.jpeg);
      height: 24vw;
      background-color: purple;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      background-color: transparent; }
      .page-website .banner-section .banner-sec-col #page-banner::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: inherit; }
      @media screen and (max-width: 768px) {
        .page-website .banner-section .banner-sec-col #page-banner {
          height: 50vw; } }

.terms-privacy-contact {
  background: #fff; }
  .terms-privacy-contact .tab-bar {
    width: 100%;
    height: 45px;
    margin-top: -20px;
    margin-bottom: 0;
    position: relative; }
    .terms-privacy-contact .tab-bar .tab-ul {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 51.5%;
      white-space: nowrap; }
      .terms-privacy-contact .tab-bar .tab-ul li a {
        font-size: 16px; }
  .terms-privacy-contact .header-container {
    display: block;
    background-size: cover;
    background-position: center;
    height: 100px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(49, 57, 85, 0.91)), color-stop(50%, rgba(49, 57, 85, 0.91)));
    background: linear-gradient(90deg, rgba(49, 57, 85, 0.91), rgba(49, 57, 85, 0.91) 50%);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .terms-privacy-contact .header-container .banner-title {
      color: #fff;
      text-align: center;
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      vertical-align: baseline;
      background: transparent;
      font-size: 3.3rem;
      letter-spacing: -1px; }
      @media screen and (max-width: 767px) {
        .terms-privacy-contact .header-container .banner-title {
          font-size: 2.8rem; } }
    .terms-privacy-contact .header-container .banner-subtitle {
      font-size: 1.25rem;
      color: #fff;
      text-align: center;
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      vertical-align: baseline;
      background: transparent; }
  .terms-privacy-contact .updated-on {
    font-weight: 550;
    font-size: 1.1rem;
    color: rgba(49, 57, 85, 0.91); }
  .terms-privacy-contact .privacy-policy .section-wrapper section {
    padding-left: 15px;
    padding-right: 15px; }
    .terms-privacy-contact .privacy-policy .section-wrapper section:not(:first-child) {
      padding-top: 50px;
      border-top: 1px solid rgba(0, 0, 0, 0.15); }
      @media screen and (max-width: 768px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section:not(:first-child) {
          padding-top: unset;
          border-top: unset; } }
    .terms-privacy-contact .privacy-policy .section-wrapper section .subsection-title {
      font-size: 1.4rem;
      line-height: 1.33333;
      color: rgba(0, 0, 0, 0.9);
      clear: both;
      margin: 30px 0 16px; }
    .terms-privacy-contact .privacy-policy .section-wrapper section .right-column {
      box-sizing: border-box;
      float: left;
      margin-bottom: 24px;
      margin-right: -1px;
      position: relative;
      width: calc((576px * .41667) + 216px);
      margin-left: calc((576px * 0) - 24px + 24px);
      left: calc((576px * .58333) + 312px + 24px);
      min-height: calc(40px + 0.7rem); }
      @media screen and (max-width: 1208px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section .right-column {
          width: calc(((100vw - 632px) * .41667) + 216px);
          margin-left: calc(((100vw - 632px) * 0) - 24px + 24px);
          left: calc(((100vw - 632px) * .58333) + 312px + 24px); } }
      @media screen and (max-width: 976px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section .right-column {
          width: calc(((100vw - 424px) * .41667) + 144px);
          margin-bottom: 12px;
          margin-left: calc(((100vw - 424px) * 0) - 16px + 16px);
          left: calc(((100vw - 424px) * .58333) + 208px + 16px); } }
      @media screen and (max-width: 769px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section .right-column {
          left: 0;
          right: 0;
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 10px; }
          .terms-privacy-contact .privacy-policy .section-wrapper section .right-column::before {
            content: '';
            width: 2px;
            height: 40px;
            background-color: rgba(49, 57, 85, 0.91);
            position: absolute;
            top: 0.5rem; }
          .terms-privacy-contact .privacy-policy .section-wrapper section .right-column p {
            margin-left: 10px;
            font-size: 1.3rem;
            margin-bottom: 0px; } }
      .terms-privacy-contact .privacy-policy .section-wrapper section .right-column p {
        font-size: 1.2rem;
        line-height: 1.55556;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.75); }
    .terms-privacy-contact .privacy-policy .section-wrapper section .left-column {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-bottom: 24px;
      margin-right: -1px;
      position: relative;
      width: calc((576px * .54167) + 288px);
      margin-left: calc((576px * 0) - 24px + 49px);
      right: calc((576px * .41667) + 216px + 24px);
      margin-bottom: 0 !important; }
      @media screen and (max-width: 1208px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section .left-column {
          width: calc(((100vw - 632px) * .54167) + 288px);
          margin-left: calc(((100vw - 632px) * 0) - 24px + 49px);
          right: calc(((100vw - 632px) * .41667) + 216px + 24px); } }
      @media screen and (max-width: 976px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section .left-column {
          width: calc(((100vw - 424px) * .54167) + 192px);
          margin-bottom: 12px;
          margin-left: calc(((100vw - 424px) * 0) - 16px + 33px);
          right: calc(((100vw - 424px) * .41667) + 144px + 16px); } }
      @media screen and (max-width: 769px) {
        .terms-privacy-contact .privacy-policy .section-wrapper section .left-column {
          left: 0;
          right: 0;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      .terms-privacy-contact .privacy-policy .section-wrapper section .left-column p {
        font-size: 0.9rem;
        line-height: 1.42857;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.75);
        margin-bottom: 16px; }
        .terms-privacy-contact .privacy-policy .section-wrapper section .left-column p:last-child {
          margin-bottom: 56px; }
      .terms-privacy-contact .privacy-policy .section-wrapper section .left-column.single {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-bottom: 24px;
        margin-right: -1px;
        width: calc((576px * .54167) + 288px);
        margin-left: calc((576px * .41667) + 216px + 24px); }
        @media screen and (max-width: 1208px) {
          .terms-privacy-contact .privacy-policy .section-wrapper section .left-column.single {
            width: calc(((100vw - 632px) * .54167) + 288px);
            margin-left: calc(((100vw - 632px) * .41667) + 216px + 24px); } }
        @media screen and (max-width: 976px) {
          .terms-privacy-contact .privacy-policy .section-wrapper section .left-column.single {
            width: calc(((100vw - 424px) * .54167) + 192px);
            margin-bottom: 12px;
            margin-left: calc(((100vw - 424px) * .41667) + 144px + 16px); } }
        @media screen and (max-width: 769px) {
          .terms-privacy-contact .privacy-policy .section-wrapper section .left-column.single {
            left: 0;
            right: 0;
            width: 100%;
            margin-left: 0;
            margin-right: 0; } }
      .terms-privacy-contact .privacy-policy .section-wrapper section .left-column h5 {
        font-size: 1.1rem;
        line-height: 1.42857;
        color: rgba(0, 0, 0, 0.75);
        margin: 0; }
  .terms-privacy-contact .contact-us .contact-inner {
    letter-spacing: 1px;
    padding: 50px;
    border-radius: 5px;
    box-shadow: 0 8px 40px -5px #091f43; }
    .terms-privacy-contact .contact-us .contact-inner p {
      margin-bottom: 1rem;
      color: #7f7f7f; }
    .terms-privacy-contact .contact-us .contact-inner .contact-media h5 {
      color: #14a6ed; }
    .terms-privacy-contact .contact-us .contact-inner .contact-media .contact-us-form-msg-imgicn2 {
      height: 1.15rem;
      margin-right: 3px;
      margin-top: 2px; }
    .terms-privacy-contact .contact-us .contact-inner .contact-media .contact-us-form-msg-imgicn {
      height: 1.15rem;
      margin-right: 3px; }
    .terms-privacy-contact .contact-us .contact-inner .contact-media .contact-us-form-email-img {
      height: 1.15rem; }
    .terms-privacy-contact .contact-us .contact-inner .contact-media .contact-us-form-email-img2 {
      height: 1.25rem; }
    .terms-privacy-contact .contact-us .contact-inner .contact-media .mb-5 {
      margin-bottom: 3rem; }

.home-side-col-tcp .home-side-col-logo {
  max-width: 100%;
  height: 40px; }

.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important; }

colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=");
  background-size: contain;
  cursor: crosshair;
  float: left; }

colorpicker-saturation i {
  display: block;
  height: 10px;
  width: 10px;
  border: 1.5px solid #000;
  border-radius: 5px;
  position: relative;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px; }

colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  border: 1.5px solid #fff;
  border-radius: 5px;
  position: absolute;
  top: -1.5px;
  left: -1.5px; }

colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px; }

colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px; }

colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=");
  background-size: contain; }

colorpicker-alpha {
  display: none; }

colorpicker-alpha,
.colorpicker-color {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=");
  background-size: 10px 100%; }

.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none; }

.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative; }

.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff; }

.colorpicker.alpha {
  min-width: 140px; }

.colorpicker.alpha colorpicker-alpha {
  display: block; }

.colorpicker.dropdown {
  position: absolute; }

.colorpicker.colorpicker-fixed-position {
  position: fixed; }

.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute; }

.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px; }

.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px; }

.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
  padding-top: 25px; }

.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px; }

.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px; }

.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px; }

.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px; }

.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0; }

.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0; }

.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px; }

.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px; }

colorpicker-preview {
  display: block;
  height: 20px;
  clear: both;
  background-position: 0 100%; }

.close-colorpicker {
  top: 1px;
  right: 5px;
  position: absolute;
  color: black; }
  .close-colorpicker:hover {
    opacity: 1px;
    color: red; }

.unsubscribe-page #svg {
  width: 20%; }
  @media screen and (max-width: 767px) {
    .unsubscribe-page #svg {
      width: 50%; } }
.unsubscribe-page .radio-btn-wrapper {
  white-space: nowrap; }
  .unsubscribe-page .radio-btn-wrapper .btn-radio {
    float: unset; }
    @media screen and (max-width: 767px) {
      .unsubscribe-page .radio-btn-wrapper .btn-radio {
        display: inline-block; } }
    .unsubscribe-page .radio-btn-wrapper .btn-radio span {
      font-weight: 550; }
.unsubscribe-page .sorry-text {
  color: #3f76ad;
  letter-spacing: 1px;
  font-size: 30px;
  margin-bottom: 15px;
  text-align: center; }
.unsubscribe-page .sub-info {
  color: #888;
  text-align: center;
  letter-spacing: .5px;
  -webkit-text-stroke: 0.5px; }
.unsubscribe-page .unsubscribe-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; }

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