.check-header-options-p {
    font-size: 0.9rem;
    color: #4d4f5c;
    margin: 5px 20px 0 10px;
    font-weight: 700;
}

.margin-top-l {
    margin-top: 70px;
}

.green-legend {
    background: #6dbdb4;
    height: 10px;
    width: 18px;
    border-radius: 5px;
    margin: 3px;
}

.overview-span {
    font-size: 0.8rem;
    font-weight: 700;
    color: #4d4f5c;
}

.ov-table-title {
    font-size: 1rem;
    color: #4d4f5c;
}

.overview-row {
    display: inline-block;
    height: 55px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 100%;
}

.orrange {
    color: #e2a301 !important;
}

.primC {
    color: #6dbdb4 !important;
}

.redC {
    color: #ff6565 !important;
}

.margin-title-row {
    margin-top: 15px;
    margin-bottom: 10px;
}

.overview-row .overview-holder {
    display: flex;
}

    .overview-row .overview-holder small {
        font-size: 0.6rem;
        color: #4d4f5c;
    }

    .overview-row .overview-holder .ov-button-division {
        /*width: 60px;*/
        width: 3%;
        min-width: 50px;
        display: grid;
        padding: 12px;
        height: 55px;
    }

    .overview-row .overview-holder .ov-company-division {
        /*width: 270px;*/
        width: 15%;
        min-width: 240px;
        display: grid;
        height: 55px;
        padding: 0 1px;
    }

        .overview-row .overview-holder .ov-company-division.custor-company {
            /*width: 420px;*/
            width: 25%;
            min-width: 390px;
            padding: 0 1px;
        }

    .overview-row .overview-holder .ov-category-division {
        /*width: 150px;*/
        width: 10%;
        min-width: 150px;
        display: grid;
        height: 55px;
        padding: 0 1px;
    }

    .overview-row .overview-holder .ov-property-division {
        /*width: 150px;*/
        width: 8%;
        min-width: 100px;
        display: grid;
        height: 55px;
        padding: 0 1px;
    }

        .overview-row .overview-holder .ov-property-division.budgetOff {
            /*width: 182px;*/
            width: 10%;
            min-width: 50px;
        }

        .overview-row .overview-holder .ov-property-division.vacOff {
            /*width: 182px;*/
            width: 10%;
            min-width: 50px;
        }

            .overview-row .overview-holder .ov-property-division.vacOff.budgetOff {
                /*width: 214px;*/
                width: 12%;
                min-width: 50px;
            }

    .overview-row .overview-holder .ov-budget-division {
        /*width: 190px;*/
        width: 12%;
        min-width: 145px;
        display: grid;
        height: 55px;
    }

    .overview-row .overview-holder .ov-delete-division {
        width: 0;
    }

        .overview-row .overview-holder .ov-delete-division i {
            /*width: 190px;*/
            width: 10px;
            min-width: 10px;
            display: grid;
            height: 55px;
            font-size: 1.3rem;
            color: #ffb1b1;
            cursor: pointer;
            position: relative;
            top: 17px;
            left: 12px;
        }

    .overview-row .overview-holder .ov-not-approved-division {
        /*width: 900px;*/
        width: 48%;
        min-width: 600px;
        display: grid;
        height: 55px;
    }

        .overview-row .overview-holder .ov-not-approved-division.budgetOff {
            /*width: 1092px;*/
            width: 54%;
            min-width: 745px;
        }

        .overview-row .overview-holder .ov-not-approved-division.vacOff {
            /*width: 1092px;*/
            width: 60%;
            min-width: 745px;
        }

.ov-input-holder {
    height: 36px;
    border: 1px solid #e8e9ec;
    margin-top: 10px;
    padding: 5px 2px;
    font-weight: 600;
    color: #4d4f5c;
    font-size: 0.9rem;
    overflow: hidden;
}

.ov-status-holder {
    height: 36px;
    margin-top: 10px;
    padding: 5px;
    font-weight: 600;
    color: #e2a301;
    font-size: 1rem;
}

.margin-parent-row {
    /*margin-bottom: 25px;*/
    margin-bottom: 12px;
}

.margin-child-row {
    margin-bottom: 5px;
}

