.pop-form {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1000; /* 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.5); /* Black w/ opacity */
}

/* Modal Content */
.pop-form .pop-content {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   border-radius: 10px;
   max-width: 640px;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s
}

@media (max-width: 640px) {
   .pop-form {
      padding-top: 10px;
   }
   .pop-form .pop-content {
      margin: auto 10px;
   }
}

.pop-form .pop-body {
   position: relative;
}

.pop-form .pop-body .pop-body-overlay {
   background: rgba(255,255,255,.6);

   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   top: 0;

   display: none;
}

/* Add Animation */
@-webkit-keyframes animatetop {
   from {top:-300px; opacity:0}
   to {top:0; opacity:1}
}

@keyframes animatetop {
   from {top:-300px; opacity:0}
   to {top:0; opacity:1}
}

/* The Close Button */
.close {
   color: white;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
}

.pop-header {
   padding: 10px 15px;
   border-radius: 8px 8px 0 0;
   background-color: #0e76b0;
   color: #ffffff;
}

.pop-header h3 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}

.pop-header h3 a {
   cursor: pointer;
}

.pop-body {
   padding: 10px 15px;
}

.pop-footer {
   padding: 10px 15px;
   color: white;
}

.pop-form .form-errors {
   margin-bottom: 10px;
}

.pop-form .table th, .pop-form .table td {
   padding: 6px 8px;
}

.pop-form .table .checkbox, .pop-form .table .span {
   margin: 0;
}

#overlay_loader {
   position: fixed;
   z-index: 1200;
   left: 0;
   top: 0;
   padding-top: 100px;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0,0.4);
}

#overlay_loader div.loading-container {
   margin: 0 auto;
   min-width: 0;
   width: auto;
   max-width: 350px;
   background-color: #fefefe;
   border: 1px solid #888;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

#overlay_loader div.loading-header {
   padding: 10px 15px;
   background-color: #0078b2;
   height: 30px;
}

#overlay_loader div.loading-content {
   color: #333333;
   padding: 25px 15px 15px 15px;
   text-align: center;
}

#overlay_loader div .fa {
   font-size: 28px;
}

.video-explanation {
   display: flex;
}

.video-explanation iframe {
   margin: 2% auto;
}