.bg-pattern {
    background-image: url(../images/layouts/bg-banner-transparent-01.png);
    background-size: cover;
}
.text-primary {
    color: #8f0408 !important;
}
.bg-light-primary {
    background-color: #f7e3e3 !important;
}
.navbar-vertical {
    background-color: #2f353a;
}
.navbar-vertical .navbar-brand {
    background-color: #fff;
    padding: 14.5px;
}
.btn-walhi {
    background-color: #E41E25;
    border-color: #E41E25;
    color: #fff;
}
.btn-walhi:hover {
    background-color: #8f0408;
    border-color: #8f0408;
    color: #fff;
}
.bg-pattern-walhi {
    background-image: url(../front/images/shape/bg-banner-01.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
}
.page-item.active .page-link {
    background-color: #8f0408;
    border-color: #8f0408;
}
.page-item.active .page-link {
    background-color: #8f0408;
    border-color: #8f0408;
    color: #fff;
    z-index: 3;
}
.page-item .page-link {
    color: #8f0408;
}
.table thead th {
    font-weight: 700;
    font-size: 16px;
}

.select2-selection__rendered {
    line-height: 35px !important;
}
.select2-container .select2-selection--single {
    height: 38px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
.m-1{
    margin: 5px;
}
.m-2{
    margin: 10px;
}
.m-3{
    margin: 15px;
}
.mr-1{
    margin-right: 5px;
}
.mr-2{
    margin-right: 10px;
}
.mr-3{
    margin-right: 15px;
}
.ml-1{
    margin-left: 5px;
}
.ml-2{
    margin-left: 10px;
}
.ml-3{
    margin-left: 15px;
}
.mt-1{
    margin-top: 5px;
}
.mt-2{
    margin-top: 10px;
}
.mt-3{
    margin-top: 15px;
}
.mb-1{
    margin-bottom: 5px;
}
.mb-2{
    margin-bottom: 10px;
}
.mb-3{
    margin-bottom: 15px;
}
.table thead th.sticky-right, .table tr td.sticky-right{
    position: sticky;
    right: 0;
}
.table tr td.sticky-right{
    background-color: #ffffff;
}
.setting-page .lead{
    font-size: 1rem;
}
.text-right{
    text-align: right;
}
.color-walhi{
    color: #8f0408;
}
.color-walhi:hover{
    color: #0f7e34;
}
.dropdown-menu-end .dropdown-item:hover{
    color: #8f0408;
}
.note-form{
    padding-top: 5px;
    font-size: 13px;
}
.logo-box-right{

}
@media only screen and (max-width: 499px){
.main-header .outer-box .logo-box-right .logo {
    margin: 0 auto;
    max-width: 200px;
}}