body {background-color: #e4e4e4;}
h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Nokora',  'Roboto',  sans-serif;}
.topBar {background-color: #1e98b1;}
.middleBar {background-color: #f5f5f5;}
#header-search-bar {display: none;}
.gray {background-color: #404040;}
.btn-yellow {background-color: #ffc600;}
.btn-orange {background-color: #f37021;}
.btn-style {
  color: #FFF;
  text-transform: uppercase;
  width: 30%;
}
.text-thin {font-weight: 300;}
.fa-white {color: #FFF;}
.rm-mgBottom {margin-bottom: 0;}
.topBarNav li a {
  color: #FFF;
  font-size: 1.3em;
}
.page-title {margin-top: 0px;}
.has-border>li:last-child {border-left: 0;}
.topBar ul.topBarNav>li>a {
  padding-left: 25px;
  padding-right: 25px;
}
.search-box {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.search-box:active,
.search-box:focus {border: 3px solid #FFC600;}
.btn-search {
  padding: 2px 0;
  padding-left: 7px;
  padding-right: 7px;
}
.fa-27 {font-size: 27px;}
.form-box {
  background-color: #FFF;
  border: 1px solid #d3d3d3;
}
.section-padding-md {padding: 3em 6em;}
.form-title {
  border-bottom: 2px solid #f2f2f2;
  padding: 0.3em 0;
  margin-bottom: 30px;
}
.login-form {width: 90%;}
.login-form form {padding-top: 6em;}
.login-form label,
.login-form p {color: #404040;}
.login-form a {color: #2eb7df;}
.login-form a:hover {text-decoration: underline;}
.divider-outer {position: relative;}
.divider-outer .col {padding: 15px 30px;}
.divider {
  position: absolute;
  width: 1px;
  height: 65%;
  top: 20%;
  bottom: 0;
  left: 63%;
  border: 1px dotted #b6b6b6;
}
.divider:after {
  content: 'OR';
  font-family: 'Roboto',  sans-serif;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 12px;
  color: #666669;
  background: #dcdcdc;
  border: 0;
  display: block;
  position: absolute;
  top: 40%;
  margin-top: -15px;
  margin-left: -15px;
  text-align: center;
}
.social-form {padding: 12em 0;}
.social-form .input-group {margin-bottom: 1em;}
.social-form .input-group .form-control {
  width: 30%;
  padding: 7px;
  text-align: center;
}
.social-form .input-group .btn-fb {
  color: #3b5998;
  font-weight: bold;
  border: 1px solid #3b5998;
  padding: 4px 15px;
  background: white;
  float: left;
  height: 34px;
  width: 120px;
  text-align: center;
}
.social-form .input-group .btn-fb:hover {
  color: #FFF;
  background: #3b5998;
}
.social-form .input-group .btn-gplus {
  color: #d44032;
  font-weight: bold;
  border: 1px solid #d44032;
  height: 34px;
  float: left;
  padding: 4px 15px;
  width: 120px;
  text-align: center;
}
.social-form .input-group .btn-gplus:hover {
  color: #FFF;
  background: #d44032;
}
.login-form .mb-10 {padding-left: 20px;}
.social-form .input-group .form-control.signup {width: 55%;}
.social-form.signup {padding: 18.5em 0;}
.white-bg {background-color: #FFF;}
.white-t-90 {background-color: rgba(255, 255, 255, 0.9);}
.btn-submit {
  color: #000;
  font-weight: bold;
}
.no-span {
  display: table;
  white-space: nowrap;
}
.no-span:after {
  border-top: 2px solid #f1f1f1;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 80%;
}
h6.no-span:after {left: 1.5%;}
#login-lnk {margin-top: -55px;}
.navbar-fixed-left {
  width: 140px;
  position: fixed;
  border-radius: 0;
  height: 100%;
}
.navbar-fixed-left .navbar-nav>li {
  float: none;
  width: 139px;
}
.navbar-fixed-left+.container {padding-left: 160px;}
.navbar-fixed-left .navbar-nav>li>.dropdown-menu {
  margin-top: -50px;
  margin-left: 140px;
}
.navbar-brand {padding: 5px 0px;}
.footer {color: #FFF;}
.footer .top-10 {margin-top: 10px;}
.in-footer {
  background-color: transparent;
  border: 0;
}
.in-footer ul.footer-nav {
  width: 100%;
  list-style: none;
  padding: 0 0;
}
.in-footer ul.footer-nav li {display: inline-block;}
.in-footer ul.footer-nav li a {padding-right: 10px;}
.footer .row .col-sm-4>p {line-height: 1;}
.footer .text-sm {
  font-size: 12px;
  line-height: 1.5;
}
.profile-header-img>img.img-circle {border: 3px solid #FFF;}
img.img-sm {
  width: 35px;
  height: 35px;
}
.profile-header-img img {
  margin: 0 0;
  display: block;
  width: 100%;
}
.profile-header {margin-top: 43px;}
.sidebar {padding-bottom: 30px;}
.sidebar #member-menu {float: none;}
.sidebar #member-menu li {width: 100%;}
.sidebar #member-menu li a {color: #3e3d3d;}
.sidebar #member-menu li a:hover {color: #1e98b1;}
.sidebar #member-menu li.active a:hover {color: #ffffff;}
.sidebar .nav>li>a {padding: 5px 10px;}
.sidebar .nav>li>a i.fa {
  width: 17px;
  color: #1e98b1;
}
.nav-stacked>li {text-align: left;}
.sidebar .nav-pills>li>a {border-radius: 0;}
.nav-pills>li.active>a i.fa,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover i.fa {color: #000;}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {background-color: #1e98b1;}
.sidenav .sidebar .profile-name {
  margin-bottom: 1em;
  text-align: center;
}
.profile-link {
  padding-left: 1em;
  padding-right: 1em;
}
.profile-link a {padding: 0  !important;}
.profile-link a img.img-circle {
  border: 2px solid #FFF;
  margin: 7px 0px;
}
.profile-link .profile-name {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.topBarNav>li>a:focus,
.topBarNav>li>a:hover {background-color: transparent;}
.topBar .topBarNav.main-menu {margin-top: 13px;}
.alert {
  border-radius: 0;
  margin-bottom: 0;
}
.alert-success {background-color: #1fb548;}
.content-box {
  padding-top: 1em;
  background: white;
}
.content-box .pdTopBottom-30 {padding: 30px 0;}
.content-box .well img {
  width: 40%;
  margin: auto;
}
.content-box .well h5 {color: #7b7b7b;}
.content-box .btn-primary {
  background-color: #1e98b1;
  font-weight: bold;
}
.content-box .heading-acc-type h1 {font-size: 3em;}
.content-box .heading-acc-type h5 {font-weight: 300;}
.content-box .account-type {
  padding-top: 5em;
  padding-bottom: 5em;
}
.content-box .account-type a.type-option:hover .well {background: #eaeaea;}
.padding-3-2 {padding: 3em 2em;}
.padding-1-2 {padding: 1em 2em;}
.email-perfer .list-group-item {
  border: 0;
  color: #0c3e48;
  padding-top: 0;
  padding-bottom: 0;
}
.topBar .linkdown ul li a {color: #434343;}
.topBar .linkdown ul.search-input {
  width: 100%;
  padding: 1em  !important;
}
.topBar .linkdown ul.search-input li {line-height: 0  !important;}
.topBar .linkdown ul.search-input li .form-group {margin-bottom: 0  !important;}
.topBar .linkdown ul.dropmenu li {border-bottom: 1px solid #fbfbfb;}
.topBar .linkdown ul.dropmenu li a {
  font-size: 14px;
  padding: 0 10px  !important;
}
.topBar .linkdown ul.dropmenu li a .fa {width: 20px;}
.topBar ul.topBarNav li ul.w-250 {width: 250px;}
input.has-error {border: 1px solid #f51a05;}
span.has-error {color: #f51a05;}
.social-icons li.google a i:hover,
.social-icons li.google a i:active,
.social-icons li.google a i:focus {color: #c5412b;}
#DOB select {
  float: left;
  margin: 0 2px;
  display: inline-block;
  font-weight: 700;
}
#DOB select.day {width: 28%;}
#DOB select.month {width: 35%;}
#DOB select.year {width: 30%;}
.dropzone .dz-preview.dz-image-preview {
  background: rgba(255, 255, 255, 0.1)  !important;
  margin: 7px;
}
.dropzone {
  border: 2px dashed #036698  !important;
  background: #eaeaea  !important;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {color: grey;}
.dropzone .dz-preview .dz-image {
  border-radius: 0px;
  height: 75px;
}
.dropzone.dz-clickable {text-align: center  !important;}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: .5em;
  font-size: 12px;
}
.dropzone .dz-preview .dz-details {padding: 1em;}
.ms-options-wrap>.ms-options>ul label {font-weight: normal;}
#image-preview img {
  float: left;
  width: 25%;
  min-height: 181px;
  max-height: 181px;
}
textarea.form-control.has-error {border: 1px solid red  !important;}
.label {font-weight: 300;}
.Uploadbtn {cursor: pointer;}
.Uploadbtn #profile-img {
  position: absolute;
  opacity: 0;
  width: 100%;
}
.profile-header-img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  margin: auto;
  border: 3px solid #1e98b1;
  margin-top: 20px;
}
.ck-editor__editable {min-height: 200px;}
.user-avatar .avatar img {
  width: 120px;
  margin: auto;
  margin-top: 40px;
}
form .in-form-title {
  color: #38c0dc;
  text-transform: uppercase;
}
.profile-file-action {
  position: absolute;
  top: 40px;
  left: 30px;
}
.store-logo-container {
  width: 200px;
  height: 200px;
  border: 1px solid #ddd;
  text-align: center;
}
.store-banner-container {
  max-width: 870px;
  max-height: 275px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.yamm .navbar-nav>li>a i.fa {
  width: 17px;
  color: #1e98b1;
}
.checkbox-inline, .radio-inline { line-height: normal; }
.form-control, input[type=text], input[type=number] { border: 1px solid gray; }
@media (max-width:  540px) {
  .section-padding-md {padding: 2em;}
  .section-padding-md .rc-anchor-normal {width: 275px  !important;}
  .section-padding-md .social-form.signup {padding: 2em;}
  .section-padding-md .social-form.login {padding: 0;}
  .section-padding-md .social-form.login .input-group .form-control {width: 100%;}
  .section-padding-md .btn-style {width: 100%;}
  .section-padding-md .login-form {width: 100%;}
}
@media (min-width:  768px) {
  .navbar-right {
    float: right  !important;
    margin-right: -15px;
  }
  .navbar-nav>li {float: left;}
  .nav>li {
    position: relative;
    display: block;
  }
  .nav>li>a {
    position: relative;
    display: block;
  }
  html {
    position: relative;
    min-height: 100%;
    height: auto;
  }
  body {margin-bottom: 140px;}
  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 140px;
  }
}
@media (max-width:  767px) {
  .account-type form: first-child {margin-bottom: 2em;}
  .content-box .account-type {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media (min-width:  1200px) {
  .vertical-align {
    display: flex;
    flex-direction: row;
  }
  .vertical-align>[class^="col-"],
  .vertical-align>[class*=" col-"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vertical-align>[class^="col-"]>div,
  .vertical-align>[class*=" col-"]>div {flex-grow: 1;}
  .vertical-align>div:last-child {left: 5em;}
}