body {
    background: #fff;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-image: url('/themes/frontend/images/seikoclub-bg-gradient.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 130%;
    background-attachment: fixed;
}

.default-popup {
    background-color: white;
}

.default-button {
    border: 1px solid rgb(126 126 126 / 50%);
    color: black;
}

.popup-close-button {
    color: #2c2a32;
}

header,
.navbar-brand {
    background-color: #fff;
}

.navIcon {
    border: 1px solid rgba(39, 39, 45, 0.15) !important;
}

.navbar {
    border-bottom: 1px solid rgba(39, 39, 45, 0.15) !important;
}

@media (max-width: 600px) {
    .navbar-brand img,
    .navbar-brand {
        /*position: relative;*/
        /*width: 150px !important;*/
        left: 18% !important;
    }
}

.inner form .form-group .alert-danger {
    margin-top: 0 !important;
}

form .form-group .alert-danger {
    margin-top: -14px !important;
}

#regBox .container,
.register-login-container {
    /*background-image: linear-gradient(110deg,#131118 0%,#22263b 100%);*/
    /*padding-top: 40px !important;*/

    background-color: #F6F8FA;
    background-image: none;
    border-radius: 5px;
}

#regBox .form-control,
#regBox .container .color-white,
footer .contactDatas p {
    color: #2C2A32;
}

#staticHeader h1,
.form-accept p,
.form-check-label,
.profile-title-row h1,
.profile-content-row form label,
h1, h2, h3, h4 {
    color: #2C2A32;
}

.reg-watch-filter select.form-control:focus,
.reg-watch-filter select,
.reg-watch-filter label#sortSelectLabel {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}

#regBox .inner,
.profile-login form,
.profile-register form,
.social-login-row {
    background-color: #fff;
}

#regBox button {
    background-color: #2C2A32 !important;
    color: #fff !important;
}

.magazin-slider .swiper .swiper-wrapper .swiper-slide p {
    color: black;
}

.magazin-slider .swiper .swiper-wrapper .swiper-slide .card-content .btn-primary,
#regBox .form-control,
.change-profile form input,
.change-profile form .btn-primary,
.profile-register form input,
.profile-register form .btn-primary,
.profile-login form input,
.profile-login form .btn-primary {
    border: 1px solid rgba(39, 39, 45, 0.15) !important;
}

.change-profile form input,
.change-profile form select,
.form-control::placeholder,
#regBox .form-control::placeholder {
    color: #6c757d;
}

#regBox button,
#regBox input:focus,
#regBox .form-control input:focus,
.change-profile form input:focus,
.profile-register form input:focus,
.profile-login form input:focus,
.profile-register form input,
.profile-login form input {
    color: #2C2A32;
}

.default-input {
    border: 1px solid rgba(39, 39, 45, 0.15) !important;
    color: black !important;
}

.alert-button {
    color: white;
}

.add-icon-div a,
.profile-content .nav-link::selection,
.profile-content .nav-link:hover,
.profile-content .nav-link {
    background-color: #fff !important;
    color: #2C2A32;
    border: 1px solid rgba(39, 39, 45, 0.15);
}

.add-icon-div a:hover {
    background-color: rgba(39, 39, 45, 0.15) !important;
}

.profile-content .nav-link.active {
    background-color: rgba(39, 39, 45, 0.15) !important;
    border: 1px solid transparent !important;
    color: #2C2A32;
}

.magazin-slider .swiper .swiper-wrapper .swiper-slide .card-content .btn-primary,
.social-login-element,
.profile-content .btn-primary,
.controlPanelItem .inner .btn-primary,
.change-profile form .btn-primary,
.profile-login form .btn-primary,
.profile-register form .btn-primary {
    background-color: #2C2A32 !important;
    color: #fff;
}

.alert-row .alert {
    background-color: #ededef;
}

.profile-rank,
.alert-row .alert-secondary h3,
.alert-row .alert-secondary p {
    color: #2C2A32;
}

.profile-account-row {
    background-color: #F6F8FA;
}

.profile-menu li a,
.profile-menu li form button,
.profile-content h3,
.profile-content p {
    color: #2C2A32;
}

.controlPanelItem .inner,
.profile-menu,
.profile-rank {
    background-color: #fff;
}


.profile-menu li:hover a,
.profile-menu li:hover form button {
    border-left-color: #333;
    border-left-style: solid;
    border-left-width: 1px;
}

