.hdk-inspired {
    --main-bg-color: #111111;
    --main-color: #ffffff;
    --main-bg-color-hover: #e6007e;
    --main-color-hover: #ffffff;
    --main-bg-color-principal: #e6007e;
    --main-color-principal: #ffffff;
    --main-bg-color-principal-hover: #b80065;
    --main-color-principal-hover: #ffffff;
    --main-bg-color-secundario: #111111;
    --main-color-secundario: #ffffff;
    --main-bg-color-secundario-hover: #333333;
    --main-color-secundario-hover: #ffffff;
    --main-bg-color-active: #e6007e;
    --main-color-active: #ffffff;
    color: #212121;
    background: #ffffff;
}

.hdk-inspired a { color: #b80065; }
.hdk-inspired a:hover,
.hdk-inspired a:focus { color: #73003f; }
.hdk-inspired .navbar-inverse,
.hdk-inspired .footer,
.hdk-inspired #MainHeader { background: #111111 !important; }
.hdk-inspired .navbar-inverse .navbar-nav > li > a,
.hdk-inspired .footer a { color: #ffffff; }
.hdk-inspired .navbar-inverse .navbar-nav > li > a:hover,
.hdk-inspired .navbar-inverse .navbar-nav > .active > a,
.hdk-inspired .footer a:hover { color: #ff4ca5; }
.hdk-inspired .btn-primary,
.hdk-inspired .btn-success,
.hdk-inspired .btn-blue { background: #e6007e !important; border-color: #e6007e !important; color: #ffffff; }
.hdk-inspired .btn-primary:hover,
.hdk-inspired .btn-primary:focus,
.hdk-inspired .btn-success:hover,
.hdk-inspired .btn-success:focus,
.hdk-inspired .btn-blue:hover,
.hdk-inspired .btn-blue:focus { background: #b80065 !important; border-color: #b80065 !important; color: #ffffff; }
.hdk-inspired .pagination > .active > a,
.hdk-inspired .pagination > .active > span { background: #e6007e; border-color: #e6007e; color: #ffffff; }
.hdk-inspired .form-control:focus { border-color: #e6007e; box-shadow: 0 0 0 2px rgba(230, 0, 126, .15); }

/* Checkout summary and customer form share the same horizontal edges. */
.hdk-inspired #capaFrmClientPuchaseFormPreview {
    padding-left: 30px;
    padding-right: 0;
}

.hdk-inspired #purchase > .panel,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel {
    border-color: rgba(17, 17, 17, .2);
    background: transparent;
}

.hdk-inspired #purchase > .panel > .panel-body,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel > .panel-body {
    background: rgba(0, 0, 0, .6);
    color: #ffffff;
}

.hdk-inspired #purchase > .panel > .panel-body .text-success,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel > .panel-body .text-success {
    color: #ff7fbd;
}

.hdk-inspired #capaFrmClientPuchaseFormPreview .panel-body .form-control {
    background: #ffffff;
    color: #212121;
}

.hdk-inspired #purchase > .panel > .panel-body a,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel-body a {
    color: #ff9bcb;
}

.hdk-inspired #purchase > .panel > .panel-heading,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel > .panel-heading {
    background: #222222;
    border-color: #222222;
    color: #ffffff;
}

.hdk-inspired #capaFrmClientPuchaseFormPreview .panel-heading.text-blue,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel-heading .panel-title {
    color: #ffffff !important;
}

.hdk-inspired #purchase > .panel > .panel-heading small,
.hdk-inspired #capaFrmClientPuchaseFormPreview .panel > .panel-heading small {
    color: #e0e0e0;
}

.hdk-inspired #purchase .vn-preview-table thead th {
    background: #292929;
    color: #ffffff;
    border-color: #292929;
}

.hdk-inspired #purchase .vn-preview-table tbody tr {
    background: rgba(0, 0, 0, .12);
}

.hdk-inspired #purchase .vn-preview-table td:first-child,
.hdk-inspired #purchase .vn-preview-table th:first-child {
    text-align: left;
}

@media (max-width: 767px) {
    .hdk-inspired #purchase .vn-preview-table colgroup { display: none; }
}

@media (max-width: 767px) {
    .hdk-inspired #capaFrmClientPuchaseFormPreview {
        padding-left: 15px;
        padding-right: 15px;
    }
}