/**
 * @Author: Nissanka Perera
 * @Date:   2023-11-25 18:38:51
 * @Last Modified by:   Your name
 * @Last Modified time: 2024-03-20 21:52:19
 * @Note : PLEASE DON'T MODIFY THE CODE, MAY NOT FUNCTION IF MODIFIED.
 */

:root {
  --pvs_header_ht: auto;
  --pvs_content: auto;
  --pvs_footer_ht: auto;
}

body {
  background-image: url("../assets/bg-body-image_01.png");
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 1rem;
}
.pvs_wrapper {
  height: 100%;
  width: 100%;
}

.grid-container {
  display: grid;
  grid-template-rows: var(--pvs_header_ht) var(--pvs_content);
  gap: 0.25em;
  padding: 0.25em;
}

.grid-container-footer {
  display: grid;
  grid-template-rows: var(--pvs_footer_ht);
  gap: 0.25em;
  padding: 0.25em;
}

.grid-container > header,
.grid-container > main,
.grid-container-footer > .pvs_footer {
  text-align: center;
  padding: 0.25em 0;
  font-size: 1rem;
  height: 100%;
}

.pvs_header {
  height: auto;
}

.pvs_content {
  height: auto;
}

.pvs_footer {
  height: auto;
  width: 100%;
}

input.icon-search {
  padding: 9px 4px 9px 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat 13px center;
  background-color: rgba(255, 255, 255, 1);
}

/* Common classes */
.gren-tick {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
}

.pvs-modal-content {
  background-color: rgba(0, 0, 0, 0);
}

.pvs-modal-body,
.pvs-modal-body .auth-table {
  background-color: rgba(117, 136, 218, 0.125); /* 100% transparent */
  --bs-table-bg: rgba(117, 136, 218, 0.125); /* 100% transparent */
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pvs-modal-header {
  color: rgba(255, 255, 255, 0.75);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  /* RGB value with color and 100% transparency */
  background-color: rgba(117, 136, 218, 0.125); /* 100% transparent */
  border-bottom: 0;
}

.pvs-modal-footer {
  background-color: rgba(117, 136, 218, 0.125); /* 100% transparent */
  border-top: 0;
}

.pvs-auth-img {
  background-image: url("../assets/pvs_intel_approved.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.pvs-unauth-img {
  background-image: url("../assets/pvs_intel_decline.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.pvs-table > tbody,
tr {
  margin-bottom: 0;
  font-size: 0.95rem;
  font-weight: 400;
  color: rgba(255, 255, 0, 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-color: rgba(117, 136, 218, 0.377); /* 100% transparent */
}

.pvs-table > tbody,
tr,
th,
td {
  padding-left: 0.25rem;
  padding-right: 0.5rem;
}

.pvs-table > tbody,
th {
  color: rgba(255, 255, 255, 1);
}

.pvs-auth-text {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.5rem;
  font-weight: 300;
  white-space: nowrap;
  overflow-y: visible;
}

.pvs-color-wht {
  color: rgba(255, 255, 255, 1);
}

.pvs-loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: none;
  margin-left: auto;
  margin-right: auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}