/*font-color-variable*/
/*font-color-variable-end*/
/*font-size-variable*/
/*font-size-variable-end*/
/*text-transform-variable*/
/*text-transform-variable-end*/
/*font-style-variable-Start*/
/*font-style-variable-end*/
/*font-weight-variable*/
/*font-weight-variable-end*/
/*font-family-variable*/
/*font-family-variable-end*/
/*background-color-variable*/
/*background-color-variable-end*/
/*hover-background-color*/
/*hover-background-color-end*/
/*=============================================
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
 2.0.1) Font Face
 2.0.2) Global Headings
 2.0.3) General Text Formatting
 2.0.4) Global Link style
 2.0.5) Global Button Styles
 2.0.6) Global Sprite Icons and Clearfix style
 3.) Global Site Wide Content
 4.) Header Style
 5.) Footer Style
 ===============================================*/
/* 1.) Eric Meyer's Reset ---------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 2.) Global Typography ---------------------------------------------*/
html {
  height: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  font-family: "Roboto", sans-serif;
  color: #504f4f;
  font-size: 14px;
  line-height: 1.1;
  position: relative;
  min-height: 100%;
  padding-bottom: 72px; }

.validate {
  padding-bottom: 30px; }

/* 2.0.1) Font Face ---------------------------------------------*/
/* Put Your font face Styles here---------------------------------------------*/
/* 2.0.2) Global Headings ---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  /*
   font-weight: normal;
   color: #161e21;*/ }

