.active {
  /* Highlight while dropping file could not find a way to do it using tailwind */
  /* box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45); */
  box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  border-color: #a4cafe;
  margin: 2px;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/../webfonts/InterTight-Black.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/../webfonts/InterTight-BlackItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/../webfonts/InterTight-Bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/../webfonts/InterTight-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/../webfonts/InterTight-ExtraBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/../webfonts/InterTight-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/../webfonts/InterTight-ExtraLight.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/../webfonts/InterTight-ExtraLightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url(/../webfonts/InterTight-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/../webfonts/InterTight-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/../webfonts/InterTight-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/../webfonts/InterTight-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/../webfonts/InterTight-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/../webfonts/InterTight-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/../webfonts/InterTight-SemiBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/../webfonts/InterTight-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/../webfonts/InterTight-Thin.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/../webfonts/InterTight-ThinItalic.woff2) format('woff2');
}

html {
  font-size: 14px;
  font-family: 'Inter Tight', sans-serif;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.icon {
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    color: inherit;    
}

.svg {
  mask-size: contain;
  background-color: currentColor;
}


.search
{
  display: block;
  width: 20px;
  height: 20px;
  mask: url("./../svg/search.svg") no-repeat;
}


.i-mingcute-user-1-line {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M16 14a5 5 0 0 1 4.995 4.783L21 19v2a1 1 0 0 1-1.993.117L19 21v-2a3 3 0 0 0-2.824-2.995L16 16H8a3 3 0 0 0-2.995 2.824L5 19v2a1 1 0 0 1-1.993.117L3 21v-2a5 5 0 0 1 4.783-4.995L8 14zM12 2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6a3 3 0 0 0 0-6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em;
}

.shade {
  background:  linear-gradient(114deg, #273878 -36.44%, #149FDA 120.69%);
}

a.shade:hover, button.shade:hover {
  background:  linear-gradient(114deg,  #149FDA -36.44%, #273878 120.69%);
}

.shadetext {
  background: linear-gradient(114deg, #273878 -36.44%, #149FDA 120.69%);
  background-clip: text;
  color: transparent;
}