.profile-menu-active li:hover,
.profile-menu-active li:hover form button,
.profile-menu-active li:hover a {
    background-image: linear-gradient(110deg, #131118 0%, #22263B 100%) !important;
    color: #fff;
}

.profile-menu li:hover {
    background-image: none;
    border: 0;
}

.profile-menu-active:hover,
.profile-menu-active:hover form button,
.profile-menu-active:hover a {
    background-image: linear-gradient(110deg, #131118 0%, #22263B 100%) !important;
    color: #fff;
    border: 0 !important;
}

body {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.profile-menu-active button,
.profile-menu-active a {
    /*background-image: none;*/
    color: #fff !important;
}

.profile-content-item {
    background-color: #fff;
}

.magazin-slider .swiper .swiper-wrapper .swiper-slide .card-content .btn-primary,
.profile-content-item .btn-primary:hover, .profile-content-item .btn-primary:focus, .profile-content-item .btn-primary:active,
.profile-content-item .btn {
    background-color: #000;
    color: #fff
}

.profile-content .change-profile h4,
.profile-content-item h4 {
    color: #2C2A32;
}

.profile-content-row {
    /*justify-content: left;*/
}

.profile-container {
    background-image: none;
    background-color: #F6F8FA;
}

.alert-secondary {
    background: #ededef !important;
    border: none;
}


.register-watch-form, .tab-content {
    background-color: #fff;
}

.info-row-number {
    border-color: rgba(39, 39, 45, 0.15);
}


.profile-content-row form input,
.profile-content-row form input:focus,
.info-row-label small,
.info-row-number h4 {
    color: #2C2A32;

}

.profile-content-row form input,
.profile-content-row form input:focus {
    border: 1px solid rgba(39, 39, 45, 0.15) !important;
}

.info-row-input ul li {
    color: #ff3d3d;
}

.profile-registered table thead th {
    color: #2C2A32;
}

.profile-registered table tbody td a, .profile-registered table tbody td {
    background-color: #fff;
}

.profile-registered table tbody td {
    border-bottom: 1px solid rgba(39, 39, 45, 0.15);
}

.row.profile-content.profile-registered {
    background-color: #fff;
    padding: 10px 0 !important;
}

.row.alert-row {
    padding: 40px 60px 20px 60px;
}

#homepage-slider .swiper-slide .content {
    align-items: center;
}

#homepage-slider .swiper-slide .content div {
    width: 50%;
}

.profile-container .row.alert-row {
    padding: 50px 60px 0 60px !important;
}

.profile-content-row form textarea,
.profile-content-row form select:focus,
.profile-content-row form select {
    border: 1px solid rgba(39, 39, 45, 0.15);
    color: #6c757d;
    background-color: transparent;
}

#cookie-banner,
.cc-color-override-1594471489.cc-window {
    background-color: #f6f8fa !important;
}

#cookie-banner {
    color: #000 !important;
    border: 1px solid rgba(208, 202, 202, 0.2);
}

#cookie-banner .btn {
    background-color: #3F3D45 !important;
}

.cc-color-override-1594471489.cc-window {
    color: #000 !important;
}

.breadcrumb {
    left: 0;
}

.magazin-latest,
.magazin-slider {
    background-color: #fff;
}

.magazin-slider .swiper .swiper-button-next::after,
.magazin-slider .swiper .swiper-button-prev::after,
.magazin-latest h6,
.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before {
    color: #000 !important;
}

.magazin-info,
.magazin-hero {
    background-image: none;
    background-color: #f6f8fa;
}

.magazin-info p,
.magazin-info h2,
.magazin-info h6,
.magazin-hero p,
.magazin-hero h1 {
    color: #000 !important;
}

::-webkit-calendar-picker-indicator {
    filter: invert(0);
}

.watch-register-image-background-fix {
    padding: 15px;
    background-color: #2C2A32;
    border-radius: 25px;
}

.profile-table-hover:hover > td {
    background-color: #2C2A32 !important;
}

.toggle-password {
    color: #6c757d;
}

#watch-register-file-info {
    color: #2C2A32;
}

.main-article-area {
    padding: 20px;
    background-color: #f6f8fa !important;
}

.pimcore_area_article p,
.main-article-area h1 {
    color: #000 !important;
}

.club-register-info {
    text-align: center;
    color: #000 !important;
    font-size: 18px !important;
}

.club-register-info a:hover,
.club-register-info a {
    font-size: 18px !important;
    color: #000;
}

@media (max-width: 868px) {
    .club-register-info {
        padding-top: 20px;
    }

    .club-register-info a,
    .club-register-info {
        font-size: 16px !important;
    }
}

.pimcore-edit-label {
    color: #000;
}

.article-edit-title {
    color: #000;
}

.club-info {
    padding-top: 20px;
    padding-bottom: 20px;
}

.club-process {
    padding-bottom: 20px !important;
}

.club-side h3,
.club-side h4 {
    text-transform: uppercase !important;
}

.club-side h4 {
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 1px;
}

.club-side .club-row {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.club-side .club-row h3 {
    margin: 10px 30px !important;
}

.club-download {
    margin: 20px 0 !important;
}

.contactDatas a {
    color: #da9a66;
}

.profile-newsletter h4, .profile-registered h4 {
    color: #2c2a32;
}

.filter-collapse-element ul li label input[type="radio"]:checked ~ span {
    border: 1px solid #da9a66 !important;
}

.filter-collapse-element ul li label input[type="radio"]:hover ~ span {
    border: 1px solid #da9a66 !important;
}

ul.pagination .page-item .page-link {
    background: #2c2a32;
}

ul.pagination .page-item .page-link:hover {
    color: #2c2a32;
    border: 1px solid #2c2a32 !important;
}

ul.pagination .page-item .page-link-active {
    background-color: #2c2a32;
    border: 1px solid #da9a66 !important;
}

.product-container {
    background: transparent;
}

.box-item {
    background-color: #fff;
}

.white-container {
    background-color: #F6F8FA !important;
    background-image: none !important;
}

.white-container .btn-primary {
    background-color: rgb(62, 59, 66) !important
}

.white-container #clubPackages .card-header {
    background-color: #1a1821;
}

