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

a{
    color: #158ae9;
}

a:hover{
    color: #158ae9;
}

.loading{
    background-color: #fff;
}

.btn-copy{
    color: #dedede;
    background-color: #415CA1;
}
  
.btn-copy--checked {
    color: #415CA1;
    background-color: #415CA1;
}
 
.btn-radius{
    color: #fff;
    background-color: #415CA1;
}
  
.btn-radius:hover{
    background-color: #263b6f;
}

.form-item{
    padding-left: 33px;
}

.form-content{
    padding-top: 1em;
}

.form-label{
    margin-bottom: 5px;
    width: 100%;
}

.form-input {
    color: #415CA1;
    border: 1px solid #B2B1B2;
    border-radius: 4px;
    width: 100%;
}

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

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

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

.link{
    color: #158ae9;
}

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

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

th{
    color: #000;
}

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

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

.login-notice{
    background-color: rgba(180, 180, 180, 0.3);
}
  
.login-title{
    color: #272d3d;
}

.page-main {
    border: 1px solid #fff;
}

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

.page-title--game{
    background: linear-gradient(to bottom, rgb(148 148 148) 30%,rgb(133 133 133) 45%,rgb(117 117 117) 60%,rgb(85 85 85) 80%);
    background-clip: text;
    -webkit-background-clip: text;
}

.page-title--name{
    background: linear-gradient(to bottom, rgb(102 127 190) 30%,rgb(83 114 192) 45%,rgb(65 92 161) 60%,rgb(65 92 161) 80%);
    background-clip: text;
    -webkit-background-clip: text;
}

.page-directions{
    color: #415CA1;
}


.refundUnlocked{
    background-color: rgba(256,256,256, .4);  
}

.refundUnlocked-status {
    color: #415CA1;
}

.bankUnlock-detail{
    color: #415CA1;
}

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

.steps::after{
    display: none;
}

/* .steps-item--completed{
    color: #fff;
} */

.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: #fff;
}

/* .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, rgb(102 127 190) 10%,rgb(65 92 161) 50%,rgb(65 92 161) 70%,rgb(65 92 161) 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, rgb(102 127 190) 10%,rgb(65 92 161) 50%,rgb(65 92 161) 70%,rgb(65 92 161) 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, rgb(102 127 190) 60%,rgb(67 94 162) 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(66 93 162) 0%,rgb(65 92 161) 23%, rgb(65 92 161) 35%);
}

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

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

@media (max-width: 576px) {
    tr {
        border: 1px solid #cacaca;
    }
}

@media (max-width: 576px) {
    td::before {
        color: #272d3d;
    }
}

.text-underline{
    color: #415CA1;
}

#cookieConsent {
    background-color: #fff;
}

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