.notesContainer{
    position: absolute;
    top: 15vh;
    left: 80vw;
    z-index: 9999;
}

.noteContainer{
    background: #e9e926;
    min-width: 15vw;
    max-width: 18vw;
    min-height: 10vh;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.7);
}

#takeQuestionnaireCoachingCommonModal{
    z-index: 1051; 
    margin: 2.5vh auto;
    overflow-y: auto;
}

#takeQuestionnaireCoachingCommonModalBody{
    overflow-y: hidden;
}

#coachNoteCommentYellow{
    width: 100%; 
    background: transparent;
}

#mycoachingsTabs{
    margin-left: -20px;
    margin-top: 20px;
}

#showCoachNotesDraft{
    margin-right: 3px;
}

.reviewQuestionnaireModal{
    z-index: 1051; 
    margin: 2.5vh auto;
    overflow-y: auto;
}

.showCoachNotesDraft{
    margin-right: 3px;
}

.coachingReviewPanel{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border-color: rgba(120,130,140,0.13);
    margin-bottom: 15px;
    border: 0;
    color: #2b2b2b;
}

.coachingReviewPanelHeading{
    cursor: pointer; 
    padding: 10px 25px; 
    text-transform: none; 
    border-radius: 2px;
    font-weight: 600;
}

.coachingReviewPanelHeadingMargins{
    margin-top: 10px;
    margin-bottom: 10px;
}

.coachingReviewCommnetTd{
    padding: 0px 10px 10px 10px; 
    width: 90px; 
    vertical-align: top;
}

.coachingReviewCommnetTdResponse{
    text-align: left; 
    vertical-align: middle;
}

.coachingReviewCommnetSpan{
    text-align: center; 
    font-size: 8pt; 
    color: #0A0A0A;
}

.colorRed{
    color: red;
}

.colorBlack{
    color: black;
}

.ulDisplayNone{
    list-style-type: none;
}

.textAlingLeft{
    text-align: left;
}

.marginBottom5{
    margin-bottom: 5px;
}

.coachingMargin0{
    margin:0;
}

.coachingMargin5{
    margin:5px;
}

.coachingMargin1{
    margin: 1em 0;
}

.coachingHidden{
    display: none;
}

.coachingwidth100{
    width: 100%;
}

.coachingAlingLeft{
    text-align: left;
}

.coachingPaddingLeft7{
    padding-left: 7%;
}

.coachingPadding10{
    padding: 10px;
}

.coachingCommentTd{
    padding: 10px 10px 10px 0px; 
    width: 90px; 
    vertical-align: top;
}

.coachingVerticalAlingTop{
    vertical-align: top;
}

.coachingCommentp{
    text-align: left;
    vertical-align: middle;
}

.coachingAvatarText{
    text-align: center; 
    font-size: 8pt; 
    color: #0A0A0A;
}

.coachingCommentdiv{
    display: flex;
    justify-content: space-between;
}

#CommentError{
    color: #a94442; 
    margin-left: 13px; 
    display: none
}

.coachingDropdownOptions{
    left:auto; 
    right:0;
}

#coachNoteCommentYellow{
    width: 100%; 
    background: transparent;
}

.fix-space-on-review{
    max-width: 550px;
    overflow-x: auto;
}

.height100{
    height: 100%;
}

.min-height30{
    min-height: 30px;
}

.margin1em{
    margin: 1em 0;
}

.width780{
    width: 1024px;
}

.width758{
    width: 758px;
}

.margin-bottom15{
    margin-bottom: 15px;
}

.display-inline{
    display: inline;
}

.display-contents{
    display: contents;
}

.margin5{
    margin: 5px;
}

.flex-direction-col{
    display:flex; 
    flex-direction: column;
}

.padding0{
    padding: 0;
}

.padding-left10{
    padding-left: 10px;
}

.padding010{
    padding: 0px 10px 0px 10px;
}

.margin1{
    margin: 1px;
}

.margin2{
    margin: 2px;
}

.margin-left5{
    margin-left: 5px;
}

.margin-top20{
    margin-top: 20px;
}

.padding-right5{
    padding-right: 5px;
}

.cursor-pointer{
    cursor: pointer
}

.position-relative{
    position:relative;
}

.coaching-options-ul{
    left:auto; 
    right:0;
}

.acordionIcon{
    font-weight: bolder; 
    color:black;
}

