.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-item {
    padding:5px;
    margin:5px;
}

.bgopacity {
    background-color:rgba(22,76,60,0.4)
}

/*------------------------------------
- COLOR kokushimuso
------------------------------------*/
.alert-kokushimuso {
    color: #000000;
    background-color: #5dd0ae;
    border-color: #4dcba6;
}

.alert-kokushimuso hr {
    border-top-color: #3ac69c;
}

.alert-kokushimuso .alert-link {
    color: #000000;
}

.badge-kokushimuso {
    color: #fff;
    background-color: #164c3c;
}

.badge-kokushimuso[href]:hover, .badge-kokushimuso[href]:focus {
    color: #fff;
    background-color: #0a241c;
}

.bg-kokushimuso {
    background-color: #164c3c !important;
}

a.bg-kokushimuso:hover, a.bg-kokushimuso:focus,
button.bg-kokushimuso:hover,
button.bg-kokushimuso:focus {
    background-color: #0a241c !important;
}

.border-kokushimuso {
    border-color: #164c3c !important;
}

.btn-kokushimuso {
    color: #fff;
    background-color: #164c3c;
    border-color: #164c3c;
}

.btn-kokushimuso:hover {
    color: #fff;
    background-color: #0d3026;
    border-color: #0a241c;
}

.btn-kokushimuso:focus, .btn-kokushimuso.focus {
    box-shadow: 0 0 0 0.2rem rgba(22, 76, 60, 0.5);
}

.btn-kokushimuso.disabled, .btn-kokushimuso:disabled {
    color: #fff;
    background-color: #164c3c;
    border-color: #164c3c;
}

.btn-kokushimuso:not(:disabled):not(.disabled):active, .btn-kokushimuso:not(:disabled):not(.disabled).active, .show > .btn-kokushimuso.dropdown-toggle {
    color: #fff;
    background-color: #0a241c;
    border-color: #071813;
}

.btn-kokushimuso:not(:disabled):not(.disabled):active:focus, .btn-kokushimuso:not(:disabled):not(.disabled).active:focus, .show > .btn-kokushimuso.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(22, 76, 60, 0.5);
}

.btn-outline-kokushimuso {
    color: #164c3c;
    background-color: transparent;
    border-color: #164c3c;
}

.btn-outline-kokushimuso:hover {
    color: #fff;
    background-color: #164c3c;
    border-color: #164c3c;
}

.btn-outline-kokushimuso:focus, .btn-outline-kokushimuso.focus {
    box-shadow: 0 0 0 0.2rem rgba(22, 76, 60, 0.5);
}

.btn-outline-kokushimuso.disabled, .btn-outline-kokushimuso:disabled {
    color: #164c3c;
    background-color: transparent;
}

.btn-outline-kokushimuso:not(:disabled):not(.disabled):active, .btn-outline-kokushimuso:not(:disabled):not(.disabled).active, .show > .btn-outline-kokushimuso.dropdown-toggle {
    color: #fff;
    background-color: #164c3c;
    border-color: #164c3c;
}

.btn-outline-kokushimuso:not(:disabled):not(.disabled):active:focus, .btn-outline-kokushimuso:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-kokushimuso.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(22, 76, 60, 0.5);
}

.list-group-item-kokushimuso {
    color: #000000;
    background-color: #4dcba6;
}

.list-group-item-kokushimuso.list-group-item-action:hover, .list-group-item-kokushimuso.list-group-item-action:focus {
    color: #000000;
    background-color: #3ac69c;
}

.list-group-item-kokushimuso.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-kokushimuso,
.table-kokushimuso > th,
.table-kokushimuso > td {
    background-color: #4dcba6;
}

.table-hover .table-kokushimuso:hover {
    background-color: #3ac69c;
}

.table-hover .table-kokushimuso:hover > td,
.table-hover .table-kokushimuso:hover > th {
    background-color: #3ac69c;
}

.text-kokushimuso {
    color: #164c3c !important;
}

a.text-kokushimuso:hover, a.text-kokushimuso:focus {
    color: #0a241c !important;
}

.bg-guest {
    background-color: #5b9831 !important;
    color: #FFFFFF;
}

.bg-branch {
    background-color: #BF8F00 !important;
    color: #FFFFFF;
}

.bg-master {
    background-color: #C9C9C9 !important;
    color: #FFFFFF;
}

.bg-branchoperator {
    background-color: #FF9900 !important;
    color: #FFFFFF;
}

.bg-owner {
    background-color: #CC66FF !important;
    color: #FFFFFF;
}

