.bid {
    display: inline-grid;
    min-height: 74vh;
}

.bid-button-section {
    display: inline-flex;
}

    .bid-button-section p {
        font-size: 0.9rem;
        color: #4d4f5c;
        margin: 10px 10px;
    }

    .bid-button-section .primary-check-box-button {
        margin: 5px 0;
    }

.bid .tab-group {
    margin: 40px 0 0 0;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .bid .tab-group .tab-holder {
        width: 170px;
        height: 41px;
        display: inline-block;
        border-bottom: 1px solid #e8e9ec;
        cursor: pointer;
    }

        .bid .tab-group .tab-holder:last-child {
            border-bottom: none;
        }

        .bid .tab-group .tab-holder input {
            width: 99%;
            height: 40px;
            border-top: 2px solid #6dbdb4;
            border-left: 2px solid #6dbdb4;
            border-right: 2px solid #6dbdb4;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom: none;
            /*background: red;*/
            text-align: center;
            cursor: pointer;
        }

            .bid .tab-group .tab-holder input:focus {
                outline: none;
            }

        .bid .tab-group .tab-holder .backgorund-primary {
            background: #6dbdb4;
            color: white;
        }

        .bid .tab-group .tab-holder .backgorund-primary-white {
            background: white;
            color: #6dbdb4;
        }

        .bid .tab-group .tab-holder button {
            width: 30%;
            height: 40px;
            border-top: 2px solid #6dbdb4;
            border-left: 2px solid #6dbdb4;
            border-right: 2px solid #6dbdb4;
            border-bottom: none;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            /*background: red;*/
            text-align: center;
            cursor: pointer;
        }

            .bid .tab-group .tab-holder button:focus {
                outline: none;
            }

.bid .bid-holder-hover {
    /*background-color: white;*/
    min-height: 70vh;
    display: inline-block;
    padding-bottom: 40px;
}

.bid .bid-holder {
    display: grid;
}

    .bid .bid-holder .drop-up-line {
        display: flex;
        position: absolute;
        width: 100%;
        height: 13px;
        /*background: red;*/
        opacity: 1;
        margin-left: 60px;
        z-index: -1;
    }

        .bid .bid-holder .drop-up-line[dnd-list] > li.dndPlaceholder {
            /*background-color: #F0F0F7;*/
            background-color: #ccccd2;
            width: 80%;
        }

            .bid .bid-holder .drop-up-line[dnd-list] > li.dndPlaceholder:after {
                /*content: "\f077";*/
                /*content: 'up';*/
                content: url("../../Content/img/caret-up.png");
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                position: absolute;
                top: 1px;
                left: 0;
                color: #6DBDB4;
                background-repeat: no-repeat;
                z-index: 5;
                /*background: green;*/
                height: 13px;
                overflow: hidden;
                opacity: 1 !important;
                font-size: 12px;
                text-align: center;
            }

    .bid .bid-holder .drop-middle-line {
        display: flex;
        position: absolute;
        width: 100%;
        height: 13px;
        margin-top: 13px;
        /*background: orange;*/
        opacity: 1;
        margin-left: 60px;
        z-index: -1;
    }

ul[dnd-list] {
    list-style-type: none !important;
}

.bid .bid-holder .drop-middle-line[dnd-list] > li.dndPlaceholder {
    /*background-color: #F0F0F7;*/
    background-color: #ccccd2;
    width: 80%;
}

    .bid .bid-holder .drop-middle-line[dnd-list] > li.dndPlaceholder:after {
        content: url("../../Content/img/enter.png");
        height: 10px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        top: 1px;
        left: 0;
        color: #6DBDB4;
        background-repeat: no-repeat;
        background-image: url("../../Content/img/unknown.JPG");
        z-index: 1;
    }

.bid .bid-holder .drop-down-line {
    display: flex;
    position: absolute;
    width: 100%;
    height: 13px;
    margin-top: 26px;
    /*background: yellow;*/
    opacity: 1;
    margin-left: 60px;
    z-index: -1;
}

    .bid .bid-holder .drop-down-line[dnd-list] > li.dndPlaceholder {
        /*background-color: #F0F0F7;*/
        background-color: #ccccd2;
        width: 80%;
    }

        .bid .bid-holder .drop-down-line[dnd-list] > li.dndPlaceholder:after {
            /*content: "\f077";*/
            content: url("../../Content/img/caret-down.png");
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            position: absolute;
            top: -2px;
            left: 0;
            color: #6DBDB4;
            background-repeat: no-repeat;
            z-index: 1;
        }

}

.bid .bid-holder .drop-up-line:hover {
    /*background: gray;*/
}

.bid .bid-holder .drop-middle-line:hover {
    /*background: gray;*/
}

.bid .bid-holder .drop-down-line:hover {
    /*background: gray;*/
}

.z-index1 {
    z-index: 1 !important;
}

/*.z-index1:-moz-drag-over {
        background: gray !important;
    }*/

