@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700&subset=latin-ext");
@import url("//fonts.googleapis.com/css2?family=Lobster&family=Petit+Formal+Script&display=swap");
@import url("//fonts.googleapis.com/css2?family=Lobster&display=swap");
@import url("//fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap");
body {
  font-family: "Open Sans", sans-serif;
  background: #e8e8e8;
}

header {
  position: fixed;
  width: 100%;
  padding: 0 0 0 290px;
  z-index: 200;
}
header a.logo-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 290px;
  height: 80px;
  display: block;
  z-index: 900;
}
header > section {
  background: #FFF;
  box-shadow: 5px -1px 6px #DDD;
  height: 70px;
  position: relative;
}
header ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
header ul.menu > li {
  float: left;
  position: relative;
}
header ul.menu > li.cc-payment a {
  color: #d93831;
}
header ul.menu > li.cc-payment:hover a {
  background: #d93831;
  color: #FFF;
}
header ul.menu > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #313131;
  font: 600 12px/16px "Open Sans", sans-serif;
  height: 66px;
  padding: 10px 10px;
  border-radius: 4px;
  margin: 2px;
  border: 1px solid #CCC;
}
header ul.menu > li > a hr {
  width: 100% !important;
  height: 1px !important;
  border-top: 1px solid #eeeeee !important;
  margin: 5px 0 !important;
}
header ul.menu > li > a strong {
  font-size: 16px;
}
header ul.menu > li > a i {
  color: red;
  margin-bottom: 5px;
  font-size: 18px;
}
header ul.menu > li > a .color-black {
  color: #313131;
}
header ul.menu > li > a.active {
  background: #ffbb8e;
}
header ul.menu > li.two-links > a {
  font: 600 12px/35px "Open Sans", sans-serif;
  border: 1px solid #DDD;
  border-radius: 4px;
  height: 31px !important;
  margin: 2px;
}
header ul.menu > li.two-links > a:hover {
  color: #000 !important;
  background: #DDDDDD !important;
}
header ul.menu > li.two-links:hover a {
  color: #313131;
  text-decoration: none;
  background: #FFF;
}
header ul.menu > li:hover > a, header ul.menu > li.active > a {
  color: #000;
  text-decoration: none;
  background: #DDDDDD;
}
header .right-links {
  position: absolute;
  right: 0;
  top: 0;
}
header .right-links .languages {
  float: left;
  padding: 5px 0;
  border-left: 1px solid #DDD;
}
header .right-links .languages a {
  display: block;
  text-align: center;
  font: 600 13px/20px "Open Sans", sans-serif;
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
  color: #313131;
}
header .right-links .languages a:last-child  {
  border-bottom: 0;
}
header .right-links .languages a.active {
  color: #d93831;
}
header .right-links .languages a:hover {
  color: #000;
}
header .right-links a.logo {
  float: left;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-left: 1px solid #DDD;
}
header .right-links a.logo img {
  max-height: 30px;
}

nav {
  background: #FFF;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 290px;
  height: 100%;
}
nav section.logo {
  position: relative;
  z-index: 600;
}
nav section.logo a {
  margin: 2px 15px;
  border: 1px solid #CCC;
  border-radius: 4px;
  display: block;
  padding: 10px;
}
nav section.logo a img {
  height: 44px;
}
nav section.logo.nifea-b2b img {
  height: 38px;
}
nav section.user {
  margin: 0;
  padding: 0 15px 10px 15px;
  color: #FFF;
}
nav section.user .welcome {
  background: #337ab7;
  color: #fff;
  position: relative;
  border-radius: 4px;
  font: 600 12px/18px "Open Sans", sans-serif;
  display: flex;
  justify-content: space-between;
}
nav section.user .welcome i {
  margin-right: 10px;
  font-size: 18px;
}
nav section.user .welcome .title {
  padding: 8px;
}
nav section.user .welcome .discount {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
nav section.footer {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
nav section.footer a {
  display: block;
  align-items: center;
  justify-content: center;
  background: #e8e8e8;
  padding: 10px 12px;
  margin: 0 0 10px;
  text-align: left;
  color: #333;
  font: 600 14px/20px "Open Sans", sans-serif;
  border-radius: 5px;
}
nav section.footer a i {
  font-size: 14px;
  line-height: 18px;
  margin-right: 6px;
  float: right;
}

*:active, *:focus, a:active {
  outline: none;
}

section.search {
  position: relative;
  z-index: 300;
  padding: 0 15px;
}

.input {
  margin: 0 0 5px;
}
.input input {
  width: 100%;
  height: 35px;
  background: #231f20;
  border-color: #231f20;
  color: #FFFFFF;
  font: 600 13px/32px "Open Sans", sans-serif;
  border-radius: 4px;
  padding: 0 10px;
  border: 0;
}
.input input::placeholder {
  color: #FFFFFF;
}
.input input.general-input-color {
  background: #FFF !important;
  border: 2px solid #000 !important;
  color: #000 !important;
  font-weight: bold;
}
.input input.general-input-color::placeholder {
  color: #000 !important;
  font-weight: bold;
}

.button button {
  width: 100%;
  height: 35px;
  background: #d93831;
  border-color: #d93831;
  color: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  font: 600 15px/32px "Open Sans", sans-serif;
  cursor: pointer;
}
.button button i {
  margin-right: 8px;
  font-style: 19px;
}
.button.transparent button {
  background: #FFF;
  color: #eb1c23;
  border: 1px solid #313131;
}

.selectbox {
  margin: 0 0 5px;
}
.selectbox .select2-container {
  width: 100% !important;
}
.selectbox .select2-container .select2-selection {
  height: 35px;
  background: #231f20;
  border-color: #231f20;
  color: #FFFFFF;
  font: 600 13px/32px "Open Sans", sans-serif;
}
.selectbox li.search {
  background: #fff;
  padding: 5px 10px;
}
.selectbox li.search input {
  background: #F4F4F4;
  padding: 4px 10px;
  border: 1px solid #4c4c4c;
  width: 100%;
  height: 32px;
  font: 600 13px/24px "Open Sans", sans-serif;
  color: #000;
}
.selectbox .dropdown-menu {
  max-height: 558px;
  min-width: 250px;
  overflow-y: scroll;
  left: 275px;
  top: -2px;
  border: 4px solid #221f20;
  border-radius: 0;
  padding: 0;
}
.selectbox .dropdown-menu > li {
  border-bottom: 1px solid #CCC;
}
.selectbox .dropdown-menu.motors-dropdown {
  max-width: 1200px;
  min-width: 300px;
  padding-top: 0;
}
.selectbox .dropdown-menu > li:nth-child(even) {
  background: #F2F2F2;
}
.selectbox .loading {
  padding: 40px;
  font: 600 24px/30px "Open Sans", sans-serif;
  color: #313131;
  text-align: center;
}
.selectbox .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #FFFFFF !important;
}
.selectbox .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
  right: 10px;
}
.selectbox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #FFFFFF transparent transparent transparent;
}
.selectbox .btn-select {
  width: 100%;
  height: 35px;
  text-align: left;
  background: #231f20;
  border-color: #231f20;
  color: #FFFFFF;
  font: 600 13px/32px "Open Sans", sans-serif;
  padding: 0 10px;
  position: relative;
}
.selectbox .btn-select span.caret {
  position: absolute;
  right: 15px;
  top: 18px;
  color: #FFFFFF;
}
.selectbox .dropdown.marked .btn-select {
  background: #417646;
  border: 2px solid #417646;
  color: #f0f0f0;
}
.selectbox .dropdown.marked .btn-select span.caret {
  color: #FFF;
}
.selectbox li.model-name {
  color: #FFF;
  padding: 0 10px;
  margin: 5px 0 0;
}
.selectbox li.model-name span {
  background: #585858;
  font: 600 15px/20px "Open Sans", sans-serif;
  padding: 5px;
  color: #FFF;
  border-radius: 0;
  display: block;
}
.selectbox label.model-label {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  margin: 0;
  cursor: pointer;
  position: relative;
  font-weight: 600;
}
.selectbox label.model-label input {
  display: none;
}
.selectbox label.model-label input:checked + .check i {
  color: #333;
}
.selectbox label.model-label h2 {
  font: 600 12px/17px "Open Sans", sans-serif;
  margin: 0;
}
.selectbox label.model-label .right {
  position: absolute;
  right: 5px;
  font-style: normal;
}
.selectbox label.model-label .check {
  width: 14px;
  height: 14px;
  border: 1px solid #4c4c4c;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectbox label.model-label .check i {
  color: transparent;
}
.selectbox label.model-label:hover, .selectbox label.model-label.highlited {
  background: #f9a4a4;
  color: #000;
}
.selectbox label.model-label:hover .check, .selectbox label.model-label.highlited .check {
  border-color: #161616;
}

.highlited label.model-label {
  background: #f9a4a4;
  color: #000;
}
.highlited label.model-label .check {
  border-color: #4c4c4c;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #f9a4a4 !important;
  color: #333;
}

.groups {
  background: #231f20;
  height: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
.groups label.group {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 12px/18px "Open Sans", sans-serif;
  margin: 0 5px 0 0;
  height: 18px;
  padding: 0 10px 0 28px;
  position: relative;
}
.groups label.group:last-child {
  margin-right: 2px;
}
.groups label.group:after {
  width: 3px;
  height: 30px;
  background: #FFF;
  position: absolute;
  right: -5px;
  top: -6px;
  content: "";
}
.groups label.group:last-child:After {
  display: none;
}
.groups label.group input {
  display: none;
}
.groups label.group input:checked + .check {
  background: #417646;
  border-color: #417646;
  position: absolute;
  left: 0;
  top: -6px;
  width: calc(100% + 2px);
  height: calc(100% + 12px);
  border-radius: 0;
}
.groups label.group input:checked + .check i {
  display: block;
}
.groups label.group .check {
  border: 1px solid #DDD;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: #FFF;
  position: absolute;
  left: 15px;
  top: 3.5px;
}
.groups label.group .check i {
  position: absolute;
  left: 8px;
  top: 8px;
  display: none;
  font-size: 12px;
  color: #FFF;
}
.groups label.group span {
  font: 600 12px/30px "Open Sans", sans-serif;
  color: #FFF;
  display: block;
  position: relative;
  z-index: 333;
}

.customer-groups {
  background: #231f20;
  border-radius: 5px;
  margin: 10px 0;
}
.customer-groups label.group {
  flex: 1;
  display: flex;
  align-items: center;
  text-align: left;
  font: 600 14px/30px "Open Sans", sans-serif;
  margin: 0;
  height: 32px;
  padding: 10px 10px 10px 30px;
  position: relative;
  border-bottom: 2px solid #FFF;
}
.customer-groups label.group input {
  display: none;
}
.customer-groups label.group input:checked + .check {
  background: #417646;
  border-color: #417646;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.customer-groups label.group input:checked + .check i {
  display: block;
}
.customer-groups label.group .check {
  border: 1px solid #DDD;
  background: #FFF;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.customer-groups label.group .check i {
  position: absolute;
  left: 8px;
  top: 8px;
  display: none;
  font-size: 12px;
  color: #FFF;
}
.customer-groups label.group span {
  font: 600 13px/30px "Open Sans", sans-serif;
  color: #FFF;
  display: block;
  position: relative;
  z-index: 444;
}
.customer-groups label.group:last-child {
  border-top: 2px solid #FFF;
  border-bottom: 0;
}

@keyframes pulse {
  0% {
    background-color: #30BD49;
    border-color: #30BD49;
  }
  80% {
    background-color: #000;
    border-color: #000;
  }
  100% {
    background-color: #30BD49;
    border-color: #30BD49;
  }
}
section.stage {
  padding: 70px 0 0 290px;
}
section.stage .content {
  padding: 0;
}

.title-bar {
  border-bottom: 1px solid #CCC;
  padding: 0 0 15px;
  margin: 0 0 15px;
  position: relative;
  display: flex;
  align-items: center;
}
.title-bar .left {
  float: left;
  flex: auto;
}
.title-bar .right {
  float: right;
}
.title-bar .right i {
  float: right;
}
.title-bar h1 {
  margin: 0;
  font: 600 16px/30px "Open Sans", sans-serif;
}
.title-bar h1 i {
  margin-right: 6px;
  font-size: 22px;
  color: #d93831;
}
.title-bar h2 {
  display: flex;
  align-items: center;
  margin: 0;
  font: 600 16px/30px "Open Sans", sans-serif;
}
.title-bar h2 i {
  margin-right: 6px;
  font-size: 22px;
  color: #231f20;
}
.title-bar h2 strong {
  margin-right: 6px;
  font-size: 18px;
}
.title-bar .buttons {
  position: absolute;
  right: 0;
  top: 6px;
}
.title-bar .buttons a {
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  padding: 5px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  background: #231f20;
  color: #FFF;
}
.title-bar .buttons a:last-child {
  border-left: 1px solid #666;
}

.news-products {
  background: #FFF;
  padding: 15px;
}
.news-products .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.news-products .slick-dots li {
  margin: 0 2px;
}
.news-products .slick-dots li button {
  font-size: 0;
  border: 0;
  background: #231f20;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
}
.news-products .slick-dots li.slick-active button {
  background: #d93831;
}

.product-detail {
  display: flex;
}
.product-detail .image {
  flex-basis: 400px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}
.product-detail .image img {
  width: 100%;
  border: 1px solid #CCC;
}
.product-detail .information {
  flex: auto;
  padding: 0 0 0 30px;
}

table.product-info {
  width: 100%;
  border-collapse: collapse;
  color: #313131;
}
table.product-info th, table.product-info td {
  border: 1px solid #CCC;
  padding: 5px;
  font: 600 13px/15px "Open Sans", sans-serif;
}
table.product-info th h1, table.product-info th h2, table.product-info th h3, table.product-info td h1, table.product-info td h2, table.product-info td h3 {
  font: 700 13px/15px "Open Sans", sans-serif;
  margin: 0;
}
table.product-info th span, table.product-info td span {
  font-weight: 500 !important;
}
table.product-info th {
  font: 700 13px/18px "Open Sans", sans-serif;
  background: #d93831 !important;
  color: #fff !important;
}
table.product-info tbody > tr:nth-child(even) {
  background: #f2f2f2;
}

.materials-table td {
  font-weight: 600 !important;
}

.ptc {
  color: #d93831 !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 340px !important;
}

.new-warning, .title-text {
  font: 600 16px "Open Sans", sans-serif;
  vertical-align: middle;
  text-align: center;
}

table.motors-list-table {
  width: 100%;
  border-collapse: collapse;
  color: #000;
  user-select: none;
}
table.motors-list-table th, table.motors-list-table td {
  padding: 5px;
  font: 600 12px/16px "Open Sans", sans-serif;
  border: 1px solid #CCC;
}
table.motors-list-table th {
  font: 600 12px/14px "Open Sans", sans-serif;
  background: #d93831 !important;
  color: #fff;
  height: 32px;
}
table.motors-list-table tr:hover td {
  background: #CCC !important;
}
table.motors-list-table tr:nth-child(even) td {
  background: #F2F2F2;
}

.warning-text-mobile {
  display: none;
}

.brand-box-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 10px;
}

.brand-header {
  display: flex;
  align-items: center;
  margin: 0 0 5px;
}
.brand-header .logo {
  flex: 1 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 5px 0 0 !important;
  border: 0 !important;
  border-radius: 5px;
  height: 122px;
}
.brand-header .logo img {
  height: 100px;
}
.brand-header .buttons {
  margin-bottom: 0 !important;
}
.brand-header .download {
  flex: 1;
  margin: 0 0 0 5px !important;
}
.brand-header .top-download {
  background: #FFF;
  border-radius: 5px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #000;
  border: 1px solid #FFF !important;
  height: 122px;
  position: relative;
}
.brand-header .top-download .toplam, .brand-header .top-download .esdeger {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #000;
  padding: 10px;
}
.brand-header .top-download .toplam {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}
.brand-header .top-download .esdeger {
  position: absolute;
  right: 0;
  top: 0;
}
.brand-header .top-download img {
  height: 40px;
  margin: 0 0 15px;
}
.brand-header .top-download span {
  display: block;
}
.brand-header .top-download:hover {
  text-decoration: none;
  background: #F2F2F2;
  border: 1px solid #000 !important;
}