#CoachingFinalNoteModal{
    z-index: 1051; 
    margin: 2.5vh auto;
    overflow-y: auto;
}

#takeQuestionnaireCoachingModal{
    z-index: 1051; 
    margin: 2.5vh auto;
    overflow-y: auto;
}

.takeQuestionnaireCoachingModalDiv{
    overflow-y: hidden;
}

.paddingx5{
    padding-left: 5px;
    padding-right: 5px;
}

.font-size-50{
    font-size: 50pt
}

.font-size-14px{
    font-size: 14px;
}

#CoachingCoachNoteModal{
    z-index: 1051; 
    margin: 2.5vh auto;
    overflow-y: auto
}

.coaching-common-td{
    padding: 0px 0px 10px 0px; 
    width: 90px; 
    vertical-align: top;
}

.coaching-common-td-span{
    text-align: center; 
    font-size: 8pt; 
    color: #0A0A0A;
}

.print-container{
    visibility: hidden;
    display: flex;
    justify-content: center;
    overflow-x: hidden;
    flex-direction: column;
}

#print-coaching-banner-container{
    width:1024px; 
    height: 50px;
}

.print-banner-content{
    display:flex; 
    align-items: center; 
    position: absolute; 
    top:0; 
    left:0; 
    height: 50px;
}

.print-banner-logo{
    width: 40px; 
    height: 40px;
}

.print-banner-subtitle{
    position:relative; 
    margin-top: 5px; 
    padding-right: 5px;
}

.coachingReviewPanelHeading-print{
    cursor: pointer; 
    padding: 0; 
    text-transform: none; 
    font-weight: 600; 
    border:1px solid black;
}

.coaching-print-ul{
    list-style-type: none; 
    padding-left: 10px; 
    margin:0;
}

.coaching-print-response-name{
    position:relative; 
    margin-top: 5px;
}

.coaching-print-story-title-container{
    border: 1px solid black; 
    margin-bottom: 5px;
}

.coaching-print-story-title{
    display: flex;
    justify-content: space-between;
}

.coaching-print-assignment{
    margin-right: 5px; 
    padding: 5px 10px
}

.coaching-print-comments-container{
    padding-left: 10px; 
    padding-right: 0px;
}

.coaching-print-comments-date{
    margin: 2px; 
    padding-right: 5px;
}

.coaching-print-comments-story{
    margin: 0; 
    padding-right: 5px;
}

.print-coaching-story-comment p {
    margin: 0;
}

#printcomment_p_{
    margin: 2px;
}

#printcomment_p_ p{
    margin: 0;
}

.draft-watermark::before {
    content: "DRAFT" !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 1000 !important;
    font-size: 10em !important;
    color: rgba(200, 200, 200, .8);
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: 50% 50%;
    width: 100% !important;
    text-align: center !important;
    opacity: 0.1 !important;
}

@media print {
    .draft-watermark::before {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        font-size: 10em !important;
        color: rgba(200, 200, 200, 0.8);
        transform: translate(-50%, -50%) rotate(-45deg);
        transform-origin: 50% 50%;
        width: 100% !important;
        text-align: center !important;
        opacity: 0.1 !important;
    }
}

.questionnaireActionIcon{
    padding-right: 10px; 
    cursor: pointer; 
    opacity: .3;
}

.coachingFitToModalResponse table {
    border-collapse: collapse;
    width: 100%!important;
    table-layout: auto;
    font-size: 14px;
    margin-top: 1rem;
    border: 1px solid #ccc;
}

.coachingFitToModalResponse th,
.coachingFitToModalResponse td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}

.coachingFitToModalResponse thead {
    background-color: #f2f2f2;
    font-weight: bold;
}

.coachingFitToModalResponse p {
    margin: 0 0 5px;
}

.coachingFitToModalResponse span,
.coachingFitToModalResponse td,
.coachingFitToModalResponse th {
    visibility: visible !important; /* Override any inline style */
}

.showAllPanels,
.closeAllPanels {
    padding-top: 0.15rem;
}

.d-none{
    display: none !important;
}

.questionnaire-regrade-button{
    padding: 4px 4px!important;
    border-radius: 100%!important;
    line-height: 1!important;
    background-color: transparent!important;
    box-shadow: none!important;
    position: relative;
    top: -20px;
    left: 60px;
    opacity: 1 !important;
  }
  
  .questionnaire-regrade-button > i{
    font-size: 12px!important;
  }