.modal .modal-header {
    border: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}

.font_14 {
    font-size: 14px !important;
}

.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon i {
    position: absolute;
    padding: 10px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

/* align icon */
.left-addon i {
    left: 0px;
}

.right-addon i {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

#recent-acitvity{
    height: 3rem;
}
#analysis-month{
    height: 3rem;
}
.datepicker.datepicker-dropdown{
    z-index: 99!important;
}


@media screen {
    .print-show {
        display: none;
    }
}

.l-bg-green {
    background-image: linear-gradient(to right top, #0cebeb, #00f0df, #00f5d0, #2ff8bd, #54fba7) !important;
}

.l-bg-purple {
    background-image: linear-gradient(to right top, #3ccfce, #36d6d5, #2ddddc, #21e4e4, #0cebeb) !important;
}

.ic-bg-color {
    background-image: linear-gradient(to right top, #28aaa9, #2db3b2, #32bcbb, #37c6c5, #3ccfce) !important;
}

.l-bg-cyan {
    background-image: linear-gradient(to right top, #54fba7, #00ded7, #00baff, #008cff, #444be3) !important;
}


@media (max-width: 1366px) {
    .info-box7 .info-box7-block {
        padding: 20px;
    }

    .info-box7 .info-box7-block i {
        font-size: 20px;
    }

    .info-box7 .info-box7-block span {
        font-size: 20px;
    }

    .info-box7 .info-box7-block p {
        font-size: 10px;
    }

    .info-box7 .info-box7-block h4 {
        font-size: 18px;
    }
}
@media (max-width: 1440px){
    select.form-control {
        height: 3rem;
    }
}
select.dashboard-select {
    height: 3rem;
}


.ic_order_li ol {
    counter-reset: item;
}


.wtree li {
    list-style-type: none;
    margin: 10px 0 10px 10px;
    position: relative;
}
.wtree li:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -30px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 30px;
    height: 15px;
}
.wtree .ic_parent::before {
    display: none;
}
.wtree li:after {
    position: absolute;
    content: "";
    top: 5px;
    left: -30px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 30px;
    height: 100%;
}
.wtree li:last-child:after {
    display: none;
}
.wtree li span {
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    color: rgba(102, 102, 102, 1);
    text-decoration: none;
}
/* .wtree li span:before {
    content: counters(item, ".") " ";
} */
.wtree li span:hover, .wtree li span:focus {
    color: #000;
    border: 1px solid #474747;
}
.wtree li span:hover + ol li span, .wtree li span:focus + ol li span {
    color: #000;
    border: 1px solid #474747;
}
.wtree li span:hover + ol li:after, .wtree li span:focus + ol li:after, .wtree li span:hover + ol li:before, .wtree li span:focus + ol li:before {
    border-color: #474747;
}
.ic_order_li li span {
    background-color: #ddf3fe;
}
.ic_order_li li li span {
    background-color: #ddf3fe;
}
.ic_order_li li li li span {
    background-color: #ddf3fe;
}
.display {
    margin-right: 12px;
    font-weight: bold;
}
.ic_order_li input, label {
    margin: 8px 0px 12px 0px;
}
.ic_order_li label {
    padding-left: 6px;
    padding-right: 12px;
}

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

.ic_remove_btn i {
    color: red;
    font-weight: bold;
}

.drop-zone {
    margin: 5px auto;
    padding: 55px 25px;
    border: 3px dashed #aaa;
    border-radius: 10px;
    transition: background-color 0.2s ease;
    cursor: pointer;
    text-align: center;
}

.drop-zone.dragover {
    background-color: #f0f8ff;
}

.ic-file-preview {
    margin-top: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.ic-file-preview .file-item {
    margin-bottom: 10px;
}

.ic-file-preview img {
    max-width: 100px;
    height: auto;
    border-radius: 5px;
}

.ic-preview-remove-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    padding: 4px 8px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;
}

.ic-preview-remove-btn:hover {
    background-color: #e60000;
}

div#filePreview {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#filePreview .file-item button {
    border: 1px solid #ddd;
    background: #eee;
    padding: 3px;
    font-size: 10px;
    cursor: pointer;
}

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

.ic-serach-button {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}