.brand-box {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 15px;
  display: block;
  text-align: center;
  position: relative;
}
.brand-box .product-total {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #333;
  font: 600 14px "Open Sans", sans-serif;
}
.brand-box .download {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #E30813;
  font-size: 28px;
}
.brand-box > img {
  height: 90px;
  object-fit: contain;
}
.brand-box:hover {
  box-shadow: 0 0 10px #AAA;
}

.brands-modal {
  padding: 15px;
}
.brands-modal .logo {
  position: relative;
  text-align: center;
  margin: 0 auto 15px auto;
  width: 200px;
  background: #FFF;
  border: 1px solid #DDD;
  padding: 10px 5px;
}
.brands-modal .logo .count {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font: 600 14px "Open Sans", sans-serif;
}
.brands-modal .alert {
  color: #ec1c24 !important;
}
.brands-modal .buttons {
  text-align: center;
  margin: 0 0 30px;
}
.brands-modal .buttons a {
  background: #3087a1;
  border: 0;
}

.models-list a.model-link {
  display: flex;
  -ms-align-items: center;
  align-items: center;
  text-align: left;
  font: 600 13px "Open Sans", sans-serif;
  background: #FFF;
  color: #333;
  padding: 3px 10px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 5px;
  margin: 0 0 5px;
}
.models-list a.model-link.catalog {
  position: relative;
}
.models-list a.model-link.catalog strong {
  margin-right: 10px;
  font-weight: 600 !important;
}
.models-list a.model-link.catalog span {
  font: 12px/18px "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  background: #ed1c25;
  color: #ffffff;
  padding: 1px 6px;
  border-radius: 3px;
}
.models-list a.model-link.catalog span i {
  margin-right: 5px;
}
.models-list a.model-link.catalog:hover {
  text-decoration: none;
}
.models-list a.model-link .title {
  flex: auto;
}
.models-list a.model-link .title .sn {
  width: 25px;
  display: inline-block;
  margin-right: 5px;
  border-right: 1px solid #DDD;
}
.models-list a.model-link .right {
  float: right;
  border-left: 1px solid #DDD;
  width: 35px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  padding-left: 5px;
}
.models-list a.model-link .right .download {
  margin-left: 15px;
  font: 12px/18px "Open Sans", sans-serif;
  display: flex;
  border: 0;
  align-items: center;
  background: #3087a1;
  color: #ffffff;
  padding: 1px 6px;
  border-radius: 3px;
  float: right;
}
.models-list a.model-link .right .download i {
  margin-right: 5px;
}
.models-list a.model-link:hover {
  background: #CCC;
  text-decoration: none;
}

#brands-modal .modal-dialog {
  width: 570px !important;
}

#brands-modal .modal-content {
  background: #E8E8E8;
}

.model-list-item {
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 5px;
  border-radius: 0;
  margin-bottom: 0;
}
.model-list-item:nth-child(odd) {
  background: #F2F2F2;
}
.model-list-item .check {
  float: left;
  width: 16px;
  height: 16px;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}
.model-list-item .check i {
  color: #424242;
  opacity: 0;
}
.model-list-item .check input {
  display: none;
}
.model-list-item .check input:checked + i {
  opacity: 1 !important;
}
.model-list-item .title {
  flex: auto;
  font-family: "Open Sans", sans-serif;
}
.model-list-item .right {
  float: right;
  display: flex;
  align-items: center;
}
.model-list-item .right strong {
  margin-right: 5px;
}
.model-list-item .right span {
  font: 12px/18px "Open Sans", sans-serif;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  background: #ed1c25;
  color: #ffffff;
  padding: 1px 6px;
  border-radius: 3px;
}
.model-list-item .right span a {
  color: #FFF;
}
.model-list-item .right span i {
  margin-right: 5px;
}

.catalog-create-button {
  width: 100%;
  height: 38px;
  background: #ec1b24;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  border: 0;
}

.create-catalog-download {
  margin: 15px 0 0;
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  background: #337ab7;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  border: 0;
}

.create-catalog-download:hover {
  text-decoration: none;
  color: #fff;
}

.tcp {
  color: #d93831;
}

strong.selected-motor-code {
  color: #24b33c;
}

.products-table {
  width: 100%;
  border-collapse: collapse;
  background: #FFF;
}
.products-table th, .products-table td {
  padding: 3px 8px;
  font: 600 12px/15px "Open Sans", sans-serif;
  color: #414141;
}
.products-table th a, .products-table td a {
  color: #414141;
}
.products-table th .btn, .products-table td .btn {
  color: #FFF;
}
.products-table th[align=center], .products-table td[align=center] {
  text-align: center;
}
.products-table th {
  font: 600 13px/18px "Open Sans", sans-serif;
  padding: 8px;
  position: sticky;
  top: 70px;
  border-color: #999 !important;
  border-top: 1px solid #000;
  border: 1px solid #999;
  background: #585858;
  color: #FFF;
  z-index: 50;
}
.products-table td {
  border: 1px solid #999;
}
.products-table td.narin-no {
  font: 700 13px/18px "Open Sans", sans-serif;
  color: #F00;
  text-align: center;
}
.products-table tr.dusuk_stok .stock-bg {
  background: #ff9f9f;
  color: #F00;
  font-size: 15px;
}
.products-table tr.var_stok {
  position: relative;
}
.products-table tr.var_stok .stock-bg {
  background: #417646;
  position: relative;
  color: #FFF;
  font-size: 15px;
  padding: 0 10px 0 0;
}
.products-table tr.var_stok .stock-bg span {
  position: absolute;
  right: 5px;
}
.products-table tr:nth-child(even) td {
  background: #f2f2f2;
}
.products-table tr.active-row td {
  background: #69b2f0;
}
.products-table tr:hover td {
  background: #69b2f0;
}
.products-table tr:hover td input {
  color: #000;
}
.products-table tr:hover td .selected-motor-code {
  color: #FFF;
}
.products-table td.oems {
  padding: 0;
}
.products-table td.oems .oem-item {
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #DDD;
}
.products-table td.oems .oem-item:last-child  {
  border-bottom: 0;
}
.products-table td.oems-inner {
  padding: 0;
}
.products-table td.oems-inner table.oems td {
  padding: 8px;
  border: 1px solid #212121;
}
.products-table td.oems-inner table.oems tr:first-child td {
  border-top: 0;
}
.products-table td.oems-inner table.oems tr:last-child td {
  border-bottom: 0;
}
.products-table td.oems-inner table.oems tr td:first-child {
  border-left: 0;
}
.products-table.fh0 th {
  top: 0;
}
.products-table.fh44 th {
  top: 44px;
}
.products-table.fh-modal th {
  top: 0;
}
.products-table .searched {
  background: #ffbb8e;
}
.products-table.fs11 th {
  font-size: 11px;
}
.products-table.fs11 td {
  font-size: 11px;
}

.white-stage {
  padding: 5px 10px 15px 2px;
  background: #FFF;
}
.white-stage.stock_false {
  background: #ff9f9f;
}
.white-stage.stock_true {
  background: #5dfcba;
}
.white-stage.stock_false table, .white-stage.stock_true table {
  background: #FFF;
}

#preview {
  position: absolute;
  border: 1px solid #DDD;
  background: #FFF;
  padding: 5px;
  display: none;
  color: #fff;
  z-index: 3999;
}
#preview img {
  width: 280px;
}

#preview-cart {
  position: absolute;
  border: 1px solid #DDD;
  background: #FFF;
  padding: 5px;
  display: none;
  color: #fff;
  z-index: 3999;
}
#preview-cart img {
  width: 220px;
}

.bg-title {
  background: #585858;
  padding: 10px;
  position: relative;
  margin: 0 15px 10px 15px;
  display: flex;
  border: 1px solid #DDD;
  justify-content: space-between;
}
.bg-title .left {
  float: left;
}
.bg-title .left h2 {
  float: left;
}
.bg-title .left .nrn-btn {
  float: left;
  margin-left: 15px;
}
.bg-title h2 {
  font: 600 13px/30px "Open Sans", sans-serif;
  margin: 0;
  color: #FFF;
}
.bg-title h2 span {
  color: #FFF !important;
}
.bg-title .warning-text {
  color: #FFF;
  font: 600 13px/30px "Open Sans", sans-serif;
}
.bg-title .buttons {
  float: right;
  display: flex;
}

a.nrn-btn {
  display: flex;
  margin-left: 10px;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #DDD;
}
a.nrn-btn.l {
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  float: left;
}
a.nrn-btn i {
  color: #d93831;
  margin: 0 6px 0 0;
  font-size: 15px;
}
a.nrn-btn span {
  font: 600 14px/20px "Open Sans", sans-serif;
  color: #313131;
}
a.nrn-btn:hover {
  background: #DDD;
  text-decoration: none;
}

.product-list-detail-item, .product-list-motor-item {
  display: none;
}

.product-list-item {
  background: #FFF;
  border: 5px solid #FFF;
  padding: 5px;
  display: block;
}
.product-list-item .img {
  border: 1px solid #DDD;
  border-bottom: 0;
}
.product-list-item:hover, .product-list-item:active, .product-list-item:focus {
  text-decoration: none;
}
.product-list-item.active {
  border-color: #d93831;
}

.popup-stage {
  background: #FFF;
  padding: 15px;
}
.popup-stage .popup-title {
  background: #231f20;
  padding: 10px 15px;
  color: #fff;
  font: 600 17px/20px "Open Sans", sans-serif;
  margin: 0 0 15px;
}

.btn-narin {
  background: #d93831;
  color: #FFF;
}
.btn-narin:hover {
  text-decoration: none;
  color: #FFF;
}

a.all-show {
  display: none;
  margin-bottom: 0;
}
a.all-show span {
  color: #FFF;
}

a.oem-link {
  font: 12px/14px  "Open Sans", sans-serif;
  color: #313131;
}

.back-to-top, .back-to-down {
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  position: fixed;
  bottom: 54px;
  right: 55px;
  padding: 5px 15px;
  text-align: center;
  line-height: 25px;
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  color: #ffffff;
}

.back-to-down {
  bottom: 15px;
}

.modal-open .back-to-down, .modal-open .back-to-top {
  display: none;
}

table.contact-table {
  width: 100%;
  border-collapse: collapse;
  font: 600 14px/20px "Open Sans", sans-serif;
}
table.contact-table td {
  border: 1px solid #CCC;
  padding: 8px;
}
table.contact-table.peoples tr:nth-child(even) {
  background: #F2F2F2;
}

table.hr {
  background: #FFFFFF;
  font: 600 14px/24px "Open Sans", sans-serif;
}
table.hr h2 {
  margin: 5px 0;
  font: 18px/20px "Open Sans", sans-serif;
}
table.hr input, table.hr select, table.hr textarea {
  margin: 0 !important;
  border: 1px solid #CCCCCC !important;
}
table.hr input[type=text], table.hr input[type=file], table.hr select {
  padding: 5px;
  width: 100%;
  height: 40px;
}
table.hr label span {
  font: 13px/24px "Open Sans", sans-serif;
}
table.hr textarea {
  width: 100%;
  height: 100px;
  padding: 5px;
}
table.hr tr td {
  padding: 10px 5px;
  border-bottom: 1px solid #e4e4e4;
}
table.hr .radio-button {
  float: left;
  height: 40px;
  border: 1px solid #CCCCCC !important;
  padding: 7px 15px;
  margin: 0 10px 0 0;
}
table.hr .radio-button input {
  margin: 0 10px 0 0 !important;
}

.hr-form-button {
  width: 100%;
  background: #d93831;
  color: #FFF;
  border-radius: 2px;
  border: 0;
  margin: 20px 0 0;
  padding: 10px 0;
  font: 20px/40px "Open Sans", sans-serif;
}

table.motor-dropdown-table tr > td {
  vertical-align: top;
}
table.motor-dropdown-table tr > td ul {
  border-left: 1px solid #000;
  max-height: 528px;
  min-height: 528px;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 350px;
}

td.materials {
  padding: 0 !important;
}
td.materials td {
  border: 0 !important;
  font-weight: 600 !important;
  border-right: 1px solid #DDD !important;
}

