a {
    text-decoration: none!important;
    color: #59626d;
}
.becard {
    border-radius: 10px;
    box-shadow: 0 0 5px #e3e3e3;
    background-color: #ffff;
}
.becard .becard-header:not(.no-bg) {
    background-color: #fff;
    color: #151b2c;
    border-bottom: 1px solid #e5f0f4;
}
.becard .becard-header:not(.p-min) {
    padding: 20px;
}
.becard .becard-content:not(.no-p) {
    padding: 20px;
}
.becard .becard-content.big-p {
    padding: 30px;
}
.becard .becard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.berow {
    display: flex;
    flex-wrap: wrap
}
.berow>* {
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px
}
.berow-stack {
    display: flex;
    justify-content: center;
    align-items: center
}
.berow-none {
    display: none;
}
.berow-block {
    display: block;
}
.berow-flex {
    display: flex;
}
.berow-column {
    flex-direction: column;
}
.berow-space {
    justify-content: space-between
}
.berow-center {
    justify-content: center
}
.berow-end {
    justify-content: flex-end
}
.berow-align {
    align-items: center
}
.becard-menu-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    padding: 0;
    list-style: none;
}
.becard-menu-list ul li {
    padding: 10px 14px 10px 14px;
    border-bottom: 1px solid #d3d1d1;
}
.becard-menu-list ul li.active {
    border-bottom: 1px solid #151b2c
}
.becol-1 {
    flex: 0 0 auto;
    width: 8.33%
}
.becol-2 {
    flex: 0 0 auto;
    width: 16.66%
}
.becol-3 {
    flex: 0 0 auto;
    width: 25%
}
.becol-4 {
    flex: 0 0 auto;
    width: 33.3%
}
.becol-5 {
    flex: 0 0 auto;
    width: 41.66%
}
.becol-6 {
    flex: 0 0 auto;
    width: 50%
}
.becol-7 {
    flex: 0 0 auto;
    width: 58.33%
}
.becol-8 {
    flex: 0 0 auto;
    width: 66%
}
.becol-9 {
    flex: 0 0 auto;
    width: 74.97%
}
.becol-10 {
    flex: 0 0 auto;
    width: 83.33%
}
.becol-11 {
    flex: 0 0 auto;
    width: 91.63%
}
.becol-12 {
    flex: 0 0 auto;
    width: 100%
}
.bew-100 {
    width: 100%
}
.bew-50 {
    width: 50%
}
.bew-25 {
    width: 25%
}
.beh-100 {
    height: 100%
}
.beh-50 {
    height: 50%
}
.beh-25 {
    height: 25%
}
.btn-sm {
    padding: calc(0.4rem+1px) calc(0.5rem+1px) !important;
    font-size: 12px !important;
    padding: 8px !important
}

.btn-lg {
    padding: calc(0.825rem+1px) calc(1.75rem+1px) !important;
    font-size: 18px !important
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: 10px 18px
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
    box-shadow: none !important
}

.btn {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    outline: 0 !important;
    border-radius: 4px;
    transition: color .15s ease-in-out
}

.btn-column {
    flex-direction: column
}

.btn i {
    text-align: center;
    vertical-align: middle;
    margin-right: 5px
}

.btn-primary {
    color: #fff !important;
    border-color: #151b2c;
    background-color: #151b2c
}

.btn-primary:hover {
    border-color: #59626d;
    background-color: #59626d
}

.btn-success {
    color: #fff !important;
    border-color: #13653f;
    background-color: #146c43
}

.btn-success:hover {
    color: #fff !important;
    border-color: #198754;
    background-color: #198754
}

.btn-danger {
    color: #fff !important;
    border-color: #d9214e;
    background-color: #d9214e
}

.btn-white {
    color: #151b2c !important;
    border-color: #ffff;
    background-color: #ffff
}

.btn-warning {
    color: #fff !important;
    border-color: #ffc700;
    background-color: #ffc700
}

.btn-special {
    color: #fff !important;
    border-color: #59626d;
    background-color: #59626d
}

.btn-special:hover {
    border-color: #081131;
    background-color: #081131
}

.btn-transparent {
    color: #5d5b62 !important;
    border: 1px solid #5d5b62 !important;
    background-color: transparent
}

.btn-transparent:hover {
    color: #ffff !important;
    border-color: #081131;
    background-color: #081131
}
.btable {
    width: 100%;
    color: #484343
}

.btable thead {
    border-radius: 14px;
    background: #f4f3f8
}

.btable thead tr {
    border-radius: 14px
}

.btable th {
    padding: 20px 0;
    text-align: center;
    color: #59626d
}

.btable th:first-child {
    padding-left: 20px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.btable th:last-child {
    padding-right: 20px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px
}

.btable tr:not(:first-child) {
    border-top: 1px solid #151b2c24
}

.btable tr.no-border {
    border-top: 0
}

.btable td {
    padding: 20px 20px;
    text-align: center;
    vertical-align: middle
}

.btable td .buttons {
    display: flex;
    justify-content: flex-end
}

.btable td .first-row {
    display: block;
    margin-bottom: 6px
}

.btable td a {
    color: #59626d
}

.btable td .second-row {
    display: block;
    color: #59626d
}

.btable td span.btn {
    display: inline-block !important
}

.btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid currentcolor;
    border-right-color: transparent;
    animation: .65s linear infinite btn-spinner
}

@keyframes btn-spinner {
    to {
        transform: rotate(360deg)
    }
}

