* {
  margin: 0;
  padding: 0;
  font-family: verdana;
}

.wrapper {
  width: 98%;
  margin: 0 auto;
  padding: 2%;
}

h1 {
  color: #a00000;
  margin-bottom: 2%;
}
h3 {
  margin: 2% 0;
}

.menu {
  margin-bottom: 2%;
}

.menu a {
  font-weight: bold;
  margin-right: 1%;
  color: black;
  text-decoration: none;
}

.menu a:hover {
  text-decoration: underline;
}

.btn-primary {
  background-color: #26de81;
  padding: 5px;
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.btn-primary:hover {
  background-color: #20bf6b;
}

.btn-secondary {
  background-color: #778ca3;
  padding: 5px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}
.btn-secondary:hover {
  background-color: #4b6584;
}

.btn-lg {
  width: 50%;
}

.tbl-full {
  width: 100%;
}

table tr th {
  text-align: left;
  border-bottom: 1px solid black;
  padding: 1%;
  padding-top: 3%;
}

table tr td {
  padding: 1%;
}

.tbl-half {
  width: 40%;
}
.content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 700px;
            height: 700px;
            text-align: center;
            background-color: #e8eae6;
            box-sizing: border-box;
            padding: 10px;
            z-index: 100;
            display: none;
            /*to hide popup initially*/
        }

        .close-btn {
            position: absolute;
            right: 20px;
            top: 15px;
            background-color: black;
            color: white;
            border-radius: 50%;
            padding: 4px;
        }
        /* Popup box BEGIN */
        .hover_bkgr_fricc{
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%);
            background:rgba(0,0,0,.4);
            cursor:pointer;
            display:none;
            height:100%;
            position:fixed;
            text-align:center;
            top:0;
            max-width: 1024px;
            width:100%;
            z-index:10000;
        }
        .hover_bkgr_fricc .helper{
            display:inline-block;
            height:100%;
            vertical-align:middle;
        }
        .hover_bkgr_fricc > div {
            background-color: #fff;
            box-shadow: 10px 10px 60px #555;
            display: inline-block;
            height: auto;
            max-width: 100px;
            min-height: 100px;
            vertical-align: middle;
            width: 90%;
            position: relative;
            border-radius: 8px;
            padding: 10px 2%;
        }
        .popupCloseButton {
            background-color: #fff;
            border: 3px solid #999;
            border-radius: 50px;
            cursor: pointer;
            display: inline-block;
            font-family: arial;
            font-weight: bold;
            position: absolute;
            top: -20px;
            right: -20px;
            font-size: 25px;
            line-height: 30px;
            width: 50px;
            height: 50px;
            text-align: center;
        }
        .popupCloseButton:hover {
            background-color: #ccc;
        }
        .trigger_popup_fricc {
            cursor: pointer;
            font-size: 20px;
            margin: 20px;
            display: inline-block;
            font-weight: bold;
        }
        /* Popup box BEGIN */
        /* Popup2 box BEGIN */
        .hover_bkgr_fricc2{
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%);
            background:rgba(0,0,0,.4);
            cursor:pointer;
            display:none;
            height:100%;
            text-align:center;
            top:0;
            width:100%;
            z-index:10000;
        }
        .hover_bkgr_fricc2 .helper2{
            display:inline-block;
            height:100%;
            vertical-align:middle;
        }
        .hover_bkgr_fricc2 > div {
            background-color: #fff;
            box-shadow: 10px 10px 60px #555;
            display: inline-block;
            height: auto;
            max-width: 1024px;
            min-height: 100px;
            vertical-align: middle;
            width: 90%;
            position: relative;
            border-radius: 8px;
            padding: 10px 2%;
        }
        .popupCloseButton2 {
            background-color: #fff;
            border: 3px solid #999;
            border-radius: 50px;
            cursor: pointer;
            display: inline-block;
            font-family: arial;
            font-weight: bold;
            position: absolute;
            top: -20px;
            right: -20px;
            font-size: 25px;
            line-height: 30px;
            width: 50px;
            height: 50px;
            text-align: center;
        }
        .popupCloseButton2:hover {
            background-color: #ccc;
        }
        .trigger_popup_fricc2 {
            cursor: pointer;
            font-size: 20px;
            margin: 20px;
            display: inline-block;
            font-weight: bold;
        }
        /* Popup2 box BEGIN */