.empty-result {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.empty-result .icon {
  font-size: 35px;
  margin: 0 0 10px;
  color: #d93831;
}
.empty-result h2 {
  margin: 0;
  font: 700 15px/30px "Open Sans", sans-serif;
  color: #313131;
}
.empty-result h2 strong {
  color: #d93831 !important;
}
.empty-result hr {
  border-color: #999;
}
.empty-result a.btn {
  background: #ec1c24;
  color: #FFF;
  margin-top: 15px;
  padding: 10px 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.empty-result a.btn i {
  margin-right: 6px;
}
.empty-result a.btn span {
  font: 600 15px/18px "Open Sans", sans-serif;
}

.check-all-li {
  font-size: 12px;
}

table.motor-dropdown-table label.model-label {
  border-bottom: 1px solid #DDD;
}
table.motor-dropdown-table label.model-label td {
  font-size: 12px;
}

.information-label {
  font: 600 15px/24px "Open Sans", sans-serif;
  padding: 5px;
  text-align: center;
  border: 1px solid #DDD;
  color: #d93831;
  margin: 0 0 30px;
  border-radius: 4px;
}

.np-buttons {
  float: right;
  display: flex;
  align-items: space-between;
}
.np-buttons a {
  display: flex;
  align-items: center;
  background: #231f20;
  color: #FFF;
  padding: 8px 12px;
}
.np-buttons a.next {
  border-left: 1px solid #999;
}
.np-buttons a.next i {
  margin-left: 6px;
}
.np-buttons a.prev i {
  margin-right: 6px;
}
.np-buttons a:hover {
  text-decoration: none;
  background: #d93831;
}

a.right-menu {
  float: right;
  border-left: 1px solid #DDD;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #313131;
  font: 600 13px/18px "Open Sans", sans-serif;
  height: 70px;
  padding: 15px 20px;
}
a.right-menu i {
  color: red;
  margin-bottom: 5px;
  font-size: 18px;
}
a.right-menu:hover {
  text-decoration: none;
  background: #ddd;
}

.logout-links {
  float: right;
  width: 46px;
  padding: 0 5px 0 0;
}

a.right-mini-menu {
  display: flex;
  align-items: center;
  color: #313131;
  font: 600 12px/18px "Open Sans", sans-serif;
  height: 31px;
  margin: 2px;
  border-radius: 4px;
  padding: 5px 10px;
  border: 1px solid #999;
}
a.right-mini-menu i {
  color: red;
  margin-right: 5px;
  font-size: 18px;
}
a.right-mini-menu:hover {
  text-decoration: none;
  background: #ddd;
}

@keyframes blink_branch {
  0% {
    background-color: #ec1c24;
  }
  50% {
    background-color: #c00;
  }
  100% {
    background-color: #ec1c24;
  }
}
.cart-menu > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #FFF;
  color: #313131;
  height: 66px;
  margin: 2px;
  border: 1px solid #4677b2;
  border-radius: 4px;
  float: left;
  padding: 0 10px;
  font: 600 13px/20px "Open Sans", sans-serif;
}
.cart-menu > a i {
  margin-bottom: 5px;
  font-size: 18px;
}
.cart-menu > a:hover {
  text-decoration: none;
}
.cart-menu.branch-change > a {
  background: #3c7529;
  color: #FFF;
  border-left: 1px solid #eeeeee;
  padding-right: 8px;
  padding-left: 8px;
  font-weight: 600;
  font-size: 12px;
}
.cart-menu.branch-change.select-branch > a {
  animation: blink_branch 1s infinite;
  background: #F00;
  color: #FFF;
  font-weight: 600;
}
.cart-menu .belirtec {
  display: none;
}
.cart-menu > button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  color: #333;
  height: 70px;
  float: left;
  border: 0;
  padding: 0 10px 0 0;
  border-radius: 0;
}
.cart-menu > button:hover {
  text-decoration: none;
}
.cart-menu .cart-text {
  text-align: center;
}
.cart-menu .cart-text span.cart-name {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
.cart-menu .dropdown-menu {
  min-width: 260px !important;
}
.cart-menu .dropdown-menu li {
  position: relative;
  font-size: 13px;
  border-bottom: 1px solid #DDD;
  font-weight: 700 !important;
  font-family: "Open Sans", sans-serif;
  color: #000;
}
.cart-menu .dropdown-menu li.selected {
  background: #666666;
}
.cart-menu .dropdown-menu li.selected a {
  color: #FFF;
}
.cart-menu .dropdown-menu li.selected:hover {
  background: #666666 !important;
}
.cart-menu .dropdown-menu li.selected:hover a {
  background: #666666 !important;
  color: #FFF !important;
}
.cart-menu .dropdown-menu li a {
  font-weight: bold;
}
.cart-menu .dropdown-menu li a i {
  margin-right: 10px;
}
.cart-menu .dropdown-menu li span {
  font: 600 13px/20px Arial;
  display: inline-block;
  float: right;
}
.cart-menu .dropdown-menu li span.fln {
  float: none !important;
  margin: 0 5px 0 -10px;
  color: red;
  border-right: 1px solid #999;
  padding-right: 10px;
}
.cart-menu .dropdown-menu li .extra-buttons {
  position: absolute;
  right: 0;
  top: 0;
}
.cart-menu .dropdown-menu li .extra-buttons i {
  margin: 0;
}
.cart-menu .dropdown-menu li .extra-buttons a.edit {
  color: #333;
  height: 26px;
  width: 26px;
  text-align: center;
  display: block;
  float: left;
  padding: 0 !important;
  font-size: 14px;
  line-height: 26px;
  transition: all ease 0.5s;
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
.cart-menu .dropdown-menu li .extra-buttons a.delete {
  color: #000;
  height: 26px;
  width: 26px;
  text-align: center;
  display: block;
  float: left;
  padding: 0 !important;
  font-size: 14px;
  line-height: 26px;
  transition: all ease 0.5s;
  border-right: 1px solid #DDD;
  border-bottom: 0;
  border-left: 0;
}
.cart-menu .dropdown-menu li .extra-buttons a:hover {
  opacity: 1;
}
.cart-menu .dropdown-menu li a.cart-button-new {
  font: 700 13px/21px "Open Sans", sans-serif;
}

.de-title {
  font: 600 18px/24px "Open Sans", sans-serif;
  padding: 0 0 10px;
  margin: 0 0 25px;
  border-bottom: 1px solid #DDD;
  position: relative;
}
.de-title h2 {
  font: 600 18px/24px "Open Sans", sans-serif;
  margin: 0;
}
.de-title img {
  position: absolute;
  right: 0;
  top: -15px;
}
.de-title.flex {
  display: flex;
  align-items: center;
}
.de-title.flex select {
  margin-left: 30px;
  width: 200px;
}

.contract {
  position: relative;
  border: 1px solid #333;
  padding: 10px;
  margin: 0 0 10px;
  background: #FFF;
}
.contract h2 {
  font: 700 13px/17px "Open Sans", sans-serif;
  color: #d93831;
  margin: 0 0 8px;
}
.contract p {
  font: 13px/17px "Open Sans", sans-serif;
  margin: 0 0 8px;
}
.contract a {
  color: #333;
}
.contract td {
  padding: 5px;
}

table.table th {
  font: 600 14px/15px "Open Sans", sans-serif;
  color: #d93831;
}

div.excel a.excel-create {
  float: right;
  border-radius: 4px;
  display: flex;
  padding: 4px 10px;
  align-items: center;
  background: #FFF;
  color: #212121;
  margin-right: 4px;
  font: 600 13px/20px "Open Sans", sans-serif;
  text-decoration: none;
}
div.excel a.excel-create i {
  font-size: 18px;
  line-height: 22px;
  color: #178a2b;
}

a.product-view-link {
  background: #327ab7;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #FFF !important;
}

.new-icon {
  color: #d93831;
}

.cart-add-stage {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.cart-add-stage .group {
  padding: 0 10px;
}
.cart-add-stage .no-stock {
  position: absolute;
  display: none;
}

form.cart-add-form-ex {
  display: flex;
  align-items: center;
}
form.cart-add-form-ex.added input, form.cart-add-form-ex.added button {
  border-color: #009a00;
}
form.cart-add-form-ex.added button {
  background-color: #009a00;
}
form.cart-add-form-ex input {
  float: left;
  width: 70px;
  border: 1px solid #327ab7;
  padding: 5px 10px;
  height: 30px;
  font-weight: bold;
  border-radius: 4px 0 0 4px;
}
form.cart-add-form-ex button {
  float: left;
  padding: 5px 10px;
  font: 14px/18px "Open Sans", sans-serif;
  background: #327ab7;
  border: 0;
  height: 30px;
  border-radius: 0 4px 4px 0;
  color: #fff;
}

.total-product {
  margin: 0 0 15px;
}

#top-result {
  position: fixed;
  top: 70px;
  right: 20px;
  z-index: 999;
}

.cart-number-edit {
  position: relative;
}
.cart-number-edit input {
  width: 100%;
  border: 0;
  background: #FFF;
  padding: 5px 10px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #327ab7;
}
.cart-number-edit button {
  position: absolute;
  right: 5px;
  top: 0;
  width: 24px;
  height: 24px;
  font-size: 12px;
  border: 0;
  color: #327ab7;
  background: none;
}
.cart-number-edit button:hover {
  background: none;
  color: #327ab7;
}

.btn-danger {
  color: #FFF !important;
}

.btn-info {
  background: #327ab7;
}
.btn-info:hover {
  background: #327ab7;
}

#brands-modal .btn-info {
  background: #2F86A1;
}
#brands-modal .btn-info:hover {
  background: #2F86A1;
}

.blink {
  animation: 2s blinker linear infinite;
  -webkit-animation: 2s blinker linear infinite;
  -moz-animation: 2s blinker linear infinite;
  color: #231f20;
  margin: 10px 0;
  text-align: center;
  font: 600 17px/24px "Open Sans", sans-serif;
}

span.cart-name {
  display: block;
}

span.active-branch {
  color: #FFF;
}

strong.cart-count {
  font-weight: 700;
  font-size: 17px;
}

#product-modal .modal-dialog {
  width: 90% !important;
}
#product-modal .modal-dialog .np-buttons {
  display: none;
}
#product-modal .modal-dialog .bg-title {
  padding: 5px 10px;
}
#product-modal .modal-dialog .bg-title .buttons {
  display: none;
}

#order-modal .modal-dialog {
  width: 900px;
}
#order-modal .modal-dialog table td, #order-modal .modal-dialog table th {
  padding: 5px !important;
}

.empty-result.red {
  color: #313131;
  border: 1px solid #d93831;
  padding: 8px;
  text-align: center;
  font: 700 15px/18px "Open Sans", sans-serif;
  animation: 2s blinker linear infinite;
}

.customer-no {
  color: #000 !important;
  font: 700 13px "Open Sans", sans-serif !important;
}

@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mail-content {
  padding: 30px;
  background: #FFF;
}

section.full-stage {
  min-width: 100%;
  min-height: 100%;
  background: #FFF;
}
section.full-stage a.logout {
  font: 600 16px/20px "Open Sans", sans-serif;
  position: absolute;
  right: 15px;
  top: 8px;
  background: #F00;
  padding: 5px 10px;
  color: #FFF;
  border-radius: 5px;
}

.loadx {
  text-align: center;
}

.lock-message {
  text-align: center;
  font: 16px/24px "Open Sans", sans-serif;
  color: #313131;
}

a.cc-button-pos {
  display: inline-block;
  padding: 8px 20px;
  background: #d93831;
  color: #FFF;
  font: 600 15px/18px "Open Sans", sans-serif;
  margin: 10px 0 0;
}

.swal2-popup {
  font-size: 1.5rem !important;
}

#swal2-content {
  font-weight: 600 !important;
}

.swal2-confirm {
  font-weight: 600;
  background: #d93831 !important;
  border-color: #d93831 !important;
}

a.download-excel {
  background: #d93831;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  font: 600 15px "Open Sans", sans-serif;
}