.bg-headquarters {
    background-color: #FF0000 !important;
    color: #FFFFFF;
}

.profile_img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: 0 0;
  }


/*------------------------------------
- COLOR kokushi-sub
------------------------------------*/
.alert-kokushi-sub {
    color: #405a07;
    background-color: #e1f8af;
    border-color: #daf79c;
}

.alert-kokushi-sub hr {
    border-top-color: #d2f584;
}

.alert-kokushi-sub .alert-link {
    color: #1e2b03;
}

.badge-kokushi-sub {
    color: #212529;
    background-color: 91cc10;
}

.badge-kokushi-sub[href]:hover, .badge-kokushi-sub[href]:focus {
    color: #212529;
    background-color: #6f9c0c;
}

.bg-kokushi-sub {
    background-color: #91cc10 !important;
}

.card-kokushi-sub.card-outline {
    border-top: 3px solid #91cc10;
  }

a.bg-kokushi-sub:hover, a.bg-kokushi-sub:focus,
button.bg-kokushi-sub:hover,
button.bg-kokushi-sub:focus {
    background-color: #6f9c0c !important;
}

.border-kokushi-sub {
    border-color: #91cc10 !important;
}

.btn-kokushi-sub {
    color: #212529;
    background-color: #91cc10;
    border-color: #91cc10;
}

.btn-kokushi-sub:hover {
    color: #212529;
    background-color: #79aa0d;
    border-color: #6f9c0c;
}

.btn-kokushi-sub:focus, .btn-kokushi-sub.focus {
    box-shadow: 0 0 0 0.2rem rgba(145, 204, 16, 0.5);
}

.btn-kokushi-sub.disabled, .btn-kokushi-sub:disabled {
    color: #212529;
    background-color: 91cc10;
    border-color: 91cc10;
}

.btn-kokushi-sub:not(:disabled):not(.disabled):active, .btn-kokushi-sub:not(:disabled):not(.disabled).active, .show > .btn-kokushi-sub.dropdown-toggle {
    color: #212529;
    background-color: #6f9c0c;
    border-color: #658e0b;
}

.btn-kokushi-sub:not(:disabled):not(.disabled):active:focus, .btn-kokushi-sub:not(:disabled):not(.disabled).active:focus, .show > .btn-kokushi-sub.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(145, 204, 16, 0.5);
}

.btn-outline-kokushi-sub {
    color: 91cc10;
    background-color: transparent;
    border-color: 91cc10;
}

.btn-outline-kokushi-sub:hover {
    color: #212529;
    background-color: 91cc10;
    border-color: 91cc10;
}

.btn-outline-kokushi-sub:focus, .btn-outline-kokushi-sub.focus {
    box-shadow: 0 0 0 0.2rem rgba(145, 204, 16, 0.5);
}

.btn-outline-kokushi-sub.disabled, .btn-outline-kokushi-sub:disabled {
    color: 91cc10;
    background-color: transparent;
}

.btn-outline-kokushi-sub:not(:disabled):not(.disabled):active, .btn-outline-kokushi-sub:not(:disabled):not(.disabled).active, .show > .btn-outline-kokushi-sub.dropdown-toggle {
    color: #212529;
    background-color: 91cc10;
    border-color: 91cc10;
}

.btn-outline-kokushi-sub:not(:disabled):not(.disabled):active:focus, .btn-outline-kokushi-sub:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-kokushi-sub.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(145, 204, 16, 0.5);
}

.list-group-item-kokushi-sub {
    color: #405a07;
    background-color: #daf79c;
}

.list-group-item-kokushi-sub.list-group-item-action:hover, .list-group-item-kokushi-sub.list-group-item-action:focus {
    color: #405a07;
    background-color: #d2f584;
}

.list-group-item-kokushi-sub.list-group-item-action.active {
    color: #212529;
    background-color: #405a07;
    border-color: #405a07;
}

.table-kokushi-sub,
.table-kokushi-sub > th,
.table-kokushi-sub > td {
    background-color: #daf79c;
}

.table-hover .table-kokushi-sub:hover {
    background-color: #d2f584;
}

.table-hover .table-kokushi-sub:hover > td,
.table-hover .table-kokushi-sub:hover > th {
    background-color: #d2f584;
}

.text-kokushi-sub {
    color: #91cc10 !important;
}

a.text-kokushi-sub:hover, a.text-kokushi-sub:focus {
    color: #6f9c0c !important;
}


.sidebar-dark-kokushi-sub .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-kokushi-sub .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #91cc10;
  color: #fff;
}