.margin-child-row-last {
    margin-bottom: 40px;
}

.separate-column {
    border-left: 5px solid #F0F0F7;
    /*border-right: 5px solid #F0F0F7;*/
    margin-left: 2px;
    /*margin-right: 2px;*/
    padding-left: 2px;
    /*padding-right: 2px;*/
}

.height-of-title-row {
    height: 48px;
}

.height-of-subchild-row {
    height: 55px;
}

.ov-delete-row {
    font-size: 1.3rem;
    margin: 5px 0 0 10px;
    color: #ffb1b1;
    cursor: pointer;
}

.ov-row-holder {
    /*padding: 15px 10px 0 15px;*/
    padding: 8px 5px 0 0;
    display: flex;
}

    .ov-row-holder .ov-desc-input {
        width: 40%;
        margin-left: 10px;
    }
    .ov-row-holder .ov-desc-input-2 {
        width: 51.7%;
        margin-left: 10px;
    }
    .ov-row-holder .ov-title-input {
        width: 30%;
        margin-left: 10px;
    }

    .ov-row-holder .ov-number-input-l {
        width: 12%;
        margin-left: 10px;
    }
    .ov-row-holder .ov-number-input-l-2 {
        width: 13.5%;
        margin-left: 10px;
    }
    .ov-row-holder .ov-number-input-l-delete {
        width:10%;
    }
    .ov-row-holder .ov-select-input {
        width: 11%;
        margin-left: 10px;
    }

    .ov-row-holder .ov-number-input-m {
        margin-left: 10px;
        width: 30%;
    }

    .ov-row-holder .ov-number-input-s {
        margin-left: 10px;
        width: 9.2%;
    }
    .ov-row-holder .ov-number-input-s2 {
        margin-left: 10px;
        width: 9.4%;
    }

.other-rows {
    padding: 2px 10px 0 0;
}

.first-row {
    padding: 5px 10px 0 0;
}
.budget-overwiev-green {
    color: #6dbdb4;
    cursor: pointer;
}

.green-dashed-input {
    border: 2px dashed #6dbdb4;
    border-radius: 4px;
    /*font-size: 0.8rem;*/
}

.red-dashed-input {
    border: 2px dashed #ff6565;
    border-radius: 4px;
    /*font-size: 0.8rem;*/
}

.amount-row-details {
    min-height: 50px;
    width: 100%;
    display: flex;
    padding-left: 50px;
}

.red-input-graph-size {
    max-width: 110px;
    margin-left: auto;
}

span.overview-math-sign {
    color: #e2a301;
    position: absolute;
    margin-left: 140px;
}

.fake-estimate-input {
    font-size: 0.8rem;
    border: 2px solid #ff6565;
    background-color: #f2f2f2;
    border-radius: 4px;
    height: 32px;
    padding: 5px 2px;
    text-align: right;
}

.fake-estimate-budget-input {
    font-size: 0.8rem;
    border: 2px dashed #6dbdb4;
    background-color: #f2f2f2;
    border-radius: 4px;
    height: 32px;
    padding: 5px 2px;
}

.fake-estimate-budget-input-holder {
    font-size: 0.8rem;
    border: 2px dashed #6dbdb4;
    background-color: #f2f2f2;
    border-radius: 4px;
    height: 32px;
    padding: 5px 2px;
    width:110px;
}

.client-title-row {
    font-size: 1rem;
    color: #4d4f5c;
    padding-left: 20px;
    position: absolute;
}

.margin-parent-row-1 {
    margin-bottom: 5px;
}

.add-overview-row {
    color: #43425d;
    font-size: 1.5rem;
    margin-top: 15px;
    cursor: pointer;
}

.input-new-row-holder {
    border: none;
    padding: 0;
}

    .input-new-row-holder input {
        height: 36px;
        border-radius: 0;
        font-weight: 600;
        color: #4d4f5c;
        font-size: 0.9rem !important;
    }

.dark-border {
    border-radius: 4px;
    border: 1px solid #43425d!important;
    cursor:pointer;
}

.red-border {
    border-radius: 4px;
    border: 1px solid #ff6565!important;
}

