body{
    background-color: #000;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url('../img/bg-dark.svg');
    color: #B2B1B2;
}

a{
    color: #D8B681;
}

a:hover{
    color: #D8B681;
    text-decoration: underline;
}

.loading{
    background-color: #000;
}

.btn-copy{
    color: #000;
    background-color: #D8B681;    
}
  
.btn-copy--checked {
    color: #D8B681;  
    background-color: #D8B681;  
}
 
.btn-radius{
    color: #000;
    background-color: #D8B681;
}
  
.btn-radius:hover{
    background-color: #ae7b2a;
}

.form-label{
    text-align: right;
}

.form-input {
    color: #D8B681;
}

.form-check-input:checked ~ .form-check-control {
    background-color: #D8B681;
}

.form-check-control{
    border: 1px solid #D8B681;
}

.form-check-control::after{
    border: solid #000;
    border-width: 0 3px 3px 0;
}

.form-item .invalid{
    margin-left: 90px;
}

.link{
    color: #D8B681;
}

.link-steps--next,
.link-steps--next:visited{
    color: #D8B681;
}

.link-steps--next::after{
    border: solid #D8B681;
    border-width: 2px 0px 0px 2px;
}

th{
    color: #B2B1B2;
}

@media (max-width: 576px) {
    th,
    td {
        color: #D8B681;
    }
}

.login img{
      box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.3)
}

.login-main {
    box-shadow: 0 5px 3cqb rgba(0, 0, 0, 0.6);
}

.login-notice{
    background-color: rgba(0, 0, 0, 0.3);
}

.login-title{
    color: #fff;
}

.page-main{
    background-color: rgba(256,256,256, .15) ;
    border: none;
}

.page-logo img{
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3);
}

.page-title--game{
    background: linear-gradient(to bottom, rgba(202,202,202,1) 30%,rgba(168,168,168,1) 45%,rgba(146,146,146,1) 60%,rgba(111,111,111,1) 80%);
    background-clip: text;
    -webkit-background-clip: text;
}

.page-title--name{
    background: linear-gradient(to bottom, rgba(201,190,152,1) 30%,rgba(200,175,118,1) 45%,rgba(159,123,75,1) 60%,rgba(128,93,56,1) 80%);
    background-clip: text;
    -webkit-background-clip: text;
}

.page-directions{
    color: #D8B681;
}

.refundUnlocked{
    background-color: rgba(0,0,0, .6);  
}

.refundUnlocked-status {
    color: #D8B681;
}

.bankUnlock-detail{
    color: #D8B681;
}

.bankUnlock-count{
    border: 1px solid #D8B681;
}

.steps::after{
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(139,116,95,0) 0%,rgba(139,116,95,1) 33%,rgba(139,116,95,1) 75%,rgba(139,116,95,0) 100%);
}

@media only screen and (max-width: 640px) {
    .steps::after{
        display: none;
    }
}

/* .steps-item--completed{
    color: #000;
} */
.step-1 [data-stepsItem="1"],
.step-2 [data-stepsItem="1"],
.step-2 [data-stepsItem="2"],
.step-3 [data-stepsItem="1"],
.step-3 [data-stepsItem="2"],
.step-3 [data-stepsItem="3"]{
    color: #000;
}

/* .steps-item--completed::after{ */
.step-1 [data-stepsItem="1"]::after,
.step-2 [data-stepsItem="1"]::after,
.step-2 [data-stepsItem="2"]::after,
.step-3 [data-stepsItem="1"]::after,
.step-3 [data-stepsItem="2"]::after,
.step-3 [data-stepsItem="3"]::after{
    background: linear-gradient(to bottom right, rgba(229,204,161,1) 6%,rgba(178,136,74,1) 50%,rgba(147,114,64,1) 70%,rgba(141,106,59,1) 90%);
}

/* .steps-item--completed .steps-item--arrow{ */
.step-1 [data-stepsItem="1"] .steps-item--arrow,
.step-2 [data-stepsItem="1"] .steps-item--arrow,
.step-2 [data-stepsItem="2"] .steps-item--arrow,
.step-3 [data-stepsItem="1"] .steps-item--arrow,
.step-3 [data-stepsItem="2"] .steps-item--arrow,
.step-3 [data-stepsItem="3"] .steps-item--arrow{
    background: linear-gradient(to bottom, rgba(229,204,161,1) 10%,rgba(178,136,74,1) 50%,rgba(147,114,64,1) 70%,rgba(141,106,59,1) 90%);
} 

/* .steps-item--completed .steps-item--arrow::before{ */
    .step-1 [data-stepsItem="1"] .steps-item--arrow::before,
    .step-2 [data-stepsItem="1"] .steps-item--arrow::before,
    .step-2 [data-stepsItem="2"] .steps-item--arrow::before,
    .step-3 [data-stepsItem="1"] .steps-item--arrow::before,
    .step-3 [data-stepsItem="2"] .steps-item--arrow::before,
    .step-3 [data-stepsItem="3"] .steps-item--arrow::before{
    background: linear-gradient(to bottom right, rgba(229,204,161,1) 60%,rgba(178,136,74,1) 100%);    
}

/* .steps-item--completed .steps-item--arrow::after{ */
.step-1 [data-stepsItem="1"] .steps-item--arrow::after,
.step-2 [data-stepsItem="1"] .steps-item--arrow::after,
.step-2 [data-stepsItem="2"] .steps-item--arrow::after,
.step-3 [data-stepsItem="1"] .steps-item--arrow::after,
.step-3 [data-stepsItem="2"] .steps-item--arrow::after,
.step-3 [data-stepsItem="3"] .steps-item--arrow::after{
    background: linear-gradient(to bottom right, rgb(178, 136, 74) 0%,rgb(147, 114, 64) 23%, rgb(141, 106, 59) 35%);
}

.steps-links::after{
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(139,116,95,0) 0%,rgba(90,90,90,1) 33%,rgba(90,90,90,1) 75%,rgba(139,116,95,0) 100%);
}

.steps-linksBlock{
    border-top: 1px solid #5A5A5A;
    border-bottom: 1px solid #5A5A5A;
    background-color: #000;
}

.steps-linksBlock::before{
    content: '';
    position: absolute;
    top: 6px;
    left: -17px;
    border: solid #5A5A5A;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 16px;
    background-color: #000;
    transform: rotate(135deg);
}

.steps-linksBlock::after{
    content: '';
    position: absolute;
    top: 6px;
    right: -17px;
    border: solid #5A5A5A;
    border-width: 1px 0px 0px 1px;
    display: inline-block;
    padding: 16px;
    background-color: #000;
    transform: rotate(135deg);
}

.link-steps,
.link-steps:visited{
    color: #fff !important;
}

td{
    border-bottom: 1px dashed #8B8B8B;
}

@media (max-width: 576px) {
    .table tr {
        border: 1px solid #8B8B8B;
    }
}

@media (max-width: 576px) {
    .table td::before {
        color: #B2B1B2;
    }
}

.text-underline{
    color: #D8B681;
}

.recruitment p{
    color: #fff;
}

#cookieConsent {
    background-color: #000;
}

#cookieConsent button {
    color: #fff;
    border: 1px solid #fff;
}