@font-face {
     font-family: "FiraSans";
     font-style: normal;
     font-weight: 700;
     src: url("../../_bundle/FiraSans-SemiBold.ttf") format("truetype");
   }

   @font-face {
     font-family: "Fira sans";
     font-style: normal;
     font-weight: 400;
     src: url("../../_bundle/FiraSans-Regular.ttf") format("truetype");
   }

   @font-face {
     font-family: "Barlow";
     font-style: normal;
     font-weight: 700;
     src: url("../../_bundle/Barlow-SemiBold.ttf") format("truetype");
   }



   p.emphasize {
     font-style: italic;
     margin-bottom: 24px;
     padding: 3px 6px;
     border: 2px solid var(--blue);
   }

   .img-wrapper {
     position: relative;
     cursor: pointer;
   }

   .img-wrapper::before {
     content: url(../../_shared/buttons/maximize-solid.svg);
     position: absolute;
     top: 0px;
     right: 6px;
     z-index: 10;
     pointer-events: none;
   }

   .img-wrapper.light::before {
     content: url(../../_shared/buttons/maximize-solid-white.svg);
   }


   #imgModal .modal-content {
     background-color: #fff;
   }

   #poster {
     width: 100%;
   }


   .modal-dialog {
     width: 100%;
     max-width: 1024px;
   }


   .flex-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
   }

   h5 {
     padding-left: 12px;
     font-size: 1em;
     font-weight: bold;
   }

   .back-wrap {
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
   }

   .back {
     background-color: #000000;
     padding: 18px;
     display: inline-block;
   }

   .panel-default {
     margin-left: 24px;
   }

   .back .btn {
     position: relative;
     margin-left: 0px;

   }

   .back .btn:hover,
   .back .btn:active,
   .back .btn:focus {
     position: relative;
     background-color: #719c3b !important;
     cursor: default;
   }

   .figure {
     margin-top: -0.5em;
     width: 100%;
   }

   .symbol {
     text-align: center;
     font-size: 2.5em;
     margin-top: 0.2em;
   }

   .icon-wrapper {
     text-align: center;
     margin-bottom: 1.5em;
   }

   #gallery-screenshot {
     padding: 0.2em;
     display: inline-block;
     background-color: #000;
   }

   #gallery-screenshot-inner {
     display: inline-block;
     background-color: #fff;
     border-radius: 10px;
     padding-right: 0.8em;
     padding-left: 0.8em;
   }

   #dummy-btn {
     display: block;
     margin-left: auto;
     margin-right: auto;
     cursor: default;
     margin-bottom: 1.5em;
   }



   .regular-icon.symbol {
     color: #000;
   }

   .regular-icon {
     padding: 0.2em;
     color: #000;
     display: inline-block;
     background-color: #fff;
     width: 42px;
     height: 48px;
   }


   .svg-icon {
     display: inline-block;
     background-color: #fff;
     padding: 0.1em;
   }

   .center-img {
     margin-left: auto;
     margin-right: auto;
     width: 50%;
     max-width: 450px;
     min-width: 228px;
     margin-top: 2em;
   }

   .alternate tr:nth-child(odd) td {
     background-color: #dee5f555;
   }

   .table-wrapper {
     overflow-x: auto;
   }

   .table-wrapper td {
     font-size: 14px !important;
   }

   @media (max-width: 660px) {
     div.panel {
       margin-left: 0px;
     }
   }