@charset "UTF-8";
.tltMfgLinkTemplate {
  font-size: 20px;
  font-weight: bold;
  color: gray;
}
.tltMfgTitle {
  white-space: normal;
  font-size: 19px;
  font-weight: bold;
  color: #465a64;
  min-height: 20px;
  /* padding: 6px 6px 0 15px; */
  margin-bottom: 10px;
}
.hashtags {
  color: #00a4e0;
  font-weight: normal;
  font-size: 15px;
  padding: 0px 15px 15px 15px;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Light.woff") format("woff"), url("Font/Gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Light.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Regular.woff") format("woff"), url("Font/Gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Regular.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Medium.woff") format("woff"), url("Font/Gilroy/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Medium.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-SemiBold.woff") format("woff"), url("Font/Gilroy/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-SemiBold.woff2") format("woff2"), url("Font/Gilroy/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Bold.woff") format("woff"), url("Font/Gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Bold.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Extrabold.woff") format("woff"), url("Font/Gilroy/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Extrabold.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Black.woff") format("woff"), url("Font/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Black.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url("Font/Gilroy/Gilroy-Heavy.woff") format("woff"), url("Font/Gilroy/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("Font/Gilroy/Gilroy-Heavy.woff2") format("woff2"), url("Font/Gilroy/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}
html,
body {
  height: 100%;
  font-family: var(--font-family);
  margin: 0;
  padding: 0;
}
.cc-window.cc-banner.cc-type-info {
  box-shadow: 0px 0px 4px 0px rgb(0 0 0%);
}
a.cc-btn.cc-dismiss {
  border-radius: 2px;
}
div#SheetContentContainer div#pq4Header {
  padding-bottom: 30px;
}
div#SheetContentContainer div#pq4Header {
  z-index: 9999999999;
  background: white;
}
.pq4StickyHeader {
  position: fixed;
  top: 0;
  width: 100%;
}
.pqHeadFirst {
  font-weight: bold;
  color: #465a64;
}
.pqHeadSec {
  color: #00a4e0;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 7px;
  /*padding-bottom: 35px;*/
}
.pqHeadThird {
  color: #465a64;
  font-weight: normal;
  line-height: 19px;
  font-size: 16px;
}
/*cc style*/
#grdMain .dx-widget {
  max-width: unset !important;
}
.pq4-logo {
  height: 75px;
  background-image: url(aigrid-logo.svg);
  background-position: center;
  background-size: 130px;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*landingPage logo*/
.pq4-logo-header {
  height: 40px;
  background-image: url(aigrid-logo.svg);
  min-width: 70px;
  background-size: var(--logo-top-size);
  background-repeat: no-repeat;
}
div.dx-menu-base.dx-context-menu .dx-submenu {
  background-color: #f6f6f6;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pq4-link {
  color: #f65923;
  font-weight: bold;
  text-decoration: underline;
}
.pq4-link:hover {
  cursor: pointer;
}
.login_aspx div#pq4Menu {
  display: none;
}
img.imgProfileImage {
  height: 25px;
  width: 25px;
  object-fit: cover;
  border-radius: 50%;
  position: relative;
  margin-right: 7px;
  top: 10px;
  margin-top: -25px;
}
.pq4Public {
  display: grid;
  justify-content: space-around;
  align-content: space-around;
  grid-template-columns: 1fr;
}
.pq4Public #app {
  border: solid 1px #ebebeb;
  border-radius: 5px;
  width: 500px;
  justify-self: center;
}
div#pq4MainContent {
  height: 100%;
}
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label span {
  font-size: 12px;
}
body .dx-menu-base {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--font-family);
  line-height: 1.33334;
}
body .dx-menu-item-wrapper i.fal.dx-icon.csmIcon {
  margin-right: 10px;
}
.pq4MenuPlaceholder .dx-menu-item {
  color: var(--menu-color);
}
.pq4MenuPlaceholder .dx-menu-item:hover {
  color: var(--main-color-1);
}
.dx-menu-horizontal .dx-menu-item-wrapper {
  display: inline-block;
  margin: 0 5px 0;
}
div#pq4Menu {
  /* padding: 10px;*/
  text-align-last: right;
  display: grid;
  background-color: var(--menu-bg-color);
  align-content: center;
  padding-right: 20px;
}
.pq4Content {
  box-sizing: border-box;
  padding: 0 25px 25px 25px;
  width: 100vW;
}
.pq4Content.pq4Public {
  /*background-color: #f1f1f1;*/
  background-color: white;
  padding: 0;
  min-height: 100vH;
}
.pq4Public #app {
  background-color: white;
}
.mnGridBox {
  gap: 7px;
}
.mnTile {
  margin: 0;
}
.dx-menu {
  position: relative;
  color: #333;
}
.pq4MenuPlaceholder .dx-menu-item-selected {
  color: #00a4e0;
}
body .bcBreadCrumb {
  flex-direction: row;
  gap: 2px;
  margin: 10px 0 15px 25px;
}
/*pages title*/
.head,
.naHead {
  font-size: var(--page-title-size);
  color: var(--page-title-color);
  font-weight: bolder;
  padding-bottom: 20px;
}
.desc {
  max-width: 60%;
}
div#SheetContentContainer > div {
  display: table-row;
}
.pq4Content.pq4Public .cisVue {
  padding: 25px;
  box-sizing: border-box;
}
div#SheetContentContainer div#pq4Header div#pq4Logo {
  height: 100%;
  cursor: pointer;
  background-image: url(aigrid-logo.svg);
  background-color: transparent;
  background-position: var(--logo-top-position);
  background-size: var(--logo-top-size);
  background-repeat: no-repeat;
}
div.dx-fileuploader-wrapper,
div.dx-fileuploader-input-wrapper {
  padding: 0px;
}
div.dx-fileuploader-input-wrapper {
  border: 1px dashed transparent;
}
/*div#SheetContentContainer div#pq4FooterPartner {
    display: none;
}

div#SheetContentContainer div#pq4Footer {
    position: fixed;
    width: 100vW;
    bottom: 0;
    background-color: var(--menu-bg-color);
    color: var(--menu-color);
    font-size: 14px;
}*/
.dx-item-content.dx-accordion-item-body {
  font-size: unset;
}
/*topsiteMap updated
  navIcons smaller*/