.z-index-1 {
    z-index: -1 !important;
}

/*@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}*/

.bid .bid-holder .bid-row {
    background-color: white;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*animation: 0.5s ease-out 0s 1 slideInFromLeft;*/
}

    .bid .bid-holder .bid-row .button-holder {
        width: 40px;
        height: 36px;
        /*background: red;*/
        background: white;
        float: left;
    }

    .bid .bid-holder .bid-row .id-holder {
        width: 70px;
        height: 36px;
        float: left;
        background: white;
        /*background: green;*/
    }

.bid .bid-holder .id-holder .carret-division {
    width: 10px;
    height: 36px;
    position: relative;
    top: 7px;
    left: 30px;
    color: #bcbccb;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    padding: 5px 0;
}

.bid .bid-holder .bid-row .id-holder .input-holder {
    width: 70px;
    height: 36px;
    /*background: yellow;*/
    margin: 1px 1px;
    border: 1px solid #e8e9ec;
}

    .bid .bid-holder .bid-row .id-holder .input-holder input {
        width: 67px;
        height: 36px;
        border: none;
        font-size: 12px;
        border-radius: 0;
    }

        .bid .bid-holder .bid-row .id-holder .input-holder input:focus {
            outline: none;
        }

.bid .bid-holder .bid-row .drag-carret-holder {
    width: 15px;
    height: 36px;
    float: left;
    /*background: lightblue;*/
}

    .bid .bid-holder .bid-row .drag-carret-holder .drag-carret-space {
        width: 15px;
        height: 13.3px;
        font-size: 10px;
        padding-left: 2.5px;
        color: #4d4f5c;
        cursor: pointer;
        overflow: hidden;
    }

        .bid .bid-holder .bid-row .drag-carret-holder .drag-carret-space .bid-options-dialog {
            width: 210px;
            height: 100px;
            border: 1px solid #e8e9ec;
            background: white;
            position: absolute;
            display: none;
            z-index: 20;
        }

            .bid .bid-holder .bid-row .drag-carret-holder .drag-carret-space .bid-options-dialog.active {
                display: block;
            }

            .bid .bid-holder .bid-row .drag-carret-holder .drag-carret-space .bid-options-dialog .dialog-item {
                width: 210px;
                height: 20px;
                cursor: pointer;
                padding: 2px 0 0 5px;
            }

                .bid .bid-holder .bid-row .drag-carret-holder .drag-carret-space .bid-options-dialog .dialog-item:hover {
                    background-color: whitesmoke;
                }

    .bid .bid-holder .bid-row .drag-carret-holder.white {
        background: white;
    }