.white-container #clubPackages .card .collapse {
    background-color: #1a1821;
}

.white-application {
    background-color: #FFF;
}

.white-application .club-info div h3,
.white-application .club-info div p {
    color: #1a1821 !important;
}

.white-application .club-process .item .inner p {
    color: #1a1821 !important;
}

.white-application .club-process .item .inner p span {
    color: #1a1821 !important;
}

.white-application .club-download h3,
.white-application .club-download p {
    color: #1a1821 !important;
}

.white-application .club-download .download-button {
    background-color: #3F3D45 !important;
}

.club-application .club-process .arrow {
    color: #333333;
}

.club-application .club-process .item .inner {
    border: 1px solid rgba(208, 202, 202, 0.2);
}

.club-application .club-process .item span {
    color: #FFF;
}

.club-application .club-process .item .inner .image-wrap {
    border: 1px solid rgba(208, 202, 202, 0.2);
}

.club-application .club-process .item .inner p {
    color: #c1c0c0 !important;
}

.fs-14 {
    color: #333333;
}

.filter-collapse-element ul li label input[type="checkbox"]:checked ~ span {
    border: 1px solid #da9a66 !important;
}

.filter-collapse-element ul li label input[type="checkbox"]:hover ~ span {
    border: 1px solid #da9a66 !important;
}

.club-text-color {
    color: #2C2A32;
}

.modal-content {
    background-color: white;
}

.modal-content .modal-header .modal-title {
    color: black;
}

.modal-content .modal-header .close {
    color: black;
}

#before-watch-reg-modal .modal-body {
    color: black !important;
}

#before-watch-reg-modal li {
    color: black !important;
}

.summary-panel .value {
    color: black;
}

.compare-modal-body {
    color: black;
}

#cookie-banner .cc-link,
#cookie-banner .cc-link:hover {
    color: var(--linkblue);
    font-weight: 500;
    text-decoration: none;
}

.warranty-section div {
    color: black;
}

.error h1 {
    color: #000;
    margin: 0;
}

.error .row {
    padding-bottom: 0;
}

.error-container {
    background-image: unset;
}

.error-container .col {
    padding: 0 60px;
}

.error-container .col h1 {
    color: #000;
    margin: 0;
    text-align: center;
}

.error-container .col p {
    color: #000;
}

.error-container .col ul li {
    color: #000;
}

.registered-watch-details-container,
.registered-watch-details-container div {
    background-color: white;
    color: black;
}

.watch-repair-container,
.watch-repair-container div {
    background-color: white;
    color: black;
}

.new-userreport-container, .new-userreport-container div, .new-userreport-container label {
    color: black;
}

#interestModal .modal-dialog .modal-content .modal-body form .form-group input {
    background-color: transparent !important;
    border: 1px solid black !important;
}

#interestModal .modal-dialog .modal-content .modal-body form .form-group textarea {
    border-color: #000 !important;
    color: #000 !important;
}

#interestModal .modal-dialog .modal-content .modal-body form .form-group label {
    color: #000 !important;
}

/* NEWS PAGE */

#newsHeader p.date {
    color: #000;
}

#newsHeader h1 {
    color: #000;
}

.news-meta-data h4 a, .news-meta-data p {
    color: #000;
}

/* STATIC PAGE */
#staticHeader h1 {
    color: #000;
}

#staticPage h2 {
    color: #000;
}

#staticPage h3 {
    color: #000;
}

#staticPage p {
    color: #000;
}

#staticPage p a {
    color: var(--linkblue);
}

#staticPage .socialDiv .share {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#staticPage .socialDiv .btn {
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#staticPage .socialDiv .share ul li a {
    color: #000;
}

#staticPage .socialDiv .share ul li a:hover {
    color: #bab9bc;
}

#staticPage .socialDiv hr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* PRODUCTS */
.similar-products h3 {
    color: #000;
}

.pimcore_area_content .contact-container,
.pimcore_area_snippet .contact-container {
    background-image: linear-gradient(110deg, #dddddd 0%, #eeeeee 100%);
}

.watch-landing-description h1,
.watch-landing-description p {
    color: #000;
}

.club-application .row div a,
footer ul > li a {
    color: #1a1821 !important;
}

.article-area-checkbox-container label, .article-area-embed-container .article-edit-box {
    color: black !important;
}

input[type=password]:valid + i.toggle-password,
input[type=text]:valid + i.toggle-password {
    color: #000;
}