.reading-section {
   display: flex;
   /*flex */
   flex-direction: column;
}

#reading-instructions {
   text-align: center;
}

#reading-addNew {
   display: flex;
   justify-content: space-around;
   text-align: center;
   margin: 20px 100px 20px 100px;
}

.clsListenImg {
   display: flex;
   flex-direction: column;
   justify-content: center;
   background-color: white;
   padding: 4px;
}

/******************* Reading Title Area ********************/
.reading-title {
   display: flex;
   /* padding: 0px 100px 0px 100px; */
   justify-content: space-around;
   align-items: center;
}

.cls-reading-label {
   color: black;
}

.reading-title-foreign,
.reading-title-english {
   display: flex;
   align-items: center;
}

.cls-reading-foreign-title,
.cls-reading-english-title {
   margin-left: 10px;
}

.cls-reading-foreign-title-text,
.cls-reading-english-title-text {
   font-size: 18px;
   width: 400px;
   color: darkslategray;
   padding: 10px;
   border-radius: 10px;
}

.reading-section {
   background-color: bisque;
   border-radius: 15px;
   margin: 10px 5px;
   padding: 10px 5px;
   border: 1px solid black;
}


.cls-reading-picture-container {
   margin: 10px auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   /* width: 100%; */
   /* height: 30px; */
   background-color: red;
   width: 300px;
}

/******************* Reading Description Area ********************/
.reading-description {
   width: 800px;
   height: 70px;
   background-color: aliceblue;
   border-radius: 20px;
   margin: 0 auto;
   margin-top: 3px;
   color: darkslategrey;
   padding: 10px;
}

/******************* Reading Buttons Area ********************/
.reading-buttons {
   display: flex;
   width: 600px;
   margin: 0 auto;
   justify-content: space-around;
   margin-top: 10px;
}

/******************* Reading Text Area ********************/
.reading-text-area {
   display: flex;
   flex-direction: column;
}

.reading-text-header {
   display: flex;
   width: 95%;
   margin: 0 auto;
   justify-content: space-around;
   margin-top: 10px;
   font-size: 20px;
   font-weight: bold;
   color: black;
}

.reading-text-row {
   display: flex;
   width: 95%;
   margin: 0 auto;
   border: 1px solid black;
}

.readinglineNumber {
   width: 40px;
   min-height: 30px;
   background-color: rgb(227, 241, 227);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: black;
}

.readinglineForeign {
   flex: 4;
   background-color: rgb(208, 231, 238);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: darkgreen;

}

.readinglineEnglish {
   flex: 4;
   background-color: rgb(240, 218, 209);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: darkblue;
}

.reading-comments {

   display: flex;
   flex-direction: column;

}

.reading-comments-title {
   text-align: center;
   font-weight: bold;
   color: black;
}

.reading-comments-text {
   width: 800px;
   height: 70px;
   background-color: rgb(1, 58, 114);
   border-radius: 20px;
   margin: 0 auto;
   margin-top: 3px;
   color: white;
   padding: 10px;
}




.reading-question-area {
   display: flex;
   flex-direction: column;
}

.reading-question-header {
   display: flex;
   width: 95%;
   margin: 0 auto;
   justify-content: space-around;
   margin-top: 10px;
   font-size: 20px;
   font-weight: bold;
   color: black;
}

.reading-question-row {
   display: flex;
   width: 95%;
   margin: 0 auto;
   border: 1px solid black;
}

.readingQuestionLineNumber {
   width: 40px;
   min-height: 30px;
   background-color: rgb(223, 233, 188);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: black;
}

.readingQuestionlineForeign {
   flex: 4;
   background-color: rgb(253, 230, 233);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: black;

}

.readingAnswerlineForeign {
   flex: 4;
   background-color: rgb(169, 197, 250);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: black;

}

.readingQuestionlineEnglish {
   flex: 4;
   background-color: rgb(219, 250, 240);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: black;

}

.readingAnswerlineEnglish {
   flex: 4;
   background-color: rgb(221, 230, 221);
   font-size: 17px;
   padding: 5px 10px 0 10px;
   color: black;

}