.spinner {
  margin: 100px auto;
  width: 60px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #ed1c23;
  height: 100%;
  width: 6px;
  margin: 0 2.5px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  animation-delay: -1.1s;
}
.spinner .rect3 {
  animation-delay: -1s;
}
.spinner .rect4 {
  animation-delay: -0.9s;
}
.spinner .rect5 {
  animation-delay: -0.8s;
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.main-timeline {
  font-family: "Roboto", sans-serif;
  padding: 20px 0;
  position: relative;
}

.main-timeline:before,
.main-timeline:after {
  content: "";
  height: 40px;
  width: 40px;
  background-color: #e7e7e7;
  border-radius: 50%;
  border: 10px solid #303334;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: -15px;
  z-index: 2;
}

.main-timeline:after {
  top: auto;
  bottom: 15px;
}

.main-timeline .timeline {
  padding: 35px 0;
  margin-top: -30px;
  position: relative;
  z-index: 1;
}

.main-timeline .timeline:before,
.main-timeline .timeline:after {
  content: "";
  height: 100%;
  width: 50%;
  border-radius: 100px 0 0 100px;
  border: 15px solid #ec1c24;
  border-right: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.main-timeline .timeline:after {
  height: calc(100% - 30px);
  width: calc(50% - 12px);
  border-color: #d93831;
  left: 12px;
  top: 15px;
}

.main-timeline .timeline-content {
  display: flex;
  align-items: center;
}

.main-timeline .timeline-content:hover {
  text-decoration: none;
}

.main-timeline .timeline-year {
  color: #d93831;
  font: 700 50px "Open Sans", sans-serif;
  float: left;
  margin-left: 80px;
}

.main-timeline .timeline-icon {
  color: #d93831;
  font-size: 80px;
  display: inline-block;
  transform: translateY(-50%);
  position: absolute;
  left: 34%;
  top: 50%;
}

.main-timeline .content {
  color: #313131;
  flex: auto;
  padding: 20px;
  display: inline-block;
  float: right;
}

.main-timeline .title {
  color: #d93831;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}

.main-timeline .description {
  font: 16px/24px "Open Sans", sans-serif;
  margin: 0;
}

.main-timeline .timeline:nth-child(even):before {
  left: auto;
  right: 0;
  border-radius: 0 100px 100px 0;
  border: 15px solid #313131;
  border-left: none;
}

.main-timeline .timeline:nth-child(even):after {
  left: auto;
  right: 12px;
  border: 15px solid #313131;
  border-left: none;
  border-radius: 0 100px 100px 0;
}

.main-timeline .timeline:nth-child(even) .content {
  float: left;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
  left: auto;
  right: 10%;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
  left: auto;
  right: 32%;
}

@media screen and (max-width: 1200px) {
  .main-timeline .timeline:after {
    border-radius: 88px 0 0 88px;
  }
  .main-timeline .timeline:nth-child(even):after {
    border-radius: 0 88px 88px 0;
  }
}
@media screen and (max-width: 767px) {
  .main-timeline .timeline {
    margin-top: -19px;
  }
  .main-timeline .timeline:before {
    border-radius: 50px 0 0 50px;
    border-width: 10px;
  }
  .main-timeline .timeline:after {
    height: calc(100% - 18px);
    width: calc(50% - 9px);
    border-radius: 43px 0 0 43px;
    border-width: 10px;
    top: 9px;
    left: 9px;
  }
  .main-timeline .timeline:nth-child(even):before {
    border-radius: 0 50px 50px 0;
    border-width: 10px;
  }
  .main-timeline .timeline:nth-child(even):after {
    height: calc(100% - 18px);
    width: calc(50% - 9px);
    border-radius: 0 43px 43px 0;
    border-width: 10px;
    top: 9px;
    right: 9px;
  }
  .main-timeline .timeline-icon {
    font-size: 60px;
  }
  .main-timeline .timeline-year {
    font-size: 40px;
  }
}
@media screen and (max-width: 479px) {
  .main-timeline .timeline-icon {
    font-size: 50px;
    transform: translateY(0);
    top: 25%;
    left: 10%;
  }
  .main-timeline .timeline-year {
    font-size: 25px;
    transform: translateY(0);
    top: 65%;
    left: 9%;
  }
  .main-timeline .content {
    width: 68%;
    padding: 10px;
  }
  .main-timeline .title {
    font-size: 18px;
  }
  .main-timeline .timeline:nth-child(even) .timeline-icon {
    right: 10%;
  }
  .main-timeline .timeline:nth-child(even) .timeline-year {
    right: 9%;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1500px) and (orientation: landscape) {
  header {
    padding-left: 260px !important;
  }
  header ul.menu > li > a {
    padding: 15px 10px !important;
    font-size: 11px !important;
  }
  header .right-links .languages a {
    font-size: 11px !important;
  }
  header .right-links a.logo img {
    max-height: 20px !important;
  }
  header .cart-menu > a {
    padding: 0 5px !important;
    font-size: 11px !important;
  }
  header .tablet-none {
    display: none !important;
  }
  header a.right-menu {
    padding: 15px 5px !important;
    font-size: 11px !important;
  }
  .brand-box {
    height: 120px;
  }
  .brand-box img {
    height: 80px;
  }
  nav {
    width: 260px !important;
  }
  nav .footer {
    position: relative !important;
    margin: 15px 0 !important;
    bottom: 0 !important;
  }
  a.logo-link {
    width: 260px !important;
  }
  section.stage {
    padding-left: 260px !important;
  }
  .selectbox .select2-selection__rendered, .selectbox .btn-select {
    font-size: 12px;
  }
  .input input {
    font-size: 12px;
  }
  .button button {
    font-size: 13px;
  }
  .new-warning, .title-text {
    font-size: 14px !important;
  }
  .selectbox .dropdown-menu {
    left: 226px !important;
  }
  table.products-table th, table.products-table td {
    font-size: 11px !important;
  }
  table.products-table a.process-button {
    border: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
  }
  table.products-table .table-oem-list .oem-item {
    width: 100% !important;
    float: none !important;
    border-right: 0 !important;
    text-align: center;
    border-bottom: 1px solid #000000 !important;
  }
  table.products-table .table-oem-list .oem-item:last-child {
    border-bottom: none !important;
  }
  .tablet-show {
    display: block !important;
  }
  .product-detail .image {
    flex-basis: 300px !important;
  }
  .product-detail .information {
    padding-left: 15px !important;
  }
  table.product-info th, table.product-info td {
    font-size: 12px !important;
  }
  .credit-card-wrapper {
    zoom: 0.7;
  }
  .de-title.credit-card-page img {
    position: relative !important;
    width: 100% !important;
    top: auto !important;
  }
  .credit-card-box .number {
    font-size: 24px !important;
  }
  .user-info-list-item {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px;
    margin: 0 0 15px;
  }
  .user-info-list-item .user-name {
    margin: 0 0 10px;
  }
  .oem-th {
    width: 100px !important;
  }
}
.login-stage {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login-stage .login-form {
  width: 400px;
  background: #FFF;
  padding: 30px;
  box-shadow: 0 0 30px #666;
  margin: 0 0 30px;
}
.login-stage .login-form .logo {
  text-align: center;
  margin: 0 0 30px;
}
.login-stage .login-form .logo img {
  max-width: 100%;
}
.login-stage .login-form .title {
  font: 600 20px/24px "Open Sans", sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.login-stage .login-form .title strong {
  color: #d93831;
}
.login-stage .login-form input {
  border: 1px solid #DDD;
  width: 100%;
  height: 38px;
  padding: 10px;
  font: 600 15px/18px "Open Sans", sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.login-stage .login-form button {
  width: 100%;
  height: 38px;
  border: 0;
  text-align: center;
  font: 600 15px/18px "Open Sans", sans-serif;
  padding: 10px;
  background: #d93831;
  color: #FFF;
}

.information-message {
  font: 600 15px/26px "Open Sans", sans-serif;
  text-align: center;
}

.mobile-header {
  background: #FFF;
}
.mobile-header .top-bar {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #DDD;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header .top-bar .logo {
  display: block;
}
.mobile-header .top-bar .logo img {
  width: 200px;
}
.mobile-header .top-bar .menu-show {
  color: #333;
  font-size: 20px;
}
.mobile-header .top-bar .search-show {
  color: #000;
  font-size: 20px;
}

.mobile-languages {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background: #FFF;
  border-bottom: 1px solid #DDD;
}
.mobile-languages a {
  text-align: center;
}
.mobile-languages a img {
  width: 24px;
}
.mobile-languages a div {
  font: 600 10px "Open Sans", sans-serif;
  color: #333;
}

.mobile-header-search .search {
  background: white;
  padding: 20px;
  border-bottom: 1px solid #DDD;
}
.mobile-header-search .search .selectbox .dropdown-menu {
  left: 5%;
  top: 100%;
  width: 90% !important;
  overflow-x: scroll;
}

.mobile-header-news .news {
  background: white;
  padding: 20px;
  text-align: center;
}
.mobile-header-news .news .img-responsive {
  margin: 0 auto;
}

.selectbox .btn-select, .input input {
  font-size: 13px;
}

.mobile-content {
  padding: 15px;
}

.top-cart {
  border-bottom: 1px solid #DDD;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: white;
  z-index: 999;
}
.top-cart .branch-change {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #DDD;
}
.top-cart .cart-change {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-cart .cart-menu a {
  border: 0 !important;
}
.top-cart .cmx {
  margin-left: 0 !important;
  border: 0 !important;
}

.mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu ul li {
  border-bottom: 1px solid #DDD;
}
.mobile-menu ul li a {
  display: block;
  background: #F2F2F2;
  color: #333;
  font: 600 13px/20px "Open Sans", sans-serif;
  padding: 6px 20px;
  position: relative;
}
.mobile-menu ul li a i:first-child {
  display: inline-block;
  width: 20px;
  font-size: 16px;
  color: #333;
  margin-right: 8px;
}
.mobile-menu ul li a i.fas.fa-angle-right {
  position: absolute;
  right: 20px;
  line-height: 26px;
}
.mobile-menu ul li a strong {
  color: #F00;
}
.mobile-menu .sp-icons {
  display: flex;
  align-items: center;
  position: absolute;
  right: 50px;
  top: 2px;
}

.mobile-products-infinity .product-cart-add {
  border: 1px solid #DDD;
  margin: 15px 0 0 !important;
}
.mobile-products-infinity .product-cart-add strong {
  font: 600 13px/15px "Open Sans", sans-serif;
  margin-right: 5px !important;
}
.mobile-products-infinity .product-cart-add .stock, .mobile-products-infinity .product-cart-add .cart-add, .mobile-products-infinity .product-cart-add .price {
  padding: 0 15px !important;
}
.mobile-products-infinity .product-cart-add .price {
  padding-top: 10px !important;
}

.brands-view-button {
  background: #CCC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  padding: 5px 15px;
  margin: 15px 0 0;
  font: 600 13px/22px "Open Sans", sans-serif;
}
.brands-view-button:active, .brands-view-button:focus, .brands-view-button:hover {
  text-decoration: none;
  color: #000;
}

.mobile-show {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .white-stage {
    padding: 8px !important;
  }
  .cc-page {
    padding: 10px !important;
  }
  .cc-page .payment-wrapper {
    width: 100% !important;
  }
  .cc-page .radius-table {
    width: 100% !important;
  }
  .cc-page .radius-table table tr td:first-child {
    border-right: none !important;
  }
  #brands-modal .modal-dialog {
    width: 90% !important;
  }
  .brand-header {
    display: block !important;
  }
  .brand-header .logo {
    width: 100%;
    margin: 0 0 15px;
  }
  .brand-header .download {
    margin: 5px 0 0 !important;
  }
  .login-form {
    width: 90% !important;
  }
  .information-message {
    display: none !important;
  }
  section.stage {
    padding: 0 !important;
  }
  .products-wrapper, .mobile-table-responsive {
    overflow-x: auto;
  }
  .products-table th {
    top: 0 !important;
  }
  .table-oem-list .oem-item {
    float: none !important;
    width: 100% !important;
    border: 0 !important;
  }
  .oem-cross-list {
    display: block !important;
  }
  .oem-cross-list table {
    margin: 15px 0 0 !important;
    width: 100% !important;
  }
  .modal-dialog {
    width: auto !important;
    max-width: auto !important;
    min-width: auto !important;
    margin: 50px 30px !important;
  }
  .back-to-top, .back-to-down {
    display: none !important;
  }
  .b2b-in-product {
    padding: 0 !important;
  }
  .product-detail {
    display: block !important;
  }
  .product-detail .information {
    padding: 15px 0 0 !important;
  }
  .product-detail .information .row-x {
    margin: 0 -15px;
  }
  .product-detail .information .col-sm-14 > div {
    display: block !important;
  }
  .product-detail .information .col-sm-14 > div .product-info {
    margin: 15px 0 0 !important;
    width: 100% !important;
  }
  .bg-title {
    display: block !important;
  }
  .bg-title .left, .bg-title .buttons {
    float: none !important;
  }
  .bg-title .left h2, .bg-title .buttons h2 {
    float: none !important;
  }
  .bg-title .right {
    display: none !important;
  }
  .product-cart-add {
    display: block !important;
    width: 100% !important;
    margin: 0 0 15px !important;
  }
  .product-cart-add .stock-cart-add {
    display: block !important;
    border-bottom: 1px solid #DDD;
    padding: 0 !important;
  }
  .product-cart-add .stock-cart-add .stock, .product-cart-add .stock-cart-add .cart-add, .product-cart-add .stock-cart-add .price {
    padding: 10px !important;
    border: 0;
  }
  .product-cart-add .stock-cart-add .stock, .product-cart-add .stock-cart-add .price {
    border-bottom: 1px solid #DDD !important;
  }
  .product-cart-add .price-process {
    display: block !important;
    border: 0;
  }
  .product-cart-add .price-process .rating, .product-cart-add .price-process .price, .product-cart-add .price-process .process {
    padding: 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #DDD !important;
  }
  .mobile-show {
    display: block !important;
  }
  .mobile-hidden {
    display: none !important;
  }
  table.materials-table td {
    display: block;
    border: 0 !important;
    line-height: 16px !important;
  }
  .de-title.credit-card-page img {
    position: relative !important;
    width: 100% !important;
    top: auto !important;
    right: auto !important;
  }
  .credit-card-wrapper {
    display: none !important;
  }
  .installments-view-table td {
    display: block !important;
    width: 100% !important;
    font-size: 13px !important;
  }
  .de-title.cart-page {
    display: block !important;
  }
  .de-title.cart-page .info-box {
    border-bottom: 1px solid #FFF;
  }
  .cart-excel-button {
    position: absolute;
    top: auto !important;
    bottom: 9px !important;
    right: 9px !important;
  }
  form.w-search {
    display: block !important;
    position: relative !important;
    top: auto !important;
  }
  form.w-search .select, form.w-search .txt-input, form.w-search .txt {
    width: 100% !important;
    margin: 7px 0 !important;
  }
  form.w-search .txt {
    height: auto !important;
    min-height: 34px;
  }
  .excel-button#irsaliyeler {
    display: none !important;
  }
}
#branch-modal .modal-dialog {
  width: 620px;
}

.branch-popup {
  padding: 20px;
  background: #FFF;
  text-align: center;
}
.branch-popup h2 {
  font: 600 15px/18px "Open Sans", sans-serif;
  margin: 0 0 15px;
  color: #000;
}

.branch-popup a {
  border: 1px solid #494949;
  padding: 5px 10px;
  color: #313131;
  display: flex;
  align-items: center;
  position: relative;
}
.branch-popup a i {
  margin-right: 10px;
}
.branch-popup a span {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #ed1c25;
  font-weight: 700;
}
.branch-popup a:nth-child(odd) {
  background: #eaeaea;
}

table.popup-table {
  width: 100%;
  border-collapse: collapse;
}
table.popup-table th, table.popup-table td {
  padding: 6px;
  text-align: left;
  font: 600 13px/14px "Open Sans", sans-serif;
  color: #333;
  border: 1px solid #333;
}
table.popup-table th i, table.popup-table td i {
  margin-right: 5px;
}
table.popup-table th span, table.popup-table td span {
  display: block;
  text-align: center;
  color: red;
}
table.popup-table th {
  background: #CCC;
  font-weight: bold;
  color: #000;
  padding: 8px 6px;
}
table.popup-table th[align=right] {
  text-align: right;
}
table.popup-table th[align=center] {
  text-align: center;
}
table.popup-table tbody tr:nth-child(even) {
  background: #f2f2f2;
}
table.popup-table tbody tr:hover {
  cursor: pointer;
  background: #CCC !important;
}
table.popup-table .shipment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
table.popup-table .shipment i {
  margin-left: 5px;
}

.table-oem-list .oem-item {
  border-right: 1px solid #AAa;
  border-bottom: 1px solid #AAa;
  width: 50%;
  float: left;
  line-height: 26.5px;
  padding: 0 4px;
}
.table-oem-list .oem-item:nth-child(even) {
  border-right: 0;
}

.swal2-popup .swal2-styled:focus {
  box-shadow: 0 0 0 transparent !important;
}

.modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal .modal-header .modal-title {
  float: left;
  flex: auto;
  font: 600 15px "Open Sans", sans-serif;
}

a.process-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #333;
  padding: 5px 10px;
  font: 600 13px/20px "Open Sans", sans-serif !important;
  border-radius: 4px;
}
a.process-button i {
  margin-left: 5px;
}
a.process-button:hover, a.process-button:focus, a.process-button:active {
  text-decoration: none !important;
}

.processes .dropdown-menu {
  border-radius: 4px !important;
  padding: 0 !important;
  border: 1px solid #333;
  width: 200px;
  box-shadow: 0 0 0 transparent !important;
}
.processes .dropdown-menu a {
  display: block;
  font: 600 12px/18px "Open Sans", sans-serif !important;
  padding: 5px 10px;
  border-bottom: 1px solid #333;
}
.processes .dropdown-menu a:last-child {
  border-bottom: 0;
}

.modal-inner {
  padding: 30px;
  background: #FFF;
}
.modal-inner .modal-title {
  font: 700 15px/20px "Open Sans", sans-serif;
  padding: 0 0 5px;
  margin: 0 0 10px;
  border-bottom: 1px solid #DDD;
}

form.form textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #DDD;
  padding: 10px;
  font: 15px/20px "Open Sans", sans-serif;
  color: #313131;
  margin: 0 0 10px;
}
form.form input {
  width: 100%;
  height: 40px;
  border: 1px solid #DDD;
  padding: 10px;
  font: 15px/20px "Open Sans", sans-serif;
  color: #313131;
  margin: 0 0 10px;
}
form.form button {
  width: 100%;
  height: 36px;
  background: #327ab7;
  border: 0;
  color: #FFF;
}

.tooltip-inner {
  max-width: 280px;
  background: #DDD;
  border: 1px solid #333;
  color: #333;
  font-size: 14px;
  min-width: 150px;
  font-weight: 600;
}

.tooltip-arrow {
  border-top-color: #333 !important;
}

.tooltip-table {
  width: 100%;
  margin: 5px 0;
  border-collapse: collapse;
  background: transparent !important;
}
.tooltip-table tr {
  background: transparent !important;
}
.tooltip-table tr td {
  border: 1px solid #000;
  padding: 4px;
  font: 600 13px/15px "Open Sans", sans-serif !important;
  color: #000;
  text-align: right !important;
  background: transparent !important;
}

.tooltip.show, .tooltip.in {
  opacity: 1 !important;
}

tr.focus {
  background: #dddddd;
}

.full-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 333;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.full-loading span {
  font: 22px/24px "Open Sans", sans-serif;
  margin-left: 10px;
}

.shipment-warning {
  font: 600 13px/20px "Open Sans", sans-serif;
  text-align: center;
  border: 1px solid #333;
  padding: 5px;
  border-radius: 5px;
}
.shipment-warning div {
  transition: all ease 0.3s;
  animation: blink 2s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.new-band {
  position: absolute;
  bottom: -30px;
  left: -8px;
  color: #313131;
  display: flex;
  align-items: center;
  font: 600 12px/20px "Open Sans", sans-serif;
  white-space: nowrap;
  padding: 5px 10px;
}
.new-band i {
  font-size: 14px;
  color: #d93831;
  margin-right: 5px;
}

.tecdoc-band {
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.tecdoc-band img {
  height: 32px;
  width: auto !important;
  border: 0 !important;
}

.credit-card-box {
  width: 100%;
  height: 280px;
  zoom: 0.8;
}
.credit-card-box.hover .flip {
  transform: rotateY(180deg);
}
.credit-card-box.hover .flip .front {
  display: none;
}
.credit-card-box .front,
.credit-card-box .back {
  width: 100%;
  height: 250px;
  border-radius: 15px;
  background: #414141;
  position: absolute;
  color: #fff;
  font-family: Inconsolata;
  top: 0;
  left: 0;
  border: 1px solid #999;
}
.credit-card-box .front::before,
.credit-card-box .back::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("http://cdn.flaticon.com/svg/44/44386.svg") no-repeat center;
  background-size: cover;
  opacity: 0.05;
}
.credit-card-box .flip {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.credit-card-box .logo {
  position: absolute;
  top: 9px;
  right: 20px;
  width: 60px;
}
.credit-card-box .logo svg {
  width: 100%;
  height: auto;
  fill: #fff;
}
.credit-card-box .front {
  z-index: 2;
  transform: rotateY(0deg);
}
.credit-card-box .back {
  transform: rotateY(180deg);
}
.credit-card-box .back .logo {
  top: 185px;
}
.credit-card-box .chip {
  position: absolute;
  width: 60px;
  height: 45px;
  top: 20px;
  left: 20px;
  border-radius: 8px;
}
.credit-card-box .chip::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 4px solid #FFF;
  width: 80%;
  height: 70%;
  border-radius: 5px;
}
.credit-card-box .strip {
  position: absolute;
  width: 100%;
  height: 50px;
  top: 30px;
  left: 0;
}
.credit-card-box .number {
  position: absolute;
  margin: 0 auto;
  top: 103px;
  left: 19px;
  font-size: 38px;
}
.credit-card-box label {
  font-size: 12px;
  letter-spacing: 1px;
  text-shadow: none;
  text-transform: uppercase;
  font-weight: bold !important;
  display: block;
  margin-bottom: 3px;
  color: #ea3323;
}
.credit-card-box .card-holder {
  position: absolute;
  margin: 0 auto;
  top: 180px;
  left: 19px;
  font-size: 18px;
  text-transform: capitalize;
}
.credit-card-box .card-expiration-date {
  text-align: right;
  left: auto;
  position: absolute;
  top: 175px;
  font-size: 16px;
  text-transform: capitalize;
  right: 132px;
  display: flex;
  align-items: center;
}
.credit-card-box .card-expiration-date label {
  margin-bottom: 0;
}
.credit-card-box .ccv {
  height: 36px;
  background: #fff;
  width: 91%;
  border-radius: 5px;
  top: 100px;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
  color: #000;
  text-align: right;
  padding: 10px;
  font-size: 14px;
}
.credit-card-box .ccv label {
  margin: -25px 0 6px;
  color: #fff;
}
.credit-card-box .cl {
  position: absolute;
  bottom: 14px;
  right: 14px;
}
.credit-card-box .selected {
  background: rgba(255, 228, 93, 0.4);
}

.credit-card-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 224px;
}
.credit-card-wrapper .credit-card-box {
  width: 400px;
}

form.kredi-kart input, form.kredi-kart select {
  font-weight: 600;
}

th[align=right] {
  text-align: right;
}

#new-cart-modal .modal-dialog {
  width: 1225px;
}

a:hover, a:focus,
button:hover, button:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 transparent !important;
}

.user-info-page input:focus {
  border-color: #CCC !important;
}

.full-page-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 5555;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 30px;
  line-height: 40px;
  color: #000;
}
.full-page-loading i {
  font-size: 90px;
  margin-bottom: 30px;
}

.fp-loading {
  display: none;
}

.cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-count span {
  font-size: 14px;
  margin-right: 10px;
  border-right: 1px solid #DDD;
  padding-right: 10px;
  color: #3379B7;
}
.cart-count i {
  font-size: 14px !important;
  margin-bottom: 0 !important;
  background: #3379B7;
  padding: 5px;
  border-radius: 3px;
  color: #fff;
}

.tablet-show {
  display: none;
}
.tablet-show a i {
  color: #333 !important;
}
.tablet-show .dropdown-menu a.dropdown-item {
  display: block;
  border-bottom: 1px solid #DDD;
  color: #333;
  font-size: 12px;
  padding: 5px 10px;
  font: 600 11px/18px "Open Sans", sans-serif;
}
.tablet-show .dropdown-menu a.dropdown-item br {
  display: none;
}

.file-field {
  border: 1px solid #DDD;
  border-radius: 5px;
  height: 34px;
  padding: 7px;
}

