body {
    font-weight: 400;
    font-size: 13px;
    font-family: 'Noto Sans JP', sans-serif;
}

.row-flex {
    display: flex;
}

.col-md-w3 {
    width: 300px;
    flex: 0 0 300px;
    margin-right: 15px;
}

.col-md-mw9 {
    min-width: 900px;
    width: 100vw;
}

.col-md-mw9 .card {
    height: 100%;
}

.breadcrumb-item a {
    font-weight: bold;
}

#login-form .bg-login-image {
    background: url(../images/bg-login.png) center;
    background-size: cover;
    height: 600px;
    border-right: 1px solid #cbccce;
}

.login-form-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main {
    padding-top: 10px;
    overflow-x: scroll;
}

.main-detail {

}

.table-bordered thead th:first-child,
.table-bordered tr th:first-child {
    text-align: center;
    font-weight: bold;
}

.link-detail {
    font-weight: bold;
    text-decoration: underline;
    color: #5a5c69;
}

.main .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3a3b44;
    border-color: #acadb3;
}

.user-profile {
    text-align: center;
    font-size: 10px;
}

.user-profile .container {
    padding-left: 1rem;
    padding-right: 1rem;
}

.nav-gray .nav-link {
    border: 1px solid #5a5c69;
    border-radius: 20px;
    padding: .2rem .5rem;
    color: #5a5c69;
    font-size: 10px;
}

.nav-gray .nav-item {
    margin-right: 10px;
    margin-bottom: 10px;

}

.nav-gray .nav-link.active {
    color: #fff;
    background-color: #5a5c69;
    font-weight: bold;
}

.tab-filter-doc .nav-item {
    padding: 20px 10px 10px;
    text-align: center;
    border: 1px solid #dddfeb;
    border-radius: .35rem;
    width: 120px;
    height: 120px;
    margin-right: 20px;
    cursor: pointer;
}

.tab-filter-doc .nav-item.active {
    border: 3px solid #979797;
}

.tab-filter-doc .nav-item .btn {
    width: 50px;
    height: 50px;
}

.tab-filter-doc .nav-item i {
    font-size: 48px;
}

.checkbox-item {

    margin-bottom: 10px;
}

.checkbox-item .custom-radio {
    display: flex;
}

.checkbox-item p .fas {
    height: 18px;
    width: 18px;
    font-size: 1rem;
    margin-right: 5px;
}


.checkbox-item .btn-circle, .checkbox-item p {
    margin-bottom: 0;
}

.checkbox-item .custom-control-label {
    display: flex;
    align-items: center;
}

#kyc-docs table p {
    margin-bottom: 0;
}

#table-list .table td, #table-list .table th {
    vertical-align: middle;
}

#table-list .btn-circle.btn-sm {
    height: 1.3rem;
    width: 1.3rem;
}

.list-item {
    border: 1px solid #dddfeb;
    border-radius: .35rem;
    padding: 20px;
}

.list-item > .row {
    border-bottom: 1px solid #dddfeb;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.col-radio-errors {
    display: none;
}

.col-radio-errors.active {
    display: block;
}

.user-profile label {
    font-weight: bold;
    color: #000000;
    margin-bottom: 0;
}

.admin-detail label {
    font-weight: bold;
}

.img-popup {
    width: 100%;
    height: 85vh;
}

hr.divider {
    border-top: 1px solid #dddfeb;
}

#myTabProfileContent {
    overflow-y: auto;
    height: 100vh;
    max-height: calc(100vh - 395px);
    border-radius: 5px;
    border: 1px solid #dddfeb;
    padding: 5px;
}

.group-ban-check label {
    color: #e74a3b;
}

.form-check label {
    font-weight: bold;
}

.list-item-scroll {
    height: calc(100vh - 190px);
    overflow-y: auto;
}

.list-item .col-label {
    min-width: 30px;
    font-weight: bold;
}

#tab-filter-doc {
    font-weight: bold;
}

#list-item-recruits {
    height: calc(100vh + 270px);
    min-height: calc(100vh + 270px);
}

#list-item-recruits .title {
    font-weight: bold;
}

#list-item-recruits .col-label {
    font-weight: bold;
}

#list-item-recruits .row-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    cursor: pointer;
}

#list-item-recruits table tr td {
    padding-right: 0;
}

#list-item-recruits table tr td:nth-child(2n) {
    padding-left: 0;
}

#list-item-recruits table tr td:nth-child(2) {
    min-width: 60px;
}

#list-item-recruits .row-item.active {
    border: 2px solid #5a5c69;
}

#list-item-recruits, #list-item-recruits .row-item {
    border: 1px solid #dddfeb;
    border-radius: .35rem;
    padding: 20px;
}

.admin-detail {
    max-height: calc(100vh - 100px);
}

#list-item-logs, .admin-detail {
    height: 100vh;
    overflow-y: auto;
}

#list-item-logs {
    max-height: calc(100vh - 130px);
}

#list-item-applicant .rounded-circle {
    width: 50px;
    height: 50px;
    min-width: 50px;
    padding: 0;
}

#list-item-applicant .btn-circle {
    width: 2rem;
    height: 2rem;
    margin: 0;
}

#list-item-applicant .row .col-md-2 {
    justify-content: center;
    align-items: center;
    display: flex;
}

#list-item-applicant .row {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddfeb;
}

#list-item-applicant .col-label {
    padding-right: 10px;
}

.input-inline {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-inline > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-inline button {
    margin-left: 10px;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #000000;
}

.btn-set-status {
    display: none;
    border: 1px solid #dddfeb;
}

.btn-set-status.active {
    display: block;
}

.flex-center div.row {
    width: 100%;
    margin-bottom: 5px;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row-reverse wrap;
}

.w-120 {
    width: 120px !important;
}

.absolute-right-button {
    position: absolute;
    right: 1.5rem;
    top: 12px;
    width: 120px;
    border: 1px solid #858796;
    border-radius: .35rem;
}

.box-rules {
    border: 1px solid #d1d3e2;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-logout {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: 90%;
}

.sidebar {
    position: relative;
}

.main-image {
    width: 100%;
    height: 140px;
    position: relative;
    margin-bottom: 20px;
}

.main-image .sub-image {
    width: 48px;
    height: 48px;
    margin-left: 10px;
    border: 1px solid #dddfeb;
    border-radius: .35rem;
    overflow: hidden;
    cursor: pointer;
}

.main-image .sub-image img {
    width: 100%;
    height: 100%;
}

.main-image .list-sub-image {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
}

#myTabContentRecruit {
    max-height: 180px;
    overflow-y: auto;
}

#list-item-docs {
    padding: 20px;
    border: 1px solid #dddfeb;
}

#list-item-applicant a {
    font-weight: bold;
    color: #5a5c69;
    text-decoration: underline;
}

#list-item-applicant .age {
    font-size: 10px;
}

#main-image {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.tab-content > .tab-video,
.tab-content > .tab-video .flex-center {
    height: 100%;
}

@media (min-width: 768px) {

    .sidebar .nav-item .collapse-show {
        margin: 0 1rem;
        position: relative;
        left: 0;
        z-index: 1;
        top: 0;
        -webkit-animation: none;
        animation: none;
        display: block;
    }

    .sidebar.toggled .collapse-show {
        display: none;
    }
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

#myTabProfileList {
    justify-content: center;
}

.file-upload label {
    margin-bottom: 0;
    cursor: pointer;
}