.beinfoboxex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.beinfobox {
    padding: 10px 14px;
    border-radius: 10px;
    box-shadow: 0 0 5px #e3e3e3;
    background-color: #ffff;
}
.beinfobox .name {
    margin-bottom: 14px;
    font-size: 16px;
}
.beinfobox i {
    margin-right: 4px;
} 
.beinfobox .value {
    font-size: 18px;
}
.beaccounting .finance {
    font-size: 32px;
}
.beaccounting .nextdue {
    font-size: 12px;
}
.besr_circle_chart {
    display: block;
    margin: 10px auto;
    max-height: 140px;
}
.besr_circle_bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}
.besr_circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}
@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}
.besr_circle_percentage {
    fill: #59626d;
    font-size: 7px;
    text-anchor: middle;
}

.text-center {
    text-align: center;
}
.betext-primary {
    color: #151b2c;
}
.betext-primary-open {
    color: #59626d;
}
.text-sm {
    font-size: 14px !important;
}
.text-normal {
    color: #59626d;
    transition: color 275ms ease;
}
.text-lg {
    font-size: 22px!important;
}
.beform-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    color: #59626d
}

.beform-check-input {
    width: 22px;
    height: 22px;
    margin-top: -0.125rem;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #e4e6ef;
    appearance: none;
    print-color-adjust: exact
}

.beform-control {
    display: block;
    width: 100%;
    padding: 12px 8px;
    color: #484343;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #59626d;
    appearance: none;
    outline: 0;
    border-radius: 6px;
    font-size: 16px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none !important
}

.beform-control:focus,.beform-control:hover {
    border: 1px solid #59626d
}

.beform-check:not(.beform-switch) .beform-check-input[type="checkbox"] {
    background-size: 60% 60%
}

.beform-control:disabled,.beform-control[readonly] {
    background-color: #e9ecef
}

.beform-check-custom.beform-check-solid .beform-check-input {
    border: 1px solid #59626d
}

.beform-input-area {
    display: flex
}

.beform-input-area input {
    width: 80%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.beform-input-area button {
    width: 20%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.beform-check-custom .beform-check-input {
    margin: 0;
    float: none;
    flex-shrink: 0
}

.beform-check-input[type="checkbox"] {
    border-radius: 6px
}

.beform-check-input[type="radio"] {
    border-radius: 50%
}

.beform-check-custom.beform-check-solid .beform-check-input:checked {
    background-color: #59626d
}

.beform-check-custom {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0
}

.beform-check-custom input {
    margin-right: 10px !important
}

.beform-check-custom label {
    color: #484343;
    font-size: 14px
}

.beform-check-input:checked[type="checkbox"] {
    background-color: #59626d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e")
}

.beform-check-input:checked[type="radio"] {
    background-color: #59626d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")
}

.m-0 {
    margin: 0!important
}

m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0!important;
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.ml-1 {
    padding-left: .25rem !important
}

.ml-2 {
    padding-left: .5rem !important
}

.ml-3 {
    padding-left: 1rem !important
}

.ml-4 {
    padding-left: 1.5rem !important
}

.ml-5 {
    padding-left: 1.5rem !important
}

.mr-1 {
    padding-right: .25rem !important
}

.mr-2 {
    padding-right: .5rem !important
}

.mr-3 {
    padding-right: 1rem !important
}

.mr-4 {
    padding-right: 1.5rem !important
}

.mr-5 {
    padding-right: 3rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}
@media screen and (max-width: 992px) {
    .becol-md-1 {
        flex: 0 0 auto;
        width: 8.33%
    }
    .becol-md-2 {
        flex: 0 0 auto;
        width: 16.66%
    }
    .becol-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .becol-md-4 {
        flex: 0 0 auto;
        width: 33.3%
    }
    .becol-md-5 {
        flex: 0 0 auto;
        width: 41.66%
    }
    .becol-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .becol-md-7 {
        flex: 0 0 auto;
        width: 58.33%
    }
    .becol-md-8 {
        flex: 0 0 auto;
        width: 66%
    }
    .becol-md-9 {
        flex: 0 0 auto;
        width: 74.97%
    }
    .becol-md-10 {
        flex: 0 0 auto;
        width: 83.33%
    }
    .becol-md-11 {
        flex: 0 0 auto;
        width: 91.63%
    }
    .becol-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .becol-1, .becol-2, .becol-3, .becol-4, .becol-5, .becol-6, .becol-7, .becol-8, .becol-9, .becol-10, .becol-11, .becol-12,
    .becol-md-1, .becol-md-2, .becol-md-3, .becol-md-4, .becol-md-5, .becol-md-6, .becol-md-7, .becol-md-8, .becol-md-9, .becol-md-10, .becol-md-11, .becol-md-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    
    .berow > .becol-3.becol-md-6.mb-3 {
        width: 50% !important;
    }
    
    .becard .becard-content:not(.no-p) {
        padding: 12px;
    }
    .becard .becard-header:not(.p-min) {
        padding: 12px;
    }
    
    .betext-primary-open {
        word-break: break-all;
    }
    
    .becard-menu-list ul {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start !important;
        padding-bottom: 5px !important;
    }
    .becard-menu-list ul::-webkit-scrollbar {
        height: 4px;
    }
    .becard-menu-list ul::-webkit-scrollbar-thumb {
        background-color: #d3d1d1;
        border-radius: 4px;
    }
    .becard-menu-list ul li {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    
    .btable {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}