.dropzone-box {
  border: 5px dashed #CCC;
  padding: 15px;
  text-align: center;
}

.dz-preview {
  border: 1px dotted #CCC;
  padding: 10px;
  margin: 10px 10px 0 10px;
  display: inline-block;
}

.dz-preview .progress {
  margin-bottom: 0;
}

.dz-thumbnail-wrapper {
  display: none;
}

.dz-size {
  font-size: 11px;
  color: #999;
  margin: 5px 0;
}

a.vy-kontrol {
  display: block;
  background: #337ab7;
  color: #fff;
  border-radius: 4px;
  font: 12px/20px NeoSans;
  /*margin: 5px 0 0;*/
  padding: 5px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 26px;
  z-index: 999;
}

.dz-complete .progress-bar {
  animation: none !important;
  opacity: 0.3;
}

.table-radius {
  border: 2px solid #000;
  border-radius: 5px;
}

table.table-credit-card {
  width: 100%;
}
table.table-credit-card td {
  border-bottom: 2px solid #000;
  padding: 5px 10px;
  text-align: center !important;
  vertical-align: middle;
  font: 600 15px "Open Sans", sans-serif;
  border-radius: 5px;
  color: #333;
}
table.table-credit-card td img {
  margin: 0 auto;
}
table.table-credit-card tr td:first-child {
  border-right: 2px solid #000;
}
table.table-credit-card tr td:last-child {
  border-right: 0 solid #000;
}
table.table-credit-card tr:last-child td {
  border-bottom: 0;
}

.selected-motor-code {
  background: #ffbb8e;
}

.oem-th {
  width: 235px;
}

.b2b-in-product {
  padding: 20px;
}
.b2b-in-product .np-buttons {
  display: none !important;
}
.b2b-in-product .bg-title {
  margin: 0 0 15px !important;
}

