@font-face {
  font-family: "Gotham";
  src: url("/font/Gotham-Bold.eot");
  src: url("/font/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    url("/font/Gotham-Bold.woff2") format("woff2"),
    url("/font/Gotham-Bold.woff") format("woff"),
    url("/font/Gotham-Bold.ttf") format("truetype"),
    url("/font/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/font/Gotham-Medium.eot");
  src: url("/font/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
    url("/font/Gotham-Medium.woff2") format("woff2"),
    url("/font/Gotham-Medium.woff") format("woff"),
    url("/font/Gotham-Medium.ttf") format("truetype"),
    url("/font/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/font/Gotham-Light.eot");
  src: url("/font/Gotham-Light.eot?#iefix") format("embedded-opentype"),
    url("/font/Gotham-Light.woff2") format("woff2"),
    url("/font/Gotham-Light.woff") format("woff"),
    url("/font/Gotham-Light.ttf") format("truetype"),
    url("/font/Gotham-Light.svg#Gotham-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Book";
  src: url("/font/Gotham-Book.eot");
  src: url("/font/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    url("/font/Gotham-Book.woff2") format("woff2"),
    url("/font/Gotham-Book.woff") format("woff"),
    url("/font/Gotham-Book.ttf") format("truetype"),
    url("/font/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 100%;
  height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Gotham", "Montserrat", Arial;

  font-size: 1.2rem;

  color: #000;
}

body {
  font-weight: 200;
}
body:after {
  content: "";
  display: block;
  height: 135px;
}

a {
  color: #000;
}

.d-flex {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
}

.jumbotron .h1,
h1 {
  font-size: 3.8rem;

  font-weight: 500;

  letter-spacing: -2px;
}

.jumbotron .h5 {
  font-size: 1.57rem !important;
  letter-spacing: 0;
  font-weight: 200;
}

.h1,
h1 {
  font-size: 1.9rem;

  font-weight: 500;

  letter-spacing: -2px;
}

.h5,
h5 {
  font-weight: 100;

  font-size: 1.57rem;
}

.align-items-center {
  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important;
}

.navbar {
  padding-bottom: 20px;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .container {
    width: 99%;
  }
}

@media (max-width: 1024px) {
  .jumbotron {
    min-height: 65vh !important;
  }

  .navbar-toggle {
    margin-top: 50px;
  }
}

.jumbotron .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jumbotron {
  height: calc(100vh - 275px);
  background: url(../images/hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 0;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.navbar-expand-lg .navbar-collapse {
  padding-top: 40px;
}

.navbar {
  min-height: 120px;
}

.nav-link,
.modal-body,
.navbar-light .navbar-nav .nav-link {
  font-size: 1rem;
  color: #000;
  background: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.active .nav-link,
.nav > li > a:hover,
.nav > li > a:focus {
  font-weight: 600;
}

.jumbotron .hero-text {
  border-radius: 10px;

  -webkit-border-radius: 10px;

  background: rgba(255, 255, 255, 0.9);

  padding: 30px 20px;

  margin-bottom: 0.5em;
}

.btn-primary {
  background: #95c11e;

  border-color: #95c11e;

  font-weight: 500;

  color: #000;

  line-height: 32px;

  min-height: 46px;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  background-color: #fff;

  border-color: #95c11e;

  color: #95c11e;

  border-color: #95c11e;
}

a:hover,
a:focus {
  border: none;

  color: #95c11e;
}

.btn-default {
  border-collapse: #95c11e;

  border: 1px solid #000;

  color: #000;

  line-height: 32px;

  min-height: 46px;
}

.btn-primary:hover {
  background: #66b800;

  border-color: #66b800;
}

.btn-group-lg > .btn,
.btn-lg,
.btn {
  font-size: 1rem;

  border-radius: 0;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 135px;

  background: #95c11e;

  padding: 20px 0;

  color: #fff;
}

footer .ml-auto {
  float: right;
}

.navbar-toggle .icon-bar {
  background: #95c11e;
}

/** Register/ Signup Page **/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;

  background-color: #fff;

  border: 1px solid #95c11e;

  border-bottom-color: transparent;

  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #95c11e;
}

.nav-tabs .active {
  font-weight: 400;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;

  margin-bottom: 0;

  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 28px;
}

section {
  min-height: calc(100vh - 143px);
}

section.bg,
#content-container,
#content_form,
body {
  background: #fcfced;
}

.breadcrumb {
  background: none;

  font-size: 0.8rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.green-border {
  border-bottom: 5px solid #95c11e;

  margin-bottom: 1rem;
}

.table .thead-light th {
  background: #ededed;

  border-color: #000;

  color: #000;
}

/** Form **/

.form-control {
  border-radius: 0;

  border: 1px solid #000;
}

.input-group-btn .btn-lg {
  height: 46px;

  border: 1px solid;
}

.input-group-btn .btn-lg:hover {
  background: #95c11e;
}

.page-link {
  background: none;

  border-radius: 50px;

  border: none;
}

.page-link:hover {
  color: #000;

  background: #95c11e;
}

.modal-footer {
  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;
}

.product-detail label {
  display: block;

  font-weight: 400;

  margin-bottom: 0;
}

.product-detail {
  border-top: 1px solid #000;

  padding: 7px 10px;
}

.product-detail:last-of-type {
  border-bottom: 1px solid #000;
}

#product {
  min-height: 50vh;

  padding: 30px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
}

.med {
  font-weight: 400;
}

#search p {
  margin-bottom: 0.2rem;
}

.control-label {
  font-size: 1rem;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: none;
}

legend {
  border-bottom: 1.5px solid #95c11e;
}

/* #content-container {
    min-height: 90%;
    height: 69vh;
} */

#ContentContainer_MainContent_MainContent_Login1,
#ContentContainer_MainContent_MainContent_SecureRegister {
  padding-bottom: 60px;
}

#ContentContainer_MainContent_MainContent_Login1 a,
#disclaimerShow,
#dialogWindow {
  text-decoration: underline;
}

p.float-left {
  float: left;
}

p.float-right {
  float: right;
}

.form-check-label {
  font-weight: 200 !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #fff;
}

.alert-danger {
  background-color: #e6c4ca;
  border-color: #e6c4ca;
}

/** Fix for register page **/
@media (max-width: 960px) {
  #content-container {
    min-height: 690px;
  }
  .crmEntityFormView .tab .tab-column {
    width: 100% !important;
  }
}

.navbar-brand {
  height: 120px;
}

@media (max-width: 980px) {
  .navbar {
    min-height: 130px;
  }
}

.table > thead > tr > th {
  font-size: 18px;
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .jumbotron h1 {
    font-size: 64px;
  }
  #product-table th {
    width: 150px;
    white-space: nowrap;
  }

  .crmEntityFormView .cell input[type="text"],
  .crmEntityFormView .cell select,
  .crmEntityFormView .cell textarea {
    width: 180%;
    max-width: 400px;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #ContentContainer_MainContent_MainContent_LocalLogin .col-md-6 {
    width: 65%;
  }
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait and Landscape */
@media screen and (min-device-width: 320px) and (max-device-width: 680px) {
  .jumbotron {
    height: 500px !important;
  }

  .jumbotron h1 {
    font-size: 1.8rem;
  }
  p.float-left,
  p.float-right,
  .text-right {
    float: none;
    text-align: left !important;
  }

  .col-md-10 .text-right {
    font-size: 0.8rem;
  }

  #product-table th {
    width: 150px;
    white-space: nowrap;
  }

  .jumbotron .text-right {
    text-align: right !important;
  }
  .table {
    background: #fcfced;
  }
}

#content {
  min-height: calc(100vh - 275px);
}

body {
  position: relative;
  min-height: 100% !important;
}