.myHeading {
    font-size: 1.2vh;
}

.indent_10 {
    margin: 10px;

}

.indentLeft_10 {
    margin-left: 10px;
}

.text_design {
    color: #6f6f6f;
    /*display: inline-block;*/
    /*	margin-left: 10px;*/
    font-size: 1.7vh;
}

.view_task_footer {
    background-color: #b5b5b5;
    padding: 5px;
    margin-bottom: -1px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.circle {
    margin-top: 3px;
    border-color: #7d8a84;
    border-style: solid;
    border-width: thin;
    width: 10px;
    height: 10px;
    line-height: 500px;
    border-radius: 50%;
}

.colorGreen {
    background: #1eff5e;
}

.colorRed {
    background: #ff1e21;
}

.change {
    background-image: url('/images/pngwing.com.png');
    display: inline-block;
    background-size: 13px;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    cursor: pointer;
}

.change:hover {
    background-color: lightgrey;
}

.topic {
    width: 100%;
    display: inline-block;
}

.topicInput {
    border-color: #ced4da;
    width: 100%;
    outline: none;
    height: 25px;
}

#screen img {
    max-width: 100%;
}


.histText {
    opacity: 0.50;
    font-size: 1.0vh;
    padding: 0.10vh 0.5vh;
    position: relative;
    margin-top: -2vh;
    float: right;
}
.histText:hover {
    opacity: 1;
    font-size: 1.1vh;
}