::-webkit-input-placeholder {
  font-size: 16px;
  color: #a9a9a9;
  font-weight: 300;
  padding-right: 25px;
 }
 ::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
  color: #a9a9a9;
  font-weight: 300;
  padding-right: 25px;
 }


 /**
  * Home page fonts
  */
 @font-face {
 font-family: FuturaExtended;
 src: url(./fonts/fonts/FuturaExtended.ttf);
 }
 @font-face {
 font-family: FuturaBold;
 src: url(./fonts/fonts/FuturaBold.TTF);
 }
 @font-face {
 font-family: FuturaLight;
 src: url(./fonts/fonts/FuturaLight.ttf);
 }
 @font-face {
 font-family: Bk;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-Bk.otf);
 }
 @font-face {
 font-family: BkObl;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-BkObl.otf);
 }
 @font-face {
 font-family: Bold;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-Bold.otf);
 }
 @font-face {
 font-family: BoldObl;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-BoldObl.otf);
 }
 @font-face {
 font-family: Demi;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-Demi.otf);
 }
 @font-face {
 font-family: DemiObl;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-DemiObl.otf);
 }
 @font-face {
 font-family: Md;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-Md.otf);
 }@font-face {
 font-family: MdObl;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-MdObl.otf);
 }@font-face {
 font-family: XLt;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-XLt.otf);
 }@font-face {
 font-family: XLtObl;
 src: url(./fonts/fonts/ITC-ITCAvantGardePro-XLtObl.otf);
 }

 div.form div.success input, div.form div.success textarea, div.form div.success select, div.form input.success, div.form textarea.success, div.form select.success {
     border-color: #E1E5E2 !important;
 }
 .btn-round,
 .notify-invitations img {
     border-radius: 50px !important;
 }
 .text-orange {
     color: #F38029;
 }
 .text-green {
     color: #50d26c !important;
 }
 .section-employee,
 .section-company-photo,
 .section-company-profile,
 .recommend-company {
     padding: 0px !important;
 }
 .sec-pad-top-bottom {
     padding: 60px 0px !important;
 }
 .display-inline {
     display: inline-block;
     vertical-align: middle;
     float: none !important;
 }
 .display-block {
     display: block !important;
 }
 .no-border {
     border: 0px !important;
     box-shadow: none !important;
 }
 .grey-text {
     color: #4a4a4a;
 }
 .user-meta-wrapper .image a {
     border-radius: 50%;
     width: 160px;
     height: 160px;
     display: block;
     overflow: hidden;
 }

 .visit-share-url {
   margin-right: 20px;
   display: flex;
   align-items: center;
 }

 .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range {
   background-color: #f38029;
 }

 @media (max-width: 767px) {
    .user-meta-wrapper {
      display: flex!important;
      width: 100vw;
      flex-wrap: wrap;
    }

    .card-data-mobile {
      flex-direction: column;
    }

    .custom-lunch-wrapper {
      padding-right: 0!important;
    }

    .my-calendar-dates {
      flex-direction: column;
    }

    .request-lunch-modal {
      width: 95%!important;
    }

    .visit-share-row {
      flex-direction: column;
      margin-bottom: 30px;
      margin-top: 10px;
      justify-content: center;
      align-items: center;
    }

    .visit-share-url {
      margin-right: 0;
      margin-bottom: 20px;
      margin-top: 20px;
    }

    .map-selection-card {
      width: 90%!important;
      margin-right: 0!important;
    }

    .custom-searchbox {
      margin-top: 15px;
    }

    #custom-expertise-dialog {
      width: 90%!important;
    }

    #custom-expertise-dialog.ui-dialog .ui-dialog-title  {
      width: unset!important
    }

    #onboarding-step-button {
      font-size: 13px;
    }

    #vip-buttons-action {
      margin-left: 20px!important;
    }

    #expertise-buttons {
      width: 55%!important;
    }

    .reactEasyCrop_Container, .slider-crop-container {
      width: 80%!important;
    }

    #top_area {
      margin-bottom: 0px;
    }

    .custom-searchbox #searchBox-findButton {
      margin-top: 20px;
    }

    .manage-request-table-row {
      display: none;
      visibility: hidden;
    }

    .user-info-wrapper tbody::-webkit-scrollbar, .message-group::-webkit-scrollbar {
      width: 0px;
      background-color: #fff;
  }

  .section-upcoming-wrapper .date {
    width: 50%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-bottom: 50px!important;
    margin-top: 10px;
  }

  .content-img-wrp {
    padding: 0 20px!important;
  }


  .manage-user-title {
    border-left: 0.7px solid rgba(151,151,151,0.54)!important;
  }

  #top_area {
    border-bottom: 0px;
  }

  .col-md-5.section-lunch-right {
      width: unset!important;
  }
  #add-discussion #discussion-new-message-button {
    position: absolute!important;
    bottom: 0;
  }

    div.title-group h2 {
      font-size: 18px!important;
      display: flex;
      align-items: center;
    }

    div.title-group h4 {
      font-size: 12px!important;
    }

    #profile-container .sidebar.col-md-4 {
      width: 100%!important;
    }

    #profile-container .main-content.col-md-8 {
      width: 100%!important;
    }

    .no-border.full-width-bg.section-company-profile .company-details {
      padding-left: 0px!important;
    }

    .section-company-profile .btn-group {
      align-items: center!important;
      bottom: 0!important;
    }

    .create-button .button-wrapper {
      float: none!important;
      margin-top: 20px!important;
    }
 }

 .tooltip-custom-btn {
  color: #fff;
  background-color: rgb(80, 210, 108);
  border: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 8px;
  -webkit-appearance: none;
 }


 .tooltip-custom-btn-secondary {
  color: rgb(80, 210, 108);
  background-color: #fff;
  border: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 8px;
  -webkit-appearance: none;
 }


 .pad-top-bottom-5 {
     padding-top: 5px;
     padding-bottom: 5px;
 }
 .pad-top-bottom-20 {
     padding-top: 20px;
     padding-bottom: 20px;
 }
 .pad-bottom-30 {
     padding-bottom: 30px;
 }
 .pad-30 {
     padding-left: 30px;
     padding-right: 30px;
 }
 .fs-14 {
     font-size: 14px;
 }
 .fs-16 {
     font-size: 16px;
 }
 .fs-18 {
     font-size: 18px;
 }
 .fs-20 {
     font-size: 20px;
 }
 .fs-22 {
     font-size: 22px;
 }
 .fs-24 {
     font-size: 24px !important;
 }
 .text-italic {
     font-style: italic;
 }
 .text-center {
     text-align: center;
 }
 .text-upper {
     text-transform: uppercase;
 }
 .pad-top-16 {
     padding-top: 16px;
 }
 .notify-messages img {
     border-radius: 50px;
 }

 .top-50 {
     margin-top: 50px;
 }
 img {
     max-width: 100%;
     height: auto;
 }
 ul.sf-menu > li#lunches-dropdown {
     padding-left: 5px;
     padding-right: 15px;
 }
 ul.sf-menu > li#lunches-dropdown a {
     padding: 0;
     cursor: pointer;

    }
 ul.sf-menu > li#lunches-dropdown p {
     margin: 5px 0;
 }
 ul.sf-menu > li#lunches-dropdown > ul {
     margin-left: -60px;
     margin-top: -10px !important;
 }
 .person a {
   padding: 4px;
 }
 .user-info-wrapper h4,
 .profile-wrapper .multi-file {
     margin-top: 20px;
 }
 .profile-wrapper .text + .textarea textarea {
     width: 80%;
 }
 .profile-wrapper .text + .textarea + .textarea textarea {
     min-height: 140px !important;
 }
 #TblUserWork_interest {
     min-height: 209px;
 }
 #profile-container {
     margin-top: 35px;
 }
 #profile-container .main-content.col-md-8 {
     width: 63.66%;
 }
 #profile-container .sidebar.col-md-4 {
     width: 36.33%;
 }
 .info-wrapper h4,
 .user-info-wrapper h4,
 .profile-wrapper h4,
 .title-label {
     font-size: 18px !important;
     margin-bottom: 5px;
     margin-top: 10px;
     font-weight: 400 !important;
     color: #1b1b1b;
 }
 .company-title a {
   color: #111;
 }
 .company-form-wrapper .column.left {
     width: 32%;
     margin-right: 10%;
 }
 .company-form-wrapper .column.right {
     width: 53%;
 }
 .letslunch-button.new {
     color: #6ddc84 !important;
     background: white;
     border: 2px solid #6ddc84 !important;
 }
 .letslunch-button.green {
   font-size: 12px !important;
     padding: 4px 15px !important;
     background: #6cdc84;
     border: #6cdc84;
     text-shadow: none;
     color: #fff !important;
     text-transform: uppercase;
 }
 .person img {
     max-width: 40px !important;
     max-height: 40px !important;
     border-radius: 50%;
 }
 .group-top {
   float: left;
     width: 100%;
 }
 .company-info,
 .group-info,
 .group-top,
 .recommend-company .col-md-6 {
     padding-bottom: 55px;
 }
 .company-info img,
 .group-info img,
 .group-top img {
     width: 100%;
     height: 220px;
 }
 span.count-0 {
     display: none;
 }
 .group-title a {
     color: #909090;
     font-size: 20px;
 }
 .company-bio {
     float: left;
     overflow: hidden;
     padding: 5px 15px 5px 30px;
     width: 53.8%;
     position: relative;
     min-height: 194px;
 }
 .company-image {
     float: left;
     width: 45%;
     overflow: hidden;
 }
 .company-image img {
     cursor: pointer;
     float: left;
     max-width: 122.9%;
 }

 .no-upcoming-content-right .follow-wrapper {
     display: inline-block;
 }
 .no-upcoming-content-right .follow-wrapper a {
     width: 320px;
     line-height: 40px;
     font-size: 22px;
 }
 .company-buttons {
   position: absolute;
     bottom: 5px;
     float: left;
 }
 .share-btn-wrapper {
     display: inline-block;
     position: relative;
 }
 .share-btn-wrapper .way2blogging-social {
     position: absolute;
     left: -1px;
     top: -40px;
     padding: 7px 0;
     width: 240px;
 }
 .share-btn-wrapper:hover .way2blogging-social {
     display: block !important;
 }
 .notification-icon {
     position: relative;
   text-align: center;
 }
 .image-center {
   text-align: center;
 }
 .messages-link {
   float: left;
   padding: 0 15px;
   text-align: center;
 }
 .tab-nav > ul {
   list-style-type: none;
   padding-left: 0px;
   border: none !important;
 }
 .tab-nav > ul li {
   display: inline-block;
     padding: 0px 15px !important;
     background: transparent;
     color: transparent;
 }



 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
   background: #fff !important;
     color: transparent !important;
 }
 .tab-nav > ul li:first-child {
   padding-left: 0px !important;
 }
 .tab-nav > ul li a,.tab-nav > ul li button  {
   color: #000;
     font-size: 18px;
     padding: 0px 0px 14px 0px !important;
 }

 .tab-nav > ul.settings-tab li button {
  border: none;
  outline: inherit;
  text-align: center;
  padding-top: 4px !important;
  font-weight: 800;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.tab-nav > ul.user-tab li button {
  border: none;
  outline: inherit;
  text-align: center;
  font-weight: 800;
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-color: transparent;
}
 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
     font-weight: 700;
     transition: all .2s ease-in-out;
 }
 .nav-tabs>li.ui-state-active>a,
 .nav-tabs>li.ui-state-active>a:focus,
 .nav-tabs>li.ui-state-active>a:hover,
 .tab-menu a.active, .settings-tab button.active,.user-tab button.active   {
     color: #f38029 !important;
     border-bottom: 3px solid #f38029 !important;
     font-weight: 800!important;
 }

 .tab-content>.tab-pane {
     display: none
 }
 .tab-content>.active {
     display: block
 }
 .proflie-wrapper p,
 .proflie-wrapper label {
     color: #676767;
 }
 .profile-wrapper p {
     margin-bottom: 0px;
     font-size: 16px;
 }
 .profile-wrapper label {
     display: inline-block !important;
     font-size: 18px;
     font-weight: normal !important;
 }
 .profile-wrapper .error #TblWork_shorturl {
     border: 1px solid #db594b !important;
 }
 .profile-wrapper #TblWork_shorturl {
     display: inline-block;
     width: auto;
     border: 1px solid #ddd !important;
     padding: 10px !important;
     margin-top: 18px;
 }
 .qq-upload-button,
 .qq-upload-button-hover {
     background: #50d26c;
 }
 .login-signup input:focus {
     border: 1px solid #4285F4;
 }
 .login-signup input {
     width: 100%;
 }


 .profile-wrapper .agree {
     margin-top: 15px;
 }
 .profile-wrapper .agree label {
     width: 90%;
     vertical-align: text-top;
     cursor: pointer;
     padding-top: 3px;
 }
 .profile-wrapper .agree input[type='checkbox'] {
     display: inline-block !important;
 }
 form .company-form-field-wrap {
     position: relative;
     overflow: hidden;
 }
 form .company-form-field-wrap input + label {
     font-size: 16px;
     color: #a9a9a9 !important;
     padding: 9px 10px 5px 10px;
     border: 1px solid #E1E5E2;
 }
 form .company-form-field-wrap input[value] + label,
 form .company-form-field-wrap input:focus + label {
     text-indent: -9999px;
     opacity: 0px;
     overflow: hidden;
 }
 form .company-form-field-wrap input + label,
 form .company-form-field-wrap input:focus + label,
 form .company-form-field-wrap input:active + label,
 form .company-form-field-wrap input[value] + label {
     position: absolute;
     top: 8px;
     left: 0px;
     z-index: -1;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     width: 100%;
     height: 46px;
     border-radius: 4px;
 }

 form .company-form-field-wrap .error label, form .company-form-field-wrap .error input[value] + label, div.form div.error label, div.form label.error, div.form span.error {
     border-color: #db594b !important;
 }
 form .company-form-field-wrap input:focus + label,
 form .company-form-field-wrap input:active + label,
 form .company-form-field-wrap input[value] + label {
     font-size: 10px;
     background-clip: border-box;
     padding: 3px 10px 5px 10px;
     font-weight: normal;
 }
 form .company-form-field-wrap input:focus + label,
 form .company-form-field-wrap input:active + label {
   color: #4285F4 !important;
   border: 1px solid #4285F4;
 }
 form .company-form-field-wrap input {
     padding: 0px 10px 0px 10px !important;
     height: 48px;
     border: none !important;
     width: 100%;
 }
 form .company-form-field-wrap .time-range-seperator {
   float: left;
   font-size: 16px;
   line-height: 48px;
   padding: 5px 15px;
 }

