body {
    background-color: #FCFCFC;
}
a {
    color: #FD5F03;
    text-decoration: none;
    background-color: transparent;
}
.orange {
    color: #FD5F03 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
sup {
    color: #BEBEBE;
}
input[type="checkbox"] {
    accent-color: #FD5F03;
}
input[type=file]::file-selector-button {
    background-color: #B0C0E4 !important;
    border: 1px solid #B0C0E4 !important;
    color: #FFF !important;
    border-radius: 0.25rem;
    line-height: 20px;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #77CB9B;
    background-color: #77CB9B;
}
label, .col-form-label {
    font-weight: 600;
    color: #3C3C46;
    font-size: 13px;
}
.form-control, .form-select {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    color: #BEBEBE;
    font-size: 16px;
}
.notification-indicator-number {
    background-color: #FD5F03;
    border-radius: 1rem;
    color: #000;
}

.btn-primary, .navbar-vertical:not(.navbar-vibrant) .btn-purchase, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .navbar-vertical:not(.navbar-vibrant) .btn-purchase:hover {
    background-color: #FD5F03 !important;
    border-color: #FD5F03 !important;
}
.btn-falcon-default {
    background-color: #FD5F03;
    color: #FFF;
    min-width: 255px;
    text-align: center;
}
input[type="radio"] {
    display: none;
}
input[type="radio"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin-right: 0.7rem;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: gray;
}
input[type="radio"]:checked + * {
    color: #FD5F03;
}
input[type="radio"]:checked + *::before {
    background: radial-gradient(#FD5F03 0%, #FD5F03 40%, transparent 50%, transparent);
    border-color: #FD5F03;
}
.info-tooltip {
    border-radius: 50%;
    color: #FFF;
    background-color: #B0C0E4;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
    cursor: zoom-in;
}
/* -------------------------------- login -------------------------------- */
.login-wrapper label, .login-wrapper a, .login-wrapper p {
    color: #3C3C46;
}
.login-wrapper a.fs--1, .table-link {
    color: #B0C0E4 !important;
}
.login-wrapper a {
    text-decoration: underline;
}

.login-wrapper .login-left-col {
    background-color: #FFFAF7;
}

/* -------------------------------- navbar -------------------------------- */
.navbar-glass, .navbar-vertical .navbar-collapse {
    background-color: #FCFCFC;
}
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-collapse {
    width: 2.125rem !important;
    margin-right: -0.9375rem;
    overflow: hidden;
}

/* -------------------------------- table -------------------------------- */
.table thead th {
    height: 60px;
    vertical-align: middle;
    background-color: #F5F5F5;
    color: #3C3C46;
}
.table td {
    height: 60px;
    vertical-align: middle;
    color: #3C3C46;
}
.table a {
    color: #FD5F03;
    text-decoration: none;
}
.status-active {
    border-radius: 100%;
    z-index: 1;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    background-color: #77CB9B;
}
.status-closed {
    border-radius: 100%;
    z-index: 1;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    background-color: #FF6969;
}
.status-in-preparation {
    border-radius: 100%;
    z-index: 1;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #BEBEBE;
}
.status-new {
    border-radius: 100%;
    z-index: 1;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #77CB9B;
}
/* -------------------------------- pagination -------------------------------- */
.page-link, .page-item.active .page-link {
    color: #B0C0E4 !important;
    border: 0;
}
.page-item.active .page-link {
    color: #FD5F03 !important;
    background-color: unset;
    font-weight: bold;
}
.page-item.active .page-link:hover {
    color: #FFF !important;
}
.page-link:hover {
    color: #FFF !important;
    background-color: #FD5F03 !important;
    border: #FD5F03 !important;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 0.25rem;
    border: 1px solid #B0C0E4;
    margin-right: 15px;
}
.page-item:last-child .page-link {
    border-radius: 0.25rem;
    border: 1px solid #B0C0E4;
    margin-left: 15px;
}
/* -------------------------------- spinner -------------------------------- */
#spinner {
    position: fixed;
    top: 0; left: 0; z-index: 9999;
    width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0.2s;
}
#spinner .text-success {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%);
}
#spinner {
    visibility: hidden;
    opacity: 0;
}
#spinner.show {
    visibility: visible;
    opacity: 1;
}
/* -------------------------------- promotion -------------------------------- */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #FD5F03;
}
.progress-bar {
    background-color: #FD5F03;
}
.promo-header {
    margin: 10px 0;
}
.promo-header span {
    color: #FD5F03;
}
.nav-link.disabled {
    color: #cfcfcf;
    cursor: not-allowed;
}
.promo-group-tittle {
    color: #B0C0E4;
    font-size: 18px;
    border-bottom: 1px solid #B0C0E4;
    margin-bottom: 0;
    margin: 20px 0;
}
.step-one .nav-pills .active {
    background-color: #B0C0E4 !important;
    border: 1px solid #B0C0E4 !important;
    color: #FFF !important;
    min-width: 290px;
}
.step-one .nav-pills a {
    background-color: #F5F5F5 !important;
    border: 1px solid #F5F5F5 !important;
    color: #707070 !important;
    min-width: 290px;
}
.back-btn {
    border: 1px solid #B0C0E4;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    color: #B0C0E4;
    min-width: 180px;
}
.step-two .form-check{
    border: 1px solid #e2e2e2;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    text-align: center;
    padding-bottom: 20px;
}
.step-two label {
    color: #bebebe;
    font-size: 28px;
    line-height: 28px;
    width: 90%;
    min-height: 510px;
}
.step-two label span {
    color: #bebebe;
    font-size: 16px;
}
.step-two input[type="radio"] + *::before {
    display: none;
}
.step-two input[type="radio"] + *::after {
    content: "";
    display: block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin-right: 0.7rem;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: gray;
    margin: 0 auto;
}