.product-cart-add {
  display: flex;
  background: white;
  padding: 0;
  align-items: center;
  margin: -15px 15px 15px;
  border: 2px solid #AAA;
  width: fit-content;
}
.product-cart-add.new-products-page {
  margin: 0 15px 0 0;
  width: fit-content;
}
.product-cart-add .cart-add {
  padding: 6px 30px;
  border-left: 2px solid #AAA;
  display: flex;
  align-items: center;
}
.product-cart-add .cart-add strong {
  margin-right: 10px;
  text-align: right;
}
.product-cart-add .process {
  padding: 6px 30px;
  border-left: 2px solid #AAA;
}
.product-cart-add .process a {
  color: #000;
}
.product-cart-add .price {
  padding: 10px 30px;
  border-left: 2px solid #AAA;
}
.product-cart-add .price span {
  font: 700 15px "Open Sans", sans-serif;
  color: red;
}
.product-cart-add .rating {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  border-left: 2px solid #AAA;
}
.product-cart-add .rating h3 {
  font: 700 15px "Open Sans", sans-serif;
  margin: 0 0 0 7px;
}
.product-cart-add .stock {
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
.product-cart-add .stock strong {
  margin-right: 10px;
  text-align: right;
}
.product-cart-add .stock h2 {
  margin: 0;
  font: 700 16px "Open Sans", sans-serif;
}
.product-cart-add .stock.dusuk_stok h2 {
  color: red;
}
.product-cart-add .stock.var_stok h2 {
  color: #31BC49;
}
.product-cart-add .stock-cart-add {
  display: flex;
  align-items: center;
}
.product-cart-add .price-process {
  display: flex;
  align-items: center;
}

.mt-15 {
  margin-top: 15px;
}

.mt-3 {
  margin-top: 30px;
}

.mb-3 {
  margin-bottom: 30px;
}

.in-buttons {
  margin: 10px 0 0;
  display: flex;
  align-items: center;
}
.in-buttons a {
  margin: 0 10px 0 0;
}

.ptc {
  color: #d93831 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
.ptc strong {
  border-right: 1px solid #CCC;
  padding: 0 15px;
  display: inline-block;
}

table.bands {
  margin: 10px 0 0;
  width: 100%;
  border-collapse: collapse;
}
table.bands td {
  border: 1px solid #CCC;
  padding: 5px;
}
table.bands td img {
  border: 0 !important;
  height: 30px;
  width: auto !important;
}
table.bands.p0 td {
  padding: 0;
}
table.bands span.sa {
  font: 600 13px/15px "Open Sans", sans-serif;
  color: #000;
  display: block;
  border-bottom: 1px solid #CCC;
  padding: 4px;
}
table.bands span.sc {
  font: 600 13px/15px "Open Sans", sans-serif;
  display: block;
  padding: 4px;
}

.table-new-band {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font: 600 14px/20px "Open Sans", sans-serif;
}
.table-new-band i {
  color: #F00;
  margin-right: 8px;
}

.oem-cross-list {
  display: flex;
}

.catalogue-page {
  padding: 20px;
}

.hide-oem {
  display: none;
}

.hide-cross {
  display: none;
}

.show-oem-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.show-oem-link i.fa-plus {
  margin-right: 3px;
  font-size: 10px;
  padding: 0 0 0;
}
.show-oem-link i.fa-angle-down {
  font-size: 16px;
  margin-left: 6px;
  margin-top: 1px;
}
.show-oem-link:active, .show-oem-link:focus, .show-oem-link:hover {
  text-decoration: none;
  color: #fff;
}
.show-oem-link.opened i {
  transform: rotate(-180deg);
}

.show-cross-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.show-cross-link i.fa-plus {
  margin-right: 3px;
  font-size: 10px;
  padding: 0 0 0;
}
.show-cross-link i.fa-angle-down {
  font-size: 16px;
  margin-left: 6px;
  margin-top: 1px;
}
.show-cross-link:active, .show-cross-link:focus, .show-cross-link:hover {
  text-decoration: none;
  color: #fff;
}
.show-cross-link.opened i {
  transform: rotate(-180deg);
}

.installments-view-table tr td:first-child {
  background: #FFF;
}
.installments-view-table td {
  font-size: 14px;
}

.cc-page {
  background: #ddd;
  padding: 10px;
}
.cc-page .table-bordered > thead > tr > th, .cc-page .table-bordered > tbody > tr > th, .cc-page .table-bordered > tfoot > tr > th, .cc-page .table-bordered > thead > tr > td, .cc-page .table-bordered > tbody > tr > td, .cc-page .table-bordered > tfoot > tr > td, .cc-page .form-control {
  border-color: #999;
  box-shadow: none;
}

.kksonuc {
  text-align: center;
  padding: 30px;
}
.kksonuc h1 {
  font: 700 22px/30px "Open Sans", sans-serif;
  margin: 0 0 15px;
}
.kksonuc h1.red {
  color: #f00;
}
.kksonuc h1.green {
  color: #090;
}
.kksonuc h2 {
  font: 700 16px/24px "Open Sans", sans-serif;
  margin: 0;
}

.boxes-list-wrapper {
  display: grid;
  grid-gap: 10px;
  padding: 10px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.box-product-item {
  border: 1px solid #000;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.box-product-item .stock-bg {
  font-weight: 700 !important;
}
.box-product-item.dusuk_stok .stock-bg {
  background: #ff9f9f;
  color: #F00 !important;
  font-size: 18px !important;
}
.box-product-item.var_stok .stock-bg {
  background: #417646;
  color: #fff !important;
  font-size: 18px !important;
  padding: 0 10px 0 0 !important;
}
.box-product-item .top {
  display: flex;
  align-items: start;
  border-bottom: 1px solid #000;
}
.box-product-item .top .image {
  float: left;
  width: 190px;
  padding: 5px;
  height: 100%;
  position: relative;
}
.box-product-item .top .image:hover {
  text-decoration: none;
}
.box-product-item .top .image h2 {
  font: 700 15px/20px "Open Sans", sans-serif;
  color: #E30813;
  margin: 0 0 5px;
  position: relative;
}
.box-product-item .top .image h2 .customer-no {
  position: absolute;
  right: 0;
  top: 0;
  color: #3379B7;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.box-product-item .top .image h2 .customer-no.searched {
  background: #ffbb8e;
}
.box-product-item .top .image .rating {
  position: absolute;
  left: 5px;
  top: 24px;
  font: 700 15px "Open Sans", sans-serif;
  color: #333;
}
.box-product-item .top .image .new-product {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
}
.box-product-item .top .image .new-product span {
  font-size: 10px;
  color: #E30813;
  font-weight: 700;
  display: none;
}
.box-product-item .top .information {
  flex: auto;
  border-left: 1px solid #000;
  height: 160px;
}
.box-product-item .top .information .oems {
  height: 112px;
}
.box-product-item .top .information .oem-list {
  width: 100%;
}
.box-product-item .top .information .oem-list th {
  background: #DDD;
  color: #333;
  font: 700 12px/20px "Open Sans", sans-serif;
  text-align: center;
  border-bottom: 1px solid #333;
}
.box-product-item .top .information .oem-list td {
  font: 600 12px/15px "Open Sans", sans-serif;
  color: #333;
  text-align: left;
  border-bottom: 1px solid #333;
  padding: 2px 5px;
  width: 50%;
}
.box-product-item .top .information .oem-list td:first-child {
  border-right: 1px solid #333;
}
.box-product-item .more-oem {
  color: #242c9f;
}
.box-product-item .more-oem:hover {
  text-decoration: none;
  color: #151b69;
}
.box-product-item .packet {
  display: flex;
  align-items: start;
}
.box-product-item .packet table {
  flex: 1;
  width: 100%;
  border-right: 1px solid #333;
}
.box-product-item .packet table:last-child {
  border-right: 0;
}
.box-product-item .packet table th {
  background: #DDDDDD;
  color: #333;
  font: 600 12px/21px "Open Sans", sans-serif;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.box-product-item .packet table td {
  background: #FFF;
  color: #333;
  font: 600 12px/14px "Open Sans", sans-serif;
  height: 25px;
  text-align: center;
}
.box-product-item .bottom {
  display: flex;
  align-items: stretch;
  flex: auto;
}
.box-product-item .bottom .title {
  font: 600 11px/15px "Open Sans", sans-serif;
  color: #000;
  padding: 5px;
  width: 190px;
  float: left;
  height: 100%;
}
.box-product-item .bottom .right {
  flex: auto;
  display: flex;
  align-items: center;
  min-height: 55px;
  border-left: 1px solid #000;
}
.box-product-item .bottom .price-and-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.box-product-item .bottom .price-stage {
  font: 700 15px/20px "Open Sans", sans-serif;
  color: #F00;
  flex: 1;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #333;
  height: 30px;
  border-radius: 5px;
}
.box-product-item .bottom .cart-add-stage {
  margin: 0 5px;
}
.box-product-item .bottom .processes {
  flex: 1;
  margin: 0 5px;
}
.box-product-item .bottom .processes .process-button {
  color: #333;
  font: 600 13px/18px "Open Sans", sans-serif !important;
}
.box-product-item .bottom .processes .dropdown-menu a {
  color: #333;
  font: 600 11px/14px "Open Sans", sans-serif !important;
}

a.mode-button {
  background: #FFF;
  padding: 5px 6px;
  text-decoration: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #333;
  font: 600 11px "Open Sans", sans-serif;
}
a.mode-button i {
  margin-right: 5px;
}

.list-type-button a {
  background: #E8E8E8;
  border-color: #30BD49;
  animation: borderpulse 1.2s infinite;
  position: relative;
}
.list-type-button a .new-feature {
  position: absolute;
  z-index: 999;
  right: -16px;
  top: 3px;
  background: #30BD49;
  color: #FFF;
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 10px;
  animation: newpulse 1.2s infinite;
}

@keyframes newpulse {
  0% {
    background-color: #30BD49;
  }
  80% {
    background-color: #136712;
  }
  100% {
    background-color: #30BD49;
  }
}
@keyframes borderpulse {
  0% {
    border-color: #30BD49;
  }
  80% {
    border-color: #136712;
  }
  100% {
    border-color: #30BD49;
  }
}
.information-bar {
  background: #FFF;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 10px solid #767676;
  border-bottom: 0;
  padding: 10px;
}
.information-bar .left {
  font: 700 15px "Open Sans", sans-serif;
  color: #333;
}
.information-bar a.excel-create {
  border: 1px solid #000;
}

.oem-item-none {
  display: none;
}

.show-more {
  background: #585858;
  color: #FFF;
  height: 24px;
  border: 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  clear: both;
  font: 600 12px/16px "Open Sans" !important;
}

.show-more .extra {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-weight: 700;
}

.show-more i.fas.fa-chevron-down {
  margin-left: 15px;
  font-size: 18px;
  transition: all ease 0.5s;
}

.show-more i.fas.fa-plus {
  margin-right: 3px;
  margin-top: 0px;
  font-size: 8px;
  line-height: 14px;
}

.reverse i.fas.fa-chevron-down {
  transform: rotate(-180deg);
}

tr#focus-oem td, .oem-item-active {
  background: #ffbb8e !important;
}

.cc-alert {
  background: #fff382;
  border: 1px solid #839416;
  color: #000;
  padding: 10px;
  margin: 15px 0;
  clear: both;
  width: 94%;
  border-radius: 4px;
}

.btn-success {
  background-color: #3c7529;
  border-color: #3c7529;
}
.btn-success:hover {
  background-color: #30611f;
  border-color: #30611f;
}

.cc-logos-wrapper {
  text-align: center;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.cc-logos {
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  border: 1px solid #333;
  border-radius: 4px;
  border-right: 0;
  width: fit-content;
}
.cc-logos div {
  display: block;
  padding: 0 5px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #333;
  background: #FFF;
}
.cc-logos div img {
  position: relative !important;
  height: 35px;
  top: 0;
}

.cc-history-button {
  display: block;
  margin: 0 0 10px;
  border: 1px solid #333;
  background: #f5be95;
  color: #333;
  font: 600 13px/16px "Open Sans", sans-serif;
  padding: 10px;
  text-align: center;
}

.payment-wrapper {
  border: 1px solid #333;
  padding: 15px 15px 0 15px;
}

.radius-table {
  border: 1px solid #333;
}
.radius-table table {
  width: 100%;
}
.radius-table table tr {
  border-bottom: 1px solid #333;
}
.radius-table table tr td {
  padding: 5px;
}
.radius-table table tr td:first-child {
  border-right: 1px solid #333;
}
.radius-table table tr:last-child {
  border-bottom: none;
}

.gen-title {
  margin: 0 0 15px;
}
.gen-title h2 {
  font: 600 18px/24px "Open Sans", sans-serif;
  margin: 0;
  border: 1px solid #CCC;
  width: fit-content;
  padding: 5px;
}

.modal-content .white-stage {
  padding: 15px;
}

#site-modal .modal-dialog {
  width: 1160px;
}

.cc-copy {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cc-copy i {
  margin-left: 8px;
  display: block;
  width: 15px;
  text-align: center;
  transition: all ease 0.2s;
  font-size: 14px;
  color: #242c9f;
  cursor: pointer;
}
.cc-copy i:hover {
  color: #242c9f;
}
.cc-copy i.copied {
  color: #090;
  transform: scale(1.2);
}

.cc-copy-list {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cc-copy-list.table-list {
  justify-content: flex-start;
  height: 24px;
}
.cc-copy-list.table-list i {
  margin-left: 0;
  margin-right: 6px;
}
.cc-copy-list i {
  margin-left: 8px;
  display: block;
  width: 15px;
  text-align: center;
  transition: all ease 0.2s;
  font-size: 14px;
  color: #242c9f;
  cursor: pointer;
}
.cc-copy-list i:hover {
  color: #242c9f;
}
.cc-copy-list i.copied {
  color: #090;
  transform: scale(1.2);
}

.cc-copy-center .cc-copy-list {
  justify-content: center;
}

.cc-copy-list.finded {
  width: fit-content;
  background: #ffbb8e;
  padding: 5px;
}

.ptc2 {
  color: #d93831 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 0 !important;
}
.ptc2 strong {
  border-right: 1px solid #CCC;
  padding: 0 15px;
  display: inline-block;
}
.ptc2 strong:first-child {
  padding-left: 5px;
}

.montage-btn {
  display: inline-block;
  padding: 3px 5px 2px 5px;
  border-radius: 5px;
  background: #4678b2;
  color: #FFF;
  font-size: 16px;
  margin-left: 10px;
}

.passive-information {
  color: #F00;
  background: #FFF;
  font-size: 16px;
  position: absolute;
  right: 1px;
  top: 1px;
  font-weight: bold;
  font-family: Arial;
  animation: blink 5s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.de-title.cart-page {
  background: #4678b2;
  color: #FFF;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
  position: sticky;
  top: 0;
  z-index: 999;
}
.de-title.cart-page .info-box {
  font-size: 14px;
  padding: 10px 15px;
  border-right: 1px solid #FFF;
}
.de-title.cart-page .info-box i {
  font-size: 16px;
  margin-right: 8px;
}

.cart-excel-button {
  position: absolute;
  right: 5px;
  top: 5px;
  background: #FFF;
  width: fit-content;
  height: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  gap: 5px;
}
.cart-excel-button span {
  font: 600 12px/15px "Open Sans";
  color: #333;
}
.cart-excel-button img {
  position: relative !important;
  height: 20px;
  top: auto !important;
  right: auto !important;
}
.cart-excel-button:hover, .cart-excel-button:focus, .cart-excel-button:active {
  text-decoration: none;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

form#complete input, form#complete select {
  font-weight: 600;
  font-size: 13px;
  border-color: #333;
}

.more-oems {
  display: none;
}

.oem-first {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oem-first button {
  width: 50px;
  float: right;
  opacity: 1;
  transition: all ease 0.4s;
}
.oem-first button:hover {
  opacity: 0.6;
}
.oem-first button i.fas.fa-chevron-down {
  margin-left: 8px !important;
  font-size: 10px !important;
}
.oem-first button .extra {
  margin: 0 !important;
}

.new-login {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #FFF;
}
.new-login .left {
  width: 50%;
  position: relative;
  height: 100%;
  padding: 0 0 90px;
}
.new-login .right {
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 0 50px;
}

.pay-information {
  padding: 80px 30px 110px 30px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #588d5c;
}
.pay-information h1 {
  font: 400 32px/40px "Lobster", cursive;
  color: #FFF;
  margin: 0 0 40px;
}
.pay-information h3 {
  font: 400 22px/30px "Lobster", cursive;
  text-align: center;
  color: #FFF;
  margin: 0 0 20px;
}
.pay-information h3 i {
  text-decoration: underline;
  font-style: normal;
}
.pay-information .pay-boxes {
  margin: 30px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 140px));
  grid-gap: 10px;
  grid-auto-rows: auto;
  justify-content: center;
}
.pay-information .pay-boxes .pay-box {
  background: #FFF;
  border-radius: 5px;
  padding: 6px 10px 14px 10px;
  width: 140px;
}
.pay-information .pay-boxes .pay-box .img {
  text-align: center;
}
.pay-information .pay-boxes .pay-box .img img {
  width: 90%;
  height: 45px;
  object-fit: contain;
}
.pay-information .pay-boxes .pay-box .ins {
  font: 700 34px/40px "Open Sans", sans-serif;
  color: #000;
  text-align: center;
  margin: 0 0 8px;
}
.pay-information .pay-boxes .pay-box .tak {
  font: 600 18px/20px "Open Sans", sans-serif;
  color: #000;
  text-align: center;
}

.nl-socials {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.nl-socials .mobile-apps {
  float: right;
}
.nl-socials .mobile-apps a img {
  height: 40px;
}
.nl-socials .social-media {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 130px));
  grid-gap: 5px;
}
.nl-socials .social-media a {
  width: 130px;
  height: 40px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  color: #FFF;
  padding: 0 15px;
  text-decoration: none;
  font: 700 14px/20px "Open Sans", sans-serif;
}
.nl-socials .social-media a i {
  margin-right: 10px;
  font-size: 20px;
}

.pay-icons {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.pay-icons .vma, .pay-icons .ssl {
  display: flex;
  align-items: center;
}
.pay-icons .img {
  background: #FFF;
  padding: 4px 6px;
  height: 40px;
  border-right: 1px solid #DDD;
}
.pay-icons .img:first-child {
  border-radius: 5px 0 0 5px;
}
.pay-icons .img:last-child {
  border-radius: 0 5px 5px 0;
  border-right: 0;
}
.pay-icons .img img {
  width: 100%;
  height: 32px;
  object-fit: contain;
}
.pay-icons.margin .img {
  border: 0;
  border-radius: 5px;
}
.pay-icons.margin .vma .img {
  border-radius: 5px;
  margin-left: 10px;
}
.pay-icons.margin .ssl .img {
  border-radius: 5px;
  margin-right: 10px;
}

.nl-login {
  padding: 130px 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nl-login .logo {
  position: absolute;
  top: 10px;
  left: 30px;
  margin: 0 0 15px;
}
.nl-login .logo img {
  width: 80%;
  max-width: 260px;
  object-fit: contain;
}
.nl-login .logo.nifea-logo {
  border: 2px solid #333;
  border-radius: 5px;
  padding: 10px;
}
.nl-login .logo.nifea-logo img {
  max-width: 326px;
}
.nl-login .slogan {
  position: absolute;
  bottom: 150px;
  left: 35px;
  font: 400 18px/20px "Lobster", cursive;
}
.nl-login .tecdoc {
  position: absolute;
  right: 10px;
  top: 10px;
}
.nl-login .tecdoc img {
  height: 50px;
  object-fit: contain;
}
.nl-login .eac {
  position: absolute;
  right: 10px;
  top: 70px;
  border: 1px solid #CCC;
  padding: 5px;
}
.nl-login .eac img {
  height: 30px;
  object-fit: contain;
}
.nl-login form.login {
  width: 350px;
}
.nl-login form.login input {
  width: 100%;
  height: 42px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #333;
  margin: 0 0 10px;
  font: 600 14px/20px "Open Sans", sans-serif;
}
.nl-login .nl-button {
  margin: 0 0 10px;
}
.nl-login hr {
  margin: 8px 0;
  border-color: #999;
}

.nl-button {
  width: 100%;
  height: 42px;
  border-radius: 5px;
  border: 0;
  background: #333;
  color: #FFF;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.nl-button i {
  margin-right: 10px;
  font-size: 16px;
}
.nl-button.green {
  background: #588d5c;
}
.nl-button.green:hover {
  background: #427646;
}
.nl-button.gray {
  background: #999;
}
.nl-button.gray:hover {
  background: #777;
}
.nl-button.blue {
  background: #3b5998;
}
.nl-button.blue:hover {
  background: #2d4373;
}
.nl-button:hover, .nl-button:focus, .nl-button:active {
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
}

.info-boxes-ab {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0 50px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.info-boxes-ab .info-boxes {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.info-boxes-ab .info-box {
  padding: 6px 10px;
  border-radius: 5px 0 0 5px;
  background: #3c5997;
  color: #FFF;
  margin: 3px 0;
  font: 400 13px/20px "Open Sans", sans-serif;
}
.info-boxes-ab .info-box.w9 {
  width: 90%;
}
.info-boxes-ab .info-box.w8 {
  width: 80%;
}
.info-boxes-ab .info-box.w7 {
  width: 70%;
}
.info-boxes-ab .info-box strong {
  display: block;
  font-size: 18px;
}

.nl-screen-information {
  position: absolute;
  left: 0;
  bottom: 80px;
  padding: 30px 30px 0 30px;
  width: 100%;
}
.nl-screen-information .screen-information {
  border: 1px solid #CCC;
  padding: 5px;
  font: 600 13px/20px "Open Sans", sans-serif;
  color: #FFF;
  background: #999999;
  border-radius: 5px;
}
.nl-screen-information .screen-information div:first-child {
  border-bottom: 1px solid #DDD;
  padding-bottom: 3px;
  margin-bottom: 2px;
}

.login-title {
  font: 600 14px/20px "Open Sans", sans-serif;
  color: #FFF;
  margin: -15px 0 15px;
  text-align: center;
  width: 350px;
  border-radius: 5px;
  padding: 10px;
  background: #999999;
  display: flex;
  align-items: baselin;
}
.login-title span:first-child {
  margin-right: 10px;
  font-size: 18px;
  color: #000;
}
.login-title strong {
  color: #f00;
  margin: 0 2px;
}

.rt-logo {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}
.rt-logo img {
  height: 100px;
  object-fit: contain;
}

.app-form {
  padding: 30px;
}
.app-form .app-title {
  background: #DDD;
  padding: 10px;
  border-radius: 5px;
  font: 600 16px/20px "Open Sans", sans-serif;
  margin: 0 0 15px;
  text-align: center;
}
.app-form form label {
  margin: 0 0 15px;
  display: flex;
  align-items: center;
}
.app-form form label span {
  float: left;
  width: 200px;
}
.app-form form label input, .app-form form label textarea {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #333;
  padding: 0 10px;
}
.app-form form label textarea {
  height: 100px;
  padding: 10px;
}
.app-form form button {
  width: 100%;
  height: 42px;
  border-radius: 5px;
  border: 0;
  background: #333;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

@media (max-width: 991px) {
  .new-login .left {
    width: 100%;
    position: relative;
    height: auto !important;
    padding: 0 0 90px;
  }
  .new-login .right {
    width: 100%;
    position: relative;
    background: #588d5c;
    padding: 0 0 50px;
    height: auto !important;
  }
  .logo {
    left: 15px !important;
  }
  .logo img {
    max-width: 180px !important;
  }
  .nl-screen-information {
    display: none !important;
  }
  .tecdoc img {
    height: 40px !important;
  }
  .eac {
    top: 60px !important;
  }
  .eac img {
    height: 25px !important;
  }
  .nl-login {
    padding: 130px 15px 60px 15px !important;
    width: 100% !important;
    height: auto !important;
  }
  .nl-login form {
    margin: 0 auto;
  }
  .nl-login .login-title {
    margin: 0 auto 15px auto;
  }
  .info-boxes-ab {
    display: none !important;
  }
  .pay-boxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 140px)) !important;
    grid-gap: 15px;
  }
  .nl-socials {
    display: block;
  }
  .nl-socials .social-media {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nl-socials .social-media a {
    width: 100px;
    height: 34px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    color: #FFF;
    padding: 0 7px;
    text-decoration: none;
    font: 700 12px/18px "Open Sans", sans-serif;
  }
  .nl-socials .social-media a i {
    margin-right: 7px;
    font-size: 16px;
  }
  .nl-socials .mobile-apps {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
  }
  .pay-information {
    padding: 100px 15px 0 15px !important;
    height: auto !important;
  }
  .pay-information h1 {
    text-align: center;
  }
  .rt-logo {
    top: -1px !important;
  }
  .pay-icons {
    display: block;
    position: relative;
  }
  .pay-icons .vma, .pay-icons .ssl {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
  }
  .pay-icons .vma .img, .pay-icons .ssl .img {
    margin: 0 5px !important;
  }
  .pay-icons .ssl {
    margin: 15px 0 0 !important;
  }
  .login-banners {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .right {
    display: none;
  }
}
.new-products-information {
  padding: 80px 30px 110px 30px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #999;
}
.new-products-information h1 {
  font: 400 32px/40px "Lobster", cursive;
  color: #ffffff;
  margin: 0 0 40px;
}
.new-products-information .catalogue-buttons {
  border-left: 10px solid #999 !important;
}

.catalogue-slogan {
  margin: 30px 0 0;
  color: #FFF;
}
.catalogue-slogan h2 {
  margin: 0;
  font: 400 32px/40px "Lobster", cursive;
}

.login-banners .banner {
  width: 350px;
}
.login-banners .banner-desc {
  color: #333;
  border: 1px solid #999;
  padding: 5px;
  border-radius: 5px;
  margin: 5px 0 0;
  width: fit-content;
  min-width: 350px;
  font: 600 13px/20px "Open Sans", sans-serif;
}
.login-banners .banner-desc div:first-child {
  border-bottom: 1px solid #CCC;
  padding-bottom: 3px;
  margin-bottom: 2px;
}
.login-banners .banner-desc div:last-child {
  font-size: 12px;
}

.orders-page {
  padding-top: 0 !important;
}
.orders-page .de-title {
  position: sticky;
  top: 70px;
  margin: 0;
  background: #FFF;
  padding: 5px 0 6px;
}
.orders-page .products-table th {
  position: sticky;
  top: 115px;
}

.webservice-active {
  background: #333;
  /* border: 1px solid #ddd; */
  padding: 3px;
  margin: 0 0 10px;
  border-radius: 2px;
  font-size: 8px;
  text-align: center;
  position: absolute;
  top: 14px;
  right: -14px;
  transform: rotate(270deg);
  width: 52px;
}

.cart-changes-buttons {
  display: none;
  margin-top: -20px;
  margin-bottom: 20px;
}
.cart-changes-buttons.show {
  display: block;
}

.fwn {
  font-weight: normal !important;
}

.fancybox-content {
  background: #FFF !important;
}

.fancybox-content .button {
  display: flex;
  align-items: center;
  border: 1px solid #CCC;
  padding: 5px 10px;
  color: #333;
  font: 700 14px "Arial";
  text-decoration: none;
  margin-bottom: 10px;
  max-width: 420px;
}
.fancybox-content .button img {
  height: 36px;
  margin-right: 10px;
}

.popup-title {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #CCC;
  padding: 10px;
  text-align: center;
  font: 700 15px "Arial";
  width: 420px;
}
.popup-title img {
  height: 30px;
  margin-right: 10px;
}
.popup-title h2 {
  font-size: 15px;
  margin: 0;
}

li.check-all {
  font-weight: bold;
  color: #000;
}
li.check-all h2 {
  font-weight: 900 !important;
}

.inner-list li:nth-child(even) {
  background: #f2f2f2;
}

.p0td {
  padding: 0 !important;
  text-align: center !important;
}
.p0td > a, .p0td .process-button {
  border-radius: 0 !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.p0td > a:hover, .p0td .process-button:hover {
  text-decoration: none;
}
.p0td.image-td {
  background: #337ab7 !important;
}
.p0td.image-op {
  opacity: 0.6;
}

.show-hide-price {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}
.show-hide-price i {
  color: #313131;
}

td.pr {
  position: relative;
}

.first-product {
  outline: 10px solid #ffbb8e;
}

.first-product-row {
  background: #ffba8c;
}

.label-viewer {
  color: #4678b2 !important;
  margin-left: 5px;
  font-size: 17px;
  text-align: right;
}

form.w-search {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #000;
  background: #c5c5c5;
  position: sticky;
  top: 70px;
  z-index: 60;
}
form.w-search .home-button {
  margin-right: 10px;
  display: none;
}
form.w-search .home-button a {
  background: #F00;
  color: #FFF;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
form.w-search .select, form.w-search .txt-input {
  margin: 0 10px 0 0;
  width: 220px;
}
form.w-search select, form.w-search input[type=text], form.w-search .dd-button {
  height: 34px;
  border: 1px solid #000;
  padding: 0 10px;
  width: 100%;
  display: flex;
  font-weight: 600;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
form.w-search select > span:first-child, form.w-search input[type=text] > span:first-child, form.w-search .dd-button > span:first-child {
  display: block;
  height: 20px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
form.w-search select[disabled], form.w-search input[type=text][disabled], form.w-search .dd-button[disabled] {
  background: #CCC;
}
form.w-search .txt {
  width: fit-content;
  background: #FFF;
  border: 1px solid #000;
  margin-right: 10px;
  height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 14px/20px "Open Sans", sans-serif;
}
form.w-search .dropdown.selected .dd-button {
  background: #d5a2ff;
}
form.w-search .dropdown-menu {
  width: 300px;
  max-height: 375px;
  overflow-y: scroll;
}
form.w-search .dropdown-menu li {
  background: #FFF;
}
form.w-search .dropdown-menu li:nth-child(odd) {
  background: #e9e9e9;
}
form.w-search .dropdown-menu li:hover {
  background: #ffbb8e;
}
form.w-search .dropdown-menu li label {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px;
}
form.w-search .dropdown-menu li label input {
  margin: 0 5px 0 0;
}
form.w-search .dropdown-menu li label span {
  font: 600 12px/20px "Open Sans", sans-serif;
}

.excel-button#irsaliyeler a.excel-create {
  position: absolute;
  right: 10px;
  height: 34px;
  background: #FFF;
  border: 1px solid #000;
  padding: 0 5px;
  top: 10px;
  display: flex;
  align-items: center;
}
.excel-button#irsaliyeler a.excel-create:hover {
  text-decoration: none;
}
.excel-button#irsaliyeler a.excel-create:hover span {
  color: #000;
}
.excel-button#irsaliyeler a.excel-create img {
  height: 22px;
  margin-right: 5px;
}
.excel-button#irsaliyeler a.excel-create span {
  font: 600 14px/20px "Open Sans", sans-serif;
  color: #333;
}
.excel-button#irsaliyeler.extre-excel a.excel-create {
  right: auto;
  left: 925px;
}

.table-in-link {
  text-decoration: underline;
}

.extre table thead th, .irsaliyeler table thead th, .siparisler table thead th, .odemeler table thead th, .fiyat-teklifleri table thead th {
  top: 124px;
}

.payment-history {
  padding-top: 0;
}
.payment-history .gen-title {
  margin-bottom: 0;
  position: sticky;
  top: 70px;
  background: #FFF;
}
.payment-history table thead th {
  position: sticky;
  top: 104px;
}

.np-catalogue {
  padding: 20px;
  margin: 0 0 10px;
  width: 710px;
  background: #333;
  height: 60px;
  position: relative;
}
.np-catalogue .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.np-catalogue .view {
  position: relative;
  z-index: 2;
}
.np-catalogue .view img {
  height: 40px;
}
.np-catalogue .view .catalogue-name {
  color: #FFF;
  font: 700 14px "Montserrat";
}
.np-catalogue .view .catalogue-count {
  color: #FFF;
  font: 700 14px "Montserrat";
  position: absolute;
  left: 310px;
  top: 0;
  width: 140px;
  text-align: right;
}
.np-catalogue .view .catalogue-buttons {
  position: absolute;
  right: -20px;
  top: -20px;
  padding: 0 10px;
  border-left: 10px solid #e8e8e8;
  height: 60px;
  display: flex;
  align-items: center;
  background: #333;
}
.np-catalogue .view .catalogue-button a {
  display: flex;
  align-items: center;
  color: #FFF;
  padding: 0 5px;
  margin: 0 10px;
  font: 600 14px/20px "Open Sans", sans-serif;
}

.catalogue-new-products {
  padding: 10px;
}

.mk-menu .dropdown-menu {
  width: 250px;
}
.mk-menu .dropdown-menu a.dropdown-item {
  display: block;
  border-bottom: 1px solid #999;
  color: #333;
  font-size: 12px;
  padding: 5px 10px;
  font: 600 13px/18px "Open Sans", sans-serif;
}
.mk-menu .dropdown-menu a.dropdown-item:hover {
  text-decoration: none;
  background: #999;
  color: #000;
}
.mk-menu .dropdown-menu a.dropdown-item br {
  display: none;
}

.tab0 {
  top: auto;
  bottom: 36px !important;
}

.passive-text {
  text-align: center;
  font: 10px/8px "Arial";
  color: red;
  margin: 4px 0 0;
  animation: blink 5s linear infinite;
}

.wfc {
  width: fit-content;
}

li.all, li.all-radio {
  padding: 5px 10px;
  color: #f00;
  font: 700 12px/20px "Titillium Web", sans-serif;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #717171;
}

.s-bg {
  background: #e3d9c6 !important;
  color: #000 !important;
  border-color: #000 !important;
}

.w-bg {
  background: #ceffce !important;
  color: #000 !important;
  border-color: #000 !important;
}

.s1-bg {
  background: #DDD !important;
  color: #000 !important;
  border-color: #000 !important;
}

.w1-bg {
  background: #F6F6F6 !important;
  color: #000 !important;
  border-color: #000 !important;
}

.fm1-bg {
  background: #444b5b !important;
  color: #FFF !important;
  border-color: #000 !important;
}

.fm2-bg {
  background: #545e75 !important;
  color: #FFF !important;
  border-color: #000 !important;
}

.cr {
  color: red !important;
}

.cb {
  color: blue !important;
}

body.reports {
  background: #FFF !important;
}
body.reports nav {
  background: #c5c5c5 !important;
}
body.reports nav .logo {
  background: #FFF;
  display: block;
  padding: 0.1px 0 0 0;
  height: 70px;
}
body.reports nav .logo a {
  margin: 2px 15px;
  border: 1px solid #CCC;
  border-radius: 4px;
  display: block;
  padding: 10px;
}
body.reports nav .logo a img {
  height: 44px;
}
body.reports nav .user {
  margin-top: 10px;
}
body.reports nav .selectbox .btn-select {
  background: #FFF;
  color: #333;
  border: 1px solid #333;
  padding: 5px 10px;
  border-radius: 0;
  font: 600 14px/20px "Open Sans", sans-serif;
}
body.reports nav .selectbox .btn-select span.caret {
  color: #333;
  right: 10px;
  top: 15px;
}
body.reports nav .input input {
  background: #FFF;
  color: #333;
  border: 1px solid #333;
  padding: 5px 10px;
  border-radius: 0;
  font: 600 14px/20px "Open Sans", sans-serif;
}
body.reports nav .input input::placeholder {
  color: #333;
}
body.reports nav .customer-groups {
  background: #FFF;
  border-radius: 0;
  border: 1px solid #333;
}
body.reports nav .customer-groups label.group {
  border-bottom-color: #333;
}
body.reports nav .customer-groups label.group .check {
  border-color: #333;
}
body.reports nav .customer-groups label.group span {
  color: #333;
}
body.reports .reports-none {
  display: none;
}
body.reports .home-news {
  display: none;
}
body.reports .w-search {
  padding-left: 0 !important;
}
body.reports .products-table th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  z-index: 2 !important;
}
body.reports .model-label .right {
  display: none;
}
body.reports .customer-groups label.group input:checked + .check {
  background: #cda4f9;
  border: 0;
}
body.reports .customer-groups label.group span {
  font-size: 14px;
}
body.reports .customer-groups label.group:last-child {
  border-top: 0 !important;
}
body.reports .stat-warning {
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  background: #FFF;
  margin: 10px 0 0;
  color: #000;
  font: 700 13px/18px "Titillium Web", sans-serif;
  animation: fadeIn 2s infinite;
}

@keyframes fadeIn {
  0% {
    color: #000;
  }
  50% {
    color: #FFF;
  }
  100% {
    color: #000;
  }
}
.empty-info {
  color: red;
  padding: 20px;
  font: 700 16px/24px "Open Sans", sans-serif;
}

.installments-table {
  border-collapse: collapse;
  font: 13px "Open Sans", sans-serif;
}
.installments-table strong {
  font-weight: 600;
}
.installments-table th {
  background: #999;
  color: #333;
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}
.installments-table td {
  border: 1px solid #000;
  padding: 5px;
  font-weight: 600;
}
.installments-table tbody tr:hover {
  background: #E2E2E2;
}

.payment-wrapper input, .payment-wrapper select {
  border-radius: 0 !important;
  box-shadow: 0 0 none;
  border-color: #333 !important;
  font: 13px "Open Sans", sans-serif;
  background: #fff;
}
.payment-wrapper input::placeholder, .payment-wrapper select::placeholder {
  color: #555;
}
.payment-wrapper select[name=expiry-month] {
  border-right: 0 !important;
}
.payment-wrapper button {
  border-radius: 0 !important;
  border: 1px solid #333;
}

.tl-box {
  width: 40px;
  height: 34px;
  border: 1px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 13px "Open Sans", sans-serif;
  color: #333;
  margin-left: 5px;
  float: left;
}

.stat-modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
.stat-modal-title .selects {
  float: right;
  display: flex;
  align-items: center;
}
.stat-modal-title .selects select {
  border: 1px solid #333;
  padding: 5px;
  font: 600 13px/20px "Open Sans", sans-serif;
  margin: 0 0 0 10px;
  height: 32px;
}
.stat-modal-title .stat-title {
  font: 600 15px/32px "Open Sans", sans-serif;
  margin: 0 0 0;
  height: 32px;
  flex: auto;
  border: 1px solid #333;
  text-align: center;
}

.stat-modal {
  width: fit-content;
  padding: 10px 20px;
}

.news-form .form-line {
  margin: 0 0 10px;
  display: flex;
  align-items: flex-start;
}
.news-form .form-line div {
  flex: 0 0 160px;
  font: 600 13px/32px "Open Sans", sans-serif;
  padding: 0 10px;
  margin: 0 0 2px;
  border: 1px solid #666;
  margin-right: 10px;
  height: 32px;
}
.news-form input, .news-form textarea {
  width: 100%;
  height: 32px;
  padding: 5px 10px;
  border: 1px solid #000 !important;
  border-radius: 0;
}
.news-form input::placeholder, .news-form textarea::placeholder {
  color: #fff;
}
.news-form textarea {
  height: 100px;
  padding: 10px;
}

td.process-links {
  display: none;
}

.context-menu {
  position: absolute;
  display: none;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 5px #DDD;
  padding: 5px;
  min-width: 140px;
  z-index: 9999;
}
.context-menu a, .context-menu button {
  display: block;
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #DDD;
  font-weight: 600;
  color: #333;
  text-decoration: none;
}
.context-menu a:last-child, .context-menu button:last-child {
  border-bottom: 0;
}
.context-menu a:hover, .context-menu button:hover {
  background: #DDD;
}

.tf124 th {
  top: 124px !important;
}

a#new-cart {
  border: 1px solid #4677b2;
}

table.bank-table td {
  border: 1px solid #333;
  padding: 4px;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
}

.fs13 td {
  font-size: 13px;
  /* 30 Eylül 2024 tarihinde Nazmi Bey'in talebi üzerine font-size 13px olarak değiştirildi. Üst taraf ile alt tarafın font size farkının farkındaydık. */
}

td.cart-bg {
  background: #4678b2 !important;
}
td.cart-bg input {
  border-radius: 0;
  text-align: center;
  font-size: 13px;
}
td.cart-bg button {
  padding: 5px 0 5px 5px;
}

tr.dark-row td {
  color: #aa6511 !important;
}

tr.light-row td {
  color: #333 !important;
}

.modal-loading {
  text-align: center;
  padding: 20px;
  font: 600 18px/20px "Open Sans", sans-serif;
}

.egt-select label {
  background: #FFF;
  color: #000;
  height: 34px;
  border: 1px solid #000;
  padding: 0 10px;
  width: 70px;
  display: flex;
  font-weight: 600;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.egt-select label input {
  margin: 0;
}
.egt-select.selected-dg label {
  background: #d5a2ff;
  color: #000;
}

.egt-active {
  background: #000;
  /* border: 1px solid #ddd; */
  padding: 3px;
  margin: 0 0 0 0;
  border-radius: 2px;
  font-size: 11px;
  font-family: "Arial";
  text-align: center;
  position: absolute;
  top: 14px;
  right: 10px;
  transform: rotate(270deg);
  width: 52px;
  color: #FFF;
}

.label-active {
  background: #000;
  color: #FFF;
  padding: 3px 10px;
  border-radius: 2px;
  font-size: 11px;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  display: inline-block;
  margin-left: 5px;
  border: 2px solid #000;
}

.label-active-list {
  position: absolute;
  bottom: 3.5px;
  right: 5px;
  z-index: 9999;
}

.special-price {
  color: #b408c7 !important;
  white-space: nowrap;
  font-size: 13px;
  padding: 0 5px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.special-price i {
  margin-right: 5px;
  color: #b408c7;
}

.special-price-label {
  position: absolute;
  right: 25px;
  bottom: 3px;
  color: #b408c7;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  z-index: 333;
  animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.tbl-price-stage {
  position: relative;
}
.tbl-price-stage .special-price-badge {
  position: absolute;
  top: 0;
  left: 0;
  color: #b408c7;
}

.special-prices-link {
  border-color: #b408c7 !important;
}
.special-prices-link i {
  color: #b408c7 !important;
  font-size: 14px !important;
}

.new-products-link i {
  font-size: 14px !important;
}

.tooltip.top {
  border-bottom: 0;
}

.price-stage-text-special {
  color: #b408c7 !important;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.price-stage-text {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
}

.campaign-color {
  color: #b408c7 !important;
}

.campaign-bg-color {
  background: #b408c7 !important;
}

.primary-bg-color {
  background: #d93831 !important;
}

.cart-special-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-special-price i {
  font-size: 14px;
  color: #b408c7;
}

.header-currencies {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  padding-top: 2px;
  float: left;
}
.header-currencies .currency-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #999;
  padding: 3px;
  border-radius: 5px;
  gap: 5px;
}
.header-currencies .currency-item .icon img {
  height: 20px;
}
.header-currencies .currency-item .value {
  font-size: 13px;
  font-weight: 600;
  font-family: Arial;
}

.excel-result {
  padding: 0 0 0 300px;
}

.user-info-page {
  padding: 20px;
}
.user-info-page .white-stage {
  padding: 20px;
}
.user-info-page hr.dark {
  border-color: #000;
  border-width: 5px;
  margin: 5px 0;
}
.user-info-page hr.thin {
  border-color: #999;
  border-width: 2px;
  margin: 5px 0;
}
.user-info-page .de-title {
  padding: 0 0 5px !important;
  margin: 0 0 10px !important;
  border-bottom: 1px solid #999 !important;
}
.user-info-page .de-title h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  font: 600 15px/20px "Open Sans", sans-serif;
  color: #333;
}
.user-info-page .de-title h2 div {
  padding: 0;
}

table.user-settings {
  width: 100%;
  border-collapse: collapse;
}
table.user-settings td {
  padding: 3px;
  border: 1px solid #999;
  font: 600 13px/23px "Open Sans", sans-serif;
  color: #333;
}
table.user-settings td.input-td {
  padding: 0;
}
table.user-settings td.input-td input {
  width: 100%;
  height: 25px;
  border: 0;
  border-radius: 0;
  font: 600 13px/15px "Open Sans", sans-serif;
  color: #333;
  padding: 0 5px;
}
table.user-settings .us-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
table.user-settings .us-buttons .us-button {
  flex: 0 0 30px;
}
table.user-settings .us-button {
  display: block;
  padding: 3px;
  border-radius: 5px;
  background: #c8463a;
  color: #FFF;
  font: 600 13px/15px "Open Sans", sans-serif;
  text-decoration: none;
  text-align: center;
  border: 0;
  width: 30px;
  height: 22px;
}
table.user-settings .us-button:hover {
  text-decoration: none;
  background: #c8463a;
}

.mail-add-form {
  padding: 0 0 15px;
}

div[data-toggle=modal] {
  cursor: pointer;
}

.modal-content-wd {
  background: #FFF;
}

a.sub-seller-add {
  color: #333;
  text-decoration: underline;
}

.swal2-title {
  font-size: 18px !important;
  margin: 0 0 20px !important;
}

section.support {
  margin: 0 15px 5px;
  border: 2px solid #000;
  border-radius: 5px;
}
section.support table {
  border-collapse: collapse;
  width: 100%;
}
section.support table td {
  padding: 0 5px;
  font: 600 13px/20px "Open Sans", sans-serif;
  color: #333;
  border-bottom: 1px solid #000;
  background: #FFF;
}
section.support table tr:last-child td {
  border-bottom: none;
}

.popup-body {
  padding: 20px;
}

.webservice-description h1 {
  font: 700 15px/20px "Open Sans", sans-serif;
  color: #333;
  margin: 0 0 10px;
}
.webservice-description p {
  font: 600 12px/20px "Open Sans", sans-serif;
}
.webservice-description p:last-of-type {
  margin: 0;
}

.cross-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 205px;
}
.cross-list-title .cross-list-eye, .cross-list-title .cross-list-eye-slash {
  cursor: pointer;
  color: #000;
}

.dar-menu {
  display: none;
}
.dar-menu .dropdown-item {
  display: none !important;
}

@media (max-width: 2000px) {
  .tmenu1 {
    display: none;
  }
  .dar-menu {
    display: block;
  }
  .dar-menu .menu-1 {
    display: block !important;
  }
  .tmenu2 {
    display: none;
  }
  .dar-menu .menu-2 {
    display: block !important;
  }
  .tmenu3 {
    display: none;
  }
  .dar-menu .menu-3 {
    display: block !important;
  }
  .tmenu4 {
    display: none;
  }
  .dar-menu .menu-4 {
    display: block !important;
  }
  .tmenu5 {
    display: none;
  }
  .dar-menu .menu-5 {
    display: block !important;
  }
}
@media (max-width: 1500px) {
  .tmenu6 {
    display: none;
  }
  .dar-menu .menu-6 {
    display: block !important;
  }
}
@media (max-width: 1440px) {
  .tmenu7 {
    display: none;
  }
  .dar-menu .menu-7 {
    display: block !important;
  }
}
table.b2b-products-table {
  width: 100%;
  border-collapse: collapse;
  background: #FFF;
}
table.b2b-products-table th {
  background: #333;
  color: #FFF;
  padding: 5px;
  border: 1px solid #999;
  font: 600 11px/15px "Open Sans";
  position: sticky;
  top: 100px;
  z-index: 10;
}
table.b2b-products-table th[align=center] {
  text-align: center;
}
table.b2b-products-table.th-cart th {
  top: 43px;
}
table.b2b-products-table td {
  border: 1px solid #999;
  padding: 5px;
  color: #414141;
  font: 600 11px/15px "Open Sans";
}
table.b2b-products-table td[align=center] {
  text-align: center;
}
table.b2b-products-table td.p0 {
  padding: 0;
}
table.b2b-products-table td.active {
  background: #417646;
  color: #FFF;
}
table.b2b-products-table tr:not(.first-product-row):hover {
  background: #dddddd;
}
table.b2b-products-table .image-td {
  padding: 0;
  position: relative;
}
table.b2b-products-table .image-td a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(11, 106, 178);
  padding: 5px;
  color: #FFF;
  text-align: center;
  top: 0;
  left: 0;
  font-size: 14px;
}
table.b2b-products-table .image-td a:hover {
  text-decoration: none;
}
table.b2b-products-table .montage-image-td {
  padding: 0;
  position: relative;
}
table.b2b-products-table .montage-image-td a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ccc;
  padding: 5px;
  color: #333;
  text-align: center;
  top: 0;
  left: 0;
  font-size: 14px;
}
table.b2b-products-table .montage-image-td a:hover {
  text-decoration: none;
}
table.b2b-products-table .process-button {
  border: 0;
  padding: 0;
  font: 600 11px/15px "Open Sans";
  color: #333;
  background: none;
  cursor: pointer;
}
table.b2b-products-table .process-button:hover {
  text-decoration: none;
  color: #151b69;
}
table.b2b-products-table .dropdown-menu {
  left: -100px;
}
table.b2b-products-table .dropdown-menu a {
  color: #333 !important;
}
table.b2b-products-table .stock-bg {
  text-align: center;
}

.d-flex-table-in {
  display: flex;
  align-items: center;
  gap: 5px;
}

.oem-first-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.oem-first-list button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: 600 11px/15px "Open Sans";
  color: #242c9f;
  width: fit-content !important;
}
.oem-first-list button:hover {
  text-decoration: none;
  color: #151b69;
}

form.cart-add-form {
  position: relative;
  width: 65px;
  height: 24px;
  border: 1px solid #2f69ad;
  border-radius: 5px;
  overflow: hidden;
  background: #FFF;
}
form.cart-add-form input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 5px;
  text-align: left;
  font: 700 12px/15px "Open Sans";
  color: #2f69ad;
  background: none;
  cursor: pointer;
}
form.cart-add-form input:hover, form.cart-add-form input:focus, form.cart-add-form input:active {
  text-decoration: none;
  color: #2f69ad;
}
form.cart-add-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0 10px;
  color: #2f69ad;
  font: 600 11px/15px "Open Sans";
  cursor: pointer;
}
form.cart-add-form button i.fas.fa-check {
  color: #090;
}
form.cart-add-form button:hover {
  text-decoration: none;
  color: #151b69;
}