.dx-menu .dx-menu-item .dx-item-content.dx-menu-item-content .dx-icon {
  font-size: 20px;
}
.dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-item-content.dx-menu-item-content i.dx-icon.csmIcon {
  margin-right: 5px;
}
div#pq4HeaderContent {
  display: grid;
  width: 100vW;
  grid-template-columns: 130px auto;
  padding-left: 25px;
  padding-right: 0;
  min-height: 80px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.dx-menu .dx-menu-item .dx-item-content.dx-menu-item-content {
  padding: 28px 16px;
}
.dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-container .dx-checkbox-icon {
  background-color: #00a4e0;
}
.dx-context-menu .dx-menu-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
/*accordion faq*/
.dx-accordion-item.dx-item {
  box-shadow: none;
  margin-bottom: 5px;
  outline: #ebebeb solid 1px;
  border-top: none;
}
.dx-accordion-item-opened.dx-item {
  margin: 0px 0px 16px 0px;
}
.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-hover {
  /*background-color: rgba(0,0,0,.04);*/
  color: var(--main-color-1);
}
span.dx-menu-item-popout-container {
  margin: -5px 0px 3px;
}
.dx-item.dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon.dx-menu-item-has-submenu.dx-menu-item-expanded {
  color: var(--main-color-1);
}
.bcMenuElement a {
  color: black;
  font-size: 14px;
}
.dx-button-has-icon .dx-button-content .dx-icon,
.dx-button-has-icon .dx-icon.far.fas.fa-eye,
.dx-button-has-icon .dx-icon.fas.fa-pen {
  font-size: 16px;
}
td:has(div.dx-button-has-icon.dx-button) {
  padding-right: 5px;
  padding-left: 5px;
}
/*config detatilView color and display*/
.dx-field .dx-field-label {
  color: var(--main-color-1);
}
div.na-form div.dx-fieldset div.dx-field {
  display: grid;
  gap: 5px;
}
div.stContainer,
div.cisDx,
div.cisVue {
  margin-top: 30px;
}
.dx-menu-base ul.dx-menu-items-container {
  display: contents;
}
nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 0;
  grid-area: rb;
  justify-content: right;
}
.tltMfgNoneSelected {
  color: #d0caca;
}
div#pq4Title {
  padding: 20px 25px 0px 25px;
  font-weight: 800;
  font-size: 20px;
}
.crmContentArea {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0 0 0 10%);
  border-radius: 3px;
}
.dx-fieldset.dx-template-wrapper.dx-item-content.dx-multiview-item-content {
  max-width: 700px;
  padding-top: 20px;
}
html body .cc-revoke.cc-bottom {
  background-color: #00a5e2;
  color: white;
  padding: 8px 20px;
  font-size: 11px;
  left: 20px;
}
.pqf-link {
  display: inline;
  cursor: pointer;
}
.puAiFilter {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
.puAiFilter {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
.pqf-link:hover {
  color: #ea733b;
}
/* Footer */
.pqf-menu-link,
.pqf-link {
  color: #00a4e0;
  text-decoration: none;
}
.pqf-menu-link {
  font-size: 10px;
}
.pqf-menu-link:hover {
  color: #00a5e2;
}
.pqf-footer-row1 {
  grid-area: r1;
  justify-self: center;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
}
.pqf-footer-row2 {
  grid-area: r2;
  justify-self: center;
  font-size: 10px;
  color: gray;
}
.pq4Footer {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
  grid-template-areas: "r1 b" "r2 b";
  align-items: self-end;
  gap: 5px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.pqf-footer {
  margin-top: 15px;
  padding: 0px 0px 20px 30px;
  width: 100%;
  box-sizing: border-box;
  background: white;
}
.pqf-footer-data-privacy {
  white-space: nowrap;
}
.pqf-footer-legal-notice {
  white-space: nowrap;
}
.pqf-footer-terms {
  white-space: nowrap;
}
.pqf-footer-version {
  font-size: 10px;
  color: gray;
  text-align: center;
  padding-top: 5px;
}
.FooterVersion {
  text-align: center;
}
img.pqf-bmbf {
  width: 150px;
}
.pqf-footer-bmbf {
  grid-area: b;
  justify-self: end;
  margin-bottom: -20px;
}
body div#SheetContentContainer {
  height: 100vH;
  padding: 0;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
}
/*dataGrid icons*/
.dx-template-wrapper:has(div.dx-button-has-icon) {
  text-align: center;
}
td.headerVertical.colKey {
  text-align-last: center;
}
/*dataGrid search*/
.dx-editor-cell .dx-texteditor input.dx-texteditor-input {
  height: 30px;
}
/*dataGrid size selection*/
.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  border-radius: 100%;
}
.pqf-footer-copyright {
  display: flex;
  grid-template-columns: auto auto;
  gap: 10px;
}
.udc-field-required-asterix {
  display: none;
}
form .udc-buttons {
  display: flex;
  gap: 10px;
  margin: 20px 0 10px;
}
/*flag input dataGrid*/
.dx-datagrid .flagColumn .dx-column-indicators.dx-visibility-hidden {
  width: 0px;
}
.flgBoxIcon {
  text-align: center;
}
.dx-state-hover .flagColumn .flgBoxIcon i.fa.fa-flag.FlagMenuItem-0 {
  /*color:red;*/
}
.dx-item.dx-menu-item.dx-menu-item-expanded.dx-state-hover,
.dx-item.dx-menu-item.dx-menu-item-expanded {
  background-color: unset;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button i.dx-icon.dx-icon-column-chooser,
.dx-button-content i.dx-icon.fas.fa-plus {
  font-size: 17px;
}
.dx-button-has-icon .dx-button-content i.dx-icon.dx-icon-clear {
  font-size: 14px;
}
@media only screen and (max-width: 1240px) {
  .bg-image-sq {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .mfg-img {
    text-align: center;
  }
  .mfgInfo {
    padding-bottom: 15px;
  }
  .mfg {
    grid-template-rows: 0fr 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    padding-bottom: 25px;
  }
  .description {
    padding-bottom: 0px;
  }
}
/* Small devices (phones, 850px and down) */
@media only screen and (max-width: 850px) {
  .pqf-footer-copyright {
    display: block;
  }
  div.mfgInfo {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }
  .content div.puFilter {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .desc {
    max-width: 100%;
  }
  body div#SheetContentContainer {
    width: 100vW;
  }
  .img-bg {
    display: none;
  }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 500px) {
  .tltProfilesContainer .tltCardContainer.tltCommunity div.tltCardBox {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  /*topSite*/
  .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-item-content.dx-menu-item-content i.dx-icon.csmIcon {
    margin-right: 7px;
  }
  .dx-menu-base .dx-menu-horizontal .dx-menu-item .dx-menu-item-content span.dx-menu-item-text {
    display: none;
  }
  img.imgProfileImage {
    top: 10px;
    margin-right: 10px;
    width: 22px;
    height: 22px;
  }
  .pqf-footer-data-privacy {
    white-space: normal;
  }
  .pqf-footer-legal-notice {
    white-space: normal;
  }
  .pqf-footer-terms {
    white-space: normal;
  }
  .FooterVersion {
    text-align: center;
    padding-top: 5px;
  }
  .pqf-footer-row1 div {
    text-align: center;
  }
  .dx-menu-base .dx-menu-item.dx-menu-item-has-icon .dx-menu-item-content span.dx-menu-item-text {
    display: none;
  }
  .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
    margin-right: 0;
  }
  .dx-menu-horizontal {
    text-align: right;
  }
  .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon,
  .dx-item-content.dx-menu-item-content .dx-icon {
    font-size: 15px;
  }
  div#pq4Menu {
    text-align-last: auto;
  }
  .dx-menu-horizontal {
    height: 100%;
    width: 100%;
  }
  .dx-menu .dx-menu-item .dx-item-content.dx-menu-item-content {
    padding: 0 0;
  }
  #pq4Logo {
    width: 140px;
    margin: auto;
  }
  .pq4Public {
    display: block;
  }
  .pq4Public #app {
    border: none;
    width: auto;
    justify-self: auto;
  }
  .pq4Content.pq4Public {
    background-color: white;
  }
}
.gexFilterBox {
  min-width: 300px;
  max-width: 500px;
}
.gexFilterCell {
  display: flex;
  gap: 20px;
  align-items: center;
}
.gexFilter {
  display: flex;
  gap: 20px;
  align-items: center;
}
.grdTitle {
  font-weight: bold;
  font-size: 30px;
  padding-bottom: 10px;
}
/*    Cropper */
@-webkit-keyframes vicp_progress {
  0% {
    background-position-y: 0;
  }
  100% {
    background-position-y: 40px;
  }
}
@keyframes vicp_progress {
  0% {
    background-position-y: 0;
  }
  100% {
    background-position-y: 40px;
  }
}
@-webkit-keyframes vicp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translatey(-60px);
    transform: scale(0) translatey(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translatey(0);
    transform: scale(1) translatey(0);
  }
}
@keyframes vicp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translatey(-60px);
    transform: scale(0) translatey(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translatey(0);
    transform: scale(1) translatey(0);
  }
}
.vue-image-crop-upload {
  position: fixed;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}
