/*--------------------------------------------------------------
# check Page
--------------------------------------------------------------*/

.bg-check {
    background: url(../img/bg-bluecloud.jpg), url(../img/bg-pinkcloud.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
    background-position: top center, bottom, center;
}

.section_awardstep {
    background-color: #1f2f38;
}

#searchinput,
#candidate_input,
#candidate_smscode {
    background-color: transparent;
    border: 2px solid;
}


/* winners search */

.searchphone-wrapper {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.searchphone-wrapper .inputtitle {
    color: #495057;
    margin-bottom: 10px;
}

.btn-searchphone {
    padding: .1rem 2rem;
    font-size: 18px;
    background-color: var(--DarkGreen);
    border: 1px solid var(--DarkGreen);
}

.btn-getsmscode {
    padding: .1rem 0;
    font-size: 18px;
    background-color: var(--DarkGreen);
    border: 1px solid var(--DarkGreen);
}

#candidate_search {
    background-color: var(--DarkGreen);
    border: 1px solid var(--DarkGreen);
}

.btn-searchphone:hover,
.btn-searchphone:focus,
.btn-getsmscode:hover,
.btn-getsmscode:focus,
#candidate_search:hover,
#candidate_search:focus {
    color: #fff;
    background-color: var(--Green);
    border: 1px solid var(--Green);
}

.sendSearchmsg,
.sendSearchHcoinmsg,
.candidate_searchmsg {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
    color: #232425;
    margin-bottom: 35px;
}

.candidateinfo-wrapper {
    display: none;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px 40px;
    text-align: center;
    font-size: 18px;
    color: #232425;
    margin-bottom: 7px;
}

.candidateinfo-wrapper .hr {
    border-top: 1px solid rgba(0, 0, 0, .6);
    width: 50%;
}

.btn-rounded {
    padding: .5rem 2rem;
    font-size: 18px;
    border: 1px solid #232425;
    border-radius: 100px;
}

.btn-rounded:hover,
.btn-rounded:focus {
    color: #5a5a5a;
    border: 1px solid #5a5a5a;
}


/* winners info */

.luckyinfo-wrapper {
    display: none;
    color: #232425;
}

#luckyinfo {
    font-size: 18px;
}

#luckyinfo .table thead th {
    border-bottom: 1px solid var(--TextGray);
}

#luckyinfo .table td,
#luckyinfo .table th {
    border-top: 1px solid var(--TextGray);
}

.nav-tabs-award {
    justify-content: center;
}

.nav-tabs-award li {
    color: #fff;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 5px 20%;
    text-align: center;
    margin: 0 15px;
}

.nav-tabs-award li a {
    color: #fff;
    padding: 10px 25%;
}

.nav-tabs-award li:hover,
.nav-tabs-award li:focus,
.nav-tabs-award li.active {
    background-color: #fff;
}

.nav-tabs-award li:hover a,
.nav-tabs-award li:focus a,
.nav-tabs-award li.active a {
    color: var(--TextGray);
    font-weight: 500;
}

.qa-user h5 {
    font-size: 19px;
}

.carousel-control-prev:after,
.carousel-control-next:after {
    color: #fff;
}

@media screen and (max-width:768px) {
    .bg-bluecloud {
        background-image: url(../img/bg-bluecloud-m.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .bg-pinkcloud {
        background-image: url(../img/bg-pinkcloud-m.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: bottom;
    }
}

@media screen and (max-width:767px) {
    .nav-tabs-award li {
        margin: 0 10px;
    }
    .nav-tabs-award li a {
        font-size: 14px;
        padding: 10px 10%;
    }
    .qa-user h5 {
        font-size: 18px;
    }
    .qa-user .content {
        font-size: 14.5px;
    }
}