.bid .bid-holder .bid-row .subject-holder {
    width: 350px;
    height: 36px;
    float: left;
    background: white;
    display: flex;
}

    .bid .bid-holder .bid-row .subject-holder.l-11 {
        width: 360px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-12 {
        width: 370px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-13 {
        width: 380px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-14 {
        width: 390px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-15 {
        width: 400px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-16 {
        width: 410px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-17 {
        width: 350px !important;
    }

    .bid .bid-holder .bid-row .subject-holder.l-18 {
        width: 430px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-19 {
        width: 440px;
    }

    .bid .bid-holder .bid-row .subject-holder.l-20 {
        width: 450px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder {
        width: 1px;
        height: 36px;
        position: relative;
        border-right: 1px solid;
        left: 7px;
    }

        .bid .bid-holder .bid-row .subject-holder .vertical-binder .horizontal-binder {
            position: relative;
            width: 5px;
            top: 20px;
            height: 1px;
            border-bottom: 1px solid;
        }

        .bid .bid-holder .bid-row .subject-holder .vertical-binder.last {
            width: 1px;
            height: 20px;
            position: relative;
            border-right: 1px solid;
        }


    /*after fix off bottom style*/

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-2 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 7px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-3 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 17px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-4 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 27px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-5 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 37px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-6 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 47px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-7 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 57px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-8 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 67px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-9 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 77px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-10 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 87px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-11 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 97px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-12 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 107px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-13 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 117px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-14 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 127px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-15 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 137px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-16 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 147px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-17 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 157px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-18 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 167px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-19 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 177px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-20 {
        width: 1px;
        height: 40px;
        position: relative;
        border-right: 1px solid;
        left: 187px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-2.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 7px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-3.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 17px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-4.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 27px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-5.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 37px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-6.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 47px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-7.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 57px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-8.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 67px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-9.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 77px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-10.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 87px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-11.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 97px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-12.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 107px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-13.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 117px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-14.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 127px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-15.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 137px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-16.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 147px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-17.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 157px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-18.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 167px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-19.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 177px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-20.last {
        width: 1px;
        height: 20px;
        position: relative;
        border-right: 1px solid;
        left: 187px;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-2 .horizontal-binder-2 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-3 .horizontal-binder-3 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-4 .horizontal-binder-4 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-5 .horizontal-binder-5 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-6 .horizontal-binder-6 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-7 .horizontal-binder-7 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-8 .horizontal-binder-8 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-9 .horizontal-binder-9 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-10 .horizontal-binder-10 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-11 .horizontal-binder-11 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-12 .horizontal-binder-12 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-13 .horizontal-binder-13 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-14 .horizontal-binder-14 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-15 .horizontal-binder-15 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-16 .horizontal-binder-16 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-17 .horizontal-binder-17 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-18 .horizontal-binder-18 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-19 .horizontal-binder-19 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .vertical-binder-20 .horizontal-binder-20 {
        position: relative;
        width: 5px;
        top: 20px;
        height: 1px;
        border-bottom: 1px solid;
    }

    .bid .bid-holder .bid-row .subject-holder .input-holder {
        width: 350px;
        height: 36px !important;
        /*background: yellow;*/
        margin: 1px 0 1px 0;
        border: 1px solid #e8e9ec;
    }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-11 {
            width: 360px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-12 {
            width: 370px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-13 {
            width: 380px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-14 {
            width: 390px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-15 {
            width: 400px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-16 {
            width: 410px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-17 {
            width: 350px !important;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-18 {
            width: 430px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-19 {
            width: 440px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-20 {
            width: 450px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder input {
            width: 350px;
            height: 36px;
            /*background: white;*/
            border: none;
            font-size: 16px;
            color: #4d4f5c;
            font-weight: 600;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-11 input {
            width: 360px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-12 input {
            width: 370px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-13 input {
            width: 380px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-14 input {
            width: 390px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-15 input {
            width: 400px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-16 input {
            width: 410px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-17 input {
            width: 350px !important;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-18 input {
            width: 430px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-19 input {
            width: 440px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder.l-20 input {
            width: 450px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-2 {
            font-size: 14px;
            padding-left: 15px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-3 {
            font-size: 12px;
            padding-left: 25px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-4 {
            font-size: 10px;
            padding-left: 35px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-5 {
            font-size: 10px;
            padding-left: 45px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-6 {
            font-size: 10px;
            padding-left: 55px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-7 {
            font-size: 10px;
            padding-left: 65px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-8 {
            font-size: 10px;
            padding-left: 75px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-9 {
            font-size: 10px;
            padding-left: 85px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-10 {
            font-size: 10px;
            padding-left: 95px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-11 {
            font-size: 10px;
            padding-left: 105px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-12 {
            font-size: 10px;
            padding-left: 115px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-13 {
            font-size: 10px;
            padding-left: 125px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-14 {
            font-size: 10px;
            padding-left: 135px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-15 {
            font-size: 10px;
            padding-left: 145px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-16 {
            font-size: 10px;
            padding-left: 155px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-17 {
            font-size: 10px;
            padding-left: 165px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-18 {
            font-size: 10px;
            padding-left: 175px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-19 {
            font-size: 10px;
            padding-left: 185px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder .subject-level-20 {
            font-size: 10px;
            padding-left: 195px;
        }

        .bid .bid-holder .bid-row .subject-holder .input-holder input:focus {
            outline: none;
        }

.bid .bid-holder .bid-row .description-holder {
    width: 320px;
    height: 36px;
    float: left;
    background: white;
    /*background: yellow;*/
}

    .bid .bid-holder .bid-row .description-holder .input-holder {
        width: 320px;
        height: 36px;
        /*background: yellow;*/
        margin: 1px 0 1px 0;
        border: 1px solid #e8e9ec;
    }

        .bid .bid-holder .bid-row .description-holder .input-holder input {
            width: 320px;
            height: 36px;
            /*background: white;*/
            border: none;
            font-size: 12px;
            color: #4d4f5c;
        }

            .bid .bid-holder .bid-row .description-holder .input-holder input:focus {
                outline: none;
            }

.bid .bid-holder .bid-row .quantity-holder {
    width: 80px;
    height: 36px;
    float: left;
    background: white;
    /*background: lightgray;*/
}

    .bid .bid-holder .bid-row .quantity-holder .input-holder {
        width: 80px;
        height: 36px;
        /*background: yellow;*/
        margin: 1px 0 1px 0;
        border: 1px solid #e8e9ec;
    }

        .bid .bid-holder .bid-row .quantity-holder .input-holder input {
            width: 78px;
            height: 36px;
            /*background: white;*/
            border: none;
            font-size: 12px;
            color: #4d4f5c;
            text-align: right;
            padding-right: 10px;
        }

            .bid .bid-holder .bid-row .quantity-holder .input-holder input:focus {
                outline: none;
            }

.bid .bid-holder .bid-row .unit-holder {
    width: 80px;
    height: 36px;
    float: left;
    background: white;
    /*background: orange;*/
}

    .bid .bid-holder .bid-row .unit-holder .input-holder {
        width: 80px;
        height: 36px;
        /*background: yellow;*/
        margin: 1px 0 1px 0;
        border: 1px solid #e8e9ec;
    }

        .bid .bid-holder .bid-row .unit-holder .input-holder select {
            width: 78px;
            height: 36px;
            /*background: white;*/
            border: none;
            font-size: 12px;
            color: #4d4f5c;
        }

            .bid .bid-holder .bid-row .unit-holder .input-holder select:focus {
                outline: none;
            }

/*.bid .bid-holder .bid-row .unit-price-holder {
    width: 100px;
    height: 40px;
    float: left;
    background: white;
}*/

.bid .bid-holder .bid-row .category-holder {
    width: 200px;
    height: 36px;
    float: left;
    background: white;
    /*background: lightblue;*/
}

.bid .bid-holder .bid-row .unit-price-holder {
    width: 100px;
    height: 36px;
    float: left;
    background: white;
}

.bid .bid-holder .bid-row .category-holder .carret-division {
    width: 10px;
    height: 36px;
    position: relative;
    top: 7px;
    left: 90px;
    color: #bcbccb;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    padding: 5px 0;
}

.bid .bid-holder .bid-row .category-holder .input-holder {
    width: 200px;
    height: 36px;
    /*background: yellow;*/
    margin: 1px 0 1px 0;
    border: 1px solid #e8e9ec;
}

.bid .bid-holder .bid-row .progress-holder {
    width: 190px;
    height: 36px;
    float: right;
    background: white;
    display: flex;
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
}

.bid .bid-holder .bid-row .progress-holder-payed-pendingpayment {
    display: block;
    float: left;
    width: 130px;
    height: 36px;
    float: right;
    background: white;
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
}

.bid .bid-holder .bid-row .progress-holder .pending-payment {
    width: 125px;
    height: 36px;
    float: right;
    /*background: #b5ded9;*/
    text-align: right;
    border: 1px solid #e8e9ec;
    margin-top: 1px;
}

.bid .bid-holder .bid-row .progress-holder-payed-pendingpayment .pending-payment {
    width: 130px;
    height: 36px;
    float: right;
    /*background: #b5ded9;*/
    text-align: right;
}

.bid .bid-holder .bid-row .progress-holder .pending-payment .input-holder {
    width: 125px;
    height: 35px;
    margin: 1px 0 1px 0px;
}

    .bid .bid-holder .bid-row .progress-holder .pending-payment .input-holder.fake {
        padding: 8px 5px;
        font-size: 0.83rem;
    }

.input-holder .p-in-input-holeder {
    margin: 9px 5px !important;
    font-size: 0.8rem !important;
}

.bid .bid-holder .bid-row .progress-holder-payed-pendingpayment .pending-payment .input-holder {
    width: 125px;
    height: 36px;
    margin: 1px 0 1px 0px;
    border: 1px solid #e8e9ec;
    margin-top: 1px;
}

/*.bid .bid-holder .bid-row .progress-holder-new .input-holder {
            width: 135px;
            height: 36px;
            margin: 2px 0 1px 6px;
        }*/

.bid .bid-holder .bid-row .progress-holder .pending-payment .input-holder .no-input {
    width: 94%;
    text-align: right;
    padding-right: 10px;
    padding-top: 8px;
    height: 30px;
    background: white;
    margin-top: 5px;
    font-size: 12px;
}

.bid .bid-holder .bid-row .progress-holder-payed-pendingpayment .pending-payment .input-holder input {
    width: 123px;
    height: 33px;
    border: 2px solid #6dbdb4;
    border-radius: 6px;
    font-size: 12px;
    color: #4d4f5c;
    text-align: right;
    padding-right: 10px;
    margin-top: 1px;
}

.bid .bid-holder .bid-row .progress-holder .pending-payment .input-holder input {
    width: 123px;
    height: 33px;
    border: 2px solid #6dbdb4;
    border-radius: 6px;
    font-size: 12px;
    color: #4d4f5c;
    text-align: right;
    padding-right: 10px;
}

    .bid .bid-holder .bid-row .progress-holder .pending-payment .input-holder input:focus {
        outline: none;
    }

.bid .bid-holder .bid-row .progress-holder-payed-pendingpayment .pending-payment .input-holder input:focus {
    outline: none;
}

.bid .bid-holder .bid-row .progress-holder .pending-progress {
    width: 65px;
    height: 36px;
    float: right;
    /*background: #b5ded9;*/
    text-align: right;
    border: 1px solid #e8e9ec;
    margin-top: 1px;
}

    .bid .bid-holder .bid-row .progress-holder .pending-progress .input-holder {
        width: 65px;
        height: 35px;
        margin: 1px 0 1px 0;
    }

        .bid .bid-holder .bid-row .progress-holder .pending-progress .input-holder.fake {
            padding: 8px 5px;
            font-size: 0.83rem;
        }

        .bid .bid-holder .bid-row .progress-holder .pending-progress .input-holder .no-input {
            width: 94%;
            text-align: right;
            padding-right: 20px;
            padding-top: 8px;
            height: 30px;
            background: white;
            margin-top: 5px;
            font-size: 12px;
        }

        .bid .bid-holder .bid-row .progress-holder .pending-progress .input-holder input {
            width: 64px;
            height: 33px;
            border: 2px solid #6dbdb4;
            border-radius: 6px;
            font-size: 12px;
            color: #4d4f5c;
            text-align: right;
            padding-right: 4px;
        }

            .bid .bid-holder .bid-row .progress-holder .pending-progress .input-holder input:focus {
                outline: none;
            }


.bid .bid-holder .bid-row .payment-to-holder {
    width: 200px;
    height: 36px;
    float: right;
    background: white;
    display: flex;
}

    .bid .bid-holder .bid-row .payment-to-holder .paid {
        width: 140px;
        height: 36px;
        float: right;
        background: white;
    }

        .bid .bid-holder .bid-row .payment-to-holder .paid .input-holder {
            width: 140px;
            height: 36px;
            margin: 1px 0 1px 0;
            border: 1px solid #e8e9ec;
        }

            .bid .bid-holder .bid-row .payment-to-holder .paid .input-holder input {
                width: 163px;
                height: 36px;
                border: none;
                font-size: 12px;
                color: #4d4f5c;
                text-align: right;
            }

                .bid .bid-holder .bid-row .payment-to-holder .paid .input-holder input:focus {
                    outline: none;
                }

    .bid .bid-holder .bid-row .payment-to-holder .progress {
        width: 60px;
        height: 36px;
        float: right;
        background: white;
    }

        .bid .bid-holder .bid-row .payment-to-holder .progress .input-holder {
            width: 60px;
            height: 36px;
            margin: 1px 0 1px 0;
            border: 1px solid #e8e9ec;
        }

            .bid .bid-holder .bid-row .payment-to-holder .progress .input-holder input {
                width: 53px;
                height: 36px;
                border: none;
                font-size: 12px;
                color: #4d4f5c;
                text-align: right;
            }

                .bid .bid-holder .bid-row .payment-to-holder .progress .input-holder input:focus {
                    outline: none;
                }

.bid .bid-holder .bid-row .contract-column-holder {
    width: 140px;
    height: 36px;
    float: left;
    background: white;
}

    .bid .bid-holder .bid-row .contract-column-holder .input-holder {
        width: 140px;
        height: 36px;
        margin: 1px 0 1px 0;
        border: 1px solid #e8e9ec;
    }

        .bid .bid-holder .bid-row .contract-column-holder .input-holder input {
            width: 163px;
            height: 36px;
            border: none;
            font-size: 12px;
            color: #4d4f5c;
            text-align: right;
        }

            .bid .bid-holder .bid-row .contract-column-holder .input-holder input:focus {
                outline: none;
            }

.bid .bid-holder .bid-row .unit-price-holder .input-holder {
    width: 100px;
    height: 36px;
    /*background: yellow;*/
    margin: 1px 0 1px 0;
    border: 1px solid #e8e9ec;
}

    .bid .bid-holder .bid-row .unit-price-holder .input-holder input {
        width: 98px;
        height: 36px;
        border: none;
        font-size: 12px;
        color: #4d4f5c;
        text-align: right;
    }

        .bid .bid-holder .bid-row .unit-price-holder .input-holder input:focus {
            outline: none;
        }

.bid .bid-holder .bid-row .category-holder .input-holder select {
    width: 196px;
    height: 36px;
    /*background: white;*/
    border: none;
    font-size: 12px;
    color: #4d4f5c;
}

    .bid .bid-holder .bid-row .category-holder .input-holder select:focus {
        outline: none;
    }

.bid .bid-holder .bid-row .delete-holder {
    width: 35px;
    height: 36px;
    float: left;
    background: white;
    /*background: lightgreen;*/
    color: #ffb1b1;
    padding: 10px;
}

    .bid .bid-holder .bid-row .delete-holder i {
        cursor: pointer;
        font-size: 20px;
    }

.bid .bid-holder .bid-row .separator-holder {
    /*width: 5px;*//*by:cviki*/
    height: 36px;
    float: left;
    background: #d9d8de;
}

    .bid .bid-holder .bid-row .separator-holder.white {
        background: white;
    }

.bid .bid-holder .bid-row .account-holder {
    width: 200px;
    height: 36px;
    float: left;
    background: white;
    /*background: red;*/
}

.bid .bid-holder .bid-row .evaluate-sum-holder {
    width: 167px;
    height: 36px;
    float: left;
    background: white;
}

.bid .bid-holder .bid-row .account-holder .input-holder {
    width: 195px;
    height: 36px;
    margin: 1px 1px 1px 2px;
    border: 1px solid #e8e9ec;
}

.bid .bid-holder .bid-row .evaluate-sum-holder .input-holder {
    width: 165px;
    height: 36px;
    margin: 1px 0 1px 0;
    border: 1px solid #e8e9ec;
}

.bid .bid-holder .bid-row .account-holder .input-holder select {
    width: 190px;
    height: 36px;
    /*background: white;*/
    border: none;
    font-size: 12px;
    color: #4d4f5c;
}

    .bid .bid-holder .bid-row .account-holder .input-holder select:focus {
        outline: none;
    }

.bid .bid-holder .bid-row .evaluate-sum-holder .input-holder input {
    width: 160px;
    height: 36px;
    border: none;
    font-size: 16px;
    color: #4d4f5c;
    text-align: right;
    font-weight: 600;
}

    .bid .bid-holder .bid-row .evaluate-sum-holder .input-holder input:focus {
        outline: none;
    }

.bid .bid-holder .bid-row .budget-holder {
    width: 160px;
    height: 36px;
    float: left;
    background: white;
    /*background: green;*/
}

    .bid .bid-holder .bid-row .budget-holder .input-holder {
        width: 155px;
        height: 36px;
        /*background: yellow;*/
        margin: 1px 1px 1px 2px;
        border: 1px solid #e8e9ec;
    }
    /*.bid .bid-holder .bid-row .budget-holder .input-holder span{
        font-size: 16px;
        color: #4d4f5c;
        font-weight: 600;
        padding: 7px 3px;
    }*/

        .bid .bid-holder .bid-row .budget-holder .input-holder input {
            width: 152px;
            height: 36px;
            /*background: white;*/
            border: none;
            font-size: 16px;
            color: #4d4f5c;
            text-align: right;
            font-weight: 600;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-2 {
            font-size: 14px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-3 {
            font-size: 12px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-4 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-5 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-6 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-7 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-8 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-9 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-10 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-11 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-12 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-13 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-14 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-15 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-16 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-17 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-18 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-19 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder .budget-level-20 {
            font-size: 10px;
        }

        .bid .bid-holder .bid-row .budget-holder .input-holder input:focus {
            outline: none;
        }

.bid .bid-holder .bid-row p {
    font-size: 0.9rem;
    color: #4d4f5c;
    float: left;
    margin: 10px 0 0 5px;
}

.carret-active {
    color: #6dbdb4;
}

ul > li {
    list-style-type: none !important;
}

.evaluate-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-top: 124px;
}

.bid .tab-group .category-division {
    display: inline-block;
    min-width: 500px;
    float: left;
    height: 160px;
    /*background: yellow;*/
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    margin-left: 5px;
    margin-bottom: 5px;
}

    .bid .tab-group .category-division .category-title {
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #e8e9ec;
        overflow: hidden;
        padding: 5px 10px;
    }

        .bid .tab-group .category-division .category-title p {
            color: #6dbdb4;
            font-size: 1.4rem;
        }

    .bid .tab-group .category-division .budget-limit {
        width: 100%;
        display: flex;
        padding: 0 5px;
        margin-top: 5px;
    }

        .bid .tab-group .category-division .budget-limit .budget-limit-title {
            width: 50%;
            height: 25px;
            border-bottom: 2px solid #e8e9ec;
            padding-left: 5px;
        }

            .bid .tab-group .category-division .budget-limit .budget-limit-title p {
                font-size: 1rem;
                color: #4d4f5c;
            }

        .bid .tab-group .category-division .budget-limit .budget-limit-amount {
            width: 50%;
            height: 25px;
            border-bottom: 2px solid #e8e9ec;
            text-align: right;
            padding-right: 5px;
        }

            .bid .tab-group .category-division .budget-limit .budget-limit-amount p {
                font-size: 1rem;
                color: #4d4f5c;
                font-weight: bold;
            }

    .bid .tab-group .category-division .company-offer {
        width: 100%;
        height: 90px;
        display: block;
        padding: 2px 10px;
        overflow-y: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        .bid .tab-group .category-division .company-offer::-webkit-scrollbar {
            display: none;
        }

        .bid .tab-group .category-division .company-offer .company-offer-row {
            width: 100%;
            height: 30px;
            display: flex;
        }

            .bid .tab-group .category-division .company-offer .company-offer-row .company-offer-title {
                width: 70%;
                height: 30px;
                color: #4d4f5c;
            }

            .bid .tab-group .category-division .company-offer .company-offer-row .company-offer-amount {
                width: 30%;
                height: 30px;
                text-align: right;
                color: #4d4f5c;
            }

            .bid .tab-group .category-division .company-offer .company-offer-row .company-offer-title p {
                font-size: 0.8rem;
                margin: 5px 0 2px 2px;
            }

            .bid .tab-group .category-division .company-offer .company-offer-row .company-offer-amount p {
                font-size: 0.8rem;
                margin: 5px 0 2px 2px;
            }

.first-green {
    color: #6dbdb4;
}

.last-red {
    color: #ff6565;
}

.active-company-row {
    font-weight: bold;
    background: #fdf8eb;
}

.evaluate-check-box {
    width: 25px;
    height: 25px;
    background-color: white;
    color: #6dbdb4;
    border-radius: 6px;
    border: solid 2px #6dbdb4;
    cursor: pointer;
}

    .evaluate-check-box:focus {
        outline: none;
    }

    .evaluate-check-box i {
        font-size: 0.8rem;
        position: relative;
        top: -2px;
        left: -2px;
    }

.bid .bid-holder .bid-row .category-row {
    width: max-content;
    min-width: 505px;
    border-left: 5px solid #F0F0F7;
}

    .bid .bid-holder .bid-row .category-row .select-company-item {
        display: inline-flex;
        width: 167px;
    }

        .bid .bid-holder .bid-row .category-row .select-company-item .amount-holder {
            width: 130px;
            height: 34px;
            margin: 1px 0 1px 0;
            /*border: 1px solid #e8e9ec;*/
            border: solid 2px #6dbdb4;
            border-radius: 6px;
            margin-left: 6px;
            padding: 0 0 0 2px;
            background: white;
        }

            .bid .bid-holder .bid-row .category-row .select-company-item .amount-holder input {
                width: 120px;
                height: 32px;
                border: none;
                font-size: 14px;
                font-weight: bold;
                color: #4d4f5c;
                text-align: right;
            }

                .bid .bid-holder .bid-row .category-row .select-company-item .amount-holder input:focus {
                    outline: none;
                }

        .bid .bid-holder .bid-row .category-row .select-company-item .vat-holder {
            width: 65px;
            height: 34px;
            margin: 1px 0 1px 0;
            border: solid 2px #6dbdb4;
            border-radius: 6px;
            margin-left: 6px;
            padding: 0 0 0 2px;
            background: white;
        }

            .bid .bid-holder .bid-row .category-row .select-company-item .vat-holder .placeholder-span {
                font-size: 12px;
                font-size: 12px;
                position: relative;
                top: -29px;
                left: 46px;
            }

            .bid .bid-holder .bid-row .category-row .select-company-item .vat-holder input {
                width: 55px;
                height: 32px;
                border: none;
                font-size: 14px;
                font-weight: bold;
                color: #4d4f5c;
                text-align: right;
                padding-right: 10px;
            }

                .bid .bid-holder .bid-row .category-row .select-company-item .vat-holder input:focus {
                    outline: none;
                }

        .bid .bid-holder .bid-row .category-row .select-company-item .total-holder {
            width: 160px;
            height: 34px;
            margin: 1px 0 1px 0;
            /*border: solid 2px #6dbdb4;*/
            border: 1px solid #e8e9ec;
            /*border-radius: 6px;*/
            margin-left: 6px;
            padding: 0 0 0 2px;
            background: white;
            padding-right: 5px;
        }

            .bid .bid-holder .bid-row .category-row .select-company-item .total-holder.is-active {
                border-radius: 6px;
                border: solid 2px #6dbdb4;
            }

            .bid .bid-holder .bid-row .category-row .select-company-item .total-holder input {
                width: 155px;
                height: 36px;
                border: none;
                font-size: 16px;
                font-weight: bold;
                color: #4d4f5c;
                text-align: right;
            }

                .bid .bid-holder .bid-row .category-row .select-company-item .total-holder input:focus {
                    outline: none;
                }

        .bid .bid-holder .bid-row .category-row .select-company-item.active-company {
            width: 380px;
        }

        .bid .bid-holder .bid-row .category-row .select-company-item.backgroung-green {
            background: #b5ded9;
        }

        .bid .bid-holder .bid-row .category-row .select-company-item .check-box {
            width: 40px;
            padding: 5px;
            text-align: center;
        }

        .bid .bid-holder .bid-row .category-row .select-company-item .check-box-description {
            font-size: 0.8rem;
            margin-top: 8px;
            overflow: hidden;
        }

            .bid .bid-holder .bid-row .category-row .select-company-item .check-box-description.active-description {
                position: relative;
                right: -120px;
                width: 140px !important;
            }

        .bid .bid-holder .bid-row .category-row .select-company-item .check-box .locked {
            color: #6dbdb4;
            font-size: 1rem;
            cursor: pointer;
        }

.font-level-2 {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.font-level-3 {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.font-level-4 {
    font-size: 10px !important;
    font-weight: 600 !important;
}

.bid .bid-holder .bid-row .progress-holder-head {
    width: 210px;
    height: 40px;
    float: right;
    background: white;
    display: flex;
}

.payment-subcontractor-box {
    background: white;
    /*width: 530px;*/
    width: 524.5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.payment-subcontractor-box-sum {
    background: white;
    width: 435px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.payment-subcontractor-box .payment-subcontractor-row {
    display: block;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

    .payment-subcontractor-box .payment-subcontractor-row .payment-subcontractor-column {
        width: 50%;
        float: left;
        height: 36px;
    }

        .payment-subcontractor-box .payment-subcontractor-row .payment-subcontractor-column.title {
            /*font-size: 25px;*/
            color: #6dbdb4;
            /*padding-top: 9px;*/
            font-size: 16px;
            line-height:normal;
        }

        .payment-subcontractor-box .payment-subcontractor-row .payment-subcontractor-column.sub-title {
            font-size: 14px;
            padding: 10px 10px 10px 0;
            color: #4d4f5c;
        }

        .payment-subcontractor-box .payment-subcontractor-row .payment-subcontractor-column.primary {
            color: #6dbdb4;
            font-weight: bold;
        }

        .payment-subcontractor-box .payment-subcontractor-row .payment-subcontractor-column button {
            float: right;
            font-size: 0.75rem;
            margin: 5px 30px 0 5px;
            height: 29px;
            padding: 3px;
        }

.payment-subcontractor-box-sum .payment-subcontractor-row {
    display: block;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

    .payment-subcontractor-box-sum .payment-subcontractor-row .payment-subcontractor-column {
        width: 50%;
        float: left;
        height: 36px;
    }

        .payment-subcontractor-box-sum .payment-subcontractor-row .payment-subcontractor-column.title {
            /*font-size: 25px;*/
            color: #6dbdb4;
            padding-top: 9px;
            font-size: 17px;
        }

        .payment-subcontractor-box-sum .payment-subcontractor-row .payment-subcontractor-column.sub-title {
            font-size: 0.9rem;
            padding: 10px 10px 10px 0;
            color: #4d4f5c;
        }

        .payment-subcontractor-box-sum .payment-subcontractor-row .payment-subcontractor-column.primary {
            color: #6dbdb4;
            font-weight: bold;
        }

        .payment-subcontractor-box-sum .payment-subcontractor-row .payment-subcontractor-column button {
            float: right;
            font-size: 0.75rem;
            margin: 5px 30px 0 5px;
        }


.border-bottom {
    border-bottom: 1px solid #f0f0f7;
}

.free-div {
    /*width: 1210px;*/
    height: 40px;
    display: table;
}

.tab-position-payment-contract {
    padding-top: 14px;
}

.input-holder-empty {
    font-size: 0.83rem;
    padding: 10px 3px;
}

.input-holder-empty-subject {
    font-size: 16px;
    color: #4d4f5c;
    font-weight: 600;
    padding: 7px 3px;
}

.width38 {
    width: 38% !important;
}

.width62 {
    width: 62% !important;
}

.width40 {
    width: 40% !important;
}

.width22 {
    width: 22% !important;
}

.bH-onEval {
    width: 185px !important;
}

.category-row-payment {
    width: max-content;
    min-width: 535px;
    border-left: 1px solid #F0F0F7;
    margin-left: -5px;
    margin-top: 1px;
}

.gray-col {
    background: #FAFAFA;
}

.gray-border-payment {
    /*margin: 1px 0 1px 0;
    border: 1px solid #e8e9ec;*/
    font-size: 0.83rem;
    padding: 9px 5px 9px 10px;
}

.backgroung-payment {
    background: #b5ded9;
}

.change-order-subcontractor-table {
    border-collapse: collapse;
}

    .change-order-subcontractor-table > tbody > tr > td {
        border: 1px solid #e8e9ec;
        height: 35px;
    }

.contract-td {
    width: 138px;
    text-align: right;
    font-size: 0.83rem;
    color: #4d4f5c;
    /*font-weight: 600;*/
    padding: 3px;
}

.approved-payment-td {
    width: 140px;
    font-size: 0.83rem;
    color: #4d4f5c;
    /*font-weight: 600;*/
    padding: 3px;
    text-align: right;
}

.approved-payment-percentage-td {
    width: 60px;
    text-align: right;
    padding: 3px;
    font-size: 0.83rem;
}

.progress-td {
    width: 125px;
    padding: 3px;
    text-align: right;
    font-size: 0.83rem;
}

.progress-percentage-td {
    width: 65px;
    padding: 3px;
    font-size: 0.83rem;
    text-align: right;
}

.bid .bid-holder .bid-row .pending-payment-quantity {
    width: 140px;
    height: 36px;
    float: left;
    background: white;
    margin-left: 5px;
}

    .bid .bid-holder .bid-row .pending-payment-quantity .input-holder {
        width: 140px;
        height: 36px;
        margin: 1px 0 1px 0;
        border: 1px solid #e8e9ec;
        text-align: right;
    }

        .bid .bid-holder .bid-row .pending-payment-quantity .input-holder input {
            width: 137px;
            height: 33px;
            border: 2px solid #6dbdb4;
            border-radius: 6px;
            font-size: 12px;
            color: #4d4f5c;
            text-align: right;
            padding-right: 10px;
        }

            .bid .bid-holder .bid-row .pending-payment-quantity .input-holder input:focus {
                outline: none;
            }

.sticky-payment-contract-th {
    position: fixed;
    top: 123px;
    z-index: 1;
    border-bottom: 1px solid #e8e9ec;
}