body {
    background-color: #ececec;
}

.top-item-container {
    text-align: center;
}

    .top-item-container .item {
        padding: 5px;
        background-color: #fff;
        color: black;
    }
    .top-item-container .item i {
       display:none;
    }

    .top-item-container .focus {
        border-color: #0162e8;
        color: #0162e8;
        border-bottom: 3px solid;
    }

    .top-item-container .active {
        border-color: #079f00;
        color: #079f00;
    }

    .top-item-container .active i:before {
        content: '\f00c';
    }

    .top-item-container .item > span {
        /*display: block;*/
    }

    .top-item-container .active > span.number {
        display:none;
    }
    .top-item-container .active > i {
        display:unset;
    }

    .top-item-container .item > span {
        /*display: block;*/
    }


.change_oriantation,.not-support{
    position:absolute;
    top:0;
    left:0;
    z-index:999999;
    width:100%;
    height:100%;
    background-color:#fff;
}

    .change_oriantation img, .not-support img {
        width: 200px;
        display: block;
        margin: auto;
    }

.jWall-container{
    opacity:0;
}

.input-container > .card {
    width: 100%;
}

.input-container label{
    margin-bottom:0;
    margin-top:9px;
}

.not-support {
    display: none;
}

.bottom_box{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background-color:#0162e8;
    z-index:9999;
    padding:10px;

}

.btn-with-icon i{
    margin-left:5px;
    margin-right:0;
}

.head_with_help{
    position:relative;
}

.head_with_help {
    position: relative;
}

    .head_with_help button.btn-left {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 30px;
        height: 30px;
    }
    .head_with_help button.btn-right {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
    }

.btn-icon i.fa {
    font-size: 0.9rem !important;
}
.btn-with-icon i.fa{
    font-size:15px !important;
}

.custom_table th {
    background-color: #eee !important;
    vertical-align: middle !important;
    text-align: center !important;
}
.custom_table td {
    text-align: center !important;
}

.div-center-middle-content {
    height: fit-content;
    margin: auto;
}

.more_result_container {
    display: none;
}

.custom_td_padding td, custom_td_padding th{
    padding:5px;
    vertical-align:middle;
}

.login_inputs label {
    position: absolute;
    top: 14px;
    right: 21px;
}
.login_inputs input {
    position: relative;
}

.white_back{
    background-color:white !important;
}

.login_inputs input {
    padding: 1.5rem 0.75rem
}

.confirm_code_error {
    color: red;
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
}
.register_error p {
    color: red;
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
}

.error_container p {
    color: red;
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
}

.add_row td {
    background-color: #eee;
}

@media(min-width:360px) {
    .change_oriantation{
        display:none;
    }
}

/*@media screen and (min-width:767px) {
    .not-support {
        display: block;
    }
}*/