/* ============================
 FONT IMPORTS (LOCAL HOSTING)
 ============================ */
@font-face {
 font-family: 'Playfair Display';
 src: url('/assets/font/playfairdisplay-normal-400-latin.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
    
}

@font-face {
 font-family: 'Playfair Display';
 src: url('/assets/font/playfairdisplay-italic-400-latin.woff2') format('woff2');
 font-weight: 400;
 font-style: italic;
 font-display: swap;
}

@font-face {
 font-family: 'Sora';
 src: url('/assets/font/sora-400-latin.woff2') format('woff2');
 font-weight: 400;

src: url('/assets/font/sora-600-latin.woff2') format('woff2');
font-weight: 600;
font-style: normal;
 font-display: swap;
}
font-family: 'Sora', sans-serif;
‎}
‎
‎.copyInput {
‎  display: inline-block;
‎  line-height: 50px;
‎  position: absolute;
‎  top: 0;
‎  right: 0;
‎  width: 40px;
‎  text-align: center;
‎  font-size: 14px;
‎  cursor: pointer;
‎  transition: all .3s;
‎  font-family: 'Sora', sans-serif;
‎}
‎
‎.copied::after {
‎  position: absolute;
‎  top: 8px;
‎  right: 12%;
‎  width: 100px;
‎  display: block;
‎  content: "COPIED";
‎  font-size: 1em;
‎  padding: 5px 5px;
‎  color: #fff;
‎  background-color: #FF7000;
‎  border-radius: 3px;
‎  opacity: 0;
‎  will-change: opacity, transform;
‎  animation: showcopied 1.5s ease;
‎  font-family: 'Playfair Display', serif;
‎}
‎
‎@keyframes showcopied {
‎  0% { opacity: 0; transform: translateX(100%); }
‎  50% { opacity: 0.7; transform: translateX(40%); }
‎  70% { opacity: 1; transform: translateX(0); }
‎  100% { opacity: 0; }
‎}
‎
‎/* ============================
‎   COOKIES CARD
‎   ============================ */
‎.cookies-card {
‎  width: 520px;
‎  padding: 30px;
‎  color: #1E2337;
‎  position: fixed;
‎  bottom: 15px;
‎  left: 15px;
‎  z-index: 999999;
‎  transition: all .5s;
‎  background: #d1d1d1;
‎  border-radius: 5px;
‎  font-family: 'Sora', sans-serif;
‎}
‎
‎.cookies-card.hide {
‎  bottom: -500px !important;
‎}
‎
‎.radius--10px { border-radius: 10px; }
‎
‎.cookies-card__icon {
‎  width: 55px;
‎  height: 55px;
‎  border-radius: 50%;
‎  background-color: #6e6f70;
‎  color: #fff;
‎  font-size: 32px;
‎  display: inline-flex;
‎  justify-content: center;
‎  align-items: center;
‎  font-family: 'Playfair Display', serif;
‎}
‎
‎.cookies-card__content { margin-bottom: 0; }
‎
‎.cookies-btn {
‎  color: #363636;
‎  text-decoration: none;
‎  padding: 10px 35px;
‎  margin: 3px 5px;
‎  display: inline-block;
‎  border-radius: 999px;
‎  font-family: 'Sora', sans-serif;
‎}
‎
‎.cookies-btn:hover { color: #363636; }
‎
‎/* Responsive */
‎@media (max-width: 767px) {
‎  .cookies-card {
‎    width: 100%;
‎    left: 0;
‎    bottom: 0;
‎    font-size: 14px;
‎    padding: 15px;
‎  }
‎}
‎
‎/* ============================
‎   INPUT POPUP
‎   ============================ */
‎.hover-input-popup { position: relative; }
‎.input-popup { display: none; }
‎
‎.hover-input-popup .input-popup {
‎  display: block;
‎  position: absolute;
‎  bottom: 80%;
‎  left: 50%;
‎  width: 280px;
‎  background-color: #1a1a1a;
‎  color: #fff;
‎  padding: 20px;
‎  border-radius: 5px !important;
‎  transform: translateX(-50%);
‎  transition: all 0.3s;
‎  font-family: 'Sora', sans-serif;
‎}
‎
‎.input-popup::after {
‎  position: absolute;
‎  content: '';
‎  bottom: -19px;
‎  left: 50%;
‎  margin-left: -5px;
‎  border-width: 10px;
‎  border-style: solid;
‎  border-color: transparent transparent #1a1a1a transparent;
‎  transform: rotate(180deg);
‎}
‎
‎.input-popup p {
‎  padding-left: 20px;
‎  position: relative;
‎  font-family: 'Playfair Display', serif;
‎}
‎
‎.input-popup p.error { text-decoration: line-through; }
‎.input-popup p.error::before { content: "\f057"; color: #ea5455; }
‎.input-popup p.success::before { content: "\f058"; color: #28c76f; }
‎
‎/* ============================
‎   FILTERS & BUTTONS
‎   ============================ */
‎.show-filter { display: none; }
‎
‎@media(max-width:767px) {
‎  .responsive-filter-card { display: none; transition: none; }
‎  .show-filter { display: block; }
‎}
‎
‎.btn.disabled, .btn:disabled, fieldset:disabled .btn {
‎  opacity: 0.5;
‎  background-color: hsl(var(--black) / 0.5);
‎  border-color: hsl(var(--black) / 0.01);
‎  font-family: 'Sora', sans-serif;
‎}
‎
‎/* ============================
‎   INPUT GROUPS
‎   ============================ */
‎.h-45 { height: 50px; }
‎.h-none { height: 37px !important; }
‎
‎.input-group-text {
‎  color: #747474;
‎  background-color: #fff;
‎  border-color: hsl(var(--black) / 0.08);
‎  transition: all linear .15s;
‎  font-family: 'Sora', sans-serif;
‎}
‎
‎.account-form .input-group-text {
‎  background-color: transparent;
‎  border-color: rgba(255, 255, 255, 0.15);
‎}
‎
‎.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
‎  border-left: 0;
‎}
‎
‎.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
‎.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
‎  border-right: 0;
‎}
‎
‎@media screen and (min-width:768px) and (max-width:1024px) {
‎  .hover-input-popup .input-popup { left: 70% !important; }
‎}
‎
‎.input-group-text.removeFile {
‎  border-color: hsl(var(--black) / 0.1) !important;
‎  border-style: dashed;
‎}
‎
‎/* ============================
‎   DATE RANGE PICKER
‎   ============================ */
‎.daterangepicker td.active,
‎.daterangepicker td.active:hover,
‎.daterangepicker .ranges li.active {
‎  background-color: hsl(var(--base)) !important;
‎  font-family: 'Sora', sans-serif;
‎}
‎