a.in-link {
  color: #333;
  text-decoration: underline;
}
a.in-link:hover {
  text-decoration: none;
  color: #000;
}

.product-title-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  height: 15px;
  line-height: 15px;
  max-width: 100%;
}

.product-cart-add-table {
  padding: 0 20px 20px 20px;
}

.first-brand-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.first-brand-image button {
  background: none;
  border: none;
  padding: 0;
  margin: 0 5px 0 0;
  cursor: pointer;
  font: 600 11px/15px "Open Sans";
  color: #242c9f;
}

.other-brand-images {
  display: none;
}
.other-brand-images img {
  width: 70px;
  object-fit: contain;
}

.list-boxes-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-gap: 10px;
  padding: 10px;
}

.list-box-item {
  border: 1px solid #000;
  border-bottom: none;
  position: relative;
  background: #FFF;
}
.list-box-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  z-index: 10;
  pointer-events: none;
}
.list-box-item .list-box-item-image {
  border-bottom: 1px solid #000;
  position: relative;
}
.list-box-item .list-box-item-image > img {
  width: 100%;
  height: 140px;
  object-fit: contain;
}
.list-box-item .list-box-item-image .tab0 {
  position: absolute;
  top: 5px;
  right: 5px;
}
.list-box-item .list-box-item-information table {
  width: 100%;
  font: 600 11px/15px "Open Sans";
}
.list-box-item .list-box-item-information table tr td {
  padding: 3px;
  border-bottom: 1px solid #000;
}
.list-box-item .list-box-item-information table tr td.p0 {
  padding: 0;
}
.list-box-item .list-box-item-information .narin-brands {
  display: block !important;
}
.list-box-item .list-box-item-information .narin-brands .first-brand-image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.list-box-item .list-box-item-information .box-narin-no {
  font-weight: 700;
  color: #000;
}
.list-box-item .list-box-item-information .box-narin-no span {
  color: #F00;
}
.list-box-item .list-box-item-information .box-customer-no {
  color: #000;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.list-box-item .list-box-item-information .box-customer-no span {
  color: #26659c;
}
.list-box-item .list-box-item-information .dimensions-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-box-item .list-box-item-information .dimensions-info .dimensions-info-item {
  width: 100%;
  border-right: 1px solid #000;
  font-size: 10px;
}
.list-box-item .list-box-item-information .dimensions-info .dimensions-info-item:last-child {
  border-right: none;
}
.list-box-item .list-box-item-information .dimensions-info .dimensions-info-item .dimensions-info-item-label {
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-box-item .list-box-item-information .dimensions-info .dimensions-info-item .dimensions-info-item-value {
  color: #666;
  padding: 0 3px;
}
.list-box-item .lr-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 5px;
  padding: 3px;
}
.list-box-item .lr-flex .cart-add-text {
  white-space: nowrap;
}
.list-box-item .lr-flex.p0 {
  padding: 0;
}
.list-box-item .lr-flex.border-top {
  border-top: 1px solid #000;
}
.list-box-item .lr-flex div {
  flex: 1;
}
.list-box-item .lr-flex .narin-brands {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.list-box-item .lr-flex .customer-brands {
  text-align: right;
}
.list-box-item .lr-flex .customer-brands .first-brand-image {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.list-box-item .cc-copy-list.table-list {
  height: 14px;
}
.list-box-item .oems-boxes {
  width: fit-content;
  float: right;
}
.list-box-item .process-button {
  border: 0;
  padding: 0;
  float: left;
  font: 600 11px/15px "Open Sans" !important;
  color: #333;
  background: none;
  cursor: pointer;
}
.list-box-item .process-button:hover {
  text-decoration: none;
  color: #151b69;
}
.list-box-item .dropdown-menu {
  top: 20px;
}
.list-box-item .dropdown-menu a {
  color: #333 !important;
}
.list-box-item .center-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-box-item .center-info > *:first-child {
  border-left: 1px solid #000;
}
.list-box-item .montage-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #CCC;
  color: #333;
  width: 22px;
  height: 22px;
  border-right: 1px solid #000;
}
.list-box-item .uam {
  height: 22px;
  border-right: 1px solid #000;
  padding: 0 5px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
}
.list-box-item .bu {
  min-width: 25px;
  height: 22px;
  border-right: 1px solid #000;
  padding: 0 5px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-box-item .rating {
  min-width: 25px;
  height: 22px;
  border-right: 1px solid #000;
  padding: 0 5px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-box-item .rating.active {
  background: #417646;
  color: #FFF;
}
.list-box-item .stock-bg {
  text-align: right;
  height: 22px;
  width: 100px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
  gap: 3px;
}

.stock-bg.negative {
  background: #ff9f9f;
  color: #F00;
}
.stock-bg.negative i.fas.fa-image {
  color: #333;
}
.stock-bg.positive {
  background: #417646;
  color: #FFF;
}
.stock-bg.normal {
  background: #417646;
  color: #FFF;
}

.list-total-information {
  background: #221f20;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: sticky;
  top: 70px;
  z-index: 11;
}
.list-total-information .total {
  padding-right: 15px;
}
.list-total-information .back-home a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #F00;
  color: #FFF;
  text-decoration: none;
}
.list-total-information .back-home a i {
  color: #FFF;
}
.list-total-information .options {
  display: flex;
  align-items: center;
  border-left: 1px solid #999;
}
.list-total-information .options .option {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 5px;
  border-left: 1px solid #999;
}
.list-total-information .options .option.p0 {
  padding: 0;
}
.list-total-information .options .option:first-child {
  border-left: none;
}
.list-total-information .options .option:last-child {
  border-right: 1px solid #999;
}
.list-total-information .options .option .option-title {
  font-weight: 700;
  color: #FFF;
}
.list-total-information .options .option select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #221f20;
  /* arkaplan rengi */
  color: #fff;
  border: 0;
  font-size: 11px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23ffffff' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0 center;
  padding: 0 20px 0 0;
}
.list-total-information .left {
  font: 700 11px/15px "Open Sans";
  color: #FFF;
  display: flex;
  align-items: center;
}
.list-total-information .right {
  text-align: right;
  display: flex;
  align-items: center;
}
.list-total-information .excel .excel-create-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: fit-content;
  padding: 0 5px;
  background: #FFF;
  gap: 5px;
}
.list-total-information .excel .excel-create-button span {
  font: 600 12px/15px "Open Sans";
  color: #333;
}
.list-total-information .excel .excel-create-button:hover, .list-total-information .excel .excel-create-button:focus, .list-total-information .excel .excel-create-button:active {
  text-decoration: none;
  background: #fff;
  color: #090;
}

