/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #040e3f;
  font-size: 14px;
}
a:link,
a:visited {
  text-decoration: none;
  outline: 0;
  color: #757575;
}
.btn {
  font-size: 14px;
  border-radius: 4px;
}
.btn-default,
a.btn-default:link,
a.btn-default:visited {
  background-color: #626264;
}
.btn-primary {
  color: #fff;
  background-color: #ec2027;
  border-color: #df131a;
}
.btn-primary:hover {
  color: #fff;
  background-color: #a70e13;
  border-color: #6a090c;
}
.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
  color: #fff;
  background-color: #ec2027;
  border-color: #df131a;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #a70e13;
  border-color: #6a090c;
}
.btn-primary.btn-3d {
  box-shadow: none;
}
.btn-primary.btn-3d:active {
  box-shadow: none;
}
.btn-xs {
  font-size: 12px;
  padding: 2px 8px;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  font-size: 14px;
}

.main-content-wrapper {
  background: #ffffff;
  border-top: none;
  padding: 15px;
}
#footer a {
  color: #040e3f;
}
.panel {
  border: 1px solid #e9e9e9;
}
.panel-primary {
  border-color: #e9e9e9;
}
.panel-body {
  padding: 10px 15px;
}
.panel-solid-default > .panel-body {
  background: #f6f7f9;
  color: inherit;
}
.panel-default > .panel-heading {
  padding: 20px 15px;
  background: transparent;
  border: none;
  color: inherit;
}
.panel-default > .panel-footer {
  border-color: transparent;
  background: transparent;
  color: inherit;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel-title {
  font-size: 20px;
  font-weight: 700;
}
.form-control {
  border-color: #e9e9e9;
}
#header {
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
  box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
  z-index: 999;
  position: relative;
}
#header .logo {
  padding: 10px 20px;
}
#header .btn-default {
  background: rgba(0, 0, 0, 0.1);
}
#header .btn-default .fas {
  color: #040e3f;
  opacity: 0.8;
}
#header .dropdown.settings > a {
  font-weight: 500;
  font-size: 15px;
  color: #040e3f;
}
#header .dropdown.settings .dropdown-menu > li > a:active,
#header .dropdown.settings .dropdown-menu > li > a:hover {
  background-color: #ec2027;
  color: #fff;
}
#header .btn-default:active,
#header .btn-default:hover,
#header .toggle-navigation button:active,
#header .toggle-navigation button:hover,
#header button#invoices-link:active,
#header button#invoices-link:hover,
#header button#tickets-link:active,
#header button#tickets-link:hover,
#header button#toggle-mail:active,
#header button#toggle-mail:hover,
#header li.open .btn-default {
  background: #626264;
}

.badge.badge-primary {
  background-color: #ec2027;
}

.sidebar-left {
  border-right: 1px solid #e9e9e9;
  background: #ffffff;
}
.sidebar-left a {
  color: #757575;
}
.sidebar-left .nav-pills > li > a {
  border: none;
}
.sidebar-left .nav > li > a:hover {
  background-image: linear-gradient(107deg, #ff0467, #fc3737);
  border: none;
}
.sidebar-left .nav-pills > li.active > a,
.sidebar-left .nav-pills > li.active > a:focus,
.sidebar-left .nav-pills > li.active > a:hover {
  border: none;
  background-color: #c81117;
  background-image: linear-gradient(107deg, #ff0467, #fc3737);
}
.sidebar-left .nav .open > a,
.sidebar-left .nav .open > a:focus,
.sidebar-left .nav .open > a:hover,
.sidebar-left .nav > li > a:focus {
  border: none;
  background-color: #c81117;
  background-image: linear-gradient(107deg, #ff0467, #fc3737);
}
.sidebar-left .nav .nav-sub {
  background: #ffffff;
}
.sidebar-left a:hover {
  color: inherit;
  background-color: transparent;
}
.sidebar-left .active > a,
.sidebar-left .active > a:focus,
.sidebar-left .active > a:hover {
  color: inherit;
  font-weight: 500;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #ec2027;
  border-color: #df131a;
}
.tld-filters a.badge-success {
  background-color: #606062;
  color: #fff;
}
.tld-filters a.badge-success[href]:focus,
.tld-filters a.badge-success[href]:hover {
  background-color: #4c4c50;
  color: #fff;
}
.panel-product {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#microsoft-icons-list {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 5px;
}
#microsoft-icons-list > li {
  width: 40px;
  height: 40px;
}
#microsoft-icons-title {
  font-weight: bold;
  font-size: 12px;
}
section.cart span.price {
  font-style: normal;
}
#order-standard_cart .cart-body {
  float: none !important;
  width: 100% !important;
}
#order-standard_cart .sub-heading {
  height: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px !important;
}
#order-standard_cart .sub-heading span {
  display: inline !important;
  position: static !important;
  padding: 0px !important;
}
#cart-prod-edit {
  color: #000 !important;
}
#cart-qty-box {
  display: flex !important;
  align-items: flex-start;
  flex-direction: row;
}
#cart-qty-box > input {
  width: 150px !important;
}
#order-standard_cart #cart-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
} 
#order-standard_cart .secondary-cart-body {
  width: 80% !important;
} 
#order-standard_cart .secondary-cart-sidebar {
  width: 80% !important;
} 
#customfields-body {
  display: flex;
  flex-wrap: wrap;
}
#customfields-body .form-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 400px;
  align-items: revert;
}
#customfields-body #req{
  color:#ec2027;
}
#containerExistingUserSignin .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#containerExistingUserSignin {
  margin-bottom: 25px;
  margin-top: 25px;
}