p.recover-input-title {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
  }

 .profile-wrapper .company-url {
     display: inline-block;
     margin-left: 10px;
     vertical-align: middle;
     min-height: 90px;
 }
 .image-preview .image-wrapper {
     display: inline-block;
     position: relative;
     margin: 6px;
     border-radius: 3px;
 }
 .image-preview .image-wrapper span.close {
     position: absolute;
     top: 5px;
     right: 5px;
     background: url(/images/close-2.png) #50d26c no-repeat;
     content: '';
     background-size: 40%;
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background-position: 50% 49%;
     cursor: pointer;
 }
 .image-preview .image-wrapper img {
     width: 105px;
     height: 70px;
     cursor: move;
 }
 .MultiFile-wrap,
 .MultiFile-wrap input[type="file"] {
     display: none;
 }
 .profile-wrapper .custom-file-upload {
   margin: 10px 5px 10px 5px !important;
   font-weight: 700 !important;
   font-size: 16px !important;
 }
 .page-title-right h2 {
     font-weight: bold;
     font-size: 18px;
     margin-bottom: 1px !important;
 }
 div.form {
  float: left;
  width: 100%;
 }
 .ui-menu {
     list-style: none;
     padding: 15px;
 }
 .section-company-profile .company-name a {
     font-weight: 700;
     font-size: 36px;
     color: #1b1b1b;
 }
 .section-company-profile .company-name,
 .section-communities .title-large {
     font-size: 48px;
     color: #1b1b1b;
 }
 .section-company-profile .company-tag {
     font-size: 24px;
     font-weight: 300 !important;
     margin-bottom: 20px;
 }
 .company-profile-page .company-description {
     font-weight: 300 !important;
 }
 .section-company-profile .company-description {
     font-size: 18px;
     font-weight: 400;
     line-height: 34px;
 }
 .section-company-profile .company-images img:nth-child(2),
 .section-company-profile .company-images img:nth-child(3) {
     width: 49.4%;
 }
 .section-company-profile .company-images img:nth-child(2) {
     float: left;
 }
 .section-company-profile .company-images img:nth-child(3) {
     float: right;
 }
 .section-company-profile .company-images img:nth-child(4),
 .section-company-profile .company-images img:nth-child(5) {
     display: none;
 }
 .section-company-photo .company-photo-title {
     margin-bottom: 20px;
 }
 .section-company-photo .padding-group,
 .section-employee .followers .padding-group,
 .section-employee .employee .padding-group {
     padding: 30px;
     border: 0.7px solid rgba(208, 208, 208, 0.54);
     border-radius: 4px;
     box-shadow: 1px 2px 8px 0 rgba(125,125,125,0.13);
 }
 .section-employee .followers .padding-group,
 .section-employee .employee .padding-group {
     width: 100%;
 }


 .section-company-profile .btn-share,
 .tblWork .section-company-profile .follow-wrapper a {
     width: 100%;
     font-size: 18px;
 }
 .section-company-profile .btn-follow {
     width: 55%;
     margin-left: 9%;
 }
 .section-upcoming-wrapper {
     float: left;
     width: 100%;
 }
 .section-upcoming-wrapper .no-upcoming-lunch {
     width: 80%;
     margin: 0 auto;
     padding: 20px 40px 0px;
 }
 .section-upcoming-wrapper .no-upcoming-content-left {
     display: inline-block;
     width: 60%;
     vertical-align: middle;
 }
 .section-upcoming-wrapper .no-upcoming-content-left .title-large {
     margin-bottom: 10px;
 }
 .section-upcoming-wrapper .title {
     font-weight: 600;
     font-size: 24px;
 }
 .section-upcoming-wrapper .no-upcoming-lunch-body {
     font-size: 18px;
     font-style: italic;
     width: 71%;
 }
 .section-upcoming-wrapper .no-upcoming-content-right {
     display: inline-block;
     text-align: center;
     width: 39%;
     vertical-align: middle;
 }
 .section-upcoming-wrapper .no-upcoming-content-right .letslunch-button.orange,
 .section-upcoming-wrapper .title-large .letslunch-button.orange {
     width: 320px;
     line-height: 40px;
     font-size: 22px;
     text-transform: capitalize;
 }
 .section-upcoming-wrapper .title-large .letslunch-button.orange {
   float: right;
   font-size: 18px;
   width: 300px;
   margin-top: -10px;
 }
 div#masonry {
     -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
 /*    -moz-column-gap: 20px;
     -webkit-column-gap: 20px;
     column-gap: 20px;*/
     -moz-column-fill: initial;
     -webkit-column-fill: initial;
     column-fill: initial;
         -moz-column-count: 3;
     -webkit-column-count: 3;
     column-count: 3;
 }
   div#masonry img {
     max-width: 100%;
     vertical-align: bottom;
     padding-bottom: 20px;
     padding: 3px;
   }
 .user hr.line-sep,
 .lunch .tab-menu + hr.line-sep {
     position: absolute;
     top: 146px;
     width: 100%;
     left: 0px;
     background: #E6E9E7;
 }
 .lunch .tab-menu + hr.line-sep {
     display: block;
     z-index: -1;
 }
 hr.line-sep + .admin-menu {
     margin-top: 15px;
     margin-right: 15px;
     margin-bottom: 15px;
 }
 .lunch hr.line-sep {
     display: none;
 }
 .lunch .section-lunch-wrapper,
 .lunch .manage-request-wrapper {
     margin-top: 35px;
 }
 .tab-menu > a {
     color: #222;
     font-size: 20px;
     padding: 4px 0px 12px 0px !important;
     margin-right: 30px;
     display: inline-block;
 }
 .ajax-loading-gif {
     display: none;
 }
 .section-lunch-left p {
     line-height: 32px;
 }

 .section-lunch-right .padding-group .organizer-wrapper,
 .section-lunch-right .padding-group .calendar-wrapper,
 .section-lunch-right .padding-group .guest-wrapper,
 .section-lunch-right .padding-group .address-wrapper,
 .boxed-content,
 .comment-wrapper {
     padding: 15px;
     margin-bottom: 20px;
     box-shadow: 1px 2px 8px 0 rgba(125,125,125,0.13);
     border: 0.7px solid rgba(220, 220, 220, 0.54);
 }

 .boxed-content > .title-large {
     margin-bottom: 20px;
     margin-top: 10px;
     text-transform: capitalize;
     font-size: 26px;
 }
 .title-small {
     font-size: 24px;
 }
 .title-group .title-large {
     padding-top: 13px;
 }
 .title-group {
     margin-bottom: 20px;
 }
 .title-large {
     font-weight: 600;
     font-size: 26px;
     margin-bottom: 5px;
 }
 .profile-image.circle,
 .guest-images img,
 .follow-image img,
 .employee-wrapper .column a img {
     border-radius: 50%;
     width: 100px;
     height: 100px;
 }
 .slick-prev:before, .slick-next:before {
     color: #f38029;
 }
 .group-right-block h4 {
     color: #6FBF80;
     text-transform: uppercase;
     font-weight: bold;
     margin-top: 15px;
     margin-bottom: 10px;
 }
 .group-right-block span {
     font-size: 20px;
     font-weight: 600;
     display: block;
 }
 .guest-row .col-md-4 {
     padding: 10px;
 }
 .section-lunch-wrapper > .col-md-12,
 .section-employee,
 .section-company-profile {
     padding: 0;
 }
 .section-employee .followers .share-btn-wrapper {
     display: block;
 }
 .section-employee .followers .share-btn-wrapper .btn-outline {
     display: block;
     width: 100%;
     text-align: center;
 }

 .lunch-action-wrapper a {
     margin: 5px;
 }
 .message-group img.responsive {
     border-radius: 50%;
 }
 .employee-wrapper .column a {
     text-align: center;
     float: left;
     padding: 6px;
 }
 .follower-wrapper .follow-image {
     padding: 6px;
 }
 .title-slanting {
     font-size: 20px;
     font-weight: 300;
     font-style: italic;
     float: left;
     width: 100%;
     margin-bottom: 30px;
 }
 .footer-list li {
     line-height: 26px;
 }
 .footer-list .title {
     margin-bottom: 7px;
     text-transform: uppercase;
     font-weight: 600 !important;
     font-size: 16px !important;
 }
 .lunch #footer {
     margin-top: 0px;
 }
 #footer a,
 #footer p,
 #footer .title {
     color: #7C7C7C;
 }
 #footer .col-md-2,
 #footer .col-md-3 {
     padding: 0px;
 }
 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
     border: none;
     background: #fafafa;
 }
 .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
     margin: 0px;
 }
 .ui-menu li.category {
     clear: both;
     padding-top: 15px;
     padding-bottom: 5px;
 }
 .ui-menu-item .autosuggest-table img {
     border-radius: 50%;
     width: 35px;
     height: 35px;
 }
 .meta-data {
     padding: 20px 0px 0px;
     text-transform: uppercase;
 }
 .meta-data span {
     font-size: 14px;
     padding-right: 35px;
     font-weight: 100;
 }
 .info-wrapper .padding-group {
     min-height: 24em;
 }
 .lunch-wrapper,
 .group-company-parent  {
     min-height: 24em;
     padding: 15px 0;
 }

 .section-upcoming-wrapper > h3.title-large {
     padding-bottom: 50px;
 }
 .section-upcoming-wrapper .date {
     border: 0.7px solid rgba(208, 208, 208, 0.54);
     border-radius: 4px;
     box-shadow: 1px 2px 8px 0 rgba(125,125,125,0.13);
     width: 22%;
     margin-right: 2.33%;
     margin-left: 1.33%;
 }
 .section-upcoming-wrapper .up-day {
     text-transform: uppercase;
     padding-top: 7px;
 }
 .section-upcoming-wrapper .up-month {
     color: #0D1017;
     font-weight: 600;
     font-size: 18px;
     margin-bottom: 0px !important;
 }
 .section-upcoming-wrapper .up-date {
     font-weight: 800;
     font-size: 54px;
     margin-top: -10px;
     margin-bottom: -6px;
     letter-spacing: -2px;
 }
 .section-upcoming-wrapper .info-wrapper .padding-group {
     border: 0.7px solid rgba(208, 208, 208, 0.54);
     border-radius: 4px;
     box-shadow: 1px 2px 8px 0 rgba(125,125,125,0.13);
     float: left;
     width: 100%;
     overflow: hidden;
 }
 .section-upcoming-wrapper .info-wrapper .padding-group:before {
     content: '';
     position: absolute;
     background: #6ddc84;
     left: 16px;
     height: 45%;
     width: 7px;
     top: 0px;
     border-top-left-radius: 4px;
 }
 .section-upcoming-wrapper .info-wrapper .image img {
     vertical-align: middle;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 .section-upcoming-wrapper .info-wrapper .image {
     padding: 0px;
 }
 .section-upcoming-wrapper .info-wrapper .desc {
     padding: 20px 50px;
 }
 .section-upcoming-wrapper .info-wrapper .desc .title-large {
     font-size: 26px;
     color: #111;
     display: block;
 }
 .section-upcoming-wrapper .up-tag {
     font-size: 22px;
     font-weight: 400;
     color: #6FBF80;
 }
 .section-upcoming-wrapper .up-timeandplace {
     padding-top: 5px;
     padding-bottom: 10px;
 }
 .section-upcoming-wrapper .up-timeandplace p {
     font-size: 16px;
     font-weight: 200;
     color: #4a4a4a;
 }
 .section-company-profile,
 .available-people-wrapper {
     border: 0.7px solid rgba(208, 208, 208, 0.54);
     border-radius: 4px;
     box-shadow: 1px 2px 8px 0 rgba(125,125,125,0.13);
     margin-top: 30px;
 }
 .section-company-profile .company-images img {
     vertical-align: middle;
     padding: 10px;
 }
 .rec-title {
     position: absolute;
     bottom: 0;
     background: #fff;
     text-align: center;
     width: 70%;
     padding: 18px;
     border: 1px solid #ddd;
     transform: translate(15%, -20px);
     font-weight: 400;
 }
 .ui-tabs .ui-tabs-nav {
     margin-bottom: 0px !important;
 }
 .company .recommend-company {
     margin-bottom: -35px;
     margin-top: 50px;
 }
 .no-border.full-width-bg.section-company-profile .company-details {
     padding-left: 40px;
     text-align: center;
 }
 .no-border .follow-wrapper {
     width: 215px;
     padding-right: 10px;
 }
 .no-border.section-company-profile.col-md-12 {
     position: relative;
     border-radius: 0px;
     margin-top: 0px;
     padding: 50px 0px !important;
 }
 .section-communities .group-description {
     color: #656565;
     font-weight: 400;
 }
 .load-more {
     text-align: center;
     width: 330px;
     border-radius: 50px !important;
     margin: 20px auto !important;
     display: block !important;
 }
 .available-people-wrapper {
     padding: 30px 15px;
 }
 .available-people-wrapper .image-wrapper img {
     border-radius: 50%;
     width: 153px;
     height: 153px;
 }
 .list {
     margin: 5px 0px;
 }
 .list i {
     font-size: 20px;
     vertical-align: sub;
     width: 30px;
     text-align: center;
     padding-right: 10px;
 }
 .overview-block .block-title.upcoming-lunches {
     display: none;
 }
 .admin-menu {
     float: right;
     margin-bottom: -15px;
 }
 .admin-menu a {
     color: #1B1B1B;
     padding-left: 5px;
     font-size: 16px;
     font-weight: 600;
 }
 .ui-dialog .ui-dialog-title {
     font-size: 18px;
 }
 .ui-widget-header {
     background: transparent;
     border: none;
 }
 .ui-dialog .ui-dialog-content {
     padding: 25px;
     padding-top: 5px;
 }
 #add-employee-message {
     float: left;
     width: 100%;
     margin-top: 25px;
 }
 .sf-menu li:hover ul:before, .sf-menu li.sfHover ul:before {
         content: '';
     display: block;
     position: absolute;
     top: -8px;
     left: 45%;
     width: 14px;
     height: 14px;
     background: #fdfdfd;
     border-right: 1px solid rgba(193,193,193,0.81);
     border-bottom: 1px solid rgba(193,193,193,0.81);
     -moz-transform: rotate(-45deg);
     -webkit-transform: rotate(-135deg)
 }
 ul.sf-menu li > ul {
     background: #fff;
     border: 1px solid #D9D9D9;
 }
 .sf-menu li:hover ul, .sf-menu li.sfHover ul {
     top: 5em;
 }
 .company-description-group {
     padding-bottom: 70px;
 }
 .section-company-profile .btn-group {
     position: absolute;
     width: 95%;
     bottom: 20px;
     left: 0;
     justify-content: center;
     display: flex;
 }
 .section-company-profile .btn-group .join-group {
     width: 290px;
     margin-left: 10px;
 }
 .section-company-profile .btn-group .follow-wrapper a {
     width: 100%;
     font-size: 18px;
 }
 .ui-dialog {
     width: 600px;
     border-radius: 8px;
     padding: 0px;
     border: 1px solid #E9E9E9;
     box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
 }
 .ui-draggable .ui-dialog-titlebar {
     text-align: center;
     background: #f8f8f8;
     border-radius: 0px;
     border-bottom: 1px solid #E9E9E9;
     padding: 15px;
     font-weight: 600;
 }
 .ui-dialog .ui-dialog-title {
     margin-right: 0px;
     font-size: 24px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 500px;
     padding: 5px 0px 5px 35px;
 }
 .ui-dialog.ui-widget input, .ui-dialog.ui-widget select, .ui-dialog.ui-widget textarea, .ui-dialog.ui-widget button {
     font-family: 'Nunito Sans', sans-serif;
     width: 100%;
 }
 .ui-dialog-content form {
     padding: 10px 40px;
 }
 #lunchdialog form .row textarea,
 #group-suggestions-form .row textarea {
     min-height: 265px;
 }
 .ui-dialog .ui-dialog-titlebar-close span {
     display: none;
 }
 .ui-dialog .ui-dialog-titlebar-close:before {
     content: "Cancel";
     position: relative;
     right: 20px;
     top: 0px;
     display: block;
     font-weight: 600;
     font-size: 17px;
     color: #50d26c;
 }
 .ui-dialog-titlebar-close.ui-state-hover {
     font-weight: 600;
 }
 .ui-dialog .ui-dialog-titlebar-close {
     width: auto;
     height: auto;
     top: 45%;
 }
 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
     padding: 1px;
 }
 #lunch-event-title-action {
     display: inline;
 }
 #lunch-event-title-action a {
     display: block;
     margin-top: -3px;
     margin-right: 15px;
 }
 .group-wrapper > .image {
     margin-top: 30px;
     margin-bottom: 15px;
 }
 .create-button .button-wrapper {
     width: 300px;
     float: right;
 }
 #remaining-text-tag-line {
     right: 22% !important;
 }
 #remaining-text-count,
 #remaining-text-tag-line {
     color: rgba(0,0,0,0.34);
     font-size: 20px;
     font-weight: 600;
     position: absolute;
     bottom: 25px;
     right: 15px;
 }
 .company-description-form-group,
 .company-tagline-form-group {
     position: relative;
     padding-bottom: 10px;
 }
 .company-description-form-group .errorMessage,
 .company-tagline-form-group .errorMessage {
     position: absolute;
     bottom: -3px;
 }
 #group-lunch-form-create-form .lunch-date-wrapper .select-wrapper {
   width: 160px;
   float: left;
 }
 #group-lunch-form-create-form .column.right .row.buttons {
   margin-top: 40px;
 }
 #group-lunch-form-create-form .column.right .row.buttons input {
   min-width: 280px;
   margin-right: 30px;
 }
 .section-lunch-left .title-large,
 .section-lunch-right .title-large {
     font-size: 28px;
 }
 .section-lunch-right .title-group a {
     width: 175px;
 }
 .section-lunch-right .user-follow-wrapper a {
     float: right;
     text-align: center;
 }
 .calendar-wrapper .title-group {
     margin-bottom: 0px;
 }
 .col-md-7.section-lunch-left {
     width: 61.333333%;
 }
 .col-md-5.section-lunch-right {
     width: 38.666667%;
 }

 .company-create-page-wrapper .row.buttons {
   margin-top: 20px;
 }
 .signup {
     margin-top: -8px;
 }
 .login {
     font-weight: bold;
     color: #f38029;
     font-size: 16px;
 }
 .medium.wide input {
     width: 100%;
 }
 .company-tag {
     position: relative;
 }
 .sf-menu ul li a {
     font-size: 14px;
 }
 .sf-menu #lunches-dropdown ul li:not(.company-lunch-manage-guestlist):not(.hr):not(#company-lunch-create-link) {
     margin-top: 10px;
     line-height: 18px;
 }
 .sf-menu ul li.company-lunch-manage-guestlist a {
     font-size: 12px;
 }
 .company-lunch-manage-guestlist .manage-guest-list {
     font-weight: bold;
     padding-bottom: 7px;
     display: block;
     font-size: 12px;
 }

 #nav #triggerAlertBoxContainer + .sf-menu > li {
     padding-bottom: 15px;
     min-height: 63px;
 }
 #login-form-login-form span.required,
 #forgotpassword-form-forgotpassword-form span.required,
 #group-lunch-form-create-form span.required {
     display: none;
 }
 .sf-menu ul li#company-create-link a,
 .sf-menu ul li#company-lunch-create-link a {
     /*font-weight: bold;*/
 }
 .faq-content {
     display: block !important;
 }
 .faq-content,
 .job-content {
    padding-left: 15px;
    padding-top: 5px;
 }

 .job-content {
    overflow: hidden;
    transition: all .7s;
 }
 .faq-group,
 .job-group {
     list-style: none;
     padding-left: 0px;
     background-color: rgba(166,166,166,0.06);
     position: relative;
 }
 .faq-group:before,
 .faq-group:after,
 .job-group:before,
 .job-group:after {
     background-color: rgba(166,166,166,0.06);
 }
 .orange {
     color: #f38029;
 }
 li.faq-list-items,
 li.job-list-items {
     border-bottom: 1px solid #f2f2f2;
     padding: 25px 0px 25px 0px;
 }

 li.faq-list-items:last-child,
 li.job-list-items:last-child {
     border-bottom: 0px;
 }

 .job-list-items button {
    border:none;
    background: none;
    outline: inherit;
 }
 .faq-group .faq-title,
 .job-group .job-title {
     cursor: pointer;
     color: #7C7C7C;
     font-size: 22px;
     margin-bottom: 0px;
 }
 .faq-title .iconangle-down,
 .job-title .iconangle-down {
     padding-left: 10px;
     font-size: 31px;
     vertical-align: text-top;
 }
 .faq-page-title-group h1,
 .job-page-title-group h1 {
     color: #50d26c;
     font-size: 50px;
     padding-top: 40px;
     margin-bottom: 7px;
     font-weight: 400;
 }
 .faq-page-title-group h2 {
     font-size: 32px;
     margin-bottom: 25px;
 }
 .job-page-title-group h2 {
     font-size: 32px;
 }
 .job-page-title-group p {
     font-weight: 600;
     color: #7C7C7C;
     margin-bottom: 15px;
     font-size: 18px;
 }
 .job-page-title-group p:last-child {
     margin-bottom: 45px;
 }
 .job-content strong,
 .job-content ul {
     font-size: 16px;
 }
 .faq-content strong,
 .faq-content ul,
 .faq-content p,
 .job-content strong,
 .job-content ul,
 .job-content p {
     color: #7C7C7C;
     font-weight: 400;
 }
 .job-content ul {
     font-weight: 300;
     padding-top: 5px;
 }
 .note {
     font-style: italic;
     font-size: 14px;
 }
 .about-page-title {
     color: #fff;
     font-size: 50px;
     padding-top: 295px;
     margin-bottom: 7px;
     font-weight: 700;
     padding-bottom: 50px;
 }
 .employers-page-title {
     font-family: bold;
     font-size: 44px;
     line-height: 65px;
     padding: 280px 0px 0px;
     text-shadow: -1px 1px 6px #fff;
 }
 .employers-banner .container {
     padding: 0px 15px;
 }
 .employers-banner .btn-fill,
 .orange-bg .btn-fill {
     width: 244px;
     font-family: bold;
     letter-spacing: 1px;
 }
 .em-fb {
     margin-left: 0px !important;
 }
 .em-fb,
 .em-go,
 .em-dp,
 .em-sq {
     width: 53px;
     height: 53px;
     background-size: 100% !important;
     display: inline-block;
     margin: 55px 15px;
 }
 .em-fb {
     background: url(/images/employers/facebook.png) no-repeat;
 }
 .em-go {
     background: url(/images/employers/google.png) no-repeat;
 }
 .em-dp {
     background: url(/images/employers/dropbox.png) no-repeat;
 }
 .em-sq {
     background: url(/images/employers/square.png) no-repeat;
 }

 .static-about #top_area + .container,
 .static-employers #top_area + .container, .container-employers {
     width: 100% !important;
     padding: 0px !important;
 }
 .static-about #top_area + .container #content,
 .static-employers #top_area + .container #content, #about-content, #content-employers {
     padding: 0px !important;
 }
 .about-banner {
     background: url(/images/about/about-banner.png) no-repeat;
     background-size: cover;
     margin-top: -15px;
 }
 .employers-banner {
     background: url(/images/employers/employers-banner.jpg) no-repeat;
     background-size: cover;
     margin-top: -15px;
 }
 .about-left h2 {
     font-weight: bold;
     font-style: italic;
     color: #5D5D5D;
     font-size: 29px;
 }
 .about-group {
     padding-top: 50px;
 }
 .about-right  {
     padding-left: 40px;
 }
 .about-right h2 {
     font-weight: 800;
     font-size: 30px;
     line-height: 36px;
 }
 .about-right p {
     color: #333;
     font-weight: 600;
     font-size: 18px;
 }
 .our-team-title {
     margin-top: 50px;
     color: #353535;
     font-size: 50px;
     margin-bottom: 50px;
     font-weight: 700;
 }
 .team-profile {
     display: inline-block;
     max-width: 315px;
     vertical-align: top;
     padding: 10px 65px;
 }
 .our-team-group {
     -webkit-box-align: start !important;
     -webkit-align-items: start !important;
     -ms-flex-align: start !important;
     align-items: start !important;
 }
 .team-profile h3 {
     padding-top: 10px;
     margin-bottom: 12px;
     color: #5D5D5D;
     font-weight: 600;
     line-height: 26px;
 }
 .team-profile h3 strong {
     font-weight: 800;
 }
 .team-profile .social-share img {
     width: 38px;
     height: 38px;
     margin-top: 12px;
     vertical-align: middle;
     margin-right: 5px;
 }
 .join-us-section .col-md-4 {
     padding: 100px 40px 40px 40px;
 }
 .join-us-section h2 {
     font-size: 28px;
     font-weight: 700;
 }
 .join-us-section p {
     font-size: 18px;
     font-weight: 600;
     min-height: 125px;
     color: #333333;
 }
 .lunch-desc-parent {
     width: 100% !important;
 }
 .show-password {
     position: relative;
     text-align: right!important;
     font-weight: 600 !important;

    }
 .show-password button#show-toggle-password {
     color: #50d26c;
     cursor: pointer;
     font-size: 14px;
     border: none;
     background: none;
     font-weight: 600 !important;
     outline: inherit;
 }
 .page-title-group h2.page-title, .page-title-group h1.page-title {
     display: inline-block;
     vertical-align: baseline;
     font-size: 36px;
     margin-top: 20px;
     color: #50d26c;
     line-height: 36px;
 }
 .page-title-forgot-password {
     font-size: 36px;
     margin-top: 20px;
     color: #4a4a4aba;
     line-height: 36px;
 }
 .page-title-group .page-title a {
     color: #4a4a4aba;
 }
 #register-form-register-form .btn-fill,
 #login-form-login-form .btn-fill,
 #forgotpassword-form-forgotpassword-form .btn-fill {
     padding: 8px 26px;
     font-size: 18px;
     width: 100%;
 }
 .page-title-group .page-title:first-child {
     padding-right: 20px;
     border-right: 1px solid #ddd;
 }
 .page-title-group .page-title:last-child {
     padding-left: 20px;
 }
 .forgot-password {
     font-size: 14px;
     color: rgba(0,0,0,0.4);
     font-weight: 600;
     border-bottom: 1px solid rgba(0,0,0,0.4);
     margin-top: 10px;
     display: inline-block;
     line-height: 20px;
     margin-bottom: 5px;
 }
 #add-discussion {
     position: relative;
     overflow: visible !important;
     margin-top: 25px;
 }
 #add-discussion textarea {
     background: #fff !important;
     width: 60%;
     margin: 35px auto;
     display: block;
     min-height: 200px;
 }
 #add-discussion #discussion-new-message-button {
     position: absolute;
     bottom: 60px;
     margin: 0 auto;
     display: block !important;
     left: 67%;
     color: #50d26c !important;
     background: #fff;
     border: none;
     padding: 0px;
     box-shadow: none;
 }
 /*#lunch-event-action a {
     width: 100%;
 }*/
 .sf-menu hr {
     background: rgba(211,211,211,0.57);
     height: 1px;
     margin-top: 10px !important;
     margin-bottom: 5px !important;
 }
 #search-form .refine-results-by .profile-block label {
     position: absolute;
     margin-top: 5px;
 }
 li.token-input-token,
 div.token-input-dropdown ul li.token-input-selected-dropdown-item {
     background-color: #f1a064;
     color: #fff;
 }
 div.token-input-dropdown ul li.token-input-selected-dropdown-item p {
     color: #fff;
 }
 li.token-input-token span {
     color: #fff;
     margin-top: 2px;
 }
 ul.token-input-list li input {
     width: 100% !important;
 }

 #fancybox-content {
     background: white;
 }
 .sourcing-img {
     padding-left: 110px;
     padding-right: 40px;
     padding-top: 12px;
 }
 .static-employers .two-col .container {
     width: 950px;
 }
 .static-employers .inner-title {
     font-family: bold;
     line-height: 50px;
     font-size: 30px;
     margin-bottom: 20px;
     color: #262626;
 }
 .static-employers .inner-title.large {
     font-size: 40px;
 }
 .static-employers .three-col .inner-title {
     line-height: 40px;
     font-size: 24px;
     margin-bottom: 15px;
 }
 .static-employers .three-col .section-content {
     font-size: 15px;
     line-height: 30px;
     padding: 20px;
 }
 .static-employers .section-content {
  font-family: Bk;
  font-size: 18px;
  color: #4A4A4A;
  line-height: 36px;
 }
 .section-title {
     font-family: Md;
     letter-spacing: 1px;
     font-size: 34px;
 }
 .static-employers .two-col .inner-sub-title {
     font-size: 18px;
     font-family: Demi;
 }
 .verify-icon {
     background: #50d26c;
     color: #fff;
     padding: 6px;
     border-radius: 50px;
     font-size: 27px;
     margin-left: 10px;
 }
 .section-content .verify-icon {
     vertical-align: top;
     margin-bottom: 15px;
 }
 .orange-bg h2,
 .orange-bg div,
 .orange-bg a {
     color: #fff !important;
 }
 .orange-bg .inner-title {
     margin-bottom: 0px;
 }
 .orange-bg {
     background: #fab261;
     background: -moz-linear-gradient(left, #fab261 0%, #f66b1c 100%);
     background: -webkit-linear-gradient(left, #fab261 0%,#f66b1c 100%);
     background: linear-gradient(to right, #fab261 0%,#f66b1c 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab261', endColorstr='#f66b1c',GradientType=1 );
 }
 .orange-bg .section-content {
     margin-bottom: 15px;
 }
 .static-employers #footer {
     margin-top: 0px;
 }


 .form-error {
   display: block;
 }

 .peopleAvailContainer {
  width: 450px;
}
.cluetip-inner {
  width: 298px;
}
#cluetip {
  width:324px !important;
}


.nav .nav-tabs .settings-tab li {
 background-color: red;
}


@media(max-width: 768px) {
#discussion-new-message-button {
  position: relative!important;
  bottom: 0!important;
}

.section-employee .col-md-4 {
  margin-top: 20px;
}

.section-upcoming-wrapper .title-large .letslunch-button.orange {
  width: 150px!important;
}

.sec-pad-top-bottom {
   padding: 35px 0 30px 0!important;
}

.section-employee .employee .padding-group {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.section-upcoming-wrapper .no-upcoming-lunch {
  padding: 0px;
  display: flex;
  flex-direction: column;
}

.section-upcoming-wrapper .no-upcoming-lunch .no-upcoming-content-left {
  width: 100%;
}

.section-upcoming-wrapper .no-upcoming-lunch-body {
  width: unset;
}
.section-upcoming-wrapper .no-upcoming-content-right {
  width: unset;
  margin-top: 10px;
}

}

.pending-card {
  height: 200px;
  border: 0.7px solid rgba(208, 208, 208, 0.54);
  box-shadow: 1px 2px 8px 0 rgba(125,125,125,0.13);  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  margin-right: 40px;
  position: relative;
}

 .close-btn-tutorial {
  cursor: pointer;
  position: absolute!important;
  right: 20px;
  top: 10px;
 }


.tutorial-percentage-card {
  /* width: 200px;
  height: 20;
  margin-right: 4;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column; */

  height: 170px;
  width: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  margin-right: 40px;
  position: relative!important;
}
.question-wrapper-tutorial {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer
}
.question-wrapper-tutorial svg {
  height: 20px!important;
  width: 20px!important;
}

.tutorial-wrapper {
  display: flex;
  align-items: center;
}

.tutorial-percentage-card svg:last-of-type {
  /* width: 200px;
  height: 20;
  margin-right: 4;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column; */

  height: 170px;
  width: 170px;
}

.tutorial-text {
  visibility: hidden;
  display: none;
}

.tutorial-text-top {
  visibility: visible;
  display: inline;
}

.pending-profile-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-overflow-scrolling: touch;
}

.pending-profile-wrapper::-webkit-scrollbar {
  background: transparent;
  width: 0;
}

.completed-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-right: auto;
}



.pending-text-area {
  width: 100%;
  height: 120px;
}


@media (max-width: 768px)  {
.pending-profile-wrapper  {
  width: 500px;
}

.pending-text-area {
  width: unset;
  height: unset;
}
}

@media (max-width: 768px) {
  .create-lunch-btn {
    position: absolute;
    z-index: 100;
    right: 0;
    margin-right: 40px;
  }

  .question-wrapper-tutorial {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
  }

  .tutorial-wrapper {
    flex-direction: column;
  }

  .tutorial-text {
    visibility: visible;
    display: inline;
  }

  .tutorial-text-top {
    visibility: hidden;
    display: none;
  }

  .tutorial-percentage-card {
    align-self: flex-start;
    width: 100%;
    flex-direction: row;
  }


  .date-picker-input-company {
    width: 100%!important;
  }

  #GroupLunchForm_lunch_endtime, #GroupLunchForm_lunch_starttime {
    width: 110px!important;
  }
}