body{
  background-color: lightcyan;
}

H1{
  font-family: Rockwell;
}

* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 10px;

}

td.centertext{
  text-align:center;
}

#marksTableBody svg{
  height: 18px;
}

  .topBar{
    color: white;
    background-color: #0000cc;
    margin-bottom: 3px;
    position: fixed;
    top: 0px;
  }

  .topMenu, .topMenu li, .topmenu a{
    color: pink;
    display:inline;
    float: right;
    margin-left: 1em;
    margin-bottom: 0;
    background-color: #0000cc;
  }

  .logo a{
    color: white;
  float: left;
 
  }

  .menu_item a, .menu_item{
    color:white;
  }

.footer, .footer a{
    color: white;

    background-color: blue;
  }


  .my-div-icon{
    line-height: 16px;
  }

   #chart{
    float:right;
    width:50%;
  }

  #courses {
    width:50%;
    border: 1px solid;
    border-collapse: collapse;
  }

  #courses td, #courses th, #sicourses td, #sicourses th, #sicourses, .basictable, .basictable td, .basictable th {
    border: 1px solid;
    border-collapse: collapse;
    padding-left:5px;
    padding-right:5px;
  }

  #editMark{
    visibility: none;
  }


  .markbox svg{
    height: 15px;
  }


  .focus, .markbox{
    background-color: lightblue;
  }

  .insertmark{
    font-size:smaller;
    margin-top: 1em;
  }

  .markbox td{
    border: none;
  }

  .lineSub{
    color: blue;
    visibility:hidden;
  }

  .cbox{
    float:left;
    border: 1;
  }

  .cbox select{
    width:4em;
  }

  .cbox table{
    width: 4em;
  }

  .cbox input{
    width: 2em;
    margin-top:.4em;
  }

  :disabled{
    color:black;
  }

  .deleteme{
    color:green;
  }

  .deleted .deleteme{
    color: red;
  }

  .leaflet-control-scale-line{
    background-color: #fff;
  }

  #courseDropdown{
    overflow-y: scroll;
    height: 400px;
  }
  .leaflet-marker-icon{
    font-size: 20px;
  }
  H3{
   margin-block-end:0;
  }
  ul{
   margin-block-start:0;
  }
  .R{color:red;
  stroke:red;}
  .G{color:green;stroke:green;}
  .Y svg{color:yellow;}
  .Y {color: red;}
  .YB svg{color:yellow;--color-secondary: black;}
  .GR{color:red;stroke:red;
      --color-secondary: green;}
  .W{color:white;stroke:white;}
  .RG{color:green;stroke:green;
      --color-secondary: red;}
  .RW{color:white;stroke:white;
      --color-secondary: red}
  .O svg{color:orange;stroke:orange;}
  .O {color: red;}
  .BK{color:black;stroke:black;}
  .B{color:blue;stroke:blue;}
  .leaflet er-pane{
  line-height: 1;
  }
  #mapid{
   z-index: 0;
  }

 

/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 6px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.course-list {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.course-list a {
  color: black;
  padding: 1px 1px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.course-list a:hover {
    background-color: #ddd;
    color:red;
}

/* Show the dropdown menu (use JS to add this class to the .course-list container when the user clicks on the dropdown button) */
.show {display:block;}



button {
    border-radius: 8px;
    cursor: pointer;
    background-color: green;
    color: #fff;
}

.btn-close {
    background-color: #e74c3c;
    color: #fff;
}

.btn-close:hover {
    background-color: #ff6c5c;
    color: #fff;
}

button:hover {
    background-color: #4caf50;
}

.alert{
  color: red;
}

.curr{
  font-size: larger;
}