#item_2020{
    display:inline-grid;
    //position:relative;
    width:100px;
    height:100px;
    background-color:white;
    margin:5px;
    border:1px solid black;
    overflow-y: hidden;
   padding-top: 2px;
    padding-bottom: 2px;
    font-size:12px;
    font-weight: bold;
}
#item_2020:hover{
    
    background-color:rgba(95, 158, 160, 0.42);
    cursor:pointer;
}

#item_2020 .img{
    margin-left:2px;
    width:96px;
    position:relative;
    height:50px;
    background-color:rgba(14, 237, 14, 0.1);
    border-bottom:1px solid black;
    
}
#item_2020 .img img{
    margin-left:23px;   
}
#item_2020 .numb{
    margin-left:2px;
    width: 96px;
    position:relative;
    height:25px;
    background-color:rgba(255, 255, 255, 0.44);
    overflow:hidden;
    line-height: 20px;
    text-align: center;
    
}

#item_2020 .name{
    margin-left:2px;
    width: 96px;
    position:relative;
    height:25px;
    background-color:rgba(255, 255, 255, 0.44);
    overflow:hidden;
    line-height: 20px;
    text-align: center;align-content: 
}


#subj_2020{
    display:inline-grid;
    //position:relative;
    width:300px;
    height:125px;
    background-color:white;
    margin:5px;
    border:1px solid black;
    overflow-y: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right:10px;
    
}

#subj_2020:hover{
    background-color:rgba(181, 219, 230, 0.46);
    cursor: pointer;
}
#subj_2020 div{
    margin-left:2px;
    //padding-left:5px;
    width: 250px;
    position:relative;
    height:25px;
    background-color:rgba(255, 255, 255, 0.44);
    overflow:hidden;
    line-height: 25px;
    padding-left: 10px;
}


#subj_2020 div:nth-child(1){
    font-size:15px;
    height:40px;
    padding-top:10px;
    text-align: center;
    padding-left: 0px;
    width:290px;
    margin-left:5px;
    border-bottom: 1px solid black;
    background-color:rgba(14, 237, 14, 0.1);
}
#subj_2020 div:nth-child(2){
    height:20px;
}
#subj_2020 div:nth-child(3){
    height:20px;
}
#subj_2020 div:nth-child(4){
    height:30px;
}



#book_2020{
    
    //display:inline-grid;
    //position:relative;
    width:250px;
    height:50px;
    
    margin:5px;
    border:1px solid black;
    overflow-y: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right:30px;
    float:left;
    background-color:rgba(14, 237, 14, 0.1);
    overflow:hidden;
}

#book_2020:hover{
    background-color: rgba(14, 237, 14, 0.32);  
    cursor:pointer;
}
#book_2020 img{
    position:relative;
    margin-top:0px;
    margin-left:2px;
    width:40px;
    height: 40px;
    float:left;
}

#book_2020 div{
    position:relative;
    width:190px;
    height:50px;
    float:left;
    line-height: 15px;
    font-size:12px;
    margin-left:10px;
}

#book_2020 div div{
    position:relative;
    width:100%;
    height:50%;
    font-size:12px;
}
#book_2020 div div:nth-child(1){
    padding-top:5px;
    position:relative;
    width:100%;
    height:50%;
    font-size:14px;
    font-weight: bold;
    line-height:100%;
    text-decoration:none;
}

#book_2020 div div:nth-child(2) b{
    color:blue;
       
}



#box{
    
    margin-top:20px;
    position:relative;
    height:900px;
    width:100%;
    overflow-y: hidden; 
    font-size:12px;
}

#box .innerTitle{
    font-size:15px;
    font-color:grey;
    font-weight: bold;
    
    
}

.inner_table{
    width:100%;
    font-size:15px;
    line-height:25px;
    border-collapse: collapse;
    padding-left:2px;
    padding-top:2px;
    word-break: break-all;
    height:auto;
}

