@charset "UTF-8";
/* CSS Document */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  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); /* #000 w/ opacity */
}

/* Modal content */
.modal-content {
  background-color: #abc1b2;
  margin: auto;
  padding: 20px;
  border: 2px solid #000;
  width: 60%;
}

/* The Close Button */
.close0 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close0:hover,
.close0:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close1 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close1:hover,
.close1:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close2 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close2:hover,
.close2:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close3 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close3:hover,
.close3:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close4 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close4:hover,
.close4:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close5 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close5:hover,
.close5:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close6 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close6:hover,
.close6:focus {color: #fff;text-decoration: none;cursor: pointer;}

.close7 {color: #000;float: right;font-size: 35px;font-weight: bold;}
.close7:hover,
.close7:focus {color: #fff;text-decoration: none;cursor: pointer;}