html
{
    scroll-behavior: smooth;
    
}
.d3_1
{
    padding-top: 100px;
    padding-bottom: 100px;
}
BODY{
    font-family: sans-serif;
}

.parent
{
    display: relative;
    
       
}
.item1
{
    float: left;
    height: 300px;
    width: 265px;
   
    text-align: center;
    border-bottom: 1px solid black;
    transition: box-shadow .4s;
    padding-top: 20PX;
}
.item2
{
    float: LEFT;
    height: 260px;
    width: 235px;
   
    text-align: center;
    border-bottom: 1px solid black;
    transition: box-shadow .4s;
    padding-top: 20PX;
}
.item3
{
    float: left;
    height: 205px;
    width: 250px;
   
    text-align: center;
    border-bottom: 1px solid black;
    transition: box-shadow .4s;
    padding-top: 20PX;
}
.item4
{
    float: left;
    height: 205px;
    width: 220px;
   
    text-align: center;
    border-bottom: 1px solid black;
    transition: box-shadow .4s;
    padding-top: 20PX;
}
.item1:hover 
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.item2:hover 
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.item4:hover 
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shad
{
    color: rgb(0, 0, 0);
    text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
       text-shadow: 3px 3px 16px #000000;
       word-spacing: 5px;
       
}
.course
{
    border: 1px solid red;
}
.course li{
    display: inline;


}
#ID
{
    transition: 1S;
    margin-left: 100PX;
}

input,select
{
    width: 100%;
    height:30px;
    padding-left: 10px;
    border-radius:7PX;
    border:1px solid black;
    
} 

td{

    font-size:14px;
    padding-right: 10px;
    padding-bottom: 15px;
    
    
}
td input
{
    width: 200px;
}
.FORMEDIT
{
    border: 1PX SOLID rgb(107, 107, 107);
   
    
    
    margin: 0PX;
    padding: 14PX;
    padding-left:40px;
    border-radius: 30PX;
    padding-bottom: 20px;
}
input::select,select:hover{
    box-shadow: 10px 10px 5px lightblue;
}
.but
{
    background-color: rgb(111, 111, 156);
    color:white;
    transition: .4s;
    width: 100px;
    height: 40px;
    border-radius: 10px;
    text-align: center;
    position: relative;
}
.but:hover
{
    background-color: rgb(252, 248, 28);
    color:black;

}
.FOOT li
{
    display: inline;
padding-right: 10PX;
padding-left: 10PX;
  margin: 0PX;
} 
.FOOT
{
    align-items: center;
}
.FOOL1 A LI
{
    COLOR:WHITE;

}


#tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.226);

  }
  
  #tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgb(129, 129, 129);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
 
  }
  
  #tooltip:hover .tooltiptext {
    visibility: visible;
    transition: 1s;
  }
  .naam::selection
  {
    background-color: #292929;
      }

















@media only screen and (max-width:600px) {
    .item1 {
        width: 100%;
    }
    .item2 {
        width: 100%;
    }
    .item3 {
        border: 5px solid black;
        width: 100%;
    }
    .item4{
       
        width: 100%;
    }
    .col-sm-1
    {
        display: NONE;
    }
    .FORMEDIT
{
    border: 1PX SOLID black;
    margin: 10PX;
    padding: 20PX;
    border-radius: 20PX;
}
.sm
{
    display: none;
}
.gallery
{
    display: none;
}

  }