.inner_table th{
    padding-left:8px;
    text-align: left;
    border:1px solid black;   
    
}
.inner_table td{
    padding-left:8px;
    border:1px solid black;
}   
.modal {
  display: none;
   //display:block;
  position: fixed; /* Stay in place */
  z-index: 1100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}


.square_box{
    margin-top:10px;
    position:relative;
    width:100px;
    height:75px;
    border:1px solid rgba(149, 149, 149, 0.76);
    line-height:20px;
    font-size: 12px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    transition-property: all;
    transition-duration: 1s;
}
.square_box:hover{
    border:1px solid white;
    //transform: rotateY( 360deg );
    filter:invert(1);
    cursor:pointer;
}
.square_box_img{
    text-align: center;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    
}

.Nendlescap{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:auto;
    position:relative;
    line-height: 20px;
    font-size: 13px;
    font-family: "Tahoma","Arial",serif;
    border-collapse: collapse;
    color:black;
    width:840px;
    margin-left:0px;
    overflow-y: scroll;
}
.Nendlescap_BOX{
    padding:10px;
    margin-left: 10px;
    height:270px; 
    
    overflow-y: scroll;
    width:860px;
    overflow-x: hidden;
    border-bottom:1px solid #CCCCCC;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.colorize0{
    background-color:white;   
}
.colorize1{
    background-color:#F0F0F0;   
}
.nendlescap_small{
    font-size:11px;
    font-style: normal;
}
.Nendlescap th{
    background-color:darkgreen;   
    text-align: left;
    height:30px;
    color:white;
}
.Nendlescap tr td{
    padding-top:2px;
    width:auto;
    word-break:normal;
    overflow-y: hidden;
}
.Nendlescap tr td:nth-child(1){
    padding-left:10px;
}
.Nendlescap th:nth-child(1){
    border-top-left-radius:10px;
    padding-left:10px;
    width:150px;
}
.Nendlescap th:nth-child(2){
    width:100px;
    
}
.Nendlescap th:nth-child(3){
    width:70px;
}
.Nendlescap th:nth-child(4){
    width:250px;
}
.Nendlescap th:nth-child(5){
    border-top-right-radius: 10px;
    width:150px;
}












.Nendlescap2{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:auto;
    position:relative;
    line-height: 20px;
    font-size: 13px;
    font-family: "Tahoma","Arial",serif;
    border-collapse: collapse;
    color:black;
    width:840px;
    margin-left:0px;
    
    overflow-y: scroll;
}
.Nendlescap2_BOX{
    padding:10px;
    
    height:200px; 
    overflow-y: scroll;
    width:860px;
    overflow-x: hidden;
    
    margin-top:10px;
    margin-left:10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}


.Nendlescap2 th{
    background-color:#aaafa4;   
    text-align: left;
    height:30px;
    color:black;
}
.Nendlescap2 tr td{
    padding-top:2px;
    width:auto;
    word-break:normal;
    overflow-y: hidden;
}
.Nendlescap2 tr td:nth-child(1){
    padding-left:10px;
}
.Nendlescap2 th:nth-child(1){
    border-top-left-radius:10px;
    padding-left:10px;
    width:150px;
}
.Nendlescap2 th:nth-child(2){
    width:100px;
    
}

.Nendlescap2 th:nth-child(3){
    width:450px;
    
}
.Nendlescap2 th:nth-child(4){
    width:100px;
}
.Nendlescap2 th:nth-child(5){
    width:100px;
}
.Nendlescap2 th:nth-child(6){
    border-top-right-radius: 10px;
    width:150px;
}

tr[type=student]{
    
}
tr[type=student]:hover{
    background-color:cornflowerblue;
    cursor:pointer;
}

tr[type=file]:hover{
    background-color:cornflowerblue;
}

.upload_div{
    position:relative;
    margin-top:15px;
    float:right;
    clear:both;
    margin-bottom:15px;
    margin-right:20px;
}