label.top-search-filter {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
}
label.top-search-filter span {
  font: 700 11px/15px "Open Sans";
  color: #FFF;
  white-space: nowrap;
}

.option.selected {
  background: #4e754b;
  color: #FFF;
}
.option.selected label.top-search-filter span {
  color: #FFF;
}
.option.selected select {
  color: #FFF;
  background-color: #4e754b !important;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23ffffff' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  color: #FFF !important;
}

.top-list-types {
  display: flex;
  align-items: center;
  gap: 5px;
  border-left: 1px solid #333;
}
.top-list-types .list-type {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 5px;
  height: 30px;
  border-right: 1px solid #333;
  gap: 5px;
  cursor: pointer;
}
.top-list-types .list-type:last-child {
  border-right: none;
}
.top-list-types .list-type input {
  margin: 0;
}
.top-list-types .list-type span {
  font: 700 11px/15px "Open Sans";
  color: #333;
}
.top-list-types .list-type i {
  font-size: 14px;
  color: #333;
}

.group-filter {
  display: flex;
  align-items: center;
  gap: 0;
}
.group-filter label {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0 5px;
}
.group-filter label input {
  margin: 0;
}

.narin-no-color {
  color: #F00;
}

.customer-no-color {
  color: #26659c;
}

.sp-checkbox {
  cursor: pointer;
}
.sp-checkbox input {
  margin: 0;
  display: none;
}
.sp-checkbox input:checked ~ .checkbox-checked {
  display: flex;
}
.sp-checkbox input:checked ~ .checkbox-unchecked {
  display: none;
}
.sp-checkbox input:not(:checked) ~ .checkbox-checked {
  display: none;
}
.sp-checkbox input:not(:checked) ~ .checkbox-unchecked {
  display: flex;
}
.sp-checkbox .checkbox-checked, .sp-checkbox .checkbox-unchecked {
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #fff;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-checkbox .checkbox-unchecked {
  border-color: #FFF;
}
.sp-checkbox .checkbox-unchecked i {
  color: #444;
}
.sp-checkbox .checkbox-checked {
  display: none;
  border-color: #fff;
}
.sp-checkbox .checkbox-checked i {
  color: #fff;
}
.sp-checkbox .checkbox-unchecked {
  display: flex;
}
.sp-checkbox .checkbox-unchecked i {
  color: #444;
}

.group-filter-item {
  height: 30px;
}
.group-filter-item.selected {
  background: #4e754b;
  color: #FFF;
}
.group-filter-item.selected .checkbox-checked {
  border-color: #FFF !important;
}
.group-filter-item.selected .checkbox-checked i {
  color: #FFF !important;
}
.group-filter-item.selected .checkbox-unchecked {
  border-color: #999 !important;
}
.group-filter-item.selected .checkbox-unchecked i {
  color: #999 !important;
}

.table-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.table-flex .table-flex-title {
  font: 600 11px/15px "Open Sans";
  color: #333;
}

.list-empty-message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  width: 1000px;
  margin: 15px;
  background: #FFF;
  padding: 20px;
  border: 1px solid #000;
}
.list-empty-message .icon {
  font-size: 50px;
  color: #F00;
}
.list-empty-message .search-filters {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 15px;
}
.list-empty-message .search-filters .search-filter {
  font: 700 13px/15px "Open Sans";
  color: #333;
  border: 1px solid #000;
  padding: 5px;
  border-radius: 5px;
}
.list-empty-message h2 {
  font: 600 15px/20px "Open Sans";
  color: #000;
  text-align: left;
  margin: 0 0 10px 0;
}
.list-empty-message h2 strong {
  color: #F00;
}
.list-empty-message h2:last-child {
  margin: 0;
}
.list-empty-message .oem-offer-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.list-empty-message .oem-offer-buttons .oem-offer-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  font: 600 13px/15px "Open Sans", sans-serif;
  color: #333;
  text-decoration: none;
}
.list-empty-message .oem-offer-buttons .oem-offer-button:hover {
  text-decoration: none;
  background: #f00;
  color: #FFF;
}
.list-empty-message .oem-offer-buttons .oem-offer-button.yes {
  background: #31BC49;
  color: #FFF;
}
.list-empty-message .oem-offer-buttons .oem-offer-button.no {
  background: #ED1D23;
  color: #FFF;
}

.header-userbar {
  float: left;
  margin: 4px 10px 0 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
}
.header-userbar .header-userbar-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  min-width: 100px;
}
.header-userbar .header-userbar-loading i {
  color: #3e68a8;
}
.header-userbar table {
  border-collapse: collapse;
}
.header-userbar table tr td {
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #333;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.header-userbar table tr td.color-red {
  color: #F00;
}
.header-userbar table tr td a {
  color: #000;
}
.header-userbar table tr td:last-child {
  border-right: none;
}
.header-userbar table tr td.branch-active, .header-userbar table tr td.cart-name-active {
  color: #b408c7 !important;
}
.header-userbar table tr td.company-view-active {
  background: #feff55;
  color: #000 !important;
}
.header-userbar table tr:last-child td {
  border-bottom: none;
}

.userbar-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  text-decoration: none;
}
.userbar-cart i {
  color: #FFF;
}
.userbar-cart span {
  color: #fff;
  font-weight: 700;
}
.userbar-cart span.active {
  color: #fff;
}
.userbar-cart:hover, .userbar-cart:focus, .userbar-cart:active {
  text-decoration: none;
}

.header-user-features {
  display: flex;
  flex-direction: column;
  gap: 5px;
  float: left;
  margin: 0 10px 0 0;
  padding: 3px 0;
  height: 70px;
}
.header-user-features .feature {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 5px;
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 0 5px;
}
.header-user-features .feature:hover, .header-user-features .feature:focus, .header-user-features .feature:active {
  text-decoration: none;
}
.header-user-features .feature i {
  color: #3e68a8;
}
.header-user-features .feature span {
  color: #333;
  font: 600 12px/16px "Open Sans", sans-serif;
}

.top-cart-td {
  background: #3e68a8;
}
.top-cart-td .top-cart-link {
  color: #FFF;
  text-decoration: none;
}
.top-cart-td .top-cart-link:hover, .top-cart-td .top-cart-link:focus, .top-cart-td .top-cart-link:active {
  text-decoration: none;
}

/*# sourceMappingURL=styles.css.map */