:root {
  --bluish: #004880;
  --redish: #ff0000;
}

html {
  background-color: #fff;
}

@font-face {
  font-family: "FrutigerFont";
  src: url("../fonts/Frutiger_45_Light.ttf") format("truetype");
}

body {
  font-family: "FrutigerFont" !important;
  zoom: 100%;
}

table.tab__section {
  width: 100%;
}

table.tab__section tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: -2px;

  /* BBVA */
  /* margin-left: 20px;
  margin-right: 25px; */
}

table.tab__section tr td {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50%;
  text-align: center;

  /* for BBVA */
  /* padding-left: 30px;
  padding-right: 30px; */
  flex-wrap: nowrap; /* Added property for BBVA*/
}

.container-fluid div:first-child .pt-2 {
  padding-top: 50px !important;
}

/* .col-6{
  margin-left:40px!important;
  margin-right:40px!important;
} */

.col-12 {
  padding-left: 1.5vw;
  padding-right: 1.5vw;
}

tr:first-child td:nth-child(2) {
  position: relative;
  right: 2vw;
}

table.tab__section tr td:last-child {
  justify-content: flex-end;
}

.head__section_heading_portrait8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  /* height: calc(100vh / 9.3) !important; */
  height: calc(100vh / 15) !important;
}

.head__section_heading_portrait6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  /* height: calc(100vh / 7) !important; */
  height: calc(100vh / 15) !important;
}

.head__section_heading_portrait4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  /* height: calc(100vh / 4.7) !important; */
  height: calc(100vh / 15) !important;
}

.head__section_portrait8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 9.15) !important;
}

.head__section_portrait6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-family: "Open Sans", sans-serif;
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 6.9) !important;
}

.head__section_portrait4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 4.61) !important;
}

.head__section_SDU4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 5.8) !important;
}

.head__sectioned_hybrid6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 6.7) !important;
  width: 20vw;
}

.head__sectioned_hybrid4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 4.5) !important;
  width: 20vw;
}

.head__sectioned_heading_hybrid8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 10) !important;
  width: 20vw;
}

.head__sectioned_heading_hybrid6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 10) !important;
  width: 20vw;
}

.head__sectioned_heading_hybrid4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 10) !important;
  width: 20vw;
}

.head__sections_landscape4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 10) !important;
}

.head__sections_landscape6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 10);
}

.head__sections_landscape8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 10);
}

.head__sectioned_hybrid8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  border-top: 2px solid #e8ebee;
  height: calc(100vh / 8.89) !important;
  width: 20vw;
}

.head__sectionz_landscape8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  /* border-top: 2px solid #E8EBEE; */
  height: calc(100vh / 5.09);
}

.head__sectionz_landscape6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  /* border-top: 2px solid #E8EBEE; */
  height: calc(100vh / 3.83);
}

.head__sectionz_landscape4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 700;
  color: var(--bluish);
  /* border-top: 2px solid #E8EBEE; */
  height: calc(100vh / 2.55);
}

.row__2_hybrid8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 8.89) !important;
  width: 20vw;
}

.row__2_hybrid6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 6.7) !important;
  width: 20vw;
}

.row__2_hybrid4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 4.5) !important;
  width: 20vw;
}

.row__2_portrait4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 4.61) !important;
}

/* td {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200 !important;
} */
/* font-family: 'Open Sans', sans-serif;
font-weight: 200; */
/* letter-spacing: 2px !important; */

.row__2_portrait6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  /* font-family: 'Open Sans', sans-serif; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 6.9) !important;
}

.row__2_portrait8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 9.15) !important;
}

.row__2_SDU4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 7);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 5.8) !important;
}

.row__3_landscape6 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 9);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 3.83);
}

.row__3_landscape8 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 9);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 5.09);
}

.row__3_landscape4 {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 9);
  font-weight: 400;
  color: var(--redish);
  height: calc(100vh / 2.55);
}

.row__sec {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-size: calc(100vh / 13);
  font-weight: 400;
  color: var(--bluish);
}

tbody tr:nth-of-type(n + 2) td {
  /* font-family: "Open Sans", sans-serif !important; */
  font-family: "FrutigerFont" !important;
  font-weight: 500;
  font-size: calc(100vh / 12);
}

tbody tr:first-child {
  /* border-bottom: 8px solid #e8ebee; */
}

tbody tr:first-child td {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 900;
  /* font-family: "FrutigerFont" !important; */
  /* font-weight: 400 !important; */
}

.waitingTimeLandscape > span > div,
.waitingTime > span > div,
.hybrid-waiting-ticket-time > div > span > div {
  font-weight: 400 !important;
  font-family: "FrutigerFont" !important;
}

tr {
  border-bottom: 2px solid #e8ebee;
  /*padding: 10px 0;*/
}

.all_counter_numbers {
  min-width: 10vw;
}

.all_counter_numbers_hybrid {
  min-width: 2vw;
}

.all_counter_numbers_portrait {
  min-width: 21vw;
}