.vue-image-crop-upload .vicp-wrap {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  position: fixed;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 600px;
  height: 330px;
  padding: 25px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-animation: vicp 0.12s ease-in;
  animation: vicp 0.12s ease-in;
}
.vue-image-crop-upload .vicp-wrap .vicp-close {
  position: absolute;
  right: -30px;
  top: -30px;
}
.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.18s;
  transition: -webkit-transform 0.18s;
  transition: transform 0.18s;
  transition: transform 0.18s, -webkit-transform 0.18s;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after,
.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  content: '';
  position: absolute;
  top: 12px;
  left: 4px;
  width: 20px;
  height: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff;
}
.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px;
  height: 170px;
  background-color: rgba(0, 0, 0, 0.03);
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {
  display: block;
  margin: 0 auto 6px;
  width: 42px;
  height: 42px;
  overflow: hidden;
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);
  border-left: 14.7px solid transparent;
  border-right: 14.7px solid transparent;
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {
  display: block;
  width: 12.6px;
  height: 14.7px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.3);
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 12.6px;
  border: 6px solid rgba(0, 0, 0, 0.3);
  border-top: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {
  display: block;
  padding: 15px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 60px;
  line-height: 30px;
  background-color: #eee;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {
  overflow: hidden;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {
  float: left;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {
  position: relative;
  display: block;
  width: 240px;
  height: 180px;
  background-color: #e5e5e0;
  overflow: hidden;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {
  position: absolute;
  display: block;
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
  position: absolute;
  background-color: rgba(241, 242, 243, 0.8);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {
  top: 0;
  left: 0;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {
  bottom: 0;
  right: 0;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {
  position: relative;
  width: 240px;
  height: 18px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.08);
  color: #fff;
  overflow: hidden;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.14);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {
  float: left;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {
  float: right;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {
  position: relative;
  margin: 30px 0 10px 0;
  width: 240px;
  height: 18px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.08);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.14);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {
  left: 0;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {
  position: absolute;
  content: '';
  display: block;
  left: 3px;
  top: 8px;
  width: 12px;
  height: 2px;
  background-color: #fff;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {
  right: 0;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {
  position: absolute;
  content: '';
  display: block;
  left: 3px;
  top: 8px;
  width: 12px;
  height: 2px;
  background-color: #fff;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {
  position: absolute;
  content: '';
  display: block;
  top: 3px;
  left: 8px;
  width: 2px;
  height: 12px;
  background-color: #fff;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] {
  display: block;
  padding-top: 5px;
  margin: 0 auto;
  width: 180px;
  height: 8px;
  vertical-align: top;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  /* 滑块
							 ---------------------------------------------------------------*/
  /* 轨道
							 ---------------------------------------------------------------*/
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {
  outline: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
  -webkit-appearance: none;
  appearance: none;
  margin-top: -3px;
  width: 12px;
  height: 12px;
  background-color: #61c091;
  border-radius: 100%;
  border: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
  -moz-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background-color: #61c091;
  border-radius: 100%;
  border: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
  appearance: none;
  width: 12px;
  height: 12px;
  background-color: #61c091;
  border: none;
  border-radius: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  width: 14px;
  height: 14px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  width: 14px;
  height: 14px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  margin-top: -4px;
  width: 14px;
  height: 14px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  height: 6px;
  cursor: pointer;
  border-radius: 2px;
  border: none;
  background-color: rgba(68, 170, 119, 0.3);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  height: 6px;
  cursor: pointer;
  border-radius: 2px;
  border: none;
  background-color: rgba(68, 170, 119, 0.3);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  height: 6px;
  border-radius: 2px;
  border: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower {
  background-color: rgba(68, 170, 119, 0.3);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper {
  background-color: rgba(68, 170, 119, 0.15);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track {
  background-color: rgba(68, 170, 119, 0.5);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track {
  background-color: rgba(68, 170, 119, 0.5);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower {
  background-color: rgba(68, 170, 119, 0.45);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper {
  background-color: rgba(68, 170, 119, 0.25);
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {
  float: right;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {
  height: 150px;
  overflow: hidden;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {
  position: relative;
  padding: 5px;
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 16px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {
  position: absolute;
  bottom: -30px;
  width: 100%;
  font-size: 14px;
  color: #bbb;
  display: block;
  text-align: center;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 3px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {
  margin-right: 0;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {
  border-radius: 100%;
}
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px;
  height: 170px;
  background-color: rgba(0, 0, 0, 0.03);
  text-align: center;
  border: 1px dashed #ddd;
}
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {
  display: block;
  padding: 15px;
  font-size: 16px;
  color: #999;
  line-height: 30px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {
  margin-top: 12px;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {
  position: relative;
  display: block;
  height: 5px;
  border-radius: 3px;
  background-color: #4a7;
  -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);
  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);
  -webkit-transition: width 0.15s linear;
  transition: width 0.15s linear;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  -webkit-animation: vicp_progress 0.5s linear infinite;
  animation: vicp_progress 0.5s linear infinite;
}
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {
  content: '';
  position: absolute;
  display: block;
  top: -3px;
  right: -3px;
  width: 9px;
  height: 9px;
  border: 1px solid rgba(245, 246, 247, 0.7);
  -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);
  box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);
  border-radius: 100%;
  background-color: #4a7;
}
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,
.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {
  height: 100px;
  line-height: 100px;
}
.vue-image-crop-upload .vicp-wrap .vicp-operate {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.vue-image-crop-upload .vicp-wrap .vicp-operate a {
  position: relative;
  float: left;
  display: block;
  margin-left: 10px;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #4a7;
  border-radius: 2px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.vue-image-crop-upload .vicp-wrap .vicp-error,
.vue-image-crop-upload .vicp-wrap .vicp-success {
  display: block;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #d10;
  text-align: center;
  vertical-align: top;
}
.vue-image-crop-upload .vicp-wrap .vicp-success {
  color: #4a7;
}
.vue-image-crop-upload .vicp-wrap .vicp-icon3 {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 4px;
}
.vue-image-crop-upload .vicp-wrap .vicp-icon3::after {
  position: absolute;
  top: 3px;
  left: 6px;
  width: 6px;
  height: 10px;
  border-width: 0 2px 2px 0;
  border-color: #4a7;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}
.vue-image-crop-upload .vicp-wrap .vicp-icon2 {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 4px;
}
.vue-image-crop-upload .vicp-wrap .vicp-icon2::after,
.vue-image-crop-upload .vicp-wrap .vicp-icon2::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 4px;
  width: 13px;
  height: 2px;
  background-color: #d10;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vue-image-crop-upload .vicp-wrap .vicp-icon2::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.e-ripple {
  position: absolute;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 1;
}
.e-ripple.z-active {
  opacity: 0;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 1.2s ease-out, transform 0.6s ease-out;
  transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}
/*   End  Cropper*/
/* Profile Cards */
.tltProfilesContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
.tltProfilesContainer .tltProfilesHeader {
  display: flex;
  justify-content: space-between;
  height: 25px;
}
.tltProfilesContainer .tltCardContainer {
  width: 375px;
  min-height: 340px;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 20px 0;
}
.tltProfilesContainer .tltCardContainer .tltProfilesHeader .tltProfilesHeaderCaption {
  font-size: 20px;
  color: #00a4e0;
}
.tltProfilesContainer .tltCardContainer.tltCommunity {
  width: 100%;
  z-index: 10;
  min-height: 200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*justify-content: center;*/
  gap: 20px 20px;
}
.tltProfilesContainer .tltCardContainer.tltCommunity .tltCardBox {
  background-color: white;
  width: 350px;
}
.tltProfilesContainer .tltCardContainer.tltCommunity .tltProfilesHeader .tltProfilesHeaderCaption {
  font-size: 25px;
  color: #00a4e0;
}
.tltCardBox.gallery {
  height: 100%;
  box-shadow: none;
}
.tltCardBox {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 20px;
}
div.gallery .tltProfileBox {
  width: 340px;
}
.tltMfgs .tltMfgName,
.tltMfgs .tltMfgNone {
  font-size: 18px;
  font-weight: bold;
  color: #465a64;
}
.tltMfgs .tltMfgStatus {
  color: #00a4e0;
}
.tltMfgs .tltCardBox {
  display: grid;
  grid-template-rows: auto;
  min-height: 200px;
}
.tltMfgs .tltCardBox.tltCardBoxNone {
  grid-template-rows: 1fr auto;
}
.tltMfgs .tltMfgAction {
  justify-self: center;
}
.tltMfgs img.tltMfgImage {
  width: 338px;
  object-fit: cover;
  aspect-ratio: 1.77777778;
}
/*bg-img design img*/
img.bg-image {
  max-block-size: 400px;
  max-width: 20%;
  padding-top: 40px;
  position: absolute;
  right: 0;
}
.bg-image-sq {
  text-align-last: end;
}
/*mfg-popup-popover start*/
.data-caption {
  font-weight: bold;
}
div.data-caption .roundBackground,
div.data-caption i {
  font-weight: normal;
}
div.pop_over_first div.data-caption {
  font-weight: bold;
}
div.mfg-img img {
  block-size: auto;
  width: 100%;
}
.mfgInfo {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 30px;
}
.tltStatusButtonAmbassador {
  color: white;
  background-color: #00a4e0;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 20px;
  font-size: 13px;
  margin-bottom: 10px;
  width: fit-content;
  height: fit-content;
  font-weight: bold;
}
.mfg-membership .tltStatus .tltStatusButton.tltStatusButtonAmbassador {
  background-color: #00a4e0;
}
.mfg-membership .tltStatus {
  grid-area: tltStatus;
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.mfg-membership .tltStatus .tltStatusButton {
  color: white;
  background-color: #465a64;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 20px;
  font-size: 13px;
  margin-bottom: 10px;
  width: fit-content;
  height: fit-content;
  font-weight: bold;
}
.mfg-membership .tltStatus .tltStatusMentorButton {
  background-color: #ea7034;
}
.mfg-membership .tltStatus .tltStatusAluButton {
  background-color: #a3a3a3;
}
.popOver-field {
  padding-bottom: 10px;
}
.mfgInfo .description {
  padding-bottom: 20px;
}
img.mfg-img-prof {
  border-radius: 50%;
  cursor: pointer;
  justify-self: self-end;
  margin: 0px 10px 10px 0px;
  height: 50px;
  width: 50px;
  object-fit: cover;
}
.mfgButtonsTop {
  padding-top: 15px;
  padding-bottom: 15px;
}
.mfg-img {
  text-align: right;
  aspect-ratio: 1.77777778;
  object-fit: cover;
}
/*mfg-popup-popover end*/
span.mfg-img {
  vertical-align: middle;
}
.tltMyMentor .tltCardBoxNone {
  display: grid;
  align-content: space-between;
}
.tltMyMentor .tltMentorNone {
  font-size: 18px;
  font-weight: bold;
  color: #465a64;
}
i.far.fa-mailbox-flag-up {
  font-size: 15px;
}
.tltStatusButton {
  color: white;
  background-color: #b3b3b3;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}
.tltProfileBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 33px auto auto 25px 1px auto 1fr auto;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas: "tltStatus tltPhoto" "tltName tltPhoto" "tltCrtStatus tltCrtStatus" "tltSocialMediaLinks tltSocialMediaLinks " "tltDivider tltDivider" "tltFields tltFields" "tltMfgs tltMfgs" "tltContact tltAction";
  height: 100%;
  /*contact btns*/
}
.tltProfileBox .tltName {
  grid-area: tltName;
  font-size: 19px;
  font-weight: bold;
  color: #465a64;
}
.tltProfileBox .tltStatus {
  grid-area: tltStatus;
}
.tltProfileBox .tltStatus .tltStatusButton {
  color: white;
  background-color: #465a64;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
}
.tltProfileBox .tltStatus .tltStatusWorkflowButton {
  color: white;
  background-color: #b3b3b3;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}
.tltProfileBox .tltStatus .tltStatusMentorButton {
  background-color: #ea7034;
}
.tltProfileBox .tltStatus .tltStatusAluButton {
  background-color: #a3a3a3;
}
.tltProfileBox .tltStatusWorkflowButton {
  color: white;
  background-color: #b3b3b3;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}
.tltProfileBox .tltCrtStatus {
  grid-area: tltCrtStatus;
  display: grid;
  gap: 10px;
  font-size: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
}
.tltProfileBox .tltCrtStatus .tltFiledValues {
  font-size: 13px;
  color: #465a64;
  font-weight: bold;
}
.tltProfileBox .tltSocialMediaLinks img {
  filter: invert(68%) sepia(10%) saturate(21%) hue-rotate(17deg) brightness(94%) contrast(91%);
}
.tltProfileBox .tltSocialMediaLinks {
  grid-area: tltSocialMediaLinks;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #a3a3a3;
  /*
        a:visited {
            color: @gray;
        }*/
}
.tltProfileBox .tltSocialMediaLinks div.hasSocialmedia a i.fa-linkedin {
  color: #0a66c2;
}
.tltProfileBox .tltSocialMediaLinks div.hasSocialmedia a i.fa-slack {
  color: #4a154b;
}
.tltProfileBox .tltSocialMediaLinks div.hasSocialmedia a i.fa-envelope {
  color: #389fff;
}
.tltProfileBox .tltSocialMediaLinks div.hasSocialmedia a i.fa-xing {
  color: #0698a0;
}
.tltProfileBox .tltSocialMediaLinks div.hasSocialmedia.google a img {
  filter: invert(41%) sepia(22%) saturate(5225%) hue-rotate(204deg) brightness(98%) contrast(95%);
}
.tltProfileBox .tltSocialMediaLinks a {
  color: #a3a3a3;
}
.tltProfileBox .tltSocialMediaLinks a:hover {
  color: #ea7034;
}
.tltProfileBox .tltPhoto {
  grid-area: tltPhoto;
  justify-self: right;
  width: 80px;
  display: flex;
  text-align: center;
  flex-direction: column;
  row-gap: 10px;
}
.tltProfileBox .tltPhoto img.tltProfilePhoto {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  /*border: solid 1px @gray;*/
  /*box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);*/
}
.tltProfileBox .tltDevider {
  grid-area: tltDivider;
  border-top: solid 1px silver;
}
.tltProfileBox .tltFields {
  grid-area: tltFields;
}
.tltProfileBox .tltFields .tltFieldLabel {
  font-size: 16px;
  padding-top: 10px;
}
.tltProfileBox .tltFields .tltFiledValues {
  font-size: 16px;
  color: #465a64;
  font-weight: bold;
}
.tltProfileBox .tltInstitute {
  grid-area: tltInstitute;
}
.tltProfileBox .tltInstitute .tltFiledValues {
  font-size: 13px;
  color: #465a64;
  font-weight: bold;
}
.tltProfileBox .tltMfgs {
  grid-area: tltMfgs;
  padding-bottom: 10px;
}
.tltProfileBox .tltMfgs .tltMfgLabel {
  font-size: 16px;
}
.tltProfileBox .tltMfgs .ltlMfgStatus {
  color: #00a4e0;
}
.tltProfileBox .tltMfgs .tltMfgLinkTemplate {
  font-size: 16px;
  font-weight: bold;
  color: #465a64;
  word-break: break-word;
  white-space: normal;
}
.tltProfileBox .tltContact {
  grid-area: tltContact;
  color: #465a64;
}
.tltProfileBox .tltContact .tltContactMeButton {
  display: flex;
  gap: 5px;
  cursor: pointer;
}
.tltProfileBox .tltContact .tltContactMeButton div.expandContacts a:hover {
  color: #ea7034;
}
.tltProfileBox .tltContact .tltContactMeButton a {
  color: #465a64;
}
.tltProfileBox .tltContact .tltContactMeButton div.tltContactIcon i:hover {
  color: #ea7034;
}
.tltProfileBox .tltOfferMentoring {
  color: #ea7034;
  /*margin-top: 10px;*/
}
.tltProfileBox .tltAction {
  grid-area: tltAction;
  display: flex;
  gap: 15px;
  color: #00a4e0;
  justify-content: right;
}
.tltProfileBox .tltAction .tltActionButton {
  display: flex;
  gap: 5px;
  align-self: center;
  cursor: pointer;
}
.tltProfileBox .tltAction .tltActionStatus {
  display: flex;
  gap: 5px;
  align-self: center;
}
.tltProfileBox .tltAction .tltActionButton.tltActionApply {
  color: #ea7034;
}
.tltProfileBox .tltAction .tltActionButton:hover {
  color: #465a64;
}
.tltProfileBox .tltActionLabel {
  font-size: 13px;
}
.tltProfileBox .tltActionButtonProfile {
  grid-area: tltContact;
  display: flex;
  color: #ea7034;
  justify-content: left;
}
.tltProfileBox .tltActionButtonProfile .tltActionButton {
  display: flex;
  gap: 5px;
  cursor: pointer;
  padding-right: 10px;
}
.tltProfileBox .tltActionButtonProfile .tltActionButton.tltActionApply {
  color: #ea7034;
}
.tltProfileBox .tltActionButtonProfile .tltActionButton:hover {
  color: #465a64;
}
.tltActionButtonProfile .tltMentorNone {
  font-size: 18px;
  font-weight: bold;
  color: #465a64;
}
div#gallery {
  min-height: 350px;
}
div.tltContactIcon i {
  align-self: center;
}
.shrinkedContacts {
  max-width: 0;
  min-width: 0;
  transition: min-width 0.6s;
  display: flex;
  height: 20px;
  overflow: hidden;
  flex-direction: row;
  column-gap: 10px;
  padding: 5px 0px 5px 0px;
}
.tltProfileBox .tltContact .tltContactMeButton {
  justify-content: center;
}
div.tltContactIcon {
  display: flex;
  flex-direction: row;
  background-color: white;
}
.tltContactIcon.expand {
  background-color: #ebebeb;
  column-gap: 10px;
  border-radius: 14px;
  padding: 0px 5px;
}
.expandContacts {
  max-width: 50px;
  transition: max-width 0.6s;
  height: 20px;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  padding: 5px 10px 5px 5px;
}
.tltOfferMentoring {
  font-size: 15px;
  font-weight: bold;
  color: #ea733b;
  width: max-content;
}
.tltLookMentore {
  font-size: 15px;
  font-weight: bold;
  color: #00a6c3;
  width: max-content;
}
.offering {
  /* font-size: 15px;
        font-weight: bold;*/
  display: none;
}
span.addnew {
  color: #ea7034;
  font-size: 13px;
  cursor: pointer;
}
span.addnew:hover {
  color: #00a4e0;
}
i.addnew {
  color: #ea7034;
  font-size: 13px;
  cursor: pointer;
}
i.addnew:hover {
  color: #00a4e0;
}
/*contatc me menu*/
/* End Profile Cards */
.eventTime,
.profileCaption {
  font-weight: 700;
  font-size: 15px;
}
.eventTitle {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 5px;
}
div.crmContents div p {
  margin-top: 0px;
}
.dx-drawer-shrink.dx-drawer-opened .dx-drawer-panel-content {
  height: fit-content !important;
}
.audience {
  font-weight: bold;
}