.listleft {
    margin: 100px 0 0 0
}

.listright {
    margin: 90px 0 0 0
}

.timesheetdiv1 {
    margin: 0 0 10px 60px
}

.okrdiv {
    margin: 0 0 30px 60px
}

.invoicediv {
    margin: 0 0 30px 60px
}

.expensediv {
    margin: 0 0 30px 60px
}

.ratiodiv {
    margin: 0 0 30px 60px
}

.gamidiv {
    margin: 0 0 30px 60px
}

.investdiv {
    margin: 0 0 30px 60px
}

.timesheets {
    font-family: InterBold;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin: 0 0 0 10px;
    cursor: pointer
}

.opa {
    opacity: .5
}

.timesheet {
    font-family: InterBold;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(57, 66, 73, .5);
    margin: 0 0 0 20px;
    cursor: pointer
}

.timesheetcontentdiv {
    margin: 0 0 0 50px
}

.timesheetcontent {
    font-family: SansBold;
    font-style: normal;
    line-height: 120%;
    color: #000;
font-weight: 700;
font-size: 26px;
line-height: 27px;
letter-spacing: 0%;

}

.timesheetsubcontent {
    color: #213343;
    font-family: LexendRegular;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;

}
.goals-objective{
    font-family: LexendRegular;
font-weight: 500;
font-size: 16px;
line-height: 30px;
letter-spacing: 0%;
color: #213343;
margin-bottom: 0;


}
.goals-list-obj{
font-family: LexendRegular;
font-weight: 400;
font-size: 14px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;

}
.goals-list-container{
    /* border: 1px solid red; */
    position: none !important;
    background-color: none !important;
}

.vector1 {
    display: flex;
    position: relative;
    margin: -75px 0 0 175px
}

.vector2 {
    display: flex;
    margin: -48px 0 0 120px
}

.vector3 {
    display: flex;
    margin: -80px 0 0 130px
}

.vector4 {
    display: flex;
    margin: -155px 0 0 330px
}

.vector5 {
    display: flex;
    margin: -151px 0 0 300px
}

.vector6 {
    display: flex;
    margin: -260px 0 0 160px
}

.imgtop {
    margin: -30px 0 0 0
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .vector1 {
        width: 52%;
        display: flex;
        margin: -48px 0 0 180px
    }
    .vector2 {
        width: 80%;
        display: flex;
        margin: -40px 0 0 110px
    }
    .vector3 {
        width: 60%;
        display: flex;
        margin: -57px 0 0 140px
    }
    .vector4 {
        display: flex;
        margin: -130px 0 0 250px;
        width: 40%
    }
    .vector5 {
        width: 60%;
        display: flex;
        margin: -185px 0 0 250px
    }
    .vector6 {
        width: 79%;
        display: flex;
        margin: -218px 0 0 140px
    }
    .listleft {
        margin: 80px 0 0 0
    }
    .listright {
        margin: 80px 0 0 0
    }
    .timesheetsubcontent {
        width: 80%
    }
    .timesheetdiv1 {
        margin: 0 0 25px 0
    }
    .okrdiv {
        margin: 0 0 30px 0
    }
    .invoicediv {
        margin: 0 0 30px 0
    }
    .expensediv {
        margin: 0 0 30px 0
    }
    .ratiodiv {
        margin: 0 0 30px 0
    }
    .gamidiv {
        margin: 0 0 30px 0
    }
    .investdiv {
        margin: 0 0 40px 0
    }
    .timesheetcontentdiv {
        margin: 0
    }
}

@media only screen and (min-width:200px) and (max-width:767px) {
    .listright {
        text-align: center
    }
    .listleft {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .tab_title_img {
        width: 18px;
        margin-left: 5px
    }
    .timesheet {
        margin: 0;
        padding: 5px 10px;
        font-size: 14px
    }
    .timesheets {
        margin: 0;
        padding: 5px 10px;
        font-size: 14px
    }
    .listleft {
        margin: 50px 0 0 0
    }
    .listright {
        margin: 12px 0 0 0
    }
    .timesheetdiv1 {
        margin: 20px 0 30px 70px
    }
    .vector1,
    .vector2,
    .vector3,
    .vector4,
    .vector5,
    .vector6 {
        display: none !important
    }
    .timesheetsubcontent {
        width: 100%
    }
    .expensediv,
    .gamidiv,
    .invoicediv,
    .okrdiv,
    .ratiodiv,
    .timesheetdiv1 {
        margin: 0 10px 10px 0;
        border-radius: 3px;
        border: 1px solid #bfbfbf
    }
    .investdiv {
        margin: 0 10px 10px 0;
        border-radius: 3px;
        border: 1px solid #bfbfbf
    }
    .timesheetcontentdiv {
        margin: 0
    }
}

#expense4,
#gami4,
#inves4,
#invoice4,
#okr4,
#ratio4 {
    display: none
}

#expense001,
#gami001,
#inves001,
#invoice001,
#okr001,
#ratio001,
#time002 {
    display: none
}