#id_title {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .45rem .9rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}


#label {
    display:inline-block;
}

.radio, .commentColor {
    margin: 10px;
}

.button {
    color: #313a46;
    background-color: #eef2f7;
    border-color: #eef2f7;
    border: 1px solid transparent;
    margin: 10px;
}

#id_description {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 88px;
    width: 100%;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.description {
    background-color: #e6e1e1;
}

/* #id_sop, #id_category, #id_tags {
    width: 100%;
    margin-top: 2%;
} */

.labelTags {
    padding-right: 30px;
}

.labelSOP {
    padding-right: 6px;
}

.transparent{
    background-color:transparent;
}

.task {
    height: 35px;
    width: 300px;
}

.comment {
    position:absolute;
    z-index:9999;
    background-color: #FFFFFF;
    color: blue;
    width: 500px;
    border:0.1px #000000 solid;
}

.commentButtonOK {
    position: relative;
    float: right;
    right: 2%;
    bottom: 10px;
}

.requirement {
    color: brown;
}

.errorlist, p.error {
    color: red;
    position: relative;
    right: 3%;
    margin-top: 10px;
}

.indent {
    position:relative;
    left: 3%;
}

li {
    height: 35px;
    color: black;
    font-size: 15.5px;
}

.lowerRight {
    position: relative;
    bottom: 10px;
    left: 30%;

}

ul button, .noteButton {
    height: 25px;
    font-size: 15px;
}

.introduction {
    position: relative;
    margin-right: 32%;
    margin-left: 32%;
}

h6 span {
    background-color: #f5dfec;
    margin-right: 10px;
}

.checklist {
    position: relative;
    margin-right: 20%;
    margin-left: 20%;
}

.formInline {
    width: 100%;
    display: flex;
    position: relative;
}

.formInlinelayout {
    position: relative;
    left: 20%;
    margin-right: 40px;
}

h4 select, h4 input{
    margin-right: 15px;
    margin-left: 5px;
}

.title, .description {
    width: 100%;
}

.noteTextarea {
    position: absolute;
    z-index: 15;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 45px;
}

.addNoteButton {
    position: relative;
    z-index: 15;
    left: 140px;
    margin-right: 3px;
}

.memo {
    position: relative;
    left: 60px;
    margin-bottom: 0px;
}

.note {
    color: #e2a95c;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight12 {
    margin-right: 12px;
}

.myBtn-light {
    color: #313a46;
    background-color: #eef2f7;
    border-color: #eef2f7;
    border: 1px solid transparent;
}

.myBtn-outline-dark {
    color: #313a46;
    border-color: #313a46;
    padding: 0.1rem;
    border: 1px solid;
    background-color: transparent;
}

.fontWeight{
    font-weight: 500;
    font-size: 15px;
    /* color: #515253; */
}

.bold {
    font-weight: 700;
    font-size: 15px;
    color: #404041;
}

.dripicons-message:hover .tooltiptext, .uil-notes:hover .tooltiptext {
  visibility: visible;
}
.dripicons-message .tooltiptext, .uil-notes  .tooltiptext {
  visibility: hidden;
}

.activate {
    background-color: #bbd0ed;
}

.background {
    position: relative;
    background-color: #fafbfe;
}

.commentTextarea {
    text-align: center;
    padding-top: 15px;
    min-width: 330px;
}

.comment > p {
    padding: 10px;
}

.tag {
    background: #6495ED;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}

.bootstrap-tagsinput {
    width: 80%;
    margin-top: 2%;
    vertical-align: baseline;
}

.newItem {
    padding-top: 15px;
}

.required {
    margin-left: 0.8%;
}

.note p {
    display: contents;
}

.classStyle {
    position: relative;
    left: 7%;
}

[aria-expanded="false"] .font-18 {
  display: inline;
}
[aria-expanded="false"] .dripicons-chevron-up {
  display: none;
}

[aria-expanded="true"] .font-18 {
  display: none;
}

[aria-expanded="true"] .dripicons-chevron-up {
  display: inline;
}

.newTask {
    margin-top: 10px;
}
.customDiv {
    position: relative;
    display: block;
    min-height: 1.35rem;
}