body {
  background: #EAEAEA;
}

#region-header,
#region-sub-nav {
  background: #FFFFFF;
}

#region-sub-nav {
  border-bottom: 2px solid #cccccc;
}

#region-top-inner,
#region-header-inner,
#region-nav-inner,
#region-sub-nav-inner,
#region-footer-inner {
  padding: 0 1em;
}

#content-area,
.sidebar .block-wrapper,
.crm-homepage-content-wrapper,
.node-wrapper-page > .node-main,
.node-wrapper-page > .content-attachments-panel-tabs .ui-tabs-panel {
  background: #ffffff;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.sidebar .block-wrapper,
.node-wrapper-page > .node-wrapper,
.node-wrapper-page > .content-attachments-panel-tabs .ui-tabs-panel {
  padding: 10px;
}

.crm-homepage-content-wrapper h2 {
  padding: 0.6em 1em;
}

.sidebar .block-wrapper,
.crm-homepage-content-wrapper {
  padding: 0;
  margin-bottom: 1em;
}

.crm-homepage-content-wrapper table {
  margin-bottom: 0;
}

#content-body {
  margin: 1.5em;
}

.front #content-area {
  border: 0 none;
  background: none;
}

.front #content-body,
.not-logged-in #content-body {
  margin: 0;
}

.page-crm-view #content-body {
  margin: 0;
}

.page-winery-admin #content-body {
  margin: 0;
}

.page-node-view #content-area {
  background: none;
  border: none;
}

.page-node-view #content-body {
  margin: 0;
}

.node-wrapper-page > .node-main {
  margin-bottom: 1em;
  padding: 0;
}

#region-header a {
  color: #222222;
}

/***** Views Exposed Forms *****/
.view .views-exposed-form {
  margin: 1em;
}

/******** Title / Nav bars *******/
#nav-wrapper,
h1.title,
.crm-homepage-content-wrapper h2,
.sidebar .block-wrapper .block-title,
#tabs-tabset .description-wrapper,
.views-tabbed-displays-wrapper .description-wrapper,
.node-wrapper .node-nav {
  color: #ffffff;
  background: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#898989), to(#444444));
  background-image: -webkit-linear-gradient(top, #898989, #444444);
  background-image: -moz-linear-gradient(top, #898989, #444444);
  background-image: -o-linear-gradient(top, #898989, #444444);
  background-image: linear-gradient(to bottom, #898989, #444444);
}

h1.title {
  padding: 0.6em 1em;
}

.sidebar .block-wrapper .block-title {
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: bold;
  padding: 0.6em 1em;
}

/*********** Tabs *********/
.ui-tabs {
  padding: 0;
  border: 0 none;
}

.ui-tabs .ui-tabs-panel {
  padding: 0;
}

#tabs-tabset .description-wrapper ul li a,
.views-tabbed-displays-wrapper .description-wrapper ul li a {
  color: #ffffff;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

#tabs-tabset .description-wrapper ul li.active a:hover,
#tabs-tabset .description-wrapper ul li.active a:focus,
.views-tabbed-displays-wrapper .description-wrapper ul li a:hover,
.views-tabbed-displays-wrapper .description-wrapper ul li a:focus{
  background: #888888;
  -moz-box-shadow: inset inset 0px 1px 1px #9f9f9f;
  -webkit-box-shadow: inset inset 0px 1px 1px #9f9f9f;
  box-shadow: inset 0px 1px 1px #9f9f9f;
}

#tabs-tabset .description-wrapper ul li.active a,
.views-tabbed-displays-wrapper .description-wrapper ul li.active a {
  color: #222222;
  background: #ffffff;
  -moz-box-shadow: inset inset 0px 1px 1px #9f9f9f;
  -webkit-box-shadow: inset inset 0px 1px 1px #9f9f9f;
  box-shadow: inset 0px 1px 1px #9f9f9f;
}

.payment-form .card-icon svg {
    width: 2em !important;
    height: 2em !important;
}

.payment-form .col-md-3 {
    width: 14%;
}

.payment-form .col-md-9 {
    width: 70%;
}

.row.payment-form {
    display: flex;
}

.payment-form .card-expiry .row {
    display: flex;
}
.payment-form  .b-form-group {
    margin-bottom: 1em;
}
.payment-form .card-expiry .row .form-control {
    margin-right: 1em;
}

.payment-form input {
    max-width:500px;
    width:100%;
}
.payment-form .col-form-label {
    display: flex;
    padding-bottom: .5em;
}