h1 {
  color: #494949;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px; }

h1 a {
  color: #494949; }

h2 {
  color: #494949;
  font-size: 20px;
  text-transform: capitalize;
  letter-spacing: 1px; }

h3 {
  color: #696868;
  font-weight: 500;
  font-size: 18px; }

h4 {
  color: #707070;
  font-size: 16px;
  font-weight: 400; }

/* 2.0.3) General Text Formatting ---------------------------------------------*/
p {
  line-height: 1.5; }

blockquote, cite, q, var, dfn {
  font-style: italic; }

small {
  font-size: 85.71429%;
  line-height: 1.75; }

/* 2.0.4) Global Link style ---------------------------------------------*/
a {
  color: #504f4f;
  text-decoration: none; }

a:hover, a:focus, a:visited, input, select, textarea {
  outline: none; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type=text]::-ms-clear {
  display: none; }

textarea {
  overflow: auto;
  font-family: "Roboto", sans-serif; }

/* 2.0.5) Global Button Styles ---------------------------------------------*/
.btn {
  display: inline-block;
  padding: 19px 32px 19px 31px;
  background: transparent;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  border: #bebdbd solid 0.7px;
  transition: all ease 0.5s 0s; }
  .btn:hover {
    background: #fbb400;
    color: #504f4f; }

/* 2.0.6) Global Sprite Icons and Clearfix style ---------------------------------------------*/
/*[class^="icon-"], [class*="icon-"] {
 background-image: url(../images/sprite.png);
 background-position: 0 0;
 background-repeat: no-repeat;
 display: inline-block;
 height: 15px;
 vertical-align: text-top;
 width: 15px;
 }*/
/* Clear Floated Elements by use Clearfix class---------------------------------------------*/
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* 3.) Global Site Wide Content ---------------------------------------------*/
.pull-right {
  float: right; }

.pull-left {
  float: left; }

/* ------------------  Code for UI Tools Removed this section from your project --------------------------- */
.container {
  max-width: 100%; }

figure img {
  width: 100%;
  display: block; }

* {
  box-sizing: border-box; }

label {
  text-transform: uppercase;
  font-size: 13px;
  color: #707070;
  display: block;
  margin-bottom: 5px;
  padding-left: 6px;
  font-weight: 500;
  letter-spacing: .7px;
  position: relative; }

input[type="text"], select, input[type="password"], input[type="email"], input[type="reset"] {
  width: 100%;
  border: none;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  color: #5e5e5e;
  height: 37px;
  padding: 0 10px;
  border-radius: 5px;
  font-weight: 300;
  box-shadow: 0px 2px 3px 0px #e0dcdc;
  border: 1px solid #f5f5f5; }

input[type="submit"] {
  font-family: "Roboto", sans-serif;
  padding: 7px 100px 12px;
  text-transform: capitalize;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  border: #bebdbd solid 0.7px; }

::placeholder {
  font-size: 18px;
  color: #5e5e5e;
  font-family: "Roboto", sans-serif;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 18px;
  color: #5e5e5e;
  text-transform: capitalize;
  font-family: "Roboto", sans-serif; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 18px;
  color: #5e5e5e;
  text-transform: capitalize;
  font-family: "Roboto", sans-serif; }

.main-content, .compass-group, .certification-process, .logout-wrap, .vendor-profile, .aven, .aven300, .vendors, .contact, .assessment-cont, .assess-con, .assessment-form, .assessment-form-one, .stream-cont {
  padding: 24px 75px 0 80px;
  float: right;
  width: 83.7%; }

/* 4.) aside Styles ---------------------------------------------*/
.side-bar.side-view {
  left: 0; }

.nav-view, .side-menu li a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  background-color: #4f4f51;
  padding: 27px 45px 32px;
  line-height: 16px; }

.sidebar-toggle {
  cursor: pointer;
  width: 30px;
  position: absolute;
  left: 100%;
  top: 20px;
  margin-left: 20px;
  display: none;
  transition: all ease 0.5s 0s;
  z-index: 2; }
  .sidebar-toggle span {
    display: block;
    height: 5px;
    margin-bottom: 4px;
    transition: all ease 0.5s 0s;
    background-color: #504f4f;
    border-radius: 3px; }

.side-bar {
  transition: all ease 0.5s 0s;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #4f4f51;
  width: 16.3%;
  padding: 28px 0 0 0; }
  .side-bar .logo {
    display: inline-block;
    margin-left: 54px;
    margin-bottom: 27px; }

.side-bar.side-view .sidebar-toggle .bar-2 {
  opacity: 0; }
.side-bar.side-view .sidebar-toggle .bar-1 {
  -webkit-transform: rotate(-45deg) translate(-7px, 7px);
  transform: rotate(-45deg) translate(-7px, 7px); }
.side-bar.side-view .sidebar-toggle .bar-3 {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px); }

.side-menu li a {
  transition: all ease 0.5s 0s; }
  .side-menu li a:hover {
    background-color: #5f5f5f; }
    .side-menu li a:hover:before {
      opacity: 1; }
    .side-menu li a:hover .icon-home, .side-menu li a:hover .icon-vendor, .side-menu li a:hover .icon-iphone, .side-menu li a:hover .icon-setting, .side-menu li a:hover .icon-user, .side-menu li a:hover .icon-file, .side-menu li a:hover .icon-mail {
      background: url("../images/icon-home-hover.svg") 0 -3px no-repeat; }
    .side-menu li a:hover .icon-vendor {
      background: url("../images/icon-vendor-hover.svg") 0 -3px no-repeat; }
    .side-menu li a:hover .icon-iphone {
      background: url("../images/icon-iphone-hover.svg") 0 -3px no-repeat; }
    .side-menu li a:hover .icon-setting {
      background: url("../images/icon-setting-hover.svg") 0 -3px no-repeat; }
    .side-menu li a:hover .icon-user {
      background: url("../images/icon-user-hover.svg") 0 0 no-repeat; }
    .side-menu li a:hover .icon-file {
      background: url("../images/icon-file-1-hover.svg") 0 0 no-repeat; }
    .side-menu li a:hover .icon-mail {
      background: url("../images/icon-mail-2-hover.svg") 0 0 no-repeat; }
  .side-menu li a:before {
    transition: all ease 0.5s 0s;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 9px;
    background-color: #f3af06;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2) inset;
    opacity: 0; }
.side-menu li.active a {
  background-color: #5f5f5f; }
  .side-menu li.active a:before {
    opacity: 1; }

.icon-home, .icon-vendor, .icon-iphone, .icon-setting, .icon-user, .icon-file, .icon-mail {
  width: 20px;
  height: 16px;
  display: inline-block;
  background: url("../images/icon-home.svg") 0 -3px no-repeat;
  margin-right: 11px;
  vertical-align: middle; }

.icon-vendor {
  background: url("../images/icon-vendor.svg") 0 -3px no-repeat; }

.icon-iphone {
  background: url("../images/icon-iphone.svg") 0 -3px no-repeat; }

.icon-setting {
  background: url("../images/icon-setting.svg") 0 -3px no-repeat; }

.icon-user {
  background: url("../images/icon-user.svg") 0 0 no-repeat; }

.icon-file {
  background: url("../images/icon-file-1.svg") 0 0 no-repeat; }

.icon-mail {
  background: url("../images/icon-mail-2.svg") 0 0 no-repeat; }

.side-menu li.active .icon-home, .side-menu li.active .icon-vendor, .side-menu li.active .icon-iphone, .side-menu li.active .icon-setting, .side-menu li.active .icon-user, .side-menu li.active .icon-file, .side-menu li.active .icon-mail {
  background: url("../images/icon-home-hover.svg") 0 -3px no-repeat; }
.side-menu li.active .icon-vendor {
  background: url("../images/icon-vendor-hover.svg") 0 -3px no-repeat; }
.side-menu li.active .icon-iphone {
  background: url("../images/icon-iphone-hover.svg") 0 -3px no-repeat; }
.side-menu li.active .icon-setting {
  background: url("../images/icon-setting-hover.svg") 0 -3px no-repeat; }
.side-menu li.active .icon-user {
  background: url("../images/icon-user-hover.svg") 0 0 no-repeat; }
.side-menu li.active .icon-file {
  background: url("../images/icon-file-1-hover.svg") 0 0 no-repeat; }
.side-menu li.active .icon-mail {
  background: url("../images/icon-mail-2-hover.svg") 0 0 no-repeat; }

.info-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.profile-info li a {
  background-color: #d8d8d8;
  color: #484b51;
  font-weight: 300;
  padding: 16px 18px 17px 30px;
  display: block; }
  .profile-info li a .dwn-arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #6a97f2;
    border-left: 1px solid #6a97f2;
    float: right;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 4px;
    margin-right: 3px; }
.profile-info li.active a {
  background-color: #eeeeee; }
.profile-info li.profile-list a {
  padding-left: 20px; }

.profile-img {
  float: left;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden; }

.profile-name {
  display: block;
  color: #fbb400;
  font-weight: 500;
  margin-bottom: 8px; }

/* 5.) Footer Styles ---------------------------------------------*/
.footer, .footer-login {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 72px;
  background-color: #e3e3e3;
  padding: 31px 41px 31px 0; }
  .footer .copyright, .footer-login .copyright {
    float: right;
    font-size: 11px; }

.footer-login {
  height: 30px;
  background-color: transparent;
  text-align: center; }
  .footer-login .copyright {
    float: none;
    font-size: 10px;
    color: #42484e;
    font-weight: 300;
    text-transform: capitalize; }

.dashboard-content {
  padding: 29px 91px 0 81px; }

.page-title {
  float: left;
  padding-top: 33px; }

.export-wrap {
  float: right;
  text-align: right; }
  .export-wrap .export {
    color: #457ce5;
    font-weight: 300; }
  .export-wrap .export.gray {
    color: #696868; }
  .export-wrap .btn {
    float: left;
    font-weight: 700;
    padding: 9px 20px;
    background: #ececec;
    color: #588ef4;
    font-size: 12px;
    border-radius: 9px;
    border: 1px solid #e1dfdf;
    box-shadow: 0px -7px 6px #d6d6d6 inset; }
    .export-wrap .btn:hover {
      background: #ececec;
      color: #504f4f; }
  .export-wrap .icon-wrap {
    float: right;
    margin-top: 14px;
    margin-left: 34px; }
    .export-wrap .icon-wrap a {
      margin-left: 4px; }

.pending-approval {
  padding-top: 58px; }

.approval {
  margin: 0 -18.5px; }
  .approval li {
    float: left;
    width: 25%;
    padding: 0 18.5px; }
    .approval li a {
      background-color: #f0f0f0;
      text-align: center;
      display: block;
      min-height: 113.6px;
      border: 1px solid #cbd3dc;
      border-radius: 5px;
      padding: 6px 49px 18px;
      font-weight: 300;
      box-shadow: 0px 2px 5px 0px #d2d7db;
      word-break: keep-all; }
      .approval li a strong {
        display: block;
        font-size: 48px;
        margin-bottom: 4px; }

.vendor-overview {
  padding-top: 42px; }
  .vendor-overview h2 {
    margin-bottom: 21px; }

.overview-wrap {
  margin: 0 -6px;
  padding-right: 6px; }
  .overview-wrap li {
    float: left;
    width: 50%;
    padding: 0 6px;
    margin-bottom: 10px; }
    .overview-wrap li:first-child {
      width: 100%; }

.overview {
  display: block;
  border-radius: 5px;
  background-color: #f0f0ee;
  padding: 22px 45px 21px 19px;
  border: 1px solid #cbd3dc;
  box-shadow: 0px 2px 5px 0px #d2d7db; }
  .overview span:first-child {
    float: left; }
  .overview span:last-child {
    float: right;
    min-width: 27px;
    line-height: 16px;
    font-size: 24px; }

.progress-bg, .btn, input[type="submit"], .progress-bar .progress-active {
  background: linear-gradient(to bottom, #4899f5 0%, #4899f5 20%, #4a9bf7 23%, #4899f5 34%, #4a9bf7 43%, #3795f5 46%, #318ff1 49%, #2d8af2 51%, #2f8bfa 57%, #2d8af4 63%, #2d89f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.progress-wrap {
  padding: 37px 0 10px 0; }

.progress {
  margin-bottom: 5px; }

.progress-text {
  width: 15%;
  padding-top: 11px;
  float: left;
  text-align: center; }
  .progress-text span {
    font-size: 11px;
    text-transform: uppercase; }

.progress-bar {
  width: 84%;
  float: right;
  font-size: 13px;
  font-weight: 700;
  padding: 12px 0 10px;
  padding-right: 22%;
  text-align: right;
  position: relative;
  color: #696868;
  border-radius: 20px;
  background-color: #d2d2d2;
  box-shadow: 0px 2px 5px -2px #d2d7db;
  border: 1px solid #bebdbd; }
  .progress-bar .progress-active {
    color: #fff;
    text-align: center;
    padding: 12px 0 0;
    position: absolute;
    border-radius: 20px;
    top: 0;
    bottom: 0; }
  .progress-bar .progress-active.w-49 {
    width: 49%; }
  .progress-bar .progress-active.w-100 {
    width: 100%; }
  .progress-bar .progress-active.w-61 {
    width: 61%; }
  .progress-bar .progress-active.w-57 {
    width: 57%; }
  .progress-bar .progress-active.w-40 {
    width: 40%; }
  .progress-bar .progress-active.w-55 {
    width: 55%; }

.certified {
  float: right; }
  .certified li {
    float: left;
    margin-left: 27px; }
    .certified li a {
      color: #504f4f;
      font-size: 12px;
      text-transform: capitalize;
      font-weight: 300; }
      .certified li a:before {
        content: '';
        width: 9px;
        height: 9px;
        background-color: #c7c7c7;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px; }
  .certified li.active a:before {
    background-color: #469cff; }

.compass-group, .certification-process, .logout-wrap {
  padding: 105px 29px 0 29px;
  text-align: center; }
  .compass-group .primary-logo, .certification-process .primary-logo, .logout-wrap .primary-logo {
    display: inline-block;
    margin-bottom: 111px; }
  .compass-group h1, .certification-process h1, .logout-wrap h1 {
    margin-bottom: 78px; }

.form-wrap {
  background-color: #f3f3f3;
  border-radius: 5px;
  text-align: left;
  box-shadow: 0px 2px 4px 0px #e0dcdc;
  padding: 37px 42px 38px 95px; }
  .form-wrap h2 {
    font-size: 24px;
    margin-bottom: 49px; }
  .form-wrap .form-row, .form-wrap .login-portal form .submit-row, .login-portal form .form-wrap .submit-row, .form-wrap .email-reset form .submit-row, .email-reset form .form-wrap .submit-row, .form-wrap .confirm-pass form .submit-row, .confirm-pass form .form-wrap .submit-row, .form-wrap .confirm-msg form .submit-row, .confirm-msg form .form-wrap .submit-row {
    margin-bottom: 28px; }
    .form-wrap .form-row .form-col, .form-wrap .login-portal form .submit-row .form-col, .login-portal form .form-wrap .submit-row .form-col, .form-wrap .email-reset form .submit-row .form-col, .email-reset form .form-wrap .submit-row .form-col, .form-wrap .confirm-pass form .submit-row .form-col, .confirm-pass form .form-wrap .submit-row .form-col, .form-wrap .confirm-msg form .submit-row .form-col, .confirm-msg form .form-wrap .submit-row .form-col {
      width: 48%; }

.input-wrap {
  padding-right: 56px;
  margin-bottom: 36px; }

.checkdot, .college label.check:before, .college label.check:after, .more-location li label.radio:before, .more-location li label.radio:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 1px solid #a7a7a7;
  top: 4px;
  left: 3px; }

.college {
  float: left; }
  .college label.check {
    text-transform: none;
    font-size: 18px;
    padding-left: 26px;
    letter-spacing: 0px;
    color: #898989;
    position: relative; }
    .college label.check:after {
      border: 1px solid #fbb400;
      background-color: #fbb400;
      display: none;
      box-shadow: 0px -3px 1px #eb8844 inset; }
  .college li {
    margin-bottom: 23px; }
    .college li input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
      .college li input[type="checkbox"]:checked + label.check {
        color: #fbb400; }
        .college li input[type="checkbox"]:checked + label.check:after {
          display: block; }

.college.w-40 {
  width: 40%; }

.college.w-26 {
  width: 26%; }

.college.w-34 {
  width: 34%; }

.select-title {
  display: inline-block;
  margin-bottom: 33px;
  color: #696868;
  font-weight: 300; }

.more-location li {
  float: left; }
  .more-location li label.radio {
    position: relative;
    text-transform: capitalize;
    font-size: 18px;
    padding-left: 20px;
    letter-spacing: 0px;
    color: #898989; }
    .more-location li label.radio:after {
      border: 1px solid #fbb400;
      background-color: #fbb400;
      display: none;
      box-shadow: 0px -3px 1px #eb8844 inset; }
  .more-location li input[type="radio"] {
    opacity: 0;
    position: absolute; }
    .more-location li input[type="radio"]:checked + label.radio {
      color: #fbb400; }
      .more-location li input[type="radio"]:checked + label.radio:after {
        display: block; }
.more-location li.w-38 {
  width: 380px; }
  .more-location li.w-38 span {
    margin-bottom: 0; }
.more-location li.w-7 {
  width: 69px;
  padding-top: 10px;
  padding-left: 23px; }

.select-loc {
  margin-bottom: 21px; }

.additional {
  margin-bottom: 21px; }
  .additional .addtional-loc {
    width: 159px;
    padding-right: 15px;
    float: left; }

.contact-info {
  border-top: 1px solid #fbb400;
  margin-right: 52px;
  padding-top: 47px; }
  .contact-info h2 {
    margin-bottom: 54px; }

.form-row.save, .login-portal form .save.submit-row, .email-reset form .save.submit-row, .confirm-pass form .save.submit-row, .confirm-msg form .save.submit-row {
  padding: 56px 0 50px; }

.select-wrap {
  width: 70px;
  float: left; }
  .select-wrap a.sbSelector {
    padding-left: 22px; }
  .select-wrap .sbToggle {
    right: 15px; }

.sbHolder {
  border: 0;
  font-size: 18px;
  position: relative;
  width: 100%; }

.sbSelector {
  box-shadow: 0px 2px 3px 0px #e0dcdc;
  border: 1px solid #f5f5f5;
  color: #898989;
  outline: none;
  text-decoration: none;
  line-height: 2;
  font-weight: 300;
  font-size: 18px;
  text-transform: capitalize;
  cursor: auto;
  display: block;
  height: 37px;
  border-radius: 5px;
  padding: 0 10px;
  background-color: #fff; }

.sbToggle {
  display: block;
  height: 8px;
  outline: none;
  position: absolute;
  right: 24px;
  top: 17px;
  width: 14px;
  background: url("../images/arrow-gray.svg") no-repeat 0 0; }

.sbToggle.sbToggleOpen + .sbSelector {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.sbOptions {
  background-color: #fff;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 37px;
  width: 100%;
  z-index: 1;
  overflow-y: auto; }

.sbOptions li {
  margin: 0 11px; }
  .sbOptions li:first-child {
    border-top: 1px solid #dbdadf; }

.sbOptions a {
  display: block;
  text-transform: capitalize;
  outline: none;
  padding: 7px 0 7px 6px;
  font-weight: 300;
  font-size: 12px; }

.sbOptions a:link {
  color: #5e5e5e;
  text-decoration: none; }
.sbOptions a:visited {
  color: #5e5e5e;
  text-decoration: none; }
.sbOptions a:hover {
  font-weight: 500;
  color: #5f5f5f;
  background-color: #d8d8d8; }

.sbOptions li.last a {
  border-bottom: none; }

.sbOptions .sbDisabled {
  border-bottom: dotted 1px #515151;
  color: #999;
  display: block;
  padding: 7px 0 7px 3px; }

.sbOptions .sbGroup {
  border-bottom: dotted 1px #515151;
  color: #EBB52D;
  display: block;
  font-weight: bold;
  padding: 7px 0 7px 3px; }

.sbOptions .sbSub {
  padding-left: 17px; }

.please-selct a.sbSelector {
  font-size: 12px;
  font-weight: 300;
  line-height: 3;
  padding: 0 10px; }

.vendor-profile, .aven, .aven300 {
  padding: 24px 75px 0 80px; }
  .vendor-profile .export-wrap, .aven .export-wrap, .aven300 .export-wrap {
    float: none;
    margin-bottom: 21px; }
    .vendor-profile .export-wrap a, .aven .export-wrap a, .aven300 .export-wrap a {
      float: right; }
  .vendor-profile h1, .aven h1, .aven300 h1 {
    margin-bottom: 44px; }
    .vendor-profile h1 a, .aven h1 a, .aven300 h1 a {
      position: relative;
      display: inline-block; }
      .vendor-profile h1 a:before, .aven h1 a:before, .aven300 h1 a:before {
        content: '';
        position: absolute;
        width: 48px;
        height: 16px;
        top: 6px;
        left: -36px;
        background: url("../images/arrowleft.svg") no-repeat 0 0; }

.fruit-wrap, .create-assessment {
  background-color: #f0f0f0;
  border: 1px solid #d9dee4;
  margin-bottom: 27px;
  border-radius: 5px;
  padding: 25px 23px 27px 47px; }
  .fruit-wrap .fresh-fruit-wrap, .create-assessment .fresh-fruit-wrap {
    padding-bottom: 38px; }

.edit-wrap {
  padding-right: 8px; }
  .edit-wrap a {
    float: right; }

.fresh-fruit {
  width: 86%;
  float: left;
  padding-right: 4px; }
  .fresh-fruit p {
    font-weight: 300;
    line-height: 1.1;
    color: #696868;
    margin-bottom: 33px; }

.fruit-logo-wrap {
  padding-right: 19px;
  padding-bottom: 5px; }

.fruit-logo {
  float: left;
  width: 48%; }
  .fruit-logo figure {
    text-align: center;
    padding: 38px 0 0 0;
    box-shadow: 0px 2px 5px 0px #d2d7db;
    margin-left: -11px;
    float: left;
    width: 142px;
    height: 142px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 2px 4px 0px #c4c4c4; }
    .fruit-logo figure img {
      width: auto;
      display: inline-block; }

.vendor-desc {
  float: right;
  width: 59%;
  padding-top: 17px; }
  .vendor-desc .vendor-title {
    font-size: 24px;
    color: #fbb400;
    font-weight: 500;
    text-transform: capitalize; }
  .vendor-desc li {
    font-size: 14px;
    color: #696868;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 15px; }
    .vendor-desc li span {
      color: #fbb400;
      font-weight: 300; }
  .vendor-desc li.approve {
    color: #7bdf1b; }

.switch-wrap {
  float: right;
  width: 42%;
  padding-top: 12px; }

.swicth-list {
  float: left;
  width: 50%; }
  .swicth-list li {
    text-align: right;
    font-size: 14px;
    color: #fbb400;
    overflow: hidden;
    font-weight: 700;
    margin-bottom: 27px; }

.swicth-list.public {
  padding-right: 9px; }

.toggle-txt {
  float: left;
  width: 77%;
  margin-right: 6px; }

.toggle-switch {
  float: right;
  position: relative; }
  .toggle-switch input[type="checkbox"] {
    opacity: 0;
    position: absolute; }
    .toggle-switch input[type="checkbox"]:checked + .toggle-check {
      background-color: #919191; }
      .toggle-switch input[type="checkbox"]:checked + .toggle-check:after {
        left: 1px; }
  .toggle-switch .toggle-check {
    background-color: #90d172;
    width: 29px;
    height: 18px;
    cursor: pointer;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0; }
    .toggle-switch .toggle-check:after {
      content: '';
      position: absolute;
      top: 1px;
      right: 1px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #fff;
      transition: all ease 0.5s 0s; }

.border-top, .download-wrap, .fruit-loc-wrap, .comment-wrap, .notes-wrap, .certificate-wrap, .action-wrap, .current-stage, .vendor-account {
  border-top: 2px solid #cecece; }

.download-wrap {
  padding: 23px 0 0 0;
  text-align: center; }
  .download-wrap h2 {
    font-size: 18px;
    font-weight: 300;
    color: #fbb400;
    margin-bottom: 23px; }

.download-list {
  margin: 0 -4.5px; }
  .download-list li {
    width: 16.66%;
    float: left;
    padding: 0 4.5px;
    margin-bottom: 10px; }

.file-wrap {
  height: 64px;
  background-color: #d8d8d8;
  display: block;
  position: relative;
  border-radius: 5px; }

.status-wrap {
  width: 14%;
  float: left;
  padding-left: 31px;
  padding-top: 8px; }

.completion-status {
  position: relative; }
  .completion-status:before {
    content: '';
    position: absolute;
    width: 16px;
    background-color: #d3d3d3;
    height: 95%;
    left: 0;
    top: 10px;
    box-shadow: 0 3px 9px 2px rgba(0, 0, 0, 0.2) inset; }
  .completion-status li {
    margin-bottom: 38px;
    padding-left: 34px;
    position: relative;
    padding-top: 9px; }
    .completion-status li:after {
      content: '';
      position: absolute;
      width: 43px;
      height: 43px;
      border-radius: 50%;
      background-color: #d3d3d3;
      box-shadow: 0 3px 9px 2px rgba(0, 0, 0, 0.2) inset;
      top: 0;
      left: -12px; }
    .completion-status li:before {
      content: '';
      position: absolute;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: url("../images/circle.svg") no-repeat 0 0;
      top: 4px;
      left: -11px;
      z-index: 1; }
    .completion-status li a {
      position: relative;
      font-size: 10px;
      color: #31af3e;
      display: block;
      font-weight: 400; }
      .completion-status li a:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 3px;
        border: 2px solid #fff;
        border-right: 0;
        border-top: 0;
        top: 9px;
        left: -32px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 2; }

.vendor-fruit-info {
  padding-right: 37px; }

.fruit-loc-wrap {
  padding: 20px 0 26px 0; }

.fruit-loc, .my-profile {
  width: 51%;
  padding: 14px 0 30px 8px;
  float: left; }
  .fruit-loc h3, .my-profile h3 {
    margin-bottom: 14px;
    color: #fbb400;
    font-size: 14px; }
  .fruit-loc li, .my-profile li {
    color: #6c6c6c;
    float: left;
    font-size: 12px;
    font-weight: 300;
    width: 25%;
    padding-right: 10px; }
    .fruit-loc li span, .my-profile li span {
      display: block; }
    .fruit-loc li a, .my-profile li a {
      color: #6c6c6c; }

.fruit-loc.w-49, .w-49.my-profile {
  width: 46.5%;
  float: right;
  border-left: 1px solid #e9e9e9; }

.comment-wrap {
  padding: 18px 0 22px 6px; }
  .comment-wrap h3 {
    margin-bottom: 11px;
    font-size: 14px; }
  .comment-wrap p {
    color: #707070;
    font-weight: 300; }

.notes-wrap {
  padding: 28px 0 21px 8px; }
  .notes-wrap h3 {
    margin-bottom: 11px;
    font-size: 14px; }
  .notes-wrap p {
    margin-bottom: 27px;
    color: #707070;
    font-weight: 300; }
  .notes-wrap .leave-notes {
    font-size: 12px;
    color: #5f86d1;
    font-weight: 300;
    display: block;
    margin-bottom: 14px; }

.vendor-notes-wrap {
  padding-right: 89px; }

.vendor-comments {
  float: left;
  width: 55.6%; }
  .vendor-comments textarea {
    padding: 15px;
    resize: none;
    height: 134px;
    border: none;
    background-color: #fff;
    border-radius: 5px;
    width: 100%; }
  .vendor-comments ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 12px;
    color: #898989;
    font-weight: 300;
    opacity: 1; }
  .vendor-comments ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px;
    color: #898989;
    font-weight: 300;
    opacity: 1; }
  .vendor-comments :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 12px;
    color: #898989;
    font-weight: 300;
    opacity: 1; }
  .vendor-comments :-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
    color: #898989;
    font-weight: 300;
    opacity: 1; }

.vendor-facility {
  float: right;
  padding-top: 16px; }
  .vendor-facility .boarded-by {
    font-weight: 300;
    display: block;
    margin-bottom: 26px;
    width: 230px;
    padding-left: 39px;
    line-height: 1.3;
    color: #757575; }
    .vendor-facility .boarded-by strong {
      color: #5489ef; }

.certificate-wrap {
  padding: 26px 0 22px; }

.certificate-validity {
  width: 53.6%;
  float: left;
  padding: 13px 24px 39px 0;
  border-right: 2px solid #cecece; }

.joined-date {
  padding-left: 13px;
  padding-bottom: 35px; }
  .joined-date span {
    font-size: 16px;
    font-weight: 300; }

.action-wrap {
  padding: 61px 19px 59px 14px; }
  .action-wrap h3 {
    margin-bottom: 31px; }

.action {
  margin: 0 -7.5px; }
  .action li {
    float: left;
    width: 50%;
    padding: 0 7.5px;
    margin-bottom: 7px; }
    .action li .btn {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      text-align: center; }

.current-stage {
  padding: 30px 0 0 18px; }
  .current-stage h3 {
    margin-bottom: 15px; }
  .current-stage h4 {
    margin-bottom: 3px; }
  .current-stage span {
    display: block;
    font-weight: 300;
    margin-bottom: 24px; }

.cancel-renewal {
  position: relative;
  font-size: 12px;
  color: #f38989;
  font-weight: 300;
  display: inline-block;
  padding-left: 34px; }
  .cancel-renewal:before {
    top: -8px;
    left: 0;
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url("../images/cancel.svg") no-repeat 0 0; }

.certificate-approve {
  float: right;
  width: 42%; }

.approved-doc, .aven300 .action-required .certificate-approve .food-serv {
  padding-bottom: 42px; }
  .approved-doc:last-child, .aven300 .action-required .certificate-approve .food-serv:last-child {
    padding-bottom: 0; }
  .approved-doc h3, .aven300 .action-required .certificate-approve .food-serv h3 {
    color: #12a422;
    margin-bottom: 32px;
    font-weight: 400; }
  .approved-doc ul, .aven300 .action-required .certificate-approve .food-serv ul {
    padding-left: 21px; }
  .approved-doc li, .aven300 .action-required .certificate-approve .food-serv li {
    overflow: hidden;
    margin-bottom: 32px; }
  .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
    width: 37px;
    padding-top: 7px;
    float: left;
    margin-right: 24px; }
    .approved-doc figure img, .aven300 .action-required .certificate-approve .food-serv figure img {
      width: auto; }

.upload-date {
  width: 83%;
  float: left; }
  .upload-date h4 {
    margin-bottom: 4px; }
  .upload-date span {
    display: block;
    font-weight: 300;
    color: #707070; }

.vendor-account {
  padding: 27px 0 0 15px; }
  .vendor-account h3 {
    margin-bottom: 8px; }
  .vendor-account a.edit-amount {
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
    margin-bottom: 20px;
    color: #5f86d1; }

.balance-info {
  width: 282px; }
  .balance-info li {
    font-size: 16px;
    color: #707070;
    font-weight: 300;
    overflow: hidden;
    margin-bottom: 9px; }
    .balance-info li span:last-child {
      float: right;
      font-weight: 700; }
    .balance-info li .dollar {
      color: #ce5962; }

.create-assessment {
  margin-bottom: 0;
  padding: 30px 18px 0 41px; }
  .create-assessment h4 {
    font-weight: 700;
    margin-bottom: 6px; }
  .create-assessment span {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 22px;
    font-weight: 300; }

.table-wrap {
  border-top: 0.8px solid #b7b7b6;
  padding: 27px 0 0 0; }
  .table-wrap table {
    width: 100%; }
    .table-wrap table td {
      text-align: left;
      width: 55.33%;
      font-size: 14px;
      font-weight: 300;
      color: #696868; }
    .table-wrap table th {
      font-size: 13px;
      font-weight: 300;
      color: #707070;
      text-align: left;
      width: 52%;
      padding: 0 0 15px 0px;
      letter-spacing: 1.3px;
      text-transform: uppercase; }
    .table-wrap table td.spacer {
      padding: 0 10px; }
  .table-wrap .inner-table {
    background-color: #f7f5f6;
    border-radius: 5px;
    padding: 10px; }
    .table-wrap .inner-table .inner-subtable tr:first-child td {
      padding: 13px 0; }
    .table-wrap .inner-table .inner-subtable tr:last-child td {
      padding: 21px 0;
      border-bottom: 0; }
    .table-wrap .inner-table .inner-subtable td {
      padding: 25px 0;
      padding-right: 40px;
      border-bottom: 1px solid #b7b7b6; }
      .table-wrap .inner-table .inner-subtable td a {
        text-transform: uppercase; }

.new-assessment {
  padding: 31px 0 39px 0px; }
  .new-assessment a {
    text-transform: uppercase;
    word-spacing: 2.2px; }

.vendors, .contact {
  padding: 24px 94px 0 80px; }

.vendor-inspection, .assessment, .assess-con .assessment, .stream-unit, .my-prof {
  padding-top: 5px;
  padding-bottom: 14px; }
  .vendor-inspection .page-title, .assessment .page-title, .stream-unit .page-title, .my-prof .page-title {
    padding-top: 30px;
    width: 18.5%;
    padding-right: 15px; }
  .vendor-inspection .swicth-list, .assessment .swicth-list, .stream-unit .swicth-list, .my-prof .swicth-list {
    width: 57%;
    padding-top: 35px; }
    .vendor-inspection .swicth-list li, .assessment .swicth-list li, .stream-unit .swicth-list li, .my-prof .swicth-list li {
      text-align: left;
      margin-right: 30px;
      font-weight: 300;
      color: #707070;
      float: left; }
      .vendor-inspection .swicth-list li .toggle-txt, .assessment .swicth-list li .toggle-txt, .stream-unit .swicth-list li .toggle-txt, .my-prof .swicth-list li .toggle-txt {
        float: none;
        margin-right: 17px; }
  .vendor-inspection .export-wrap .export, .assessment .export-wrap .export, .stream-unit .export-wrap .export, .my-prof .export-wrap .export {
    display: inline-block;
    margin-bottom: 16px; }
  .vendor-inspection .export-wrap form .search-wrap, .assessment .export-wrap form .search-wrap, .stream-unit .export-wrap form .search-wrap, .my-prof .export-wrap form .search-wrap {
    position: relative;
    padding-right: 3px;
    width: 164px;
    float: right; }
  .vendor-inspection .export-wrap form input[type="submit"], .assessment .export-wrap form input[type="submit"], .stream-unit .export-wrap form input[type="submit"], .my-prof .export-wrap form input[type="submit"] {
    padding: 0;
    position: absolute;
    top: 5px;
    left: 6px;
    font-size: 0;
    border: 0;
    width: 15px;
    height: 15px;
    background: url("../images/search.svg") no-repeat 0 0; }
  .vendor-inspection .export-wrap form input[type="search"], .assessment .export-wrap form input[type="search"], .stream-unit .export-wrap form input[type="search"], .my-prof .export-wrap form input[type="search"] {
    border: 0;
    width: 100%;
    padding: 4px;
    padding-left: 24px;
    font-size: 14px;
    color: #707070;
    border-radius: 5px;
    box-shadow: 1px 2px 3px 2px #e0dcdc; }

.add-vendor, .create-assess {
  margin-bottom: 89px; }

.new-vendor {
  float: left; }
  .new-vendor .btn {
    position: relative;
    background: #fefefe;
    box-shadow: 0px 2px 4px 0px #e0dcdc;
    color: #3875ee;
    font-weight: 500;
    text-transform: uppercase;
    padding: 25px 59px 25px 77px; }
    .new-vendor .btn:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 51px;
      background: url("../images/addsign.svg") no-repeat 0 0; }

.filter-wrap {
  width: 58%;
  float: right; }
  .filter-wrap .sbHolder {
    height: 41px; }
  .filter-wrap .sbToggle {
    background: url("../images/arrowdwn.svg") no-repeat 0 0;
    top: 17px; }
  .filter-wrap a.sbSelector {
    background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 15%, #fbfbf9 16%, #fafafc 20%, #fafafa 30%, #f7f7f9 33%, #f9f9f9 34%, #f8f8f8 41%, #f9f9fb 43%, #f7f7f7 44%, #f7f7f7 79%, #f9f9f9 87%, #f8f8f8 93%, #fafafa 95%, #f8f8f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .filter-wrap .sbOptions {
    background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 15%, #fbfbf9 16%, #fafafc 20%, #fafafa 30%, #f7f7f9 33%, #f9f9f9 34%, #f8f8f8 41%, #f9f9fb 43%, #f7f7f7 44%, #f7f7f7 79%, #f9f9f9 87%, #f8f8f8 93%, #fafafa 95%, #f8f8f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .filter-wrap .please-selct a.sbSelector {
    font-size: 14px;
    padding-left: 21px;
    color: #888888; }
  .filter-wrap .status-filter {
    float: left;
    width: 49%; }
    .filter-wrap .status-filter span {
      display: block;
      margin-bottom: 5px;
      color: #707070;
      font-weight: 500; }
  .filter-wrap .stream-filter {
    float: right;
    width: 49%; }
    .filter-wrap .stream-filter span {
      display: block;
      margin-bottom: 5px;
      color: #707070;
      font-weight: 500; }

.vendor-block, .assess-block, .dine-block {
  margin-bottom: 33px; }

.vendor-block.mb-0, .mb-0.assess-block, .mb-0.dine-block {
  margin-bottom: 0; }

.block-name-wrap {
  padding: 0 11px 0 16px;
  margin-bottom: 17px; }
  .block-name-wrap span {
    font-size: 18px;
    text-transform: capitalize;
    color: #707070;
    font-weight: 400; }
  .block-name-wrap .vendor-count {
    float: right; }

.main-list > li, .stream-list > li, .assessment-form .outer-list > li, .assessment-form-one .outer-list > li {
  border-radius: 5px;
  margin-bottom: 10px;
  border: 0.7px solid #cbd3dc;
  background: linear-gradient(to bottom, #f3f3f5 0%, #f0f0f2 1%, #f1f3f2 7%, #f4f4f6 11%, #f4f4f4 15%, #f5f5f7 19%, #f6f6f4 21%, #f6f6f8 24%, #f9f9f9 49%, #fcfcfc 56%, #fbfaff 65%, #fefefc 67%, #fcfcfc 69%, #ffffff 83%, #ffffff 97%, #fdfdfb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 20px 21px 20px 29px; }

.vendor-list li, .stream li, .assessment-form .form-list li, .assessment-form-one .form-list li, .assessment-form .assess-list li, .assessment-form-one .assess-list li {
  font-size: 14px;
  color: #767676;
  font-weight: 400;
  float: left; }
  .vendor-list li:nth-child(1), .stream li:nth-child(1), .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
    width: 31%; }
  .vendor-list li:nth-child(2), .stream li:nth-child(2), .assessment-form .form-list li:nth-child(2), .assessment-form-one .form-list li:nth-child(2), .assessment-form .assess-list li:nth-child(2), .assessment-form-one .assess-list li:nth-child(2) {
    width: 18%; }
  .vendor-list li:nth-child(3), .stream li:nth-child(3), .assessment-form .form-list li:nth-child(3), .assessment-form-one .form-list li:nth-child(3), .assessment-form .assess-list li:nth-child(3), .assessment-form-one .assess-list li:nth-child(3) {
    width: 21%; }
  .vendor-list li:nth-child(4), .stream li:nth-child(4), .assessment-form .form-list li:nth-child(4), .assessment-form-one .form-list li:nth-child(4), .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
    width: 14%; }
    .vendor-list li:nth-child(4) span, .stream li:nth-child(4) span, .assessment-form .form-list li:nth-child(4) span, .assessment-form-one .form-list li:nth-child(4) span, .assessment-form .assess-list li:nth-child(4) span, .assessment-form-one .assess-list li:nth-child(4) span {
      padding-top: 10px; }
  .vendor-list li:nth-child(5), .stream li:nth-child(5), .assessment-form .form-list li:nth-child(5), .assessment-form-one .form-list li:nth-child(5), .assessment-form .assess-list li:nth-child(5), .assessment-form-one .assess-list li:nth-child(5) {
    width: 16%; }
  .vendor-list li span, .stream li span, .assessment-form .form-list li span, .assessment-form-one .form-list li span, .assessment-form .assess-list li span, .assessment-form-one .assess-list li span {
    text-transform: capitalize;
    display: block;
    text-align: center; }
  .vendor-list li .vendor-name, .stream li .vendor-name, .assessment-form .form-list li .vendor-name, .assessment-form-one .form-list li .vendor-name, .assessment-form .assess-list li .vendor-name, .assessment-form-one .assess-list li .vendor-name {
    padding-top: 7px;
    display: block;
    width: auto;
    font-size: 18px;
    color: #3c78eb;
    font-weight: 500;
    text-align: left; }
  .vendor-list li .btn, .stream li .btn, .assessment-form .form-list li .btn, .assessment-form-one .form-list li .btn, .assessment-form .assess-list li .btn, .assessment-form-one .assess-list li .btn {
    background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 15%, #fbfbf9 16%, #fafafc 20%, #fafafa 30%, #f7f7f9 33%, #f9f9f9 34%, #f8f8f8 41%, #f9f9fb 43%, #f7f7f7 44%, #f7f7f7 79%, #f9f9f9 87%, #f8f8f8 93%, #fafafa 95%, #f8f8f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    font-size: 10px;
    color: #7bdf1b;
    border: 0.7px solid #e6e6e6;
    min-width: 141px;
    padding: 10px 10px 10px 36px;
    border-radius: 26px;
    display: flex;
    align-items: center;
    height: 33px;
    position: relative; }
    .vendor-list li .btn:before, .stream li .btn:before, .assessment-form .form-list li .btn:before, .assessment-form-one .form-list li .btn:before, .assessment-form .assess-list li .btn:before, .assessment-form-one .assess-list li .btn:before {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #7bdf1b;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 17px; }
  .vendor-list li .btn.pending, .stream li .btn.pending, .assessment-form .form-list li .btn.pending, .assessment-form-one .form-list li .btn.pending, .assessment-form .assess-list li .btn.pending, .assessment-form-one .assess-list li .btn.pending {
    color: #dd9210;
    height: 38px; }
    .vendor-list li .btn.pending:before, .stream li .btn.pending:before, .assessment-form .form-list li .btn.pending:before, .assessment-form-one .form-list li .btn.pending:before, .assessment-form .assess-list li .btn.pending:before, .assessment-form-one .assess-list li .btn.pending:before {
      background-color: #de9315; }
  .vendor-list li .btn.response, .stream li .btn.response, .assessment-form .form-list li .btn.response, .assessment-form-one .form-list li .btn.response, .assessment-form .assess-list li .btn.response, .assessment-form-one .assess-list li .btn.response {
    color: #8527f5; }
    .vendor-list li .btn.response:before, .stream li .btn.response:before, .assessment-form .form-list li .btn.response:before, .assessment-form-one .form-list li .btn.response:before, .assessment-form .assess-list li .btn.response:before, .assessment-form-one .assess-list li .btn.response:before {
      background-color: #8527f5; }
  .vendor-list li .btn.denied, .stream li .btn.denied, .assessment-form .form-list li .btn.denied, .assessment-form-one .form-list li .btn.denied, .assessment-form .assess-list li .btn.denied, .assessment-form-one .assess-list li .btn.denied {
    color: #f23c3c; }
    .vendor-list li .btn.denied:before, .stream li .btn.denied:before, .assessment-form .form-list li .btn.denied:before, .assessment-form-one .form-list li .btn.denied:before, .assessment-form .assess-list li .btn.denied:before, .assessment-form-one .assess-list li .btn.denied:before {
      background-color: #f24040; }

.assessment-cont, .assess-con, .assessment-form, .assessment-form-one {
  padding: 55px 95px 0 80px; }

.assessment {
  padding-bottom: 39px; }

.create-assess {
  margin-bottom: 37px; }
  .create-assess .new-vendor .btn {
    padding: 25px 35px 25px 61px; }
    .create-assess .new-vendor .btn:before {
      left: 37px; }

.assessment .page-title {
  padding-top: 0;
  width: 39%; }

.sorting-list {
  float: left;
  padding-top: 7px; }
  .sorting-list li {
    padding: 0 7px;
    float: left;
    border-right: 1px solid #707070;
    font-weight: 300; }
    .sorting-list li:last-child {
      border-right: 0; }
    .sorting-list li a {
      color: #707070; }
    .sorting-list li .sort {
      font-weight: 500; }

.assess-block {
  margin-bottom: 0; }
  .assess-block .main-list > li, .assess-block .stream-list > li, .assess-block .assessment-form .outer-list > li, .assessment-form .assess-block .outer-list > li, .assess-block .assessment-form-one .outer-list > li, .assessment-form-one .assess-block .outer-list > li {
    padding-bottom: 23px; }
  .assess-block .block-name-wrap {
    padding-left: 0; }

.assessment-list li {
  text-align: center; }
  .assessment-list li .vendor-name {
    padding-top: 4px; }
  .assessment-list li a {
    color: #3d79eb;
    font-weight: 500;
    text-align: center;
    display: inline-block; }
  .assessment-list li .mute-view {
    color: #696868; }
  .assessment-list li:nth-child(1) {
    width: 27.6%; }
  .assessment-list li:nth-child(2) {
    width: 2%; }
    .assessment-list li:nth-child(2) a {
      margin-top: 8px; }
  .assessment-list li:nth-child(3) {
    width: 18%; }
  .assessment-list li:nth-child(4) {
    width: 15%; }
    .assessment-list li:nth-child(4) span {
      padding-top: 0; }
  .assessment-list li:nth-child(5) {
    width: 15%; }
  .assessment-list li:nth-child(6) {
    width: 6%; }
    .assessment-list li:nth-child(6) a {
      padding-top: 8px; }
  .assessment-list li:nth-child(7) {
    width: 11%; }
    .assessment-list li:nth-child(7) a {
      margin-top: 8px; }
  .assessment-list li:nth-child(8) {
    width: 4%; }
    .assessment-list li:nth-child(8) a {
      margin-top: 8px; }

.assess-con {
  padding: 55px 74px 0 80px; }
  .assess-con .assessment {
    padding-right: 20px;
    padding-bottom: 39px; }
  .assess-con .create-assess {
    padding-right: 20px;
    margin-bottom: 25px; }

.survey-desc {
  background-color: #f0f0f0;
  border: 1px solid #d9dee4;
  border-radius: 5px;
  padding: 35px 12px 58px 39px; }
  .survey-desc .stream-filter.please-selct a.sbSelector {
    color: #588ef4; }

.survey-wrap {
  margin-bottom: 41px;
  padding-right: 51px; }
  .survey-wrap label {
    font-weight: 300;
    margin-bottom: 12px; }
  .survey-wrap .survey-name {
    float: left;
    width: 45.8%; }
    .survey-wrap .survey-name ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-size: 14px;
      color: #588ef4;
      font-weight: 300;
      opacity: 1;
      text-transform: capitalize; }
    .survey-wrap .survey-name ::-moz-placeholder {
      /* Firefox 19+ */
      font-size: 14px;
      color: #588ef4;
      font-weight: 300;
      opacity: 1;
      text-transform: capitalize; }
    .survey-wrap .survey-name :-ms-input-placeholder {
      /* IE 10+ */
      font-size: 14px;
      color: #588ef4;
      font-weight: 300;
      text-transform: capitalize;
      opacity: 1; }
    .survey-wrap .survey-name :-moz-placeholder {
      /* Firefox 18- */
      font-size: 14px;
      color: #588ef4;
      font-weight: 300;
      text-transform: capitalize;
      opacity: 1; }
  .survey-wrap .stream-filter {
    float: right;
    width: 45.8%; }

.plus-icon, .survey-quest .quest:before, .survey-quest .quest:after {
  content: '';
  position: absolute;
  width: 3px;
  height: 15px;
  background-color: #578cf4;
  top: 1px;
  left: 3px;
  border-radius: 1px; }

.survey-quest .survey-q {
  display: block;
  margin-bottom: 34px; }
.survey-quest span {
  font-size: 13px;
  font-weight: 300;
  color: #707070;
  text-transform: uppercase; }
.survey-quest ul li {
  overflow: hidden;
  padding: 0 34px 25px 27px;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 43px; }
  .survey-quest ul li:last-child {
    margin-bottom: 32px; }
.survey-quest .quest {
  font-size: 13px;
  font-weight: 300;
  color: #707070;
  text-transform: uppercase;
  padding-left: 29px;
  letter-spacing: 1px;
  float: left;
  position: relative; }
  .survey-quest .quest:after {
    width: 15px;
    height: 3px;
    top: 7px;
    left: -3px; }
.survey-quest .icon-wrap {
  float: right; }
  .survey-quest .icon-wrap a {
    display: inline-block;
    margin-left: 33px; }

.add-quest-wrap {
  margin-bottom: 223px; }
  .add-quest-wrap label {
    float: left;
    padding-top: 11px;
    padding-left: 11px;
    margin-right: 17px;
    font-weight: 300;
    color: #707070; }

.other-quest {
  padding: 0 70px 0 15px; }
  .other-quest .add-quest {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 300;
    color: #707070;
    text-transform: uppercase; }
    .other-quest .add-quest:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0px;
      background: url("../images/addsign.svg") no-repeat 0 0; }
  .other-quest .employee {
    float: left;
    width: 52%; }
    .other-quest .employee .form-col {
      float: left;
      width: 92%; }
    .other-quest .employee ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-size: 14px;
      color: #696868;
      font-weight: 300;
      opacity: 1; }
    .other-quest .employee ::-moz-placeholder {
      /* Firefox 19+ */
      font-size: 14px;
      color: #696868;
      font-weight: 300;
      opacity: 1; }
    .other-quest .employee :-ms-input-placeholder {
      /* IE 10+ */
      font-size: 14px;
      color: #696868;
      font-weight: 300;
      opacity: 1; }
    .other-quest .employee :-moz-placeholder {
      /* Firefox 18- */
      font-size: 14px;
      color: #696868;
      font-weight: 300;
      opacity: 1; }
  .other-quest .quest-format {
    float: right;
    width: 47%; }
    .other-quest .quest-format .mcq-wrap {
      float: left;
      width: 80%; }
      .other-quest .quest-format .mcq-wrap .sbHolder .sbToggle {
        background: url("../images/arrowdwn.svg") no-repeat 0 0; }
      .other-quest .quest-format .mcq-wrap .sbHolder .sbSelector {
        font-size: 15px;
        padding: 3px 10px; }
      .other-quest .quest-format .mcq-wrap .sbHolder .sbOptions a {
        font-size: 14px;
        font-weight: 400;
        color: #696868; }
  .other-quest .btn-wrap {
    text-align: center; }
    .other-quest .btn-wrap li {
      display: inline-block;
      padding: 0 7.5px; }
      .other-quest .btn-wrap li .btn {
        min-height: 62px;
        min-width: 215px;
        cursor: pointer; }

.stream-cont {
  padding: 24px 95px 0 80px; }

.stream-unit {
  margin-bottom: 74px; }
  .stream-unit .page-title {
    width: 38.5%; }
  .stream-unit .sorting-list {
    padding-top: 37px; }

.stream-list > li {
  overflow: hidden;
  margin-bottom: 13px;
  padding-right: 39px;
  padding-bottom: 21px; }

.stream {
  padding-top: 7px; }
  .stream li:nth-child(1) {
    width: 21%; }
  .stream li:nth-child(2) {
    width: 2.4%; }
  .stream li:nth-child(3) {
    width: 31%; }
  .stream li:nth-child(4) {
    width: auto; }
  .stream li:last-child {
    width: auto;
    float: right; }
  .stream li .vendor-name {
    padding-top: 0; }
  .stream .arrow-dwn {
    display: inline-block;
    width: 26px;
    height: 15px;
    margin-top: 6px;
    background: url(../images/arrow-lg.svg) no-repeat 0 0; }

.unit-manager {
  display: inline-block;
  font-size: 14px;
  color: #3d79eb;
  font-weight: 500; }

.my-prof {
  padding-bottom: 47px; }
  .my-prof h1 {
    padding-top: 3px; }
    .my-prof h1 a {
      position: relative; }
      .my-prof h1 a:before {
        content: '';
        position: absolute;
        top: 12px;
        left: -42px;
        width: 30px;
        height: 11px;
        background: url("../images/backarrow.svg") no-repeat 0 0; }

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

.vendor-profile-wrap {
  background-color: #f0f0f0;
  border: 0.7px solid #cbd3dc;
  border-radius: 5px;
  padding: 19px 60px 14px 43px;
  margin-bottom: 30px; }

.vendor-profile-name {
  float: left;
  width: 41.5%;
  padding-top: 8px;
  border-right: 0.7px solid #cbd3dc; }

.vendor-add {
  float: right;
  width: 55%;
  padding-top: 11px; }

.my-profile {
  width: 27%; }
  .my-profile li {
    float: none;
    width: 100%;
    margin-bottom: 13px;
    font-size: 14px;
    color: #292929; }
    .my-profile li a {
      color: #292929;
      font-size: 12px; }
    .my-profile li address {
      font-size: 12px;
      line-height: 1.2; }

.pf-details {
  position: relative; }
  .pf-details span {
    display: block;
    color: #292929;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 5px; }
  .pf-details a {
    font-weight: 300;
    font-size: 12px;
    color: #588ef4;
    display: inline-block;
    margin-bottom: 5px; }
  .pf-details .pf-title {
    font-size: 28px;
    color: #757575;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 20px; }
  .pf-details .pf-subtitle {
    font-size: 18px;
    margin-bottom: 90px; }
  .pf-details .pf-create {
    color: #898989;
    margin-bottom: 34px; }

.map-wrap {
  background-color: #d8d8d8;
  border-radius: 5px;
  float: right;
  min-height: 160px;
  position: relative;
  width: 73%;
  margin-top: 10px; }
  .map-wrap span {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 300;
    color: #292929;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.vendor-pf {
  padding-left: 0;
  margin-bottom: 52px; }
  .vendor-pf > span {
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: none; }

.main-list.vendor-pf > li, .vendor-pf.stream-list > li, .assessment-form .vendor-pf.outer-list > li, .assessment-form-one .vendor-pf.outer-list > li {
  margin-bottom: 26px; }

.pf-1-details .pf-subtitle {
  margin-bottom: 10px; }
.pf-1-details .vendor-program {
  margin-bottom: 30px; }

.liane {
  padding-bottom: 29px; }
  .liane .export-wrap {
    padding-top: 41px; }
  .liane h1:before {
    display: none; }

.login-wrap, .pass-reset, .new-pass, .vendor-new-pass, .vendor-pass-reset, .cnf-mail, .cnf-pass, .vendor-login {
  max-width: 590px;
  margin: 0 auto;
  margin-top: 200px;
  margin-bottom: 40px;
  border-radius: 8px;
  box-shadow: 0px 2px 5px 2px #d2d7db; }
  .login-wrap .form-wrap, .pass-reset .form-wrap, .new-pass .form-wrap, .vendor-new-pass .form-wrap, .vendor-pass-reset .form-wrap, .cnf-mail .form-wrap, .cnf-pass .form-wrap, .vendor-login .form-wrap {
    text-align: center;
    background-color: #454547;
    padding: 38px 15px 3px 15px;
    border-radius: 8px;
    position: relative; }
    .login-wrap .form-wrap:before, .pass-reset .form-wrap:before, .new-pass .form-wrap:before, .vendor-new-pass .form-wrap:before, .vendor-pass-reset .form-wrap:before, .cnf-mail .form-wrap:before, .cnf-pass .form-wrap:before, .vendor-login .form-wrap:before {
      position: absolute;
      top: -38px;
      left: 98px;
      content: '';
      border: 25px solid transparent;
      border-bottom: 14px solid #454547; }
  .login-wrap form, .pass-reset form, .new-pass form, .vendor-new-pass form, .vendor-pass-reset form, .cnf-mail form, .cnf-pass form, .vendor-login form {
    max-width: 260px;
    margin: 0 auto; }
    .login-wrap form .form-row, .pass-reset form .form-row, .new-pass form .form-row, .vendor-new-pass form .form-row, .vendor-pass-reset form .form-row, .cnf-mail form .form-row, .cnf-pass form .form-row, .vendor-login form .form-row, .login-wrap .login-portal form .submit-row, .login-portal .login-wrap form .submit-row, .pass-reset .login-portal form .submit-row, .login-portal .pass-reset form .submit-row, .new-pass .login-portal form .submit-row, .login-portal .new-pass form .submit-row, .vendor-new-pass .login-portal form .submit-row, .login-portal .vendor-new-pass form .submit-row, .vendor-pass-reset .login-portal form .submit-row, .login-portal .vendor-pass-reset form .submit-row, .cnf-mail .login-portal form .submit-row, .login-portal .cnf-mail form .submit-row, .cnf-pass .login-portal form .submit-row, .login-portal .cnf-pass form .submit-row, .vendor-login .login-portal form .submit-row, .login-portal .vendor-login form .submit-row, .login-wrap .email-reset form .submit-row, .email-reset .login-wrap form .submit-row, .pass-reset .email-reset form .submit-row, .email-reset .pass-reset form .submit-row, .new-pass .email-reset form .submit-row, .email-reset .new-pass form .submit-row, .vendor-new-pass .email-reset form .submit-row, .email-reset .vendor-new-pass form .submit-row, .vendor-pass-reset .email-reset form .submit-row, .email-reset .vendor-pass-reset form .submit-row, .cnf-mail .email-reset form .submit-row, .email-reset .cnf-mail form .submit-row, .cnf-pass .email-reset form .submit-row, .email-reset .cnf-pass form .submit-row, .vendor-login .email-reset form .submit-row, .email-reset .vendor-login form .submit-row, .login-wrap .confirm-pass form .submit-row, .confirm-pass .login-wrap form .submit-row, .pass-reset .confirm-pass form .submit-row, .confirm-pass .pass-reset form .submit-row, .new-pass .confirm-pass form .submit-row, .confirm-pass .new-pass form .submit-row, .vendor-new-pass .confirm-pass form .submit-row, .confirm-pass .vendor-new-pass form .submit-row, .vendor-pass-reset .confirm-pass form .submit-row, .confirm-pass .vendor-pass-reset form .submit-row, .cnf-mail .confirm-pass form .submit-row, .confirm-pass .cnf-mail form .submit-row, .cnf-pass .confirm-pass form .submit-row, .confirm-pass .cnf-pass form .submit-row, .vendor-login .confirm-pass form .submit-row, .confirm-pass .vendor-login form .submit-row, .login-wrap .confirm-msg form .submit-row, .confirm-msg .login-wrap form .submit-row, .pass-reset .confirm-msg form .submit-row, .confirm-msg .pass-reset form .submit-row, .new-pass .confirm-msg form .submit-row, .confirm-msg .new-pass form .submit-row, .vendor-new-pass .confirm-msg form .submit-row, .confirm-msg .vendor-new-pass form .submit-row, .vendor-pass-reset .confirm-msg form .submit-row, .confirm-msg .vendor-pass-reset form .submit-row, .cnf-mail .confirm-msg form .submit-row, .confirm-msg .cnf-mail form .submit-row, .cnf-pass .confirm-msg form .submit-row, .confirm-msg .cnf-pass form .submit-row, .vendor-login .confirm-msg form .submit-row, .confirm-msg .vendor-login form .submit-row {
      position: relative; }
      .login-wrap form .form-row:first-child, .pass-reset form .form-row:first-child, .new-pass form .form-row:first-child, .vendor-new-pass form .form-row:first-child, .vendor-pass-reset form .form-row:first-child, .cnf-mail form .form-row:first-child, .cnf-pass form .form-row:first-child, .vendor-login form .form-row:first-child, .login-wrap .login-portal form .submit-row:first-child, .login-portal .login-wrap form .submit-row:first-child, .pass-reset .login-portal form .submit-row:first-child, .login-portal .pass-reset form .submit-row:first-child, .new-pass .login-portal form .submit-row:first-child, .login-portal .new-pass form .submit-row:first-child, .vendor-new-pass .login-portal form .submit-row:first-child, .login-portal .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .login-portal form .submit-row:first-child, .login-portal .vendor-pass-reset form .submit-row:first-child, .cnf-mail .login-portal form .submit-row:first-child, .login-portal .cnf-mail form .submit-row:first-child, .cnf-pass .login-portal form .submit-row:first-child, .login-portal .cnf-pass form .submit-row:first-child, .vendor-login .login-portal form .submit-row:first-child, .login-portal .vendor-login form .submit-row:first-child, .login-wrap .email-reset form .submit-row:first-child, .email-reset .login-wrap form .submit-row:first-child, .pass-reset .email-reset form .submit-row:first-child, .email-reset .pass-reset form .submit-row:first-child, .new-pass .email-reset form .submit-row:first-child, .email-reset .new-pass form .submit-row:first-child, .vendor-new-pass .email-reset form .submit-row:first-child, .email-reset .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .email-reset form .submit-row:first-child, .email-reset .vendor-pass-reset form .submit-row:first-child, .cnf-mail .email-reset form .submit-row:first-child, .email-reset .cnf-mail form .submit-row:first-child, .cnf-pass .email-reset form .submit-row:first-child, .email-reset .cnf-pass form .submit-row:first-child, .vendor-login .email-reset form .submit-row:first-child, .email-reset .vendor-login form .submit-row:first-child, .login-wrap .confirm-pass form .submit-row:first-child, .confirm-pass .login-wrap form .submit-row:first-child, .pass-reset .confirm-pass form .submit-row:first-child, .confirm-pass .pass-reset form .submit-row:first-child, .new-pass .confirm-pass form .submit-row:first-child, .confirm-pass .new-pass form .submit-row:first-child, .vendor-new-pass .confirm-pass form .submit-row:first-child, .confirm-pass .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .confirm-pass form .submit-row:first-child, .confirm-pass .vendor-pass-reset form .submit-row:first-child, .cnf-mail .confirm-pass form .submit-row:first-child, .confirm-pass .cnf-mail form .submit-row:first-child, .cnf-pass .confirm-pass form .submit-row:first-child, .confirm-pass .cnf-pass form .submit-row:first-child, .vendor-login .confirm-pass form .submit-row:first-child, .confirm-pass .vendor-login form .submit-row:first-child, .login-wrap .confirm-msg form .submit-row:first-child, .confirm-msg .login-wrap form .submit-row:first-child, .pass-reset .confirm-msg form .submit-row:first-child, .confirm-msg .pass-reset form .submit-row:first-child, .new-pass .confirm-msg form .submit-row:first-child, .confirm-msg .new-pass form .submit-row:first-child, .vendor-new-pass .confirm-msg form .submit-row:first-child, .confirm-msg .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .confirm-msg form .submit-row:first-child, .confirm-msg .vendor-pass-reset form .submit-row:first-child, .cnf-mail .confirm-msg form .submit-row:first-child, .confirm-msg .cnf-mail form .submit-row:first-child, .cnf-pass .confirm-msg form .submit-row:first-child, .confirm-msg .cnf-pass form .submit-row:first-child, .vendor-login .confirm-msg form .submit-row:first-child, .confirm-msg .vendor-login form .submit-row:first-child {
        margin-bottom: 9px; }
      .login-wrap form .form-row label, .pass-reset form .form-row label, .new-pass form .form-row label, .vendor-new-pass form .form-row label, .vendor-pass-reset form .form-row label, .cnf-mail form .form-row label, .cnf-pass form .form-row label, .vendor-login form .form-row label, .login-wrap .login-portal form .submit-row label, .login-portal .login-wrap form .submit-row label, .pass-reset .login-portal form .submit-row label, .login-portal .pass-reset form .submit-row label, .new-pass .login-portal form .submit-row label, .login-portal .new-pass form .submit-row label, .vendor-new-pass .login-portal form .submit-row label, .login-portal .vendor-new-pass form .submit-row label, .vendor-pass-reset .login-portal form .submit-row label, .login-portal .vendor-pass-reset form .submit-row label, .cnf-mail .login-portal form .submit-row label, .login-portal .cnf-mail form .submit-row label, .cnf-pass .login-portal form .submit-row label, .login-portal .cnf-pass form .submit-row label, .vendor-login .login-portal form .submit-row label, .login-portal .vendor-login form .submit-row label, .login-wrap .email-reset form .submit-row label, .email-reset .login-wrap form .submit-row label, .pass-reset .email-reset form .submit-row label, .email-reset .pass-reset form .submit-row label, .new-pass .email-reset form .submit-row label, .email-reset .new-pass form .submit-row label, .vendor-new-pass .email-reset form .submit-row label, .email-reset .vendor-new-pass form .submit-row label, .vendor-pass-reset .email-reset form .submit-row label, .email-reset .vendor-pass-reset form .submit-row label, .cnf-mail .email-reset form .submit-row label, .email-reset .cnf-mail form .submit-row label, .cnf-pass .email-reset form .submit-row label, .email-reset .cnf-pass form .submit-row label, .vendor-login .email-reset form .submit-row label, .email-reset .vendor-login form .submit-row label, .login-wrap .confirm-pass form .submit-row label, .confirm-pass .login-wrap form .submit-row label, .pass-reset .confirm-pass form .submit-row label, .confirm-pass .pass-reset form .submit-row label, .new-pass .confirm-pass form .submit-row label, .confirm-pass .new-pass form .submit-row label, .vendor-new-pass .confirm-pass form .submit-row label, .confirm-pass .vendor-new-pass form .submit-row label, .vendor-pass-reset .confirm-pass form .submit-row label, .confirm-pass .vendor-pass-reset form .submit-row label, .cnf-mail .confirm-pass form .submit-row label, .confirm-pass .cnf-mail form .submit-row label, .cnf-pass .confirm-pass form .submit-row label, .confirm-pass .cnf-pass form .submit-row label, .vendor-login .confirm-pass form .submit-row label, .confirm-pass .vendor-login form .submit-row label, .login-wrap .confirm-msg form .submit-row label, .confirm-msg .login-wrap form .submit-row label, .pass-reset .confirm-msg form .submit-row label, .confirm-msg .pass-reset form .submit-row label, .new-pass .confirm-msg form .submit-row label, .confirm-msg .new-pass form .submit-row label, .vendor-new-pass .confirm-msg form .submit-row label, .confirm-msg .vendor-new-pass form .submit-row label, .vendor-pass-reset .confirm-msg form .submit-row label, .confirm-msg .vendor-pass-reset form .submit-row label, .cnf-mail .confirm-msg form .submit-row label, .confirm-msg .cnf-mail form .submit-row label, .cnf-pass .confirm-msg form .submit-row label, .confirm-msg .cnf-pass form .submit-row label, .vendor-login .confirm-msg form .submit-row label, .confirm-msg .vendor-login form .submit-row label {
        position: absolute;
        top: 13px;
        left: 11px; }
      .login-wrap form .form-row input, .pass-reset form .form-row input, .new-pass form .form-row input, .vendor-new-pass form .form-row input, .vendor-pass-reset form .form-row input, .cnf-mail form .form-row input, .cnf-pass form .form-row input, .vendor-login form .form-row input, .login-wrap .login-portal form .submit-row input, .login-portal .login-wrap form .submit-row input, .pass-reset .login-portal form .submit-row input, .login-portal .pass-reset form .submit-row input, .new-pass .login-portal form .submit-row input, .login-portal .new-pass form .submit-row input, .vendor-new-pass .login-portal form .submit-row input, .login-portal .vendor-new-pass form .submit-row input, .vendor-pass-reset .login-portal form .submit-row input, .login-portal .vendor-pass-reset form .submit-row input, .cnf-mail .login-portal form .submit-row input, .login-portal .cnf-mail form .submit-row input, .cnf-pass .login-portal form .submit-row input, .login-portal .cnf-pass form .submit-row input, .vendor-login .login-portal form .submit-row input, .login-portal .vendor-login form .submit-row input, .login-wrap .email-reset form .submit-row input, .email-reset .login-wrap form .submit-row input, .pass-reset .email-reset form .submit-row input, .email-reset .pass-reset form .submit-row input, .new-pass .email-reset form .submit-row input, .email-reset .new-pass form .submit-row input, .vendor-new-pass .email-reset form .submit-row input, .email-reset .vendor-new-pass form .submit-row input, .vendor-pass-reset .email-reset form .submit-row input, .email-reset .vendor-pass-reset form .submit-row input, .cnf-mail .email-reset form .submit-row input, .email-reset .cnf-mail form .submit-row input, .cnf-pass .email-reset form .submit-row input, .email-reset .cnf-pass form .submit-row input, .vendor-login .email-reset form .submit-row input, .email-reset .vendor-login form .submit-row input, .login-wrap .confirm-pass form .submit-row input, .confirm-pass .login-wrap form .submit-row input, .pass-reset .confirm-pass form .submit-row input, .confirm-pass .pass-reset form .submit-row input, .new-pass .confirm-pass form .submit-row input, .confirm-pass .new-pass form .submit-row input, .vendor-new-pass .confirm-pass form .submit-row input, .confirm-pass .vendor-new-pass form .submit-row input, .vendor-pass-reset .confirm-pass form .submit-row input, .confirm-pass .vendor-pass-reset form .submit-row input, .cnf-mail .confirm-pass form .submit-row input, .confirm-pass .cnf-mail form .submit-row input, .cnf-pass .confirm-pass form .submit-row input, .confirm-pass .cnf-pass form .submit-row input, .vendor-login .confirm-pass form .submit-row input, .confirm-pass .vendor-login form .submit-row input, .login-wrap .confirm-msg form .submit-row input, .confirm-msg .login-wrap form .submit-row input, .pass-reset .confirm-msg form .submit-row input, .confirm-msg .pass-reset form .submit-row input, .new-pass .confirm-msg form .submit-row input, .confirm-msg .new-pass form .submit-row input, .vendor-new-pass .confirm-msg form .submit-row input, .confirm-msg .vendor-new-pass form .submit-row input, .vendor-pass-reset .confirm-msg form .submit-row input, .confirm-msg .vendor-pass-reset form .submit-row input, .cnf-mail .confirm-msg form .submit-row input, .confirm-msg .cnf-mail form .submit-row input, .cnf-pass .confirm-msg form .submit-row input, .confirm-msg .cnf-pass form .submit-row input, .vendor-login .confirm-msg form .submit-row input, .confirm-msg .vendor-login form .submit-row input {
        padding-left: 40px;
        height: 40px;
        font-size: 14px;
        font-weight: 500;
        color: #504f4f;
        box-shadow: none; }
      .login-wrap form .form-row .forgot-pass, .pass-reset form .form-row .forgot-pass, .new-pass form .form-row .forgot-pass, .vendor-new-pass form .form-row .forgot-pass, .vendor-pass-reset form .form-row .forgot-pass, .cnf-mail form .form-row .forgot-pass, .cnf-pass form .form-row .forgot-pass, .vendor-login form .form-row .forgot-pass, .login-wrap .login-portal form .submit-row .forgot-pass, .login-portal .login-wrap form .submit-row .forgot-pass, .pass-reset .login-portal form .submit-row .forgot-pass, .login-portal .pass-reset form .submit-row .forgot-pass, .new-pass .login-portal form .submit-row .forgot-pass, .login-portal .new-pass form .submit-row .forgot-pass, .vendor-new-pass .login-portal form .submit-row .forgot-pass, .login-portal .vendor-new-pass form .submit-row .forgot-pass, .vendor-pass-reset .login-portal form .submit-row .forgot-pass, .login-portal .vendor-pass-reset form .submit-row .forgot-pass, .cnf-mail .login-portal form .submit-row .forgot-pass, .login-portal .cnf-mail form .submit-row .forgot-pass, .cnf-pass .login-portal form .submit-row .forgot-pass, .login-portal .cnf-pass form .submit-row .forgot-pass, .vendor-login .login-portal form .submit-row .forgot-pass, .login-portal .vendor-login form .submit-row .forgot-pass, .login-wrap .email-reset form .submit-row .forgot-pass, .email-reset .login-wrap form .submit-row .forgot-pass, .pass-reset .email-reset form .submit-row .forgot-pass, .email-reset .pass-reset form .submit-row .forgot-pass, .new-pass .email-reset form .submit-row .forgot-pass, .email-reset .new-pass form .submit-row .forgot-pass, .vendor-new-pass .email-reset form .submit-row .forgot-pass, .email-reset .vendor-new-pass form .submit-row .forgot-pass, .vendor-pass-reset .email-reset form .submit-row .forgot-pass, .email-reset .vendor-pass-reset form .submit-row .forgot-pass, .cnf-mail .email-reset form .submit-row .forgot-pass, .email-reset .cnf-mail form .submit-row .forgot-pass, .cnf-pass .email-reset form .submit-row .forgot-pass, .email-reset .cnf-pass form .submit-row .forgot-pass, .vendor-login .email-reset form .submit-row .forgot-pass, .email-reset .vendor-login form .submit-row .forgot-pass, .login-wrap .confirm-pass form .submit-row .forgot-pass, .confirm-pass .login-wrap form .submit-row .forgot-pass, .pass-reset .confirm-pass form .submit-row .forgot-pass, .confirm-pass .pass-reset form .submit-row .forgot-pass, .new-pass .confirm-pass form .submit-row .forgot-pass, .confirm-pass .new-pass form .submit-row .forgot-pass, .vendor-new-pass .confirm-pass form .submit-row .forgot-pass, .confirm-pass .vendor-new-pass form .submit-row .forgot-pass, .vendor-pass-reset .confirm-pass form .submit-row .forgot-pass, .confirm-pass .vendor-pass-reset form .submit-row .forgot-pass, .cnf-mail .confirm-pass form .submit-row .forgot-pass, .confirm-pass .cnf-mail form .submit-row .forgot-pass, .cnf-pass .confirm-pass form .submit-row .forgot-pass, .confirm-pass .cnf-pass form .submit-row .forgot-pass, .vendor-login .confirm-pass form .submit-row .forgot-pass, .confirm-pass .vendor-login form .submit-row .forgot-pass, .login-wrap .confirm-msg form .submit-row .forgot-pass, .confirm-msg .login-wrap form .submit-row .forgot-pass, .pass-reset .confirm-msg form .submit-row .forgot-pass, .confirm-msg .pass-reset form .submit-row .forgot-pass, .new-pass .confirm-msg form .submit-row .forgot-pass, .confirm-msg .new-pass form .submit-row .forgot-pass, .vendor-new-pass .confirm-msg form .submit-row .forgot-pass, .confirm-msg .vendor-new-pass form .submit-row .forgot-pass, .vendor-pass-reset .confirm-msg form .submit-row .forgot-pass, .confirm-msg .vendor-pass-reset form .submit-row .forgot-pass, .cnf-mail .confirm-msg form .submit-row .forgot-pass, .confirm-msg .cnf-mail form .submit-row .forgot-pass, .cnf-pass .confirm-msg form .submit-row .forgot-pass, .confirm-msg .cnf-pass form .submit-row .forgot-pass, .vendor-login .confirm-msg form .submit-row .forgot-pass, .confirm-msg .vendor-login form .submit-row .forgot-pass {
        font-size: 18px;
        font-weight: 300;
        color: #fff; }
    .login-wrap form input[type="submit"], .pass-reset form input[type="submit"], .new-pass form input[type="submit"], .vendor-new-pass form input[type="submit"], .vendor-pass-reset form input[type="submit"], .cnf-mail form input[type="submit"], .cnf-pass form input[type="submit"], .vendor-login form input[type="submit"] {
      background: linear-gradient(to bottom, #4fa254 0%, #50a154 23%, #4ba253 26%, #50a155 29%, #4fa254 45%, #3e9c50 48%, #359647 52%, #359345 55%, #369446 61%, #349342 65%, #379346 84%, #359345 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      padding-left: 30px;
      border: none;
      padding-right: 30px;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      padding-top: 12px; }
      .login-wrap form input[type="submit"]:hover, .pass-reset form input[type="submit"]:hover, .new-pass form input[type="submit"]:hover, .vendor-new-pass form input[type="submit"]:hover, .vendor-pass-reset form input[type="submit"]:hover, .cnf-mail form input[type="submit"]:hover, .cnf-pass form input[type="submit"]:hover, .vendor-login form input[type="submit"]:hover {
        background: #fbb400;
        color: #504f4f; }
    .login-wrap form ::-webkit-input-placeholder, .pass-reset form ::-webkit-input-placeholder, .new-pass form ::-webkit-input-placeholder, .vendor-new-pass form ::-webkit-input-placeholder, .vendor-pass-reset form ::-webkit-input-placeholder, .cnf-mail form ::-webkit-input-placeholder, .cnf-pass form ::-webkit-input-placeholder, .vendor-login form ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-size: 14px;
      color: #504f4f;
      font-weight: 500;
      text-transform: capitalize;
      opacity: 1; }
    .login-wrap form ::-moz-placeholder, .pass-reset form ::-moz-placeholder, .new-pass form ::-moz-placeholder, .vendor-new-pass form ::-moz-placeholder, .vendor-pass-reset form ::-moz-placeholder, .cnf-mail form ::-moz-placeholder, .cnf-pass form ::-moz-placeholder, .vendor-login form ::-moz-placeholder {
      /* Firefox 19+ */
      font-size: 14px;
      color: #504f4f;
      font-weight: 500;
      text-transform: capitalize;
      opacity: 1; }
    .login-wrap form :-ms-input-placeholder, .pass-reset form :-ms-input-placeholder, .new-pass form :-ms-input-placeholder, .vendor-new-pass form :-ms-input-placeholder, .vendor-pass-reset form :-ms-input-placeholder, .cnf-mail form :-ms-input-placeholder, .cnf-pass form :-ms-input-placeholder, .vendor-login form :-ms-input-placeholder {
      /* IE 10+ */
      font-size: 14px;
      color: #504f4f;
      font-weight: 500;
      text-transform: capitalize;
      opacity: 1; }
    .login-wrap form :-moz-placeholder, .pass-reset form :-moz-placeholder, .new-pass form :-moz-placeholder, .vendor-new-pass form :-moz-placeholder, .vendor-pass-reset form :-moz-placeholder, .cnf-mail form :-moz-placeholder, .cnf-pass form :-moz-placeholder, .vendor-login form :-moz-placeholder {
      /* Firefox 18- */
      font-size: 14px;
      color: #504f4f;
      text-transform: capitalize;
      font-weight: 500;
      opacity: 1; }

.welcome-wrap, .cnf-mail, .cnf-pass {
  text-align: center;
  padding: 46px 15px 24px 15px; }
  .welcome-wrap .logo-brand, .cnf-mail .logo-brand, .cnf-pass .logo-brand {
    text-align: center; }
  .welcome-wrap .logo, .cnf-mail .logo, .cnf-pass .logo {
    display: inline-block;
    margin-bottom: 54px; }
  .welcome-wrap h1, .cnf-mail h1, .cnf-pass h1 {
    letter-spacing: 0;
    color: #6e6c6c;
    font-size: 20px;
    font-weight: 300;
    text-align: right;
    display: inline-block;
    text-transform: none; }
    .welcome-wrap h1 strong, .cnf-mail h1 strong, .cnf-pass h1 strong {
      font-weight: 500;
      color: #504f4f;
      display: block;
      text-transform: capitalize; }

.pass-reset .form-wrap, .new-pass .form-wrap, .vendor-new-pass .form-wrap, .vendor-pass-reset .form-wrap {
  padding: 38px 15px 39px 15px; }
.pass-reset form .form-row:first-child, .new-pass form .form-row:first-child, .vendor-new-pass form .form-row:first-child, .vendor-pass-reset form .form-row:first-child, .pass-reset .login-portal form .submit-row:first-child, .login-portal .pass-reset form .submit-row:first-child, .new-pass .login-portal form .submit-row:first-child, .login-portal .new-pass form .submit-row:first-child, .vendor-new-pass .login-portal form .submit-row:first-child, .login-portal .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .login-portal form .submit-row:first-child, .login-portal .vendor-pass-reset form .submit-row:first-child, .pass-reset .email-reset form .submit-row:first-child, .email-reset .pass-reset form .submit-row:first-child, .new-pass .email-reset form .submit-row:first-child, .email-reset .new-pass form .submit-row:first-child, .vendor-new-pass .email-reset form .submit-row:first-child, .email-reset .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .email-reset form .submit-row:first-child, .email-reset .vendor-pass-reset form .submit-row:first-child, .pass-reset .confirm-pass form .submit-row:first-child, .confirm-pass .pass-reset form .submit-row:first-child, .new-pass .confirm-pass form .submit-row:first-child, .confirm-pass .new-pass form .submit-row:first-child, .vendor-new-pass .confirm-pass form .submit-row:first-child, .confirm-pass .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .confirm-pass form .submit-row:first-child, .confirm-pass .vendor-pass-reset form .submit-row:first-child, .pass-reset .confirm-msg form .submit-row:first-child, .confirm-msg .pass-reset form .submit-row:first-child, .new-pass .confirm-msg form .submit-row:first-child, .confirm-msg .new-pass form .submit-row:first-child, .vendor-new-pass .confirm-msg form .submit-row:first-child, .confirm-msg .vendor-new-pass form .submit-row:first-child, .vendor-pass-reset .confirm-msg form .submit-row:first-child, .confirm-msg .vendor-pass-reset form .submit-row:first-child {
  margin-bottom: 16px; }
.pass-reset form input[type="submit"], .new-pass form input[type="submit"], .vendor-new-pass form input[type="submit"], .vendor-pass-reset form input[type="submit"] {
  background: linear-gradient(to bottom, #4899f5 0%, #4899f5 20%, #4a9bf7 23%, #4899f5 34%, #4a9bf7 43%, #3795f5 46%, #318ff1 49%, #2d8af2 51%, #2f8bfa 57%, #2d8af4 63%, #2d89f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 14px;
  width: 100%;
  padding-left: 43px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
  text-align: left;
  border: none;
  cursor: pointer; }
.pass-reset p, .new-pass p, .vendor-new-pass p, .vendor-pass-reset p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  padding: 0 118px;
  letter-spacing: .9px;
  line-height: 1.2;
  margin-bottom: 37px; }

.new-pass, .vendor-new-pass {
  margin-top: 250px; }
  .new-pass .form-wrap, .vendor-new-pass .form-wrap {
    padding-top: 31px;
    padding-bottom: 7px; }
    .new-pass .form-wrap input[type="submit"], .vendor-new-pass .form-wrap input[type="submit"] {
      width: auto; }
    .new-pass .form-wrap .form-row.dib, .vendor-new-pass .form-wrap .form-row.dib, .new-pass .form-wrap .login-portal form .dib.submit-row, .login-portal form .new-pass .form-wrap .dib.submit-row, .vendor-new-pass .form-wrap .login-portal form .dib.submit-row, .login-portal form .vendor-new-pass .form-wrap .dib.submit-row, .new-pass .form-wrap .email-reset form .dib.submit-row, .email-reset form .new-pass .form-wrap .dib.submit-row, .vendor-new-pass .form-wrap .email-reset form .dib.submit-row, .email-reset form .vendor-new-pass .form-wrap .dib.submit-row, .new-pass .form-wrap .confirm-pass form .dib.submit-row, .confirm-pass form .new-pass .form-wrap .dib.submit-row, .vendor-new-pass .form-wrap .confirm-pass form .dib.submit-row, .confirm-pass form .vendor-new-pass .form-wrap .dib.submit-row, .new-pass .form-wrap .confirm-msg form .dib.submit-row, .confirm-msg form .new-pass .form-wrap .dib.submit-row, .vendor-new-pass .form-wrap .confirm-msg form .dib.submit-row, .confirm-msg form .vendor-new-pass .form-wrap .dib.submit-row {
      display: inline-block; }
  .new-pass p, .vendor-new-pass p {
    margin-bottom: 25px; }

.cnf-mail, .cnf-pass {
  margin-top: 323px;
  max-width: 485px;
  padding-bottom: 80px;
  padding-top: 34px; }
  .cnf-mail .logo, .cnf-pass .logo {
    margin-bottom: 72px; }
  .cnf-mail h1, .cnf-pass h1 {
    font-size: 18px;
    font-weight: 500;
    color: #504f4f;
    letter-spacing: 1px;
    margin-bottom: 12px; }
  .cnf-mail p, .cnf-pass p {
    font-size: 20px;
    font-weight: 300;
    color: #504f4f;
    padding: 0;
    letter-spacing: 1px;
    margin-bottom: 24px; }
  .cnf-mail .go-back, .cnf-pass .go-back {
    font-size: 14px;
    font-weight: 400;
    color: #0092ff;
    position: relative; }
    .cnf-mail .go-back:before, .cnf-pass .go-back:before {
      content: '';
      position: absolute;
      top: 6px;
      left: -26px;
      width: 30px;
      height: 9px;
      background: url(../images/arrowleft-1.svg) no-repeat 0 0; }

.cnf-pass {
  margin-top: 272px;
  padding-bottom: 38px; }
  .cnf-pass h1 {
    margin-bottom: 19px; }
  .cnf-pass .logo {
    margin-bottom: 65px; }
  .cnf-pass p {
    line-height: 1.2;
    margin-bottom: 56px; }

.aven, .aven300 {
  padding: 41px 98px 0 77px; }
  .aven .vendor-title, .aven300 .vendor-title {
    padding-right: 5px; }
    .aven .vendor-title .btn, .aven300 .vendor-title .btn {
      float: right;
      background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 15%, #fbfbf9 16%, #fafafc 20%, #fafafa 30%, #f7f7f9 33%, #f9f9f9 34%, #f8f8f8 41%, #f9f9fb 43%, #f7f7f7 44%, #f7f7f7 79%, #f9f9f9 87%, #f8f8f8 93%, #fafafa 95%, #f8f8f8 100%);
      font-size: 12px;
      color: #7bdf1b;
      border: 0.7px solid #e6e6e6;
      padding: 13px 24px 10px 25px;
      border-radius: 26px;
      display: flex;
      align-items: center;
      height: 33px;
      position: relative;
      text-transform: capitalize; }
      .aven .vendor-title .btn:before, .aven300 .vendor-title .btn:before {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #22b22f;
        top: 13px;
        left: 11px; }
  .aven h1, .aven300 h1 {
    padding-top: 10px;
    float: left; }
    .aven h1 a:before, .aven300 h1 a:before {
      display: none; }
  .aven h2, .aven300 h2 {
    letter-spacing: 0px;
    font-size: 18px;
    color: #707070;
    font-weight: 400;
    margin-bottom: 3px; }
  .aven .approval-date, .aven300 .approval-date {
    padding: 7px 0 22px 17px; }
    .aven .approval-date li, .aven300 .approval-date li {
      font-size: 13px;
      font-weight: 400;
      color: #898989;
      margin-bottom: 3px; }

.action-required {
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 21px 12px 32px 41px; }
  .action-required ul {
    padding-left: 0; }
  .action-required .certificate-approve {
    float: left; }
    .action-required .certificate-approve .req-wrap {
      padding: 9px 0 34px 29px;
      border-bottom: 1px solid #ebebed; }
      .action-required .certificate-approve .req-wrap span {
        font-size: 16px;
        font-weight: 300;
        color: #707070; }
    .action-required .certificate-approve .approved-doc, .aven300 .action-required .certificate-approve .food-serv {
      padding-left: 17px;
      padding-top: 20px; }
      .action-required .certificate-approve .approved-doc h3, .aven300 .action-required .certificate-approve .food-serv h3 {
        margin-bottom: 19px;
        padding-left: 8px; }
      .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
        width: 47px;
        margin-right: 35px; }
        .action-required .certificate-approve .approved-doc figure img, .aven300 .action-required .certificate-approve .food-serv figure img {
          width: 100%; }
      .action-required .certificate-approve .approved-doc li, .aven300 .action-required .certificate-approve .food-serv li {
        margin-bottom: 29px; }
    .action-required .certificate-approve .upload-date {
      width: 77%;
      padding-top: 9px; }
      .action-required .certificate-approve .upload-date .month-oct {
        margin-bottom: 17px; }
      .action-required .certificate-approve .upload-date .btn {
        padding: 19px 27px 19px 31px;
        border-radius: 10px; }
  .action-required .about-info {
    float: right;
    width: 51%;
    border-left: 1px solid #ebebed;
    padding-left: 72px; }
    .action-required .about-info .about-wrap {
      padding: 7px 39px 15px 0;
      border-bottom: 1px solid #ebebed; }
    .action-required .about-info .map-wrap {
      float: none;
      background-color: transparent;
      border-radius: 10px;
      overflow: hidden;
      margin: 0;
      width: 91%; }
      .action-required .about-info .map-wrap iframe {
        width: 100%; }
    .action-required .about-info .approved-doc, .aven300 .action-required .about-info .certificate-approve .food-serv, .aven300 .action-required .certificate-approve .about-info .food-serv {
      padding: 38px 0 23px 0;
      border-bottom: 1px solid #ebebed; }
      .action-required .about-info .approved-doc h3, .aven300 .action-required .about-info .certificate-approve .food-serv h3, .aven300 .action-required .certificate-approve .about-info .food-serv h3 {
        margin-bottom: 15px; }
      .action-required .about-info .approved-doc figure, .aven300 .action-required .about-info .certificate-approve .food-serv figure, .aven300 .action-required .certificate-approve .about-info .food-serv figure {
        width: 47px;
        margin-right: 28px; }
        .action-required .about-info .approved-doc figure img, .aven300 .action-required .about-info .certificate-approve .food-serv figure img, .aven300 .action-required .certificate-approve .about-info .food-serv figure img {
          width: 100%; }
      .action-required .about-info .approved-doc .upload-date, .aven300 .action-required .about-info .certificate-approve .food-serv .upload-date, .aven300 .action-required .certificate-approve .about-info .food-serv .upload-date {
        width: 44%; }

.about-wrap .about-text {
  float: left;
  width: 51%;
  padding-right: 15px; }
  .about-wrap .about-text h2 {
    margin-bottom: 27px; }
  .about-wrap .about-text p {
    line-height: 1.17; }
.about-wrap .bakery {
  float: right;
  width: 42%;
  padding-top: 24px; }

.closing-time address {
  float: left;
  width: 37%;
  margin-right: 18px;
  font-size: 12px; }
.closing-time .weekend-close {
  float: left;
  width: 50%; }
  .closing-time .weekend-close li {
    font-size: 12px;
    line-height: 1.3; }

.approval-date li {
  position: relative;
  padding-left: 20px; }
  .approval-date li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    border: 1px solid #c2cdcf;
    background-color: #22b32f; }
  .approval-date li:last-child:before {
    background-color: #f24040; }

.loc-info {
  padding-top: 35px; }
  .loc-info h2 {
    margin-bottom: 22px; }
  .loc-info .closing-time {
    padding-left: 16px;
    margin-bottom: 23px; }

.aven300 .vendor-title .btn {
  color: #dd9210; }
  .aven300 .vendor-title .btn:before {
    background-color: #dd9210;
    box-shadow: 0px -3px 1px #eb8844 inset; }
.aven300 .action-required .certificate-approve .req-wrap {
  border-bottom: 0; }
.aven300 .action-required .certificate-approve .approved-doc, .aven300 .action-required .certificate-approve .food-serv {
  padding-left: 29px;
  padding-top: 32px;
  padding-bottom: 17px; }
  .aven300 .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
    margin-right: 27px; }
.aven300 .action-required .certificate-approve .upload-date .month-oct {
  margin-bottom: 13px; }
.aven300 .action-required .certificate-approve .upload-date .btn {
  padding: 12px 27px 12px 31px;
  width: 139px;
  text-align: center; }
.aven300 .action-required .certificate-approve .food-serv {
  padding-left: 5px; }
  .aven300 .action-required .certificate-approve .food-serv .upload-date .month-oct {
    margin-bottom: 17px; }
  .aven300 .action-required .certificate-approve .food-serv .upload-date .btn {
    width: auto;
    padding: 18px 27px 18px 31px; }
  .aven300 .action-required .certificate-approve .food-serv figure {
    margin-right: 37px; }
  .aven300 .action-required .certificate-approve .food-serv h3 {
    margin-bottom: 15px; }

.assessment-form, .assessment-form-one {
  padding: 19px 95px 0 80px; }
  .assessment-form .page-title, .assessment-form-one .page-title {
    margin-bottom: 67px; }
  .assessment-form .vendor-block, .assessment-form-one .vendor-block, .assessment-form .assess-block, .assessment-form-one .assess-block, .assessment-form .dine-block, .assessment-form-one .dine-block {
    margin-bottom: 41px; }
  .assessment-form .outer-list > li, .assessment-form-one .outer-list > li {
    padding-bottom: 27px; }
  .assessment-form .block-name-wrap, .assessment-form-one .block-name-wrap {
    padding-left: 0;
    margin-bottom: 25px; }
    .assessment-form .block-name-wrap span, .assessment-form-one .block-name-wrap span {
      font-size: 14px;
      font-weight: 300;
      color: #707070; }
      .assessment-form .block-name-wrap span strong, .assessment-form-one .block-name-wrap span strong {
        display: block; }
      .assessment-form .block-name-wrap span strong.outstanding, .assessment-form-one .block-name-wrap span strong.outstanding {
        color: #f23c3c;
        font-weight: 400; }
  .assessment-form .form-list li span, .assessment-form-one .form-list li span, .assessment-form .assess-list li span, .assessment-form-one .assess-list li span {
    padding-top: 10px; }
  .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
    width: 21.6%; }
  .assessment-form .form-list li:nth-child(2), .assessment-form-one .form-list li:nth-child(2), .assessment-form .assess-list li:nth-child(2), .assessment-form-one .assess-list li:nth-child(2) {
    width: 17.6%; }
  .assessment-form .form-list li:nth-child(3), .assessment-form-one .form-list li:nth-child(3), .assessment-form .assess-list li:nth-child(3), .assessment-form-one .assess-list li:nth-child(3) {
    width: 19.6%; }
  .assessment-form .form-list li:nth-child(4), .assessment-form-one .form-list li:nth-child(4), .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
    width: 21.6%; }
  .assessment-form .form-list li:nth-child(5), .assessment-form-one .form-list li:nth-child(5), .assessment-form .assess-list li:nth-child(5), .assessment-form-one .assess-list li:nth-child(5) {
    width: 12.6%;
    padding-right: 8px;
    float: right; }
  .assessment-form .form-list li .btn, .assessment-form-one .form-list li .btn, .assessment-form .assess-list li .btn, .assessment-form-one .assess-list li .btn {
    float: right;
    color: #fff;
    border-radius: 5px;
    min-width: auto;
    display: inline-block;
    padding: 10px 17px;
    background: linear-gradient(to bottom, #4899f5 0%, #4899f5 20%, #4a9bf7 23%, #4899f5 34%, #4a9bf7 43%, #3795f5 46%, #318ff1 49%, #2d8af2 51%, #2f8bfa 57%, #2d8af4 63%, #2d89f6 100%); }
    .assessment-form .form-list li .btn:hover, .assessment-form-one .form-list li .btn:hover, .assessment-form .assess-list li .btn:hover, .assessment-form-one .assess-list li .btn:hover {
      background: #fbb400;
      color: #504f4f; }
    .assessment-form .form-list li .btn:before, .assessment-form-one .form-list li .btn:before, .assessment-form .assess-list li .btn:before, .assessment-form-one .assess-list li .btn:before {
      display: none; }
  .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
    width: 22%; }
  .assessment-form .assess-list li:nth-child(2), .assessment-form-one .assess-list li:nth-child(2) {
    width: 18.6%; }
  .assessment-form .assess-list li:nth-child(3), .assessment-form-one .assess-list li:nth-child(3) {
    width: 35.6%; }
  .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
    width: 20.6%;
    float: right; }

.certification-process .invitation-notes, .logout-wrap .invitation-notes {
  padding: 0 24%; }
.certification-process .primary-logo, .logout-wrap .primary-logo {
  margin-bottom: 62px; }
.certification-process h1, .logout-wrap h1 {
  font-size: 35px;
  margin-bottom: 53px;
  color: #707070;
  line-height: 1.2;
  font-weight: 500; }
.certification-process p, .logout-wrap p {
  font-size: 18px;
  font-weight: 300;
  color: #696868;
  margin-bottom: 33px; }
  .certification-process p span, .logout-wrap p span {
    color: #fbb400;
    text-transform: capitalize; }
  .certification-process p a, .logout-wrap p a {
    color: #fbb400; }
.certification-process .fixed-fee, .logout-wrap .fixed-fee {
  padding: 21px 0 58px 0; }
  .certification-process .fixed-fee span, .logout-wrap .fixed-fee span {
    display: inline-block;
    margin-bottom: 23px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 300;
    color: #696868; }
    .certification-process .fixed-fee span strong, .logout-wrap .fixed-fee span strong {
      font-weight: 400; }
  .certification-process .fixed-fee p, .logout-wrap .fixed-fee p {
    font-size: 14px; }
.certification-process .form-wrap .input-wrap, .logout-wrap .form-wrap .input-wrap {
  margin-bottom: 59px; }
.certification-process .form-wrap .contact-info, .logout-wrap .form-wrap .contact-info {
  margin-bottom: 65px; }
.certification-process .view-pdf, .logout-wrap .view-pdf {
  border-top: 1px solid #fbb400;
  margin-right: 52px;
  padding: 50px 0 39px 12px; }
  .certification-process .view-pdf span, .logout-wrap .view-pdf span {
    text-transform: uppercase;
    font-size: 13px;
    color: #707070;
    letter-spacing: 0.65px;
    display: block;
    font-weight: 500;
    margin-bottom: 24px; }
  .certification-process .view-pdf a, .logout-wrap .view-pdf a {
    font-size: 18px;
    color: #fbb400;
    font-weight: 300; }
.certification-process .captcha, .logout-wrap .captcha {
  padding-top: 28px; }
  .certification-process .captcha .pull-left, .logout-wrap .captcha .pull-left {
    width: 50%;
    padding-right: 43px; }
  .certification-process .captcha figure, .logout-wrap .captcha figure {
    float: left;
    margin-right: 10px; }
    .certification-process .captcha figure img, .logout-wrap .captcha figure img {
      width: auto; }
  .certification-process .captcha .total-price, .logout-wrap .captcha .total-price {
    float: right; }
    .certification-process .captcha .total-price h3, .logout-wrap .captcha .total-price h3 {
      color: #898989;
      text-transform: capitalize;
      font-weight: 500;
      margin-bottom: 1px; }
    .certification-process .captcha .total-price span, .logout-wrap .captcha .total-price span {
      display: block;
      text-transform: capitalize;
      font-size: 14px;
      color: #898989;
      font-weight: 300;
      margin-bottom: 1px; }
.certification-process .form-row.save, .logout-wrap .form-row.save, .certification-process .login-portal form .save.submit-row, .login-portal form .certification-process .save.submit-row, .logout-wrap .login-portal form .save.submit-row, .login-portal form .logout-wrap .save.submit-row, .certification-process .email-reset form .save.submit-row, .email-reset form .certification-process .save.submit-row, .logout-wrap .email-reset form .save.submit-row, .email-reset form .logout-wrap .save.submit-row, .certification-process .confirm-pass form .save.submit-row, .confirm-pass form .certification-process .save.submit-row, .logout-wrap .confirm-pass form .save.submit-row, .confirm-pass form .logout-wrap .save.submit-row, .certification-process .confirm-msg form .save.submit-row, .confirm-msg form .certification-process .save.submit-row, .logout-wrap .confirm-msg form .save.submit-row, .confirm-msg form .logout-wrap .save.submit-row {
  padding: 74px 0 161px; }
.certification-process .card-validity, .logout-wrap .card-validity {
  float: left;
  width: 40%; }
  .certification-process .card-validity .select-wrap, .logout-wrap .card-validity .select-wrap {
    margin-right: 5px; }
    .certification-process .card-validity .select-wrap a.sbSelector, .logout-wrap .card-validity .select-wrap a.sbSelector {
      padding-left: 15px; }
.certification-process .card-cvv, .logout-wrap .card-cvv {
  float: right;
  width: 58%; }
.certification-process .logout, .logout-wrap .logout {
  text-transform: capitalize;
  color: #fbb400;
  font-weight: 300;
  font-size: 18px; }

.logout-wrap {
  margin-bottom: 490px; }

.contact .page-title {
  padding-top: 19px; }
.contact .my-prof {
  padding-bottom: 74px; }
.contact .vendor-contact {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 23px 18px 22px; }
.contact .vendor-profile-wrap {
  padding: 30px 28px 47px 22px;
  box-shadow: 0px 2px 4px 0px #e0dcdc;
  margin-bottom: 230px; }
.contact .vendor-profile-name {
  border: none;
  width: 24.5%;
  padding-right: 10px; }
  .contact .vendor-profile-name .pf-details .pf-title {
    margin-bottom: 84px; }
  .contact .vendor-profile-name .pf-details .pf-subtitle {
    font-size: 14px;
    margin-bottom: 12px; }
  .contact .vendor-profile-name .pf-details .pf-create {
    margin-bottom: 0; }
  .contact .vendor-profile-name .pf-details span {
    text-transform: capitalize; }
.contact .vendor-add {
  width: 75.5%; }
.contact .contact-wrap {
  float: left;
  width: 33.33%; }
  .contact .contact-wrap .contact-title {
    float: left; }
    .contact .contact-wrap .contact-title span {
      color: #5e5c5c;
      font-weight: 500;
      text-transform: capitalize; }
  .contact .contact-wrap .my-profile {
    float: right;
    width: 60%;
    padding: 0; }
    .contact .contact-wrap .my-profile li {
      color: #706f6f;
      margin-bottom: 15px; }
      .contact .contact-wrap .my-profile li a {
        color: #706f6f; }
.contact .office-loc {
  padding: 31px 13px 0 26px; }
  .contact .office-loc .office-add {
    float: left;
    width: 16%; }
    .contact .office-loc .office-add span {
      font-size: 14px;
      font-weight: 300;
      color: #5d5c5c;
      display: block;
      padding-left: 36px; }
    .contact .office-loc .office-add span.london {
      position: relative;
      font-weight: 500;
      text-transform: capitalize;
      margin-bottom: 18px; }
      .contact .office-loc .office-add span.london:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: url("../images/loc.svg") no-repeat 0 0; }
  .contact .office-loc .loc-wrap {
    float: right;
    width: 76.4%;
    border-radius: 10px;
    overflow: hidden; }
    .contact .office-loc .loc-wrap iframe {
      width: 100%; }

.assessment-form-one {
  padding: 79px 95px 0 101px;
  padding-right: 26%; }
  .assessment-form-one .page-title {
    margin-bottom: 31px; }
  .assessment-form-one h1 {
    font-size: 36px;
    font-weight: 500;
    color: #707070;
    letter-spacing: 0; }
  .assessment-form-one .hello-text {
    padding-right: 101px;
    margin-bottom: 95px; }
    .assessment-form-one .hello-text p {
      font-size: 18px;
      font-weight: 300;
      color: #696868;
      margin-bottom: 31px;
      line-height: 1.3; }
      .assessment-form-one .hello-text p span {
        font-weight: 500;
        color: #fbb400; }
    .assessment-form-one .hello-text .logout {
      font-size: 18px;
      font-weight: 300;
      color: #fbb400;
      display: inline-block;
      margin-right: 50px;
      margin-bottom: 15px; }
  .assessment-form-one .certificate-form {
    padding-left: 7px; }
    .assessment-form-one .certificate-form input[type="submit"] {
      padding: 10px 41px 10px; }
  .assessment-form-one .quest-block, .assessment-form-one .textarea-block {
    padding-bottom: 49px;
    margin-bottom: 86px;
    position: relative; }
    .assessment-form-one .quest-block:after, .assessment-form-one .textarea-block:after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 95%;
      left: 0;
      border-bottom: 1px solid #fbb400; }
    .assessment-form-one .quest-block span, .assessment-form-one .textarea-block span {
      padding-left: 36px;
      letter-spacing: 1px;
      margin-bottom: 19px;
      text-transform: uppercase;
      display: block;
      font-size: 13px;
      font-weight: 300;
      color: #707070; }
    .assessment-form-one .quest-block .quest-complete, .assessment-form-one .textarea-block .quest-complete {
      position: relative;
      padding-left: 36px;
      padding-bottom: 7px;
      background-color: #fbfbfb;
      border-radius: 5px; }
      .assessment-form-one .quest-block .quest-complete:before, .assessment-form-one .textarea-block .quest-complete:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-radius: 5px;
        border-left: 5px solid #fbb400; }
      .assessment-form-one .quest-block .quest-complete label, .assessment-form-one .textarea-block .quest-complete label {
        cursor: pointer;
        padding-left: 30px;
        margin-bottom: 7px;
        text-transform: none;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 300;
        color: #707070;
        position: relative; }
        .assessment-form-one .quest-block .quest-complete label:before, .assessment-form-one .textarea-block .quest-complete label:before {
          position: absolute;
          content: '';
          width: 10px;
          top: 3px;
          left: 0;
          height: 10px;
          border-radius: 50%;
          border: 1px solid #e2dedb;
          box-shadow: 0px 2px 3px 0px #e0dcdc; }
        .assessment-form-one .quest-block .quest-complete label:after, .assessment-form-one .textarea-block .quest-complete label:after {
          position: absolute;
          content: '';
          width: 8px;
          height: 8px;
          top: 5px;
          left: 2px;
          border-radius: 50%;
          background-color: #fbb400;
          display: none; }
      .assessment-form-one .quest-block .quest-complete input[type="radio"], .assessment-form-one .textarea-block .quest-complete input[type="radio"] {
        opacity: 0; }
        .assessment-form-one .quest-block .quest-complete input[type="radio"]:checked + label:after, .assessment-form-one .textarea-block .quest-complete input[type="radio"]:checked + label:after {
          display: block; }
    .assessment-form-one .quest-block .brands-wrap, .assessment-form-one .textarea-block .brands-wrap {
      padding: 53px 0 35px 43px; }
      .assessment-form-one .quest-block .brands-wrap span, .assessment-form-one .textarea-block .brands-wrap span {
        padding-left: 0;
        margin-bottom: 43px; }
  .assessment-form-one .textarea-block {
    margin-top: -28px;
    padding-right: 68px;
    margin-bottom: 29px; }
    .assessment-form-one .textarea-block span {
      font-size: 18px;
      padding-left: 0;
      letter-spacing: 0;
      text-transform: none; }
    .assessment-form-one .textarea-block textarea {
      font-weight: 300;
      height: 201px;
      padding: 15px;
      color: #707070;
      font-size: 18px;
      border: 1px solid #f5f5f5;
      width: 100%;
      resize: none;
      border-radius: 5px;
      box-shadow: 0px 2px 3px 0px #e0dcdc; }

.vendor-login .welcome-wrap, .vendor-login .cnf-mail, .vendor-login .cnf-pass {
  padding: 18px 15px 24px 15px; }
.vendor-login .francais {
  margin-bottom: 13px; }
  .vendor-login .francais a {
    text-transform: uppercase;
    float: right;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 300;
    color: #696868;
    text-decoration: underline;
    transition: all ease 0.5s 0s; }
    .vendor-login .francais a:hover {
      background: transparent;
      color: #fbb400; }
.vendor-login .welcome-wrap h1, .vendor-login .cnf-mail h1, .vendor-login .cnf-pass h1 {
  text-align: center; }

.vendor-pass-reset .welcome-wrap, .vendor-pass-reset .cnf-mail, .vendor-pass-reset .cnf-pass {
  padding: 46px 15px 18px 15px; }
  .vendor-pass-reset .welcome-wrap h1, .vendor-pass-reset .cnf-mail h1, .vendor-pass-reset .cnf-pass h1 {
    text-align: center; }
  .vendor-pass-reset .welcome-wrap .logo, .vendor-pass-reset .cnf-mail .logo, .vendor-pass-reset .cnf-pass .logo {
    margin-bottom: 37px; }

.vendor-new-pass .welcome-wrap h1, .vendor-new-pass .cnf-mail h1, .vendor-new-pass .cnf-pass h1 {
  text-align: center; }
.vendor-new-pass .welcome-wrap .logo, .vendor-new-pass .cnf-mail .logo, .vendor-new-pass .cnf-pass .logo {
  margin-bottom: 34px; }

@media all and (max-width: 1439px) {
  .approval li a {
    padding: 6px 24px 18px; }

  .side-bar {
    width: 19.3%; }

  .main-content, .compass-group, .certification-process, .logout-wrap, .vendor-profile, .aven, .aven300, .vendors, .contact, .assessment-cont, .assess-con, .assessment-form, .assessment-form-one, .stream-cont {
    width: 80.7%;
    padding: 29px 50px 0 50px; }

  .progress-bar {
    width: 82%; }

  .progress-text {
    width: 17%; }

  .overview-wrap {
    padding: 0; }

  .form-wrap {
    padding: 37px 66px 38px 66px; }

  .input-wrap {
    padding-right: 0; }

  .contact-info {
    margin-right: 0; }

  .fruit-wrap, .create-assessment {
    padding: 42px 23px 27px 23px; }

  .fresh-fruit {
    padding-right: 0; }

  .fruit-logo-wrap {
    padding-right: 0; }

  .fruit-logo {
    width: 51%; }

  .switch-wrap {
    width: 49%; }

  .fruit-logo figure {
    padding: 26px 0 0 0;
    width: 120px;
    height: 120px;
    margin-right: 10px; }

  .vendor-desc {
    width: 66%; }

  .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
    margin-right: 16px; }

  .approved-doc ul, .aven300 .action-required .certificate-approve .food-serv ul {
    padding-left: 7px; }

  .vendor-inspection .swicth-list li, .assessment .swicth-list li, .stream-unit .swicth-list li, .my-prof .swicth-list li {
    margin-right: 8px; }

  .vendor-list li:nth-child(1), .stream li:nth-child(1), .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
    width: 30%; }

  .assessment-list li:nth-child(1) {
    width: 27%; }
  .assessment-list li:nth-child(2) {
    width: 4%; }

  .other-quest .employee .form-col {
    width: 90%; }
  .other-quest .quest-format .mcq-wrap {
    width: 76%; }

  .vendor-profile-wrap {
    padding-right: 20px;
    padding-left: 20px; }
    .vendor-profile-wrap .vendor-profile-name {
      width: 37.5%; }
    .vendor-profile-wrap .vendor-add {
      width: 61%; }
      .vendor-profile-wrap .vendor-add .map-wrap {
        width: 64%; }
    .vendor-profile-wrap .my-profile li {
      font-size: 14px; }

  .action-required {
    padding: 21px 12px 32px 12px; }
    .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
      margin-right: 15px; }
    .action-required .about-info {
      padding-left: 20px; }
      .action-required .about-info .about-wrap {
        padding: 7px 15px 15px 0; }

  .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
    width: 21.6%; }
  .assessment-form .form-list li:nth-child(5), .assessment-form-one .form-list li:nth-child(5), .assessment-form .assess-list li:nth-child(5), .assessment-form-one .assess-list li:nth-child(5) {
    width: 14.6%;
    padding-right: 8px;
    float: right; }
  .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
    width: 23.6%; }

  .certification-process .invitation-notes, .logout-wrap .invitation-notes {
    padding: 0 16%; }
  .certification-process .view-pdf, .logout-wrap .view-pdf {
    margin-right: 0;
    padding-left: 0; }
  .certification-process .captcha .pull-left, .logout-wrap .captcha .pull-left {
    width: 100%;
    padding-right: 0; }
  .certification-process .captcha figure, .logout-wrap .captcha figure {
    float: none;
    margin-right: 0;
    margin-bottom: 20px; }
  .certification-process .captcha .total-price, .logout-wrap .captcha .total-price {
    float: none; }
  .certification-process .card-validity .select-wrap:last-child, .logout-wrap .card-validity .select-wrap:last-child {
    margin-right: 0; }

  .contact .vendor-profile-name {
    width: 21.5%; }
  .contact .vendor-add {
    width: 75.5%; }
  .contact .office-loc .office-add {
    width: 18%; }
  .contact .office-loc .loc-wrap {
    width: 75.4%; } }
@media all and (max-width: 1239px) {
  .side-bar .logo {
    margin-left: 39px; }

  .nav-view, .side-menu li a {
    padding: 27px 23px 32px; }

  .dashboard-content {
    padding: 29px 20px 0 20px; }

  .progress-bar {
    width: 79%; }

  .progress-text {
    width: 20%; }

  .profile-img {
    margin-right: 6px; }

  .college li {
    min-height: 40px; }

  .form-wrap {
    padding: 37px 15px 53px 15px; }

  label {
    font-size: 11px; }

  .input-wrap {
    padding-right: 0; }

  .fruit-logo {
    width: 48%; }

  .vendor-desc {
    width: 63%; }
    .vendor-desc .vendor-title {
      font-size: 17px; }

  .fruit-logo figure {
    padding: 15px 0 0 0;
    width: 100px;
    height: 100px; }

  .status-wrap {
    width: 14%;
    float: left;
    padding-left: 20px;
    padding-top: 8px; }

  .toggle-txt {
    margin-right: 4px; }

  .switch-wrap {
    width: 52%; }

  .swicth-list li {
    font-size: 12px; }

  .swicth-list.public {
    padding-right: 2px; }

  .fresh-fruit p {
    font-size: 12px; }

  .vendor-fruit-info {
    padding-right: 0; }

  .vendor-notes-wrap {
    padding-right: 0px; }

  .certificate-validity {
    width: 56.6%;
    padding: 13px 16px 39px 0; }

  .action-wrap {
    padding: 61px 0px 59px 0px; }

  .action {
    margin: 0 -2.5px; }
    .action li {
      padding: 0 2.5px; }

  .fruit-loc, .my-profile {
    padding-left: 0; }
    .fruit-loc li, .my-profile li {
      font-size: 10px; }

  .fruit-loc.w-49, .w-49.my-profile {
    padding-left: 4px;
    width: 48.5%; }

  .approved-doc h3, .aven300 .action-required .certificate-approve .food-serv h3 {
    font-size: 16px; }
  .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
    margin-right: 8px; }

  .upload-date h4 {
    font-size: 15px; }

  .vendor-inspection .swicth-list li, .assessment .swicth-list li, .stream-unit .swicth-list li, .my-prof .swicth-list li {
    margin-right: 3px; }
    .vendor-inspection .swicth-list li .toggle-txt, .assessment .swicth-list li .toggle-txt, .stream-unit .swicth-list li .toggle-txt, .my-prof .swicth-list li .toggle-txt {
      margin-right: 10px; }

  .vendor-inspection .page-title, .assessment .page-title, .stream-unit .page-title, .my-prof .page-title {
    width: 14.5%;
    padding-right: 6px; }
  .vendor-inspection .swicth-list, .assessment .swicth-list, .stream-unit .swicth-list, .my-prof .swicth-list {
    width: 61%; }

  .main-list > li, .stream-list > li, .assessment-form .outer-list > li, .assessment-form-one .outer-list > li {
    padding: 20px 10px 20px 10px; }

  .vendor-list li, .stream li, .assessment-form .form-list li, .assessment-form-one .form-list li, .assessment-form .assess-list li, .assessment-form-one .assess-list li {
    font-size: 12px; }
    .vendor-list li .vendor-name, .stream li .vendor-name, .assessment-form .form-list li .vendor-name, .assessment-form-one .form-list li .vendor-name, .assessment-form .assess-list li .vendor-name, .assessment-form-one .assess-list li .vendor-name {
      font-size: 14px; }
    .vendor-list li:nth-child(1), .stream li:nth-child(1), .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
      width: 28%; }
    .vendor-list li:nth-child(2), .stream li:nth-child(2), .assessment-form .form-list li:nth-child(2), .assessment-form-one .form-list li:nth-child(2), .assessment-form .assess-list li:nth-child(2), .assessment-form-one .assess-list li:nth-child(2) {
      width: 15%; }

  .assessment .page-title {
    width: 30%; }

  .assessment-list li:nth-child(1) {
    width: 27%; }
  .assessment-list li:nth-child(2) {
    width: 4%; }
  .assessment-list li:nth-child(3) {
    width: 16%; }

  .other-quest {
    padding: 0 45px 0 15px; }
    .other-quest .btn-wrap li .btn {
      min-width: 178px; }
    .other-quest .quest-format {
      width: 48%; }
      .other-quest .quest-format .mcq-wrap {
        width: 73%; }
    .other-quest .employee .form-col {
      width: 87%; }

  .stream-unit .page-title {
    width: 34.5%; }

  .my-prof .page-title {
    width: 30%; }

  .action-required .about-info .about-wrap {
    padding: 7px 15px 15px 0; }

  .action-required .certificate-approve {
    width: 49%; }
    .action-required .certificate-approve .req-wrap {
      margin-right: 29px; }
    .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
      margin-right: 17px; }

  .aven300 .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
    margin-right: 17px; }

  .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
    width: 22%; }
  .assessment-form .form-list li:nth-child(5), .assessment-form-one .form-list li:nth-child(5), .assessment-form .assess-list li:nth-child(5), .assessment-form-one .assess-list li:nth-child(5) {
    width: 18.6%;
    padding-right: 8px;
    float: right; }
  .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
    width: 26.6%; }
  .assessment-form .outer-list > li, .assessment-form-one .outer-list > li {
    padding-bottom: 27px; }

  .certification-process .invitation-notes, .logout-wrap .invitation-notes {
    padding: 0 9%; }
  .certification-process .card-validity, .logout-wrap .card-validity {
    width: 46%; }
  .certification-process .card-cvv, .logout-wrap .card-cvv {
    width: 50%; }

  .contact .vendor-profile-name {
    width: 28.5%; }
  .contact .vendor-add {
    width: 69.5%; }
  .contact .contact-wrap .contact-title {
    float: none;
    margin-bottom: 12px; }
  .contact .contact-wrap .my-profile {
    float: none;
    width: 100%; }
  .contact .office-loc .office-add {
    width: 24%; }
  .contact .office-loc .loc-wrap {
    width: 70%; } }
@media all and (max-width: 991px) {
  .side-bar {
    left: -191.25px;
    width: 191.25px; }

  .sidebar-toggle {
    display: block; }

  .main-content, .compass-group, .certification-process, .logout-wrap, .vendor-profile, .aven, .aven300, .vendors, .contact, .assessment-cont, .assess-con, .assessment-form, .assessment-form-one, .stream-cont {
    width: 100%;
    padding: 29px 0 0 0; }

  .container {
    padding-right: 15px;
    padding-left: 15px; }

  .approval {
    margin: 0 -13.5px; }
    .approval li {
      padding: 0 13.5px; }

  .progress-text {
    width: 22%; }

  .progress-bar {
    width: 77%; }

  .approved-doc, .aven300 .action-required .certificate-approve .food-serv {
    padding-bottom: 8px; }

  .vendor-profile h1 a, .aven h1 a, .aven300 h1 a {
    padding-left: 24px; }
    .vendor-profile h1 a:before, .aven h1 a:before, .aven300 h1 a:before {
      left: -8px; }

  .assessment-cont, .assess-con, .assessment-form, .assessment-form-one {
    padding-top: 50px; }

  .other-quest {
    padding: 0 16px 0 15px; }

  .my-prof .page-title {
    padding-left: 46px; }

  .aven, .aven300 {
    padding-top: 56px; }

  .contact .my-prof {
    padding-bottom: 53px; }
    .contact .my-prof .page-title {
      padding-left: 0;
      padding-top: 40px; }
  .contact .office-loc .office-add {
    width: 24%; }
  .contact .office-loc .loc-wrap {
    width: 73.4%; } }
@media all and (max-width: 767px) {
  .pending-approval {
    padding-top: 31px; }

  .page-title {
    float: none; }

  .export-wrap {
    float: none; }
    .export-wrap .icon-wrap {
      margin-top: 10px; }

  h2 {
    letter-spacing: .5px; }

  .dashboard-content {
    padding: 29px 0px 0 0px; }

  .approval li {
    width: 100%;
    margin-bottom: 20px; }

  .overview-wrap {
    margin: 0 -4px; }
    .overview-wrap li {
      width: 100%;
      margin-bottom: 6px;
      padding: 0 4px; }

  .overview {
    padding: 10px 5px 10px 5px; }
    .overview span:first-child {
      font-size: 12px;
      width: 90%; }
    .overview span:last-child {
      line-height: 12px;
      font-size: 12px;
      width: 10%; }

  .vendor-overview {
    padding-top: 16px; }

  .progress-wrap {
    padding: 19px 0 10px 0; }

  .progress-text {
    width: 100%;
    text-align: left;
    padding: 0;
    padding-bottom: 10px; }

  .progress-bar {
    width: 100%; }

  label {
    font-size: 13px; }

  .compass-group .primary-logo, .certification-process .primary-logo, .logout-wrap .primary-logo {
    margin-bottom: 43px; }
  .compass-group h1, .certification-process h1, .logout-wrap h1 {
    margin-bottom: 20px; }

  .compass-group, .certification-process, .logout-wrap {
    padding: 64px 0 0 0; }

  .form-wrap {
    padding: 26px 10px 16px 10px; }

  .input-wrap {
    padding-right: 0; }

  .form-wrap h2 {
    margin-bottom: 22px; }
  .form-wrap .form-row, .form-wrap .login-portal form .submit-row, .login-portal form .form-wrap .submit-row, .form-wrap .email-reset form .submit-row, .email-reset form .form-wrap .submit-row, .form-wrap .confirm-pass form .submit-row, .confirm-pass form .form-wrap .submit-row, .form-wrap .confirm-msg form .submit-row, .confirm-msg form .form-wrap .submit-row {
    margin-bottom: 0; }
    .form-wrap .form-row .form-col, .form-wrap .login-portal form .submit-row .form-col, .login-portal form .form-wrap .submit-row .form-col, .form-wrap .email-reset form .submit-row .form-col, .email-reset form .form-wrap .submit-row .form-col, .form-wrap .confirm-pass form .submit-row .form-col, .confirm-pass form .form-wrap .submit-row .form-col, .form-wrap .confirm-msg form .submit-row .form-col, .confirm-msg form .form-wrap .submit-row .form-col {
      margin-bottom: 20px;
      width: 100%; }

  .college.w-40 {
    width: 100%; }

  .college.w-26 {
    width: 100%; }

  .college.w-34 {
    width: 100%;
    margin-bottom: 12px; }

  .more-location li.w-38 {
    width: 100%; }
  .more-location li.w-7 {
    padding-left: 0; }

  .college li {
    min-height: auto;
    margin-bottom: 10px; }

  .form-row.save, .login-portal form .save.submit-row, .email-reset form .save.submit-row, .confirm-pass form .save.submit-row, .confirm-msg form .save.submit-row {
    padding: 37px 0 26px; }

  .fruit-wrap, .create-assessment {
    padding: 42px 10px 27px 10px; }

  .fresh-fruit {
    width: 100%; }

  .fruit-logo {
    width: 100%; }
    .fruit-logo figure {
      margin-left: 0; }

  .vendor-desc {
    width: 100%; }

  .fresh-fruit p {
    font-size: 14px; }

  .notes-wrap {
    padding: 28px 0 21px 6px; }

  .switch-wrap {
    width: 100%;
    float: left; }

  .swicth-list {
    float: left;
    width: 100%; }
    .swicth-list li {
      text-align: left; }

  .toggle-txt {
    float: left;
    width: auto; }

  .toggle-switch {
    float: none;
    position: relative; }

  .download-list li {
    width: 50%; }

  .status-wrap {
    width: 100%; }

  .fruit-loc, .my-profile {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0; }
    .fruit-loc li, .my-profile li {
      width: 50%;
      margin-bottom: 20px;
      font-size: 12px; }

  .fruit-loc.w-49, .w-49.my-profile {
    width: 100%; }

  .vendor-facility {
    width: 100%;
    text-align: center; }
    .vendor-facility .btn {
      padding-left: 21px;
      padding-right: 21px; }

  .vendor-comments {
    width: 100%; }

  .action-wrap {
    padding: 33px 0px 27px 0px; }

  .action li {
    width: 100%; }

  .certificate-validity {
    width: 100%;
    border-right: 0;
    padding-right: 0; }

  .certificate-approve {
    width: 100%; }

  .approved-doc ul, .aven300 .action-required .certificate-approve .food-serv ul {
    padding-left: 0px; }

  .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
    margin-right: 8px; }

  .upload-date h4 {
    font-size: 15px; }

  .balance-info {
    width: 218px; }

  .table-wrap table td {
    font-size: 12px; }

  .table-wrap .inner-table .inner-subtable td {
    padding-right: 0; }

  .new-assessment {
    padding: 24px 0 0px 0px; }

  .vendor-list li, .stream li, .assessment-form .form-list li, .assessment-form-one .form-list li, .assessment-form .assess-list li, .assessment-form-one .assess-list li {
    margin-bottom: 20px;
    font-size: 14px; }
    .vendor-list li .vendor-name, .stream li .vendor-name, .assessment-form .form-list li .vendor-name, .assessment-form-one .form-list li .vendor-name, .assessment-form .assess-list li .vendor-name, .assessment-form-one .assess-list li .vendor-name {
      text-align: center; }
    .vendor-list li .btn, .stream li .btn, .assessment-form .form-list li .btn, .assessment-form-one .form-list li .btn, .assessment-form .assess-list li .btn, .assessment-form-one .assess-list li .btn {
      width: 133px;
      margin: 0 auto;
      padding: 10px 5px 10px 22px;
      border-radius: 16px; }
      .vendor-list li .btn:before, .stream li .btn:before, .assessment-form .form-list li .btn:before, .assessment-form-one .form-list li .btn:before, .assessment-form .assess-list li .btn:before, .assessment-form-one .assess-list li .btn:before {
        left: 9px; }
    .vendor-list li:nth-child(1), .stream li:nth-child(1), .assessment-form .form-list li:nth-child(1), .assessment-form-one .form-list li:nth-child(1), .assessment-form .assess-list li:nth-child(1), .assessment-form-one .assess-list li:nth-child(1) {
      width: 100%; }
    .vendor-list li:nth-child(2), .stream li:nth-child(2), .assessment-form .form-list li:nth-child(2), .assessment-form-one .form-list li:nth-child(2), .assessment-form .assess-list li:nth-child(2), .assessment-form-one .assess-list li:nth-child(2) {
      width: 50%; }
    .vendor-list li:nth-child(3), .stream li:nth-child(3), .assessment-form .form-list li:nth-child(3), .assessment-form-one .form-list li:nth-child(3), .assessment-form .assess-list li:nth-child(3), .assessment-form-one .assess-list li:nth-child(3) {
      width: 50%; }
    .vendor-list li:nth-child(4), .stream li:nth-child(4), .assessment-form .form-list li:nth-child(4), .assessment-form-one .form-list li:nth-child(4), .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
      width: 50%; }
      .vendor-list li:nth-child(4) span, .stream li:nth-child(4) span, .assessment-form .form-list li:nth-child(4) span, .assessment-form-one .form-list li:nth-child(4) span, .assessment-form .assess-list li:nth-child(4) span, .assessment-form-one .assess-list li:nth-child(4) span {
        padding-top: 10px; }
    .vendor-list li:nth-child(5), .stream li:nth-child(5), .assessment-form .form-list li:nth-child(5), .assessment-form-one .form-list li:nth-child(5), .assessment-form .assess-list li:nth-child(5), .assessment-form-one .assess-list li:nth-child(5) {
      width: 50%; }

  .filter-wrap {
    width: 100%; }
    .filter-wrap .status-filter {
      width: 100%;
      margin-bottom: 20px; }
    .filter-wrap .stream-filter {
      width: 100%; }

  .new-vendor {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px; }
    .new-vendor .btn {
      display: inline-block; }

  .vendor-inspection .swicth-list, .assessment .swicth-list, .stream-unit .swicth-list, .my-prof .swicth-list {
    width: 100%;
    padding-top: 14px; }
    .vendor-inspection .swicth-list li, .assessment .swicth-list li, .stream-unit .swicth-list li, .my-prof .swicth-list li {
      float: none; }
  .vendor-inspection .export-wrap, .assessment .export-wrap, .stream-unit .export-wrap, .my-prof .export-wrap {
    float: right;
    width: 100%; }
    .vendor-inspection .export-wrap form, .assessment .export-wrap form, .stream-unit .export-wrap form, .my-prof .export-wrap form {
      float: left; }
  .vendor-inspection .page-title, .assessment .page-title, .stream-unit .page-title, .my-prof .page-title {
    width: 100%; }

  .sorting-list {
    padding-top: 15px;
    padding-bottom: 15px; }

  .vendor-inspection.assessment, .assessment, .assess-con .assessment {
    padding-bottom: 15px; }
    .vendor-inspection.assessment .export-wrap form, .assessment .export-wrap form, .assess-con .assessment .export-wrap form, .assessment.stream-unit .export-wrap form, .assessment.my-prof .export-wrap form {
      float: none; }
      .vendor-inspection.assessment .export-wrap form .search-wrap, .assessment .export-wrap form .search-wrap, .assess-con .assessment .export-wrap form .search-wrap, .assessment.stream-unit .export-wrap form .search-wrap, .assessment.my-prof .export-wrap form .search-wrap {
        float: none;
        margin: 0 auto; }

  .assess-con .create-assess {
    margin-bottom: 20px;
    padding-right: 0; }

  .assessment-list li:nth-child(2) {
    width: 16%; }
    .assessment-list li:nth-child(2) a {
      margin-top: 8px; }
  .assessment-list li:nth-child(3) {
    width: 35%; }
  .assessment-list li:nth-child(4) {
    width: 47%; }
    .assessment-list li:nth-child(4) span {
      padding-top: 0; }
  .assessment-list li:nth-child(5) {
    width: 28%; }
  .assessment-list li:nth-child(6) {
    width: 32%; }
  .assessment-list li:nth-child(7) {
    width: 18%; }
    .assessment-list li:nth-child(7) a {
      margin-top: 8px; }
  .assessment-list li:nth-child(8) {
    width: 6%; }
    .assessment-list li:nth-child(8) a {
      margin-top: 8px; }

  .survey-desc {
    padding: 35px 15px 58px 15px; }

  .survey-wrap {
    padding-right: 0; }
    .survey-wrap .survey-name {
      width: 100%;
      margin-bottom: 20px; }
    .survey-wrap .stream-filter {
      width: 100%; }

  .survey-quest ul li {
    padding: 0 0 15px 0;
    margin-bottom: 15px; }
  .survey-quest .quest {
    margin-bottom: 15px;
    width: 77%; }
    .survey-quest .quest:before {
      top: 1px;
      left: 7px; }
    .survey-quest .quest:after {
      top: 7px;
      left: 1px; }
  .survey-quest .icon-wrap a {
    margin-left: 10px; }

  .other-quest {
    padding: 0; }
    .other-quest .btn-wrap li {
      margin-bottom: 15px;
      width: 100%; }
      .other-quest .btn-wrap li .btn {
        min-width: 215px; }
    .other-quest .employee {
      width: 100%; }
      .other-quest .employee .form-col {
        width: 100%; }
    .other-quest .quest-format {
      width: 100%; }
      .other-quest .quest-format .mcq-wrap {
        width: 100%; }

  .add-quest-wrap {
    margin-bottom: 98px; }
    .add-quest-wrap label {
      float: none; }

  .main-list.stream > li, .stream.stream-list > li, .assessment-form .stream.outer-list > li, .assessment-form-one .stream.outer-list > li {
    padding-right: 10px; }

  .vendor-list.stream, .stream, .assessment-form .stream.form-list, .assessment-form-one .stream.form-list, .assessment-form .stream.assess-list, .assessment-form-one .stream.assess-list {
    padding-top: 7px; }
    .vendor-list.stream li, .stream li, .assessment-form .stream.form-list li, .assessment-form-one .stream.form-list li, .assessment-form .stream.assess-list li, .assessment-form-one .stream.assess-list li {
      text-align: center;
      min-height: 20px; }
      .vendor-list.stream li:nth-child(1), .stream li:nth-child(1), .assessment-form .stream.form-list li:nth-child(1), .assessment-form-one .stream.form-list li:nth-child(1), .assessment-form .stream.assess-list li:nth-child(1), .assessment-form-one .stream.assess-list li:nth-child(1) {
        width: 50%; }
      .vendor-list.stream li:nth-child(2), .stream li:nth-child(2), .assessment-form .stream.form-list li:nth-child(2), .assessment-form-one .stream.form-list li:nth-child(2), .assessment-form .stream.assess-list li:nth-child(2), .assessment-form-one .stream.assess-list li:nth-child(2) {
        width: 50%; }
      .vendor-list.stream li:nth-child(3), .stream li:nth-child(3), .assessment-form .stream.form-list li:nth-child(3), .assessment-form-one .stream.form-list li:nth-child(3), .assessment-form .stream.assess-list li:nth-child(3), .assessment-form-one .stream.assess-list li:nth-child(3) {
        width: 50%; }
      .vendor-list.stream li:nth-child(4), .stream li:nth-child(4), .assessment-form .stream.form-list li:nth-child(4), .assessment-form-one .stream.form-list li:nth-child(4), .assessment-form .stream.assess-list li:nth-child(4), .assessment-form-one .stream.assess-list li:nth-child(4) {
        width: 50%; }
      .vendor-list.stream li:last-child, .stream li:last-child, .assessment-form .stream.form-list li:last-child, .assessment-form-one .stream.form-list li:last-child, .assessment-form .stream.assess-list li:last-child, .assessment-form-one .stream.assess-list li:last-child {
        width: 50%;
        float: right; }

  .vendor-profile-wrap {
    padding-right: 20px;
    padding-left: 20px; }
    .vendor-profile-wrap .vendor-profile-name {
      width: 100%;
      border: 0; }
      .vendor-profile-wrap .vendor-profile-name .pf-subtitle {
        margin-bottom: 20px; }
      .vendor-profile-wrap .vendor-profile-name .pf-create {
        margin-bottom: 0px; }
    .vendor-profile-wrap .vendor-add {
      width: 100%; }
      .vendor-profile-wrap .vendor-add .map-wrap {
        width: 100%; }
    .vendor-profile-wrap .my-profile li {
      font-size: 14px; }

  .login-wrap, .pass-reset, .new-pass, .vendor-new-pass, .vendor-pass-reset, .cnf-mail, .cnf-pass, .vendor-login {
    margin-top: 40px;
    margin-bottom: 40px; }
    .login-wrap .welcome-wrap, .pass-reset .welcome-wrap, .new-pass .welcome-wrap, .vendor-new-pass .welcome-wrap, .vendor-pass-reset .welcome-wrap, .cnf-mail .welcome-wrap, .cnf-pass .welcome-wrap, .vendor-login .welcome-wrap, .login-wrap .cnf-mail, .pass-reset .cnf-mail, .new-pass .cnf-mail, .vendor-new-pass .cnf-mail, .vendor-pass-reset .cnf-mail, .cnf-mail .cnf-mail, .cnf-pass .cnf-mail, .vendor-login .cnf-mail, .login-wrap .cnf-pass, .pass-reset .cnf-pass, .new-pass .cnf-pass, .vendor-new-pass .cnf-pass, .vendor-pass-reset .cnf-pass, .cnf-mail .cnf-pass, .cnf-pass .cnf-pass, .vendor-login .cnf-pass {
      padding: 15px 15px 20px 15px; }
      .login-wrap .welcome-wrap .logo, .pass-reset .welcome-wrap .logo, .new-pass .welcome-wrap .logo, .vendor-new-pass .welcome-wrap .logo, .vendor-pass-reset .welcome-wrap .logo, .cnf-mail .welcome-wrap .logo, .cnf-pass .welcome-wrap .logo, .vendor-login .welcome-wrap .logo, .login-wrap .cnf-mail .logo, .pass-reset .cnf-mail .logo, .new-pass .cnf-mail .logo, .vendor-new-pass .cnf-mail .logo, .vendor-pass-reset .cnf-mail .logo, .cnf-mail .cnf-mail .logo, .cnf-pass .cnf-mail .logo, .vendor-login .cnf-mail .logo, .login-wrap .cnf-pass .logo, .pass-reset .cnf-pass .logo, .new-pass .cnf-pass .logo, .vendor-new-pass .cnf-pass .logo, .vendor-pass-reset .cnf-pass .logo, .cnf-mail .cnf-pass .logo, .cnf-pass .cnf-pass .logo, .vendor-login .cnf-pass .logo {
        margin-bottom: 30px; }
      .login-wrap .welcome-wrap h1, .pass-reset .welcome-wrap h1, .new-pass .welcome-wrap h1, .vendor-new-pass .welcome-wrap h1, .vendor-pass-reset .welcome-wrap h1, .cnf-mail .welcome-wrap h1, .cnf-pass .welcome-wrap h1, .vendor-login .welcome-wrap h1, .login-wrap .cnf-mail h1, .pass-reset .cnf-mail h1, .new-pass .cnf-mail h1, .vendor-new-pass .cnf-mail h1, .vendor-pass-reset .cnf-mail h1, .cnf-mail .cnf-mail h1, .cnf-pass .cnf-mail h1, .vendor-login .cnf-mail h1, .login-wrap .cnf-pass h1, .pass-reset .cnf-pass h1, .new-pass .cnf-pass h1, .vendor-new-pass .cnf-pass h1, .vendor-pass-reset .cnf-pass h1, .cnf-mail .cnf-pass h1, .cnf-pass .cnf-pass h1, .vendor-login .cnf-pass h1 {
        margin-bottom: 20px; }
    .login-wrap form .form-row, .pass-reset form .form-row, .new-pass form .form-row, .vendor-new-pass form .form-row, .vendor-pass-reset form .form-row, .cnf-mail form .form-row, .cnf-pass form .form-row, .vendor-login form .form-row, .login-wrap .login-portal form .submit-row, .login-portal .login-wrap form .submit-row, .pass-reset .login-portal form .submit-row, .login-portal .pass-reset form .submit-row, .new-pass .login-portal form .submit-row, .login-portal .new-pass form .submit-row, .vendor-new-pass .login-portal form .submit-row, .login-portal .vendor-new-pass form .submit-row, .vendor-pass-reset .login-portal form .submit-row, .login-portal .vendor-pass-reset form .submit-row, .cnf-mail .login-portal form .submit-row, .login-portal .cnf-mail form .submit-row, .cnf-pass .login-portal form .submit-row, .login-portal .cnf-pass form .submit-row, .vendor-login .login-portal form .submit-row, .login-portal .vendor-login form .submit-row, .login-wrap .email-reset form .submit-row, .email-reset .login-wrap form .submit-row, .pass-reset .email-reset form .submit-row, .email-reset .pass-reset form .submit-row, .new-pass .email-reset form .submit-row, .email-reset .new-pass form .submit-row, .vendor-new-pass .email-reset form .submit-row, .email-reset .vendor-new-pass form .submit-row, .vendor-pass-reset .email-reset form .submit-row, .email-reset .vendor-pass-reset form .submit-row, .cnf-mail .email-reset form .submit-row, .email-reset .cnf-mail form .submit-row, .cnf-pass .email-reset form .submit-row, .email-reset .cnf-pass form .submit-row, .vendor-login .email-reset form .submit-row, .email-reset .vendor-login form .submit-row, .login-wrap .confirm-pass form .submit-row, .confirm-pass .login-wrap form .submit-row, .pass-reset .confirm-pass form .submit-row, .confirm-pass .pass-reset form .submit-row, .new-pass .confirm-pass form .submit-row, .confirm-pass .new-pass form .submit-row, .vendor-new-pass .confirm-pass form .submit-row, .confirm-pass .vendor-new-pass form .submit-row, .vendor-pass-reset .confirm-pass form .submit-row, .confirm-pass .vendor-pass-reset form .submit-row, .cnf-mail .confirm-pass form .submit-row, .confirm-pass .cnf-mail form .submit-row, .cnf-pass .confirm-pass form .submit-row, .confirm-pass .cnf-pass form .submit-row, .vendor-login .confirm-pass form .submit-row, .confirm-pass .vendor-login form .submit-row, .login-wrap .confirm-msg form .submit-row, .confirm-msg .login-wrap form .submit-row, .pass-reset .confirm-msg form .submit-row, .confirm-msg .pass-reset form .submit-row, .new-pass .confirm-msg form .submit-row, .confirm-msg .new-pass form .submit-row, .vendor-new-pass .confirm-msg form .submit-row, .confirm-msg .vendor-new-pass form .submit-row, .vendor-pass-reset .confirm-msg form .submit-row, .confirm-msg .vendor-pass-reset form .submit-row, .cnf-mail .confirm-msg form .submit-row, .confirm-msg .cnf-mail form .submit-row, .cnf-pass .confirm-msg form .submit-row, .confirm-msg .cnf-pass form .submit-row, .vendor-login .confirm-msg form .submit-row, .confirm-msg .vendor-login form .submit-row {
      margin-bottom: 20px; }

  .pass-reset p, .new-pass p, .vendor-new-pass p, .vendor-pass-reset p {
    padding: 0; }

  .action-required .certificate-approve {
    width: 100%; }
    .action-required .certificate-approve .approved-doc, .aven300 .action-required .certificate-approve .food-serv {
      padding-left: 0; }
      .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
        margin-right: 10px; }
  .action-required .about-info {
    width: 100%;
    border-left: 0;
    padding-left: 0; }
    .action-required .about-info .approved-doc figure, .aven300 .action-required .about-info .certificate-approve .food-serv figure, .aven300 .action-required .certificate-approve .about-info .food-serv figure {
      padding-top: 0; }
    .action-required .about-info .about-wrap .about-text {
      width: 100%; }
    .action-required .about-info .about-wrap .bakery {
      width: 100%; }
      .action-required .about-info .about-wrap .bakery figure img {
        width: auto; }
    .action-required .about-info .map-wrap {
      width: 100%; }

  .loc-info .closing-time {
    padding-left: 0; }

  .aven300 .action-required .certificate-approve .approved-doc, .aven300 .action-required .certificate-approve .food-serv {
    padding-left: 0; }
    .aven300 .action-required .certificate-approve .approved-doc figure, .aven300 .action-required .certificate-approve .food-serv figure {
      margin-right: 10px; }

  .assessment-form .form-list li, .assessment-form-one .form-list li, .assessment-form .assess-list li, .assessment-form-one .assess-list li {
    text-align: center; }
    .assessment-form .form-list li .btn, .assessment-form-one .form-list li .btn, .assessment-form .assess-list li .btn, .assessment-form-one .assess-list li .btn {
      border-radius: 5px;
      float: none;
      padding: 10px 5px 10px 5px; }
  .assessment-form .assess-list li:nth-child(4), .assessment-form-one .assess-list li:nth-child(4) {
    float: left; }

  .certification-process .invitation-notes, .logout-wrap .invitation-notes {
    padding: 0%; }
  .certification-process h1, .logout-wrap h1 {
    font-size: 20px; }
  .certification-process p, .logout-wrap p {
    font-size: 15px; }
  .certification-process .fixed-fee, .logout-wrap .fixed-fee {
    padding: 3px 0 11px 0; }
  .certification-process .view-pdf, .logout-wrap .view-pdf {
    padding: 32px 0 26px 12px; }
  .certification-process .form-wrap .contact-info, .logout-wrap .form-wrap .contact-info {
    margin-bottom: 33px; }
  .certification-process .form-row.save, .logout-wrap .form-row.save, .certification-process .login-portal form .save.submit-row, .login-portal form .certification-process .save.submit-row, .logout-wrap .login-portal form .save.submit-row, .login-portal form .logout-wrap .save.submit-row, .certification-process .email-reset form .save.submit-row, .email-reset form .certification-process .save.submit-row, .logout-wrap .email-reset form .save.submit-row, .email-reset form .logout-wrap .save.submit-row, .certification-process .confirm-pass form .save.submit-row, .confirm-pass form .certification-process .save.submit-row, .logout-wrap .confirm-pass form .save.submit-row, .confirm-pass form .logout-wrap .save.submit-row, .certification-process .confirm-msg form .save.submit-row, .confirm-msg form .certification-process .save.submit-row, .logout-wrap .confirm-msg form .save.submit-row, .confirm-msg form .logout-wrap .save.submit-row {
    padding: 50px 0 45px; }
  .certification-process .card-validity .select-wrap, .logout-wrap .card-validity .select-wrap {
    width: 59px; }
    .certification-process .card-validity .select-wrap a.sbSelector, .logout-wrap .card-validity .select-wrap a.sbSelector {
      padding-left: 8px; }

  .contact .vendor-profile-name {
    padding: 0; }
    .contact .vendor-profile-name .pf-details .pf-title {
      margin-bottom: 30px; }
  .contact .my-prof {
    padding-bottom: 34px; }
  .contact .vendor-profile-wrap {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 78px; }
  .contact .vendor-contact {
    padding-left: 15px;
    padding-right: 15px; }
  .contact .contact-wrap {
    width: 50%; }
    .contact .contact-wrap .my-profile li {
      width: 100%; }
  .contact .office-loc {
    padding-left: 15px;
    padding-right: 15px; }
    .contact .office-loc .office-add {
      width: 100%; }
    .contact .office-loc .loc-wrap {
      width: 100%; }

  .assessment-form-one h1 {
    font-size: 24px; }
  .assessment-form-one .hello-text {
    padding-right: 0;
    margin-bottom: 20px; }
  .assessment-form-one .quest-block, .assessment-form-one .textarea-block {
    padding-bottom: 35px;
    margin-bottom: 38px; }
    .assessment-form-one .quest-block span, .assessment-form-one .textarea-block span {
      padding-left: 0; }
    .assessment-form-one .quest-block .brands-wrap, .assessment-form-one .textarea-block .brands-wrap {
      padding: 39px 0 30px 0px; }
      .assessment-form-one .quest-block .brands-wrap span, .assessment-form-one .textarea-block .brands-wrap span {
        margin-bottom: 20px; }
  .assessment-form-one .textarea-block {
    padding-right: 0; }
  .assessment-form-one .certificate-form {
    padding-left: 0; }

  .footer, .footer-login {
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
    .footer .copyright, .footer-login .copyright {
      float: none; } }
.body-sm {
  background: url("../images/wood.jpg") no-repeat center top;
  background-size: cover;
  padding: 0; }

@font-face {
  font-family: 'lemonade_standregular';
  src: url("../fonts/lemonade_stand_d-webfont.woff2") format("woff2"), url("../fonts/lemonade_stand_d-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
#wrapper-sm .content-sm, #wrapper-sm .content-login {
  background: url("../images/bg2.png") no-repeat top left;
  padding-top: 437px; }
#wrapper-sm .bg-sm {
  background-position: -120px -30px; }

.container-sm {
  max-width: 1018px;
  padding: 0 15px;
  margin: 0 auto;
  font-family: "Lato", sans-serif; }
  .container-sm input[type="text"], .container-sm select,
  .container-sm input[type="password"], .container-sm input[type="email"],
  .container-sm input[type="reset"], .container-sm input[type="submit"] {
    font-family: "Lato", sans-serif; }

.instruction .brand-logo, .account-prof .brand-logo, .login-portal .brand-logo, .email-reset .brand-logo, .confirm-pass .brand-logo, .confirm-msg .brand-logo {
  position: absolute;
  top: 30px;
  left: 146px; }
.instruction h2, .account-prof h2, .login-portal h2, .email-reset h2, .confirm-pass h2, .confirm-msg h2 {
  font-family: "lemonade_standregular";
  font-size: 30px;
  color: #5b805b;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  margin-bottom: 47px; }

.instruct-wrap .instruct, .local-wrap .instruct, .submitted .instruct, .profile-submitted .instruct {
  float: right;
  padding-right: 5px;
  width: 50%; }
  .instruct-wrap .instruct p, .local-wrap .instruct p, .submitted .instruct p, .profile-submitted .instruct p {
    letter-spacing: 1.3px;
    margin-bottom: 21px;
    line-height: 1.3;
    word-spacing: 0.2px;
    font-weight: 400;
    font-size: 18px;
    color: #5b805b; }
  .instruct-wrap .instruct .notes, .local-wrap .instruct .notes, .submitted .instruct .notes, .profile-submitted .instruct .notes {
    font-style: italic; }

.intro-form {
  padding-top: 68px; }
  .intro-form form .form-primary {
    padding: 0 19px 53px;
    border-bottom: 2px solid #5b805b; }
  .intro-form form .form-row, .intro-form .login-portal form .submit-row, .login-portal .intro-form form .submit-row, .intro-form .email-reset form .submit-row, .email-reset .intro-form form .submit-row, .intro-form .confirm-pass form .submit-row, .confirm-pass .intro-form form .submit-row, .intro-form .confirm-msg form .submit-row, .confirm-msg .intro-form form .submit-row {
    margin-bottom: 17px; }
  .intro-form form .form-col {
    width: 48%; }
  .intro-form form label {
    padding-left: 0;
    margin-bottom: 15px;
    font-size: 13px;
    color: #644741;
    font-weight: 400;
    text-transform: none; }
  .intro-form form input {
    font-size: 13px;
    color: #644741;
    font-weight: 400;
    font-family: "Lato", sans-serif; }
  .intro-form form textarea {
    font-family: "Lato", sans-serif;
    color: #644741;
    font-size: 13px;
    width: 100%;
    height: 165px;
    resize: none;
    border-radius: 5px;
    border: none;
    padding: 15px;
    box-shadow: 0px 2px 4px 0px #e0dcdc; }
  .intro-form form .textarea-row {
    margin-top: 38px; }
    .intro-form form .textarea-row label {
      max-width: 401px;
      line-height: 1.4; }
  .intro-form form .sbSelector {
    font-size: 12px;
    color: #644741;
    font-weight: 400;
    padding: 0 12px 0 17px;
    line-height: 3; }
  .intro-form form .sbToggle {
    right: 15px; }
  .intro-form form .logout-row {
    padding: 41px 0 234px 0px;
    text-align: center; }
    .intro-form form .logout-row input[type="submit"] {
      background: #5b805b;
      font-size: 18px;
      color: #fff;
      padding: 15px;
      text-transform: none;
      margin-bottom: 23px;
      letter-spacing: 1px;
      transition: all ease 0.5s 0s;
      padding: 18px 23px 22px 23px; }
      .intro-form form .logout-row input[type="submit"]:hover {
        background: #fbb400;
        color: #504f4f; }
    .intro-form form .logout-row a {
      display: block;
      text-transform: capitalize;
      font-size: 14px;
      color: #5b805b; }
  .intro-form form .form-secondary {
    padding: 60px 0 0 17px; }
    .intro-form form .form-secondary h2 {
      margin-bottom: 35px; }

.account-prof, .login-portal, .email-reset, .confirm-pass, .confirm-msg {
  padding-top: 59px; }
  .account-prof .brand-logo, .login-portal .brand-logo, .email-reset .brand-logo, .confirm-pass .brand-logo, .confirm-msg .brand-logo {
    top: 84px;
    left: 99px; }
    .account-prof .brand-logo img, .login-portal .brand-logo img, .email-reset .brand-logo img, .confirm-pass .brand-logo img, .confirm-msg .brand-logo img {
      width: 514px; }
  .account-prof .intro-form, .login-portal .intro-form, .email-reset .intro-form, .confirm-pass .intro-form, .confirm-msg .intro-form {
    padding-top: 46px; }
  .account-prof form .form-primary, .login-portal form .form-primary, .email-reset form .form-primary, .confirm-pass form .form-primary, .confirm-msg form .form-primary {
    border-bottom: 0;
    padding-bottom: 35px; }
    .account-prof form .form-primary h2, .login-portal form .form-primary h2, .email-reset form .form-primary h2, .confirm-pass form .form-primary h2, .confirm-msg form .form-primary h2 {
      margin-bottom: 20px; }
    .account-prof form .form-primary .req-field, .login-portal form .form-primary .req-field, .email-reset form .form-primary .req-field, .confirm-pass form .form-primary .req-field, .confirm-msg form .form-primary .req-field {
      text-transform: uppercase;
      color: #5b805b;
      font-size: 14px;
      display: block;
      margin-bottom: 23px; }
  .account-prof form .form-secondary, .login-portal form .form-secondary, .email-reset form .form-secondary, .confirm-pass form .form-secondary, .confirm-msg form .form-secondary {
    padding: 2px 17px 0 17px; }
    .account-prof form .form-secondary h2, .login-portal form .form-secondary h2, .email-reset form .form-secondary h2, .confirm-pass form .form-secondary h2, .confirm-msg form .form-secondary h2 {
      font-size: 24px;
      color: #494949;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      margin-bottom: 46px; }
      .account-prof form .form-secondary h2 strong, .login-portal form .form-secondary h2 strong, .email-reset form .form-secondary h2 strong, .confirm-pass form .form-secondary h2 strong, .confirm-msg form .form-secondary h2 strong {
        text-transform: capitalize; }
  .account-prof form .logout-row, .login-portal form .logout-row, .email-reset form .logout-row, .confirm-pass form .logout-row, .confirm-msg form .logout-row {
    padding-bottom: 0; }
    .account-prof form .logout-row input[type="submit"], .login-portal form .logout-row input[type="submit"], .email-reset form .logout-row input[type="submit"], .confirm-pass form .logout-row input[type="submit"], .confirm-msg form .logout-row input[type="submit"] {
      font-size: 14px; }

.local-wrap .instruct, .submitted .instruct, .profile-submitted .instruct {
  padding-right: 0;
  max-width: 686px;
  margin: 0 auto;
  text-align: center;
  float: none;
  width: 100%; }
  .local-wrap .instruct p strong, .submitted .instruct p strong, .profile-submitted .instruct p strong {
    text-transform: uppercase; }
  .local-wrap .instruct h2, .submitted .instruct h2, .profile-submitted .instruct h2 {
    margin: 0 25px 29px;
    padding-bottom: 36px;
    border-bottom: 2px solid #5b805b; }

.submitted, .profile-submitted {
  padding-top: 193px;
  padding-bottom: 425px; }
  .submitted .instruct h2, .profile-submitted .instruct h2 {
    font-size: 40px;
    line-height: 1.5;
    padding-bottom: 24px; }
  .submitted .instruct span, .profile-submitted .instruct span {
    display: block;
    color: #5b805b;
    font-size: 18px;
    letter-spacing: 1.4px;
    font-weight: 400;
    margin-bottom: 81px; }
  .submitted .instruct p, .profile-submitted .instruct p {
    padding: 0 27px; }
  .submitted .instruct a, .profile-submitted .instruct a {
    color: #644741;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 18px;
    transition: all ease 0.5s 0s; }
    .submitted .instruct a:hover, .profile-submitted .instruct a:hover {
      background: transparent;
      color: #5b805b; }

.profile-submitted {
  padding-top: 27px;
  padding-bottom: 133px; }
  .profile-submitted .instruct h2 {
    font-size: 28px;
    line-height: 1.5;
    padding-bottom: 27px;
    margin-bottom: 32px; }

#wrapper-sm .content-login {
  padding-top: 377px; }

.login-portal, .email-reset, .confirm-pass, .confirm-msg {
  padding-top: 0; }
  .login-portal .franc, .email-reset .franc, .confirm-pass .franc, .confirm-msg .franc {
    text-transform: uppercase;
    position: absolute;
    top: 67px;
    right: 89px;
    font-size: 12px;
    font-weight: 300;
    color: #5b805b;
    text-decoration: underline;
    transition: all ease 0.5s 0s; }
    .login-portal .franc:hover, .email-reset .franc:hover, .confirm-pass .franc:hover, .confirm-msg .franc:hover {
      background: transparent;
      color: #644741; }
  .login-portal form, .email-reset form, .confirm-pass form, .confirm-msg form {
    width: 279px;
    margin: 0 auto; }
    .login-portal form .form-row, .email-reset form .form-row, .confirm-pass form .form-row, .confirm-msg form .form-row, .login-portal form .submit-row, .email-reset form .submit-row, .confirm-pass form .submit-row, .confirm-msg form .submit-row {
      margin-bottom: 14px;
      position: relative;
      padding: 0 9px; }
      .login-portal form .form-row label, .email-reset form .form-row label, .confirm-pass form .form-row label, .confirm-msg form .form-row label, .login-portal form .submit-row label, .email-reset form .submit-row label, .confirm-pass form .submit-row label, .confirm-msg form .submit-row label {
        position: absolute;
        top: 11px;
        left: 21px; }
      .login-portal form .form-row input, .email-reset form .form-row input, .confirm-pass form .form-row input, .confirm-msg form .form-row input, .login-portal form .submit-row input, .email-reset form .submit-row input, .confirm-pass form .submit-row input, .confirm-msg form .submit-row input {
        font-size: 14px;
        font-weight: 400;
        color: #644741;
        padding-left: 40px; }
      .login-portal form .form-row ::-webkit-input-placeholder, .email-reset form .form-row ::-webkit-input-placeholder, .confirm-pass form .form-row ::-webkit-input-placeholder, .confirm-msg form .form-row ::-webkit-input-placeholder, .login-portal form .submit-row ::-webkit-input-placeholder, .email-reset form .submit-row ::-webkit-input-placeholder, .confirm-pass form .submit-row ::-webkit-input-placeholder, .confirm-msg form .submit-row ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 14px;
        font-weight: 400;
        color: #644741;
        text-transform: capitalize;
        opacity: 1; }
      .login-portal form .form-row ::-moz-placeholder, .email-reset form .form-row ::-moz-placeholder, .confirm-pass form .form-row ::-moz-placeholder, .confirm-msg form .form-row ::-moz-placeholder, .login-portal form .submit-row ::-moz-placeholder, .email-reset form .submit-row ::-moz-placeholder, .confirm-pass form .submit-row ::-moz-placeholder, .confirm-msg form .submit-row ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
        color: #644741;
        opacity: 1; }
      .login-portal form .form-row :-ms-input-placeholder, .email-reset form .form-row :-ms-input-placeholder, .confirm-pass form .form-row :-ms-input-placeholder, .confirm-msg form .form-row :-ms-input-placeholder, .login-portal form .submit-row :-ms-input-placeholder, .email-reset form .submit-row :-ms-input-placeholder, .confirm-pass form .submit-row :-ms-input-placeholder, .confirm-msg form .submit-row :-ms-input-placeholder {
        /* IE 10+ */
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
        color: #644741;
        opacity: 1; }
      .login-portal form .form-row :-moz-placeholder, .email-reset form .form-row :-moz-placeholder, .confirm-pass form .form-row :-moz-placeholder, .confirm-msg form .form-row :-moz-placeholder, .login-portal form .submit-row :-moz-placeholder, .email-reset form .submit-row :-moz-placeholder, .confirm-pass form .submit-row :-moz-placeholder, .confirm-msg form .submit-row :-moz-placeholder {
        /* Firefox 18- */
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        color: #644741;
        opacity: 1; }
      .login-portal form .form-row input[type="submit"], .email-reset form .form-row input[type="submit"], .confirm-pass form .form-row input[type="submit"], .confirm-msg form .form-row input[type="submit"], .login-portal form .submit-row input[type="submit"], .email-reset form .submit-row input[type="submit"], .confirm-pass form .submit-row input[type="submit"], .confirm-msg form .submit-row input[type="submit"] {
        font-size: 14px;
        font-weight: 700;
        text-transform: capitalize;
        color: #fff;
        background: #5b805b;
        transition: all ease 0.5s 0s;
        padding: 15px 33px 20px 33px; }
        .login-portal form .form-row input[type="submit"]:hover, .email-reset form .form-row input[type="submit"]:hover, .confirm-pass form .form-row input[type="submit"]:hover, .confirm-msg form .form-row input[type="submit"]:hover, .login-portal form .submit-row input[type="submit"]:hover, .email-reset form .submit-row input[type="submit"]:hover, .confirm-pass form .submit-row input[type="submit"]:hover, .confirm-msg form .submit-row input[type="submit"]:hover {
          background: #fbb400;
          color: #504f4f; }
      .login-portal form .form-row .forgot-pass, .email-reset form .form-row .forgot-pass, .confirm-pass form .form-row .forgot-pass, .confirm-msg form .form-row .forgot-pass, .login-portal form .submit-row .forgot-pass, .email-reset form .submit-row .forgot-pass, .confirm-pass form .submit-row .forgot-pass, .confirm-msg form .submit-row .forgot-pass {
        font-size: 12px;
        font-weight: 300;
        color: #5b805b;
        display: inline-block;
        margin-bottom: 30px; }
      .login-portal form .form-row .have-account, .email-reset form .form-row .have-account, .confirm-pass form .form-row .have-account, .confirm-msg form .form-row .have-account, .login-portal form .submit-row .have-account, .email-reset form .submit-row .have-account, .confirm-pass form .submit-row .have-account, .confirm-msg form .submit-row .have-account {
        color: #5b805b;
        font-size: 18px;
        font-weight: 300;
        display: inline-block;
        margin: 0 -15px; }
        .login-portal form .form-row .have-account strong, .email-reset form .form-row .have-account strong, .confirm-pass form .form-row .have-account strong, .confirm-msg form .form-row .have-account strong, .login-portal form .submit-row .have-account strong, .email-reset form .submit-row .have-account strong, .confirm-pass form .submit-row .have-account strong, .confirm-msg form .submit-row .have-account strong {
          color: #644741; }
    .login-portal form .submit-row, .email-reset form .submit-row, .confirm-pass form .submit-row, .confirm-msg form .submit-row {
      margin-top: 35px;
      margin-bottom: 24px; }

.portal-wrap {
  max-width: 370px;
  margin: 0 auto;
  text-align: center; }
  .portal-wrap h1 {
    font-size: 22px;
    font-weight: 400;
    color: #644741;
    text-transform: none; }
    .portal-wrap h1 span {
      text-transform: uppercase; }
  .portal-wrap p {
    font-size: 16px;
    font-weight: 400;
    color: #644741;
    letter-spacing: .4px;
    line-height: 1.3;
    margin-bottom: 41px; }
    .portal-wrap p span {
      text-transform: uppercase; }
  .portal-wrap .local-portal {
    display: block;
    margin-bottom: 41px;
    font-size: 16px;
    font-weight: 400;
    color: #644741; }
  .portal-wrap .go-back {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #644741; }
    .portal-wrap .go-back:before {
      position: absolute;
      content: '';
      top: 5px;
      left: -28px;
      width: 20px;
      height: 10px;
      background: url("../images/arrow-3.svg") no-repeat 0 0; }

.email-reset {
  padding-top: 64px;
  padding-bottom: 156px; }
  .email-reset h1 {
    margin-bottom: 24px; }
  .email-reset p {
    margin-bottom: 25px; }
  .email-reset form .submit-row {
    margin-top: 27px; }
    .email-reset form .submit-row input[type="submit"] {
      padding: 20px 17px 20px 16px;
      line-height: 1; }

.confirm-pass, .confirm-msg {
  padding-top: 63px;
  padding-bottom: 93px; }
  .confirm-pass .portal-wrap h1, .confirm-msg .portal-wrap h1 {
    margin-bottom: 26px; }
  .confirm-pass .portal-wrap .local-portal, .confirm-msg .portal-wrap .local-portal {
    margin-bottom: 45px; }
  .confirm-pass form .submit-row, .confirm-msg form .submit-row {
    margin-top: 42px; }
    .confirm-pass form .submit-row input[type="submit"], .confirm-msg form .submit-row input[type="submit"] {
      padding: 20px 38px 21px 37px;
      line-height: 1; }

.confirm-msg {
  padding-top: 97px; }

.footer-static, .footer-portal {
  background-color: #5b805b;
  position: static;
  height: auto;
  padding: 30px 0; }
  .footer-static .container-sm, .footer-portal .container-sm {
    max-width: 1174px; }
  .footer-static .footer-logo, .footer-portal .footer-logo {
    float: left; }
  .footer-static .copyright, .footer-portal .copyright {
    margin-top: 24px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 300; }

.footer-portal {
  padding: 42px 0 20px;
  text-align: center;
  background-color: transparent; }
  .footer-portal .footer-logo-wrap {
    margin-bottom: 36px; }
    .footer-portal .footer-logo-wrap .footer-logo {
      float: none; }
      .footer-portal .footer-logo-wrap .footer-logo img {
        width: 143px; }
  .footer-portal .copyright {
    float: none;
    font-size: 10px;
    font-weight: 300;
    color: #644741; }

@media all and (max-width: 1239px) {
  .account-prof, .login-portal, .email-reset, .confirm-pass, .confirm-msg {
    padding-top: 84px; }

  .submitted, .profile-submitted {
    padding-top: 265px; } }
@media all and (max-width: 991px) {
  .instruction .brand-logo, .account-prof .brand-logo, .login-portal .brand-logo, .email-reset .brand-logo, .confirm-pass .brand-logo, .confirm-msg .brand-logo {
    left: 83px; }

  .account-prof, .login-portal, .email-reset, .confirm-pass, .confirm-msg {
    padding-top: 178px; } }
@media all and (max-width: 767px) {
  #wrapper-sm .content-sm, #wrapper-sm .content-login {
    padding-top: 314px;
    background-position: -67px -301px; }

  .instruction .brand-logo, .account-prof .brand-logo, .login-portal .brand-logo, .email-reset .brand-logo, .confirm-pass .brand-logo, .confirm-msg .brand-logo {
    left: 12px; }
    .instruction .brand-logo img, .account-prof .brand-logo img, .login-portal .brand-logo img, .email-reset .brand-logo img, .confirm-pass .brand-logo img, .confirm-msg .brand-logo img {
      width: 289px; }

  .instruct-wrap .instruct, .local-wrap .instruct, .submitted .instruct, .profile-submitted .instruct {
    width: 100%;
    padding-right: 0;
    padding-top: 100px; }

  .intro-form {
    padding-top: 21px; }
    .intro-form h2 {
      font-size: 22px;
      margin-bottom: 22px; }
    .intro-form form label {
      margin-bottom: 10px; }
    .intro-form form .form-row, .intro-form .login-portal form .submit-row, .login-portal .intro-form form .submit-row, .intro-form .email-reset form .submit-row, .email-reset .intro-form form .submit-row, .intro-form .confirm-pass form .submit-row, .confirm-pass .intro-form form .submit-row, .intro-form .confirm-msg form .submit-row, .confirm-msg .intro-form form .submit-row {
      margin-bottom: 0; }
    .intro-form form .form-col {
      margin-bottom: 17px;
      width: 100%; }
    .intro-form form .form-primary {
      padding: 0 0 30px 0; }
    .intro-form form .form-secondary {
      padding: 30px 0 0 0px; }
    .intro-form form .logout-row {
      padding: 41px 0 66px 0px; }

  .local-wrap .instruct h2, .submitted .instruct h2, .profile-submitted .instruct h2 {
    margin: 0 0 16px;
    padding-bottom: 16px; }

  .login-portal, .email-reset, .confirm-pass, .confirm-msg {
    padding-top: 97px;
    padding-bottom: 0; }
    .login-portal .franc, .email-reset .franc, .confirm-pass .franc, .confirm-msg .franc {
      right: 15px;
      top: 20px; }

  .submitted, .profile-submitted {
    padding-top: 114px;
    padding-bottom: 88px; }
    .submitted .instruct, .profile-submitted .instruct {
      padding-top: 0; }
      .submitted .instruct h2, .profile-submitted .instruct h2 {
        font-size: 19px; }

  .profile-submitted {
    padding-bottom: 0;
    padding-top: 56px; }
    .profile-submitted .instruct span {
      margin-bottom: 0; }

  .email-reset {
    padding-bottom: 0; }

  .footer-static, .footer-portal {
    text-align: center; }
    .footer-static .footer-logo, .footer-portal .footer-logo {
      float: none;
      margin-bottom: 20px; }
    .footer-static .copyright, .footer-portal .copyright {
      float: none;
      display: block;
      text-align: center; } }

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