/*==== Editing pages ======*/
.optionEntry
{
    width: 65%;
    float: left;
    margin-left:2px;
    padding: 1px;
    align-items:flex-start;
    align-content:flex-start;
    background: #EDEDED;
    height:inherit;
}

.addDelBtns
{
    width: 15%;
    font-size: 16px;
    margin-top: 50px;
    padding-left: 20px;
    padding-top: 100px;
    float: left;
    display: inline;
}

.editRelatedForm {
    width: 100%;
    height: 500px;
    background: #F3F9FF;
    padding: 1px;
    text-indent: 2px;
    float: left;
}


.editRelatedLeft
{
    width: 35%;
    padding: 0px;
    height: 600px;
    float:left;
}

.editRelatedRight
{
    width: 40%;
    padding: 0px;
    height: 400px;
    float: right;
    background: #F3F9FF;
}

.relatelistform
{
    width: 100%;
    height: 500px;
    align-self:auto;
    margin-top:0px;
    margin-left:10px;
    vertical-align:top;
    padding-top:0px;
    padding: 0px;
    float: left;
}

.editTextArea{
    align-content:flex-start;
    width:100%;
    height: 200px;
    float:left;
    margin-bottom: 10px;
    padding: 1px;
    align-items:flex-start;
    display:inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    background: #FFFFFF;
    overflow-wrap: normal;
}

/* Course relates modules */

/*==================*/

.courseRelationForm {
    width: 100%;
    height: 850px;
    background: #F3F9FF;
    padding: 1px;
    text-indent: 2px;
}

.relatedmoduleForm
{
    width: 80%;
    height: 420px;
    padding: 0px;
}

.relatedmodulelist
{
    width: 100%;
    height: 380px;
    margin-top:inherit;
    padding-top:0px;
    text-align:center;
}

.relatedmodulelistForm
{
    align-self:auto;
    vertical-align:top;
    padding-top:0px;
    width: 90%;
    height: inherit;
    background: #F3F9DD;
}

#relatedmodulelist > select {
    width: 100%;
}

.listofmodules
{
    width: 100%;
    height: 400px;
    padding-top: 10px;
    text-align: center;
    background: #F3F9FF;
}

#relatedmoduleform > input,select {
    width: 99%;
    height:100%;
    background: #F3F9DD;
}

#selectedmodule
{
    width: 99%;
    height: 99%;
    font-size: 20px;
}

#selectmodule
{
    width: 99%;
    height: 99%;
    font-size: 20px;
}

#relatemoduleform > input,select {
    width: 99%;
    height:100%;
    background: #F3F9DD;
}

.listmoduleForm {
    width: 100%;
    background: #F3F9FF;
    padding: 0px;
}

/*  Module relates lessons */
.moduleRelationForm {
    width: 100%;
    height: 850px;
    background: #F3F9FF;
    padding: 1px;
    text-indent: 2px;
}

.relatedlessonForm
{
    width: 70%;
    height: 300px;
    padding: 0px;
    margin-bottom: 20px;
}

.relatedlessonlist
{
    width: 100%;
    height: inherit;
    margin-top:inherit;
    padding-top:0px;
    text-align:center;
}

.relatedlessonlistForm
{
    align-self:auto;
    vertical-align:top;
    padding-top:0px;
    width: 90%;
    height: inherit;
    background: #F3F9DD;
}

#relatedlessonlist > select {
    width: 100%;
}

.listoflessons
{
    width: 100%;
    height: 300px;
    padding-top: 10px;
    text-align: center;
    background: #F3F9FF;
}

#relatedlessonform > input,select {
    width: 99%;
    height:100%;
    background: #F3F9DD;
}

#selectedlesson
{
    width: 99%;
    height: 99%;
    font-size: 20px;
}

#selectlesson
{
    width: 99%;
    height: 99%;
    font-size: 20px;
}

#relatelessonform > input,select {
    width: 99%;
    height:100%;
    background: #F3F9DD;
}

.listlessonForm {
    width: 100%;
    background: #F3F9FF;
    padding: 0px;
}

.articleTextArea{
    align-content:flex-start;
    width:100%;
    height: 500px;
    float:left;
    margin-left:0px;
    padding: 1px;
    align-items:flex-start;
    display:inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    background: #FFFFFF;
    overflow-wrap: normal;
}