.dpoped-division-row {
    height: 7px;
    transition: height 0.2s ease-out;
    margin-left: 0;
    margin-right: 0;
}

    .dpoped-division-row.active {
        height: 55px;
        transition: height 0.2s ease-in;
        background: #F0F0F7;
    }

.min-height-lines {
    min-height: 360px;
}

.border-none {
    border: none;
}

.ov-company-division-custom {
    width: 350px !important;
}

.border-droped-div {
    border: 1px dashed gray;
}

.blured-div {
    position: absolute;
    width: 93%;
    height: 65px;
    z-index: 30;
    /*background: gray;
    background-color: rgba(206,204,204,0.6);*/
}

.blured-row {
    filter: blur(4px);
}

.shadow-primary {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
}

.subtitle-small-position {
    position: relative;
    top: -12px;
}

.ov-info-width {
    width: 220px !important;
}

.overview-content-margin {
    margin-top: 50px;
}

.graph-label-input-text {
    width: 99px;
    display: inline-block;
    font-size: 12px;
    padding-left: 25px;
}
.graph-label-input-text-h {
    width: 99px;
    display: inline-block;
    font-size: 12px;
}
.graph-label-input-text-actual {
    width: 99.5px;
    display: inline-block;
    font-size: 12px;
    padding-left: 25px;
}

.budget-div {
    border: 2px dashed #6dbdb4;
    border-radius: 4px;
}

.finance-ow-row {
    font-weight: 600;
    color: #4d4f5c;
    font-size: 0.9rem;
}

.finance-sticky-row {
    font-size: 1rem;
    color: #4d4f5c;
    position: sticky;
    top: 123px;
    z-index: 1;
}

.finance-sticky-row-2 {
    position: sticky;
    top: 147px;
    z-index: 1;
}

.finance-overview-data-section > table > tbody > .data-row {
    border: 3px solid #F0F0F7;
}

    .finance-overview-data-section > table > tbody > .data-row > td {
        padding: 3px;
    }

        .finance-overview-data-section > table > tbody > .data-row > td .cell {
            border: 1px solid #e8e9ec;
            padding: 3px;
            height: 30px;
            min-width: max-content;
        }

.finance-overview-data-section > table > tbody > .total-row > td .cell {
    border: 1px solid #e8e9ec;
    padding: 3px;
    height: 30px;
}

.gray-td {
    border-left: 5px solid #F0F0F7;
}

.list-binder-vertical-overview {
    width: 10px;
    height: 41px;
    border-left: 1px solid black;
    position: absolute;
    top: -4px;
    left: 14px;
}
    .list-binder-vertical-overview.last {
        height: 21px;
    }

.overview-relative-buttton-section {
    width:30px;
    position:relative;
}
.percentage-placeholder {
    position: absolute;
    top: 6px;
    right: 3px;
    font-size: 0.8rem;
}


/*responsive*/
@media only screen and (max-width: 1860px) {
    .overview-row .overview-holder .ov-button-division {
        /*width: 50px;*/
    }

    .overview-row .overview-holder .ov-company-division {
        /*width: 240px;*/
    }

        .overview-row .overview-holder .ov-company-division.custor-company {
            /*width: 390px;*/
        }

    .overview-row .overview-holder .ov-category-division {
        /*width: 150px;*/
    }

    .overview-row .overview-holder .ov-property-division {
        /*width: 100px;*/
    }

        .overview-row .overview-holder .ov-property-division.budgetOff {
            /*width: 132px;*/
        }

        .overview-row .overview-holder .ov-property-division.vacOff {
            /*width: 132px;*/
        }

            .overview-row .overview-holder .ov-property-division.vacOff.budgetOff {
                /*width: 164px;*/
            }

    .overview-row .overview-holder .ov-budget-division {
        /*width: 145px;*/
    }

    .overview-row .overview-holder .ov-not-approved-division {
        /*width: 601px;*/
    }

    span.overview-math-sign {
        color: #e2a301;
        position: absolute;
        margin-left: 105px;
    }
}
.new-total-title-p {
    font-size: 1.7rem;
    color: #4d4f5c;
}
.list-binder-vertical-overview-2 {
    width: 10px;
    height: 41px;
    border-left: 1px solid black;
    position: absolute;
    top: -4px;
    left: 36px;
}
.list-binder-vertical-overview-2.last {
    height: 21px;
}