.step-two input[type="radio"]:checked + *::after {
    background: radial-gradient(#FD5F03 0%, #FD5F03 40%, transparent 50%, transparent);
    border-color: #FD5F03;
}
.step-two .form-check {
    padding: 0;
}
.step-two .box-top {
    border-radius: 5px;
    text-align: center;
    font: normal normal 600 28px/42px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 80%;
    margin: -25px auto 0;
    min-height: 39px;
    line-height: 39px;
}
.step-two .variant-mini-box, .step-two .variant-config-box {
    background: #707070 0% 0% no-repeat padding-box;
}
.step-two .variant-midi-box,  .variant-competition-box {
    background: #B0C0E4 0% 0% no-repeat padding-box;
}
.step-two .variant-maxi-box, .variant-lottery-box {
    background: #FD5F03 0% 0% no-repeat padding-box;
}
.step-two .variant-lite-box {
    background: #bebebe 0% 0% no-repeat padding-box;
}
.step-two .price-box {
    text-align: center;
    font: normal normal 600 20px/30px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 20px auto;
    border-radius: 5px;
    min-height: 43px;
    line-height: 43px;
}
.step-two .list-info {
    text-align: left;
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    margin: 0;
    padding-inline-start: 0;
    padding: 0 12%;
    min-height: 200px;
}
.step-two .list-info-config {
    min-height: 175px;
}
.step-two .variant-promo {
    text-align: center;
    font: normal normal 600 16px/25px Poppins;
    letter-spacing: 0px;
    color: #FD5F03;
    text-transform: uppercase;
}
.step-two .form-check:nth-child(3) {
    background-color: #F7F9FD;
}
.step-two .form-check:nth-child(4) {
    background-color: #FD5F030D;
}


.step-three-code {
    background: #F7F9FD 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 14px #B0C0E4;
    border: 1px solid #B0C0E4;
    border-radius: 5px;
    font-size: 16px;
    color: #707070;
}
.step-three .col-inputs .form-check:nth-child(2n) {
    background-color: #F7F9FD;
}
.step-three .col-inputs .form-check {
    padding: 5px 5px 5px 30px;
}

.step-four-input {
    background-color: #FCFCFC;
    border: 1px solid #BEBEBE;
}


/* -------------------------------- footer -------------------------------- */
#help-box {
    width: 165px;
    height: 60px;
    background: #FD5F03 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 14px #41455819;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 5px;
    position: fixed;
    bottom: 250px;
    right: 0px;
    padding: 6px 0;
    cursor: pointer;
}
.help-tooltip {
    border-radius: 50%;
    color: #FFF;
    background-color: #FD5F03;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    border: 1px solid #FFF;
    position: absolute;
    margin-left: -50px;
    margin-top: 9px;
    font-weight: bold;
    font-size: 30px;
}
#helpModal .modal-header {
    border-bottom: 0;
}
#helpModal .modal-footer {
    border-top: 0;
}
#helpModal p {
    margin: 0;
}
#helpModal .help-wrapper {
    width: 235px;
    margin: 0 auto;
    padding-top: 90px;
}
#helpModal .help-title {
    color: #B0C0E4;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #B0C0E4;
    margin-bottom: 10px;
}
#helpModal .help-email, #helpModal .help-phone {
    color: #FD5F03;
    font-size: 16px;
    font-weight: bold;
}
#helpModal .help-email-support, #helpModal .help-phone-support {
    color: #707070;
    font-size: 10px;
    margin: 5px 0;
}

.tooltip {
    width: 400px;
    max-width: 400px;
}
.tooltip-inner {
    background-color: #B0C0E4;
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px;
    font-size: 16px;
    color: #FFF;
    width: 400px;
    max-width: 400px;
    text-align: left;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before
{
    border-bottom-color: #B0C0E4;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before
{
    border-top-color: #B0C0E4;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before
{
    border-left-color: #B0C0E4;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before
{
    border-right-color: #B0C0E4;
}

select#locale-picker option[value="pl"]   { background-image:url("../../../assets/lang/pl.png"); }
select#locale-picker option[value="en"]   { background-image:url("../../../assets/lang/en.png"); }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}