/*@media only screen and (max-width: 991px) {*/
/*    .head__section {*/
/*        font-size: 20px;*/
/*    }*/

/*    .row__2 {*/
/*        font-size: 30px;*/
/*    }*/

/*    .row__sec {*/
/*        font-size: 20px;*/
/*    }*/
/*}*/
/* .tblHead .animate__animated .animate__fadeOut {
   -moz-animation-iteration-count: infinite !important;
} */
/* .animate__animated .animate__flipInX{
  --animate-duration: 3s; 

  animation-iteration-count: infinite !important;
} */
/* This changes all the animations globally */
:root {
  /* --animate-duration: 8s; */
  /* --animate-delay: 9s; */
  transition: 3s !important;
}

.animate__fadeOut {
  --animate-duration: 3s;

  animation-iteration-count: infinite !important;
}

.animate__fadeIn {
  --animate-duration: 1s;

  animation-iteration-count: infinite !important;
}

.nood {
  display: none;
}

.logorow {
  height: 13vh;
}

.imgs {
  width: 18vw;
  height: 15vh;
}

.imgd {
  width: 40%;
  height: 100%;
}

.body {
  overflow-x: hidden !important;
}

.ads {
  display: flex;
}

.advideo {
  width: 100%;
  height: 100%;
}

.padbot {
  padding-top: 2rem !important;
}

.imageset {
  width: 71vw;
  height: 68.5vh;
  margin-right: 100px;
}

.imageget {
  width: 72vw;
  height: 70vh;
}

button.nav.default-nav {
  display: none !important;
}

i.fa-solid.fa-clipboard-list {
  font-size: 3vw !important;
  padding-right: 1vw !important;
  padding-top: 1vh !important;
}

i.fa-solid.fa-tv {
  font-size: 3vw !important;
  padding-right: 1vw !important;
  padding-top: 1vh !important;
}

.modal {
  display: block !important;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

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

  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

  100% {
    transform: rotate(360deg);
  }
}

.display {
  display: none;
}

.alert-success {
  z-index: 1000000000 !important;
}

.alert {
  position: absolute;
}

.modal-body::-webkit-scrollbar {
  width: 1em;
}

.modal-body {
  height: 70vh;
  overflow-y: scroll;
}

.modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.btn-primary:hover {
  color: #fff;
  background-color: #f7c600;
  border-color: #f7c600;
}

.btn-primary:active {
  color: #fff;
  background-color: #f7c600;
  border-color: #f7c600;
}

.btn-primary {
  color: #fff;
  background-color: #f7c600;
  border-color: #f7c600;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.waitingTimeLandscape_landscape8 {
  margin-left: 20px;
  margin-right: 25px;
  display: flex;
  justify-content: center;
  height: 12.5vh;
  align-items: center;
  border-top: 2px solid #e8ebee;
  font-size: 5vh;
  font-weight: 600;
  gap: 40px;
}

.waitingTimeLandscape_landscape6 {
  margin-left: 20px;
  margin-right: 25px;
  display: flex;
  justify-content: center;
  height: 12.5vh;
  align-items: center;
  border-top: 2px solid #e8ebee;
  font-size: 5vh;
  font-weight: 600;
  gap: 40px;
}

.waitingTimeLandscape_landscape4 {
  margin-left: 20px;
  margin-right: 25px;
  display: flex;
  justify-content: center;
  height: 12.5vh;
  align-items: center;
  border-top: 2px solid #e8ebee;
  font-size: 5vh;
  font-weight: 600;
  gap: 40px;
}

.waitingTimeLandscape2 {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 98.4%;
  height: calc(99vh / 2.65);
  align-items: center;
  border-bottom: 2px solid #e8ebee;
  font-size: 5vh;
  font-weight: 600;
  padding: 0 20px;
}

.waitingTimeLandscape > div {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}

.waitingTime {
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.9vh;
  gap: 40px;
  height: 7.5vh;
}

/* .waitingTime>span:first-child {
  flex:1.75;
  text-align: right;
}
.waitingTime>span:last-child {
  flex:1;
  text-align: left;
} */
.waitingTime > span > div {
  white-space: nowrap !important;
}

.waitingTimeLandscape > span > div {
  position: relative;
}

#text-container-counter-wait-hybrid {
  /* width: 45vw; */
  display: flex;
  /* justify-content: right; */
  /* align-items: center; */
}

.hybrid-waiting-ticket-time {
  width: 78vw;
  position: absolute;
  bottom: 5vh;
}

.Popup-outer-wrapper {
  width: 100%;
  position: absolute;
  bottom: 0;
  /* border: 1px solid white; */
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
}

.Popup-inner-wrapper {
  justify-content: center;
  display: flex;
  align-items: center;
  /* border: 1px solid red; */
  animation: fadein 3s ease;
}

@keyframes fadein {
  0%,
  50% {
    opacity: 0;
  }
  80%,
  100% {
    opacity: 1;
  }
}