.list-binder-vertical-overview-3 {
    width: 10px;
    height: 37px;
    border-left: 1px solid black;
    position: absolute;
    top: -4px;
    left: 43px;
}

    .list-binder-vertical-overview-3.last {
        height: 21px;
    }

@media only screen and (max-width: 1800px) {
    span.overview-math-sign {
        margin-left: 127px;
    }
}

@media only screen and (max-width: 1620px) {
    span.overview-math-sign {
        margin-left: 110px;
    }
}

@media only screen and (max-width: 1440px) {
    .ov-input-holder {
        padding: 6px 2px;
        font-size: 0.8rem;
    }

    .ov-table-title {
        font-size: 0.9rem;
    }

    .client-title-row {
        font-size: 0.9rem;
    }

    .ov-status-holder {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 1440px) {
    .overview-row .overview-holder .ov-button-division {
        /*width: 50px;*/
    }

    .overview-row .overview-holder .ov-company-division {
        /*width: 230px;*/
    }

        .overview-row .overview-holder .ov-company-division.custor-company {
            /*width: 370px;*/
        }

    .overview-row .overview-holder .ov-category-division {
        /*width: 140px;*/
    }

    .overview-row .overview-holder .ov-property-division {
        /*width: 99px;*/
    }

        .overview-row .overview-holder .ov-property-division.budgetOff {
            /*width: 131px;*/
        }

        .overview-row .overview-holder .ov-property-division.vacOff {
            /*width: 131px;*/
        }

            .overview-row .overview-holder .ov-property-division.vacOff.budgetOff {
                /*width: 163px;*/
            }

    .overview-row .overview-holder .ov-budget-division {
        /*width: 140px;*/
    }

    .overview-row .overview-holder .ov-not-approved-division {
        /*width: 593px;*/
    }
}

/*lenovo*/
@media only screen and (max-width: 1366px) {
    .overview-row .overview-holder .ov-button-division {
        /*width: 50px;*/
    }

    .overview-row .overview-holder .ov-company-division {
        /*width: 210px;*/
    }

        .overview-row .overview-holder .ov-company-division.custor-company {
            /*width: 350px;*/
        }

    .overview-row .overview-holder .ov-category-division {
        /*width: 140px;*/
    }

    .overview-row .overview-holder .ov-property-division {
        /*width: 95px;*/
    }

        .overview-row .overview-holder .ov-property-division.budgetOff {
            /*width: 127px;*/
        }

        .overview-row .overview-holder .ov-property-division.vacOff {
            /*width: 127px;*/
        }

            .overview-row .overview-holder .ov-property-division.vacOff.budgetOff {
                /*width: 159px;*/
            }

    .overview-row .overview-holder .ov-budget-division {
        /*width: 120px;*/
    }

    .overview-row .overview-holder .ov-not-approved-division {
        /*width: 569px;*/
    }

    span.overview-math-sign {
        margin-left: 106px;
    }
}

@media only screen and (max-width: 1314px) {
    .overview-row .overview-holder .ov-button-division {
        /*width: 50px;*/
    }

    .overview-row .overview-holder .ov-company-division {
        /*width: 210px;*/
    }

        .overview-row .overview-holder .ov-company-division.custor-company {
            /*width: 350px;*/
        }

    .overview-row .overview-holder .ov-category-division {
        /*width: 140px;*/
    }

    .overview-row .overview-holder .ov-property-division {
        /*width: 95px;*/
    }

    .overview-row .overview-holder .ov-budget-division {
        /*width: 93px;*/
    }

    .overview-row .overview-holder .ov-not-approved-division {
        /*width: 569px;*/
    }
}

@media only screen and (max-width: 1200px) {

    .overview-row .overview-holder .ov-budget-division {
        /*background: white;*/
    }
}

@media only screen and (max-width: 990px) {
    .payment-info {
        height: 40px !important;
    }

    .overview-info-div {
        display: none !important;
    }
}

@media only screen and (max-width: 760px) {
    .primary-check-box-button {
        width: 31px !important;
    }

    .overview-content-margin {
        margin-top: 0px;
    }
}



/*responsive end*/