.register-button {
    color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.dashboard-forecast-logo {
    width: 150px !important;
}

.register-forecast-logo {
    width: 250px !important;
}

.register-fs16 {
    font-size: 16px !important;
}

.register-form-w-100-percent {
    width: 100% !important;
}

.width-full {
    width: 100% !important;
}

.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-30 {
    width: 30%;
}

.width-50 {
    width: 50%;
}

.width-80 {
    width: 80%;
}

.max-width-80 {
    max-width: 80% !important;
}

tr th.td-height-40 {
    height: 40px;
}

tr th.td-height-100 {
    height: 100px;
}

tr td.td-height-40 {
    height: 40px;
}

.modal-xl {
    max-width: 90%;
}

.filter_tbl {
    border: none !important;
}

/* ==================================================================================================================== */
.timeline {
    margin: 0;
    padding: 0;
    list-style: none;
    /* max-width: 500px; */
    /* margin: 100px auto; */
    counter-reset: step;
}

.timeline li {
    float: left;
    text-align: center;
    /* width: 150px; */
    position: relative;
}

.timeline li:before {
    content: counter(step);
    counter-increment: step;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100%;
    border: 1px solid #ccc;
    margin: 0 auto 15px auto;
    background: #fff;
}

.timeline li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    display: block;
    position: absolute;
    top: 17.5px;
    left: 50%;
    z-index: -1;
}

.timeline li:last-child:after {
    content: none;
}

.timeline li.active {
    color: #8cc413;
}

.timeline li:first-child:before {
    border-color: #8cc413;
}
.timeline li:first-child:after {
    background: #8cc413;
}

/* ==================================================================================== */

.avatar-img-custom {
    height: 40px !important;
    width: 40px !important;
    object-fit: cover !important;
}

.separator-dashed-custom {
    margin: 8px 0 !important;
    border-top: 1px solid #ebecec !important;
}

.separator-dashed-custom-black {
    margin: 8px 0 !important;
    border-top: 1px solid #eee !important;
}

.btn-xs-dashboard-custom {
    height: 1.2875rem !important;
    min-width: 1.2875rem !important;
    width: 1.2875rem !important;
}

.label-justify-content-end {
    justify-content: end !important;
}

.label-justify-content-normal {
    justify-content: normal !important;
}

.form-check,
.form-group {
    padding: 5px !important;
}

.filter-tbl td,
.filter-tbl th {
    vertical-align: initial !important;
}

.dropdown-menu-filter-overflow {
    overflow-y: scroll;
    height: 250px;
}

.form-control {
    height: auto !important;
}

@media print {
    .table thead tr th,
    .table thead tr td,
    .table tbody tr th,
    .table tbody tr td,
    .table tfoot tr th {
        border-width: 1px !important;
        border-style: solid !important;
        border-color: black !important;
        font-size: 16px !important;
        background-color: red;
        padding: 0px;
        -webkit-print-color-adjust: exact;
        /* height: 2vh; */
        height: 40px;
    }
}

table.w120 {
    table-layout: auto;
    width: 120%;
}

table.w150 {
    table-layout: auto;
    width: 150%;
}

tr td.w7{
    width: 7% !important;
}

.overflow-350 {
    overflow-y: scroll;
    height: 350px;
}

.overflow-450 {
    overflow-y: scroll;
    height: 450px;
}