:root {
  --green: #00A36F;
  --grey: #76838f;
  --dark-blue: #0f2b35;
  --mid-blue: #1a4959;
  --bg-light: #f7f7f7;
}

body {
	color: var(--dark-blue);
}

body, h4, h5, h6, p, a, li {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
}

h1, h2 {
  font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3 {
	font-weight: bold;
	color: var(--dark-blue);
}

a {
  color: var(--mid-blue);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

a:hover {
  color: var(--green);
  text-decoration: none;
}

.radio-default input[type="radio"]:checked + label::after, .radio-default input[type="radio"]:checked + input[type="hidden"] + label::after {
  border-color: var(--green)
}

.is-num {
  font-family: 'Open Sans', sans-serif !important;
}

.is-green {
  color: var(--green);
}

.btn {
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.75rem 1.5rem;
}

.btn-primary {
  background: var(--green);
  color: #fff;
  border-color: transparent;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-dark:hover, .btn-dark:focus, .btn-dark:active  {
  background: #11aa7b !important;
  border-color: transparent !important;
}

.btn-primary[disabled] {
  color: #fff;
  background-color: var(--green) !important;
  border-color: var(--green) !important;
}

.navbar-inverse {
 background-color: #fff !important;
}

.site-menubar.site-menubar-light {
  background-color: #0F2A35 !important;
}

.navbar-container.container-fluid {
  background-color: var(--green) !important;
  font-weight: bold;
  margin-left: 10px !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: var(--green);
}

.form-control {
  border: 1px solid #aaa;
  border-radius: 30px;
}

textarea.form-control {
  border-radius: 10px;
}

.form-control:focus {
  border-color: var(--green);
}

label {
  font-weight: 400;
}

.card {
  border: 1px solid #e6e6e6;
  -webkit-transition: box-shadow 500ms;
  -moz-transition: box-shadow 500ms;
  -ms-transition: box-shadow 500ms;
  -o-transition: box-shadow 500ms;
  transition: box-shadow 500ms;
}

.card:hover {
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.09);
}

.nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:hover, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-item.show .nav-link, .nav-tabs-line .nav-item.show .nav-link:hover, .nav-tabs-line .nav-item.show .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-item.open .nav-link:focus {
  color: #00cb97;
  background-color: transparent;
  border-bottom: 2px solid #00cb97;
}

.table a {
  text-decoration: none;
}

.site-menubar-light .site-menu-item.active>a {
  color: #fff;
  background-color: rgb(46, 69, 78);
}

.site-navbar.navbar-inverse .navbar-header .hamburger .hamburger-bar, .site-navbar.navbar-inverse .navbar-header .hamburger::after, .site-navbar.navbar-inverse .navbar-header .hamburger::before {
  background-color: var(--dark-blue);
}

.navbar-toggler .icon {
  color: var(--dark-blue);
}

.alert {
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
}

.alert.alert-success {
  background-color: var(--green)!important;
  border-color: var(--green)!important;
}

.loader-overlay {
  background: var(--green);
}

.badge-success {
  background-color: var(--green);
}

.avatar {
  height: 40px;
}

.site-navbar .navbar-header .navbar-brand-logo {
  height: 32px !important;
}

.page {
  min-height: calc(100% - 70px) !important;
}

.site-footer {
  height: 70px !important;
  padding: 0 !important;
}
/******* HOME *******/


.wall-attrs .avatar {
  margin-left: 2px;
}

.wall-company-info {
  position: relative;
  padding-left: 190px;
}

.wall-company-info .company-avatar {
  position: absolute;
  top: -75px;
  left: 30px;
  width: 140px;
  height: 140px;
}

.wall-company-info .company-name {
  position: absolute;
  top: -55px;
  left: 190px;
  margin: 0;
  color: #fff;
  font-weight: bold;
}

.contact-info .icon{
  margin-right: 15px;
}

#btn-cover-picture {
  position: absolute;
  bottom: 100px;
  right: 20px;
  background: var(--bg-light);
  color: var(--dark-blue);
  border: none;
  text-transform: initial;
}

#btn-company-logo {
  position: absolute;
  top: 28px;
  left: 125px;
  padding: 10px;
  background: var(--bg-light);
  color: var(--dark-blue);
  border: 1px solid #e4eaec;
  text-transform: initial;
}

#btn-cover-picture:hover,
#btn-company-logo:hover {
  color: var(--green);
}

.last-orders a p {
  display: inline-block;
}

.last-orders a p:last-child {
  position: absolute;
  right: 0;
}

/******* END HOME *******/



/******* PRODUCTS *******/

.product-list thead th,
.product-variants thead th{
  padding-top: 5px;
  padding-bottom: 5px;
}

.product-list thead th,.product-list .table tfoot th,
.product-variants thead th,.product-variants .table tfoot th{
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  background: #0F2A35;
}

.product-list td, .product-list th,
.product-variants td, .product-variants th {
  vertical-align: middle;
  padding: 1.5em .572rem;
}

.product-list .product-name {
  text-transform: uppercase;
  font-weight: bold;
}

.product-list .avatar {
  width: 70px;
}

.product-list .btn:hover {
  background: var(--green);
  color: #fff;
}

.product-list .product-selected {
  background: var(--bg-light);
}

.product-details-action {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 21px;
}

.product-details-action .btn-close,
#personalize-button {
  padding: 0.3rem 1.5rem !important;
}

#personalizeProduct label span.step-number {
  color:  var(--mid-blue);
}

.product-details .product-brand {
  text-transform: capitalize;
}

.product-details .product-name {
  text-transform: uppercase;
}

.product-details .product-description {
  color: var(--grey);
}

.product-personalizations {
  padding-top: 10px;
  border-top: 1px solid #e4eaec;
}

.product-variants .btn-qta {
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  width: 20px;
  height: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 100%;
  background: #00cb97;
  color: #fff;
}

.product-variants .btn-qta:hover {
  background: #11aa7b;
}

.product-variants .btn-qta .icon {
  font-size: 12px;
}

.product-variant-size {
  display: inline-block;
  text-decoration: none !important;
  width: 45px;
  height: 45px;
  font-weight: 300;
  line-height: 43px;
  border-radius: 100%;
  border: 1px solid #0F2A35;
  color: #0F2A35;
  text-transform: uppercase;
}

.product-variants.table del {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

.product-list.table ins,
.product-variants.table ins {
  display: block;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  font-weight: 700;
}

.quantity-popover {
  padding: 0 20px;
  border: 1px solid #e0e0e0;
}

.quantity-popover:hover, .quantity-popover:focus {
  cursor: pointer;
  border-color: var(--green);
  color: var(--green) !important;
}

.close-qty-popover {
  position: absolute;
  right: 6px;
  top: 0;
}

/******* END PRODUCTS *******/


/******* CART *******/

.payment-method-wrapper {
  border-top: 1px solid var(--mid-blue);
}

.payment-method, .shipping-method {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.payment-method:hover, .shipping-method:hover {
  border-color: var(--green);
  border-radius: 10px;
  cursor: pointer;
}

.payment-selected {
  border-color: var(--green);
}



#bonificoHelp {
  color: var(--dark-blue);
}

.remove-product .badge-dark[href]:focus, .remove-product .badge-dark[href]:hover  {
  background-color: #F44336;
}

.table-cart tfoot td, .table-cart tfoot th {
  padding: .7rem;
}

.cart-product-image img{
  max-height: 50px;
  width: auto !important;
  margin: auto;
  display: table-cell;
}

/******* END CART *******/


/******* ORDER CONFIRMATION *******/

.order-confirmation {
  background: var(--green);
  color: #fff;
}

.order-confirmation h1, .order-confirmation a  {
  color: #fff!important;
}

/******* END CONFIRMATION *******/




/******* SECURITY PAGES *******/

.page-register,
.page-recover-password  {
  background: var(--dark-blue)
}

.page-register footer,
.page-login footer,
.page-recover-password footer {
  display: none;
}

.page-register  .brand-img {
  width: 100%;
  max-width: 200px;
  margin: auto;
}

.page-recover-password  h1 {
  margin-bottom: 20px;
}
/******* END SECURITY PAGES *******/




/******* ACCOUNT *******/

.account-sidenav {
  background: #1a4959;
  height: 100%;
  border-radius: 10px;
}

.account-user-picture {
  padding: 40px 0;
}

.account-user-picture img {
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  width: 100%;
  max-width: 130px;
}

.account-nav-list {
  list-style: none;
  padding-inline-start: 0;
  width: 100%;
}

.account-nav-item {
  padding: 20px 30px;
  border-top: 1px solid #ffffff85;
}

.account-nav-item a {
  color: #fff;
  font-size: 18px;
}

.account-nav-item a:hover, .account-nav-item a:focus, .account-nav-item a.active {
  color: var(--green);
}

.account-nav-item a .icon {
  margin-right: 20px;
}

.account-mobile {
  display: none;
}

.account-content {
  padding-left: 30px;
}

.account-content-title {
  padding-bottom: 40px;
}

.account-content .panel {
  background: none;
  box-shadow: none;
}

.account-content .panel .panel-body {
  padding: 0;
}


/******* END ACCOUNT *******/



/******* NETWORK*******/

.variants-overflow {
  height: 383px;
  overflow: scroll;
}

.network-list-badge {
  background: #a7a7a7;
}

.panel-height {
  height: 480px;
}

.network-table .table-btn {
  margin-right: 20px;
}

.network-table .table-btn:last-of-type {
  margin-right: 0;
}

#importCsvModal #import-message {
  display: none;
}

/******* END NETWORK*******/

.btn-bundle-add-to-cart, .added-to-cart {
  padding: 5px 10px ;
}