@import url("notyf.min.css");

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material-icons.woff2) format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/poppins.woff2) format("woff2");
}

@font-face {
  font-family: "Instagram Sans";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/InstagramSans-Light.woff2) format("woff2");
}

@font-face {
  font-family: "Instagram Sans";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/InstagramSans-Regular.woff2) format("woff2");
}

@font-face {
  font-family: "Instagram Sans";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/InstagramSans-Medium.woff2) format("woff2");
}

:root {
  --color-primary-rgba: 111, 66, 193;
}

body, input, button {
  font-family: 'Instagram Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.user-select-none {
  user-select: none;
}

.loader {
  /* background: url('/assets/images/loading.gif') no-repeat scroll center center #000000; */
  /* position: fixed; */
  /* height: 100%; */
  /* width: 100%; */
  /* z-index: 999999; */
  /* opacity: 0.5; */
  /* top: 0; */
  display: none;
}

.loading .loader {
  display: block !important;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 50px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-360 280-560h400L480-360Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px 24px;
}

body::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 800px) {
  *::-webkit-scrollbar {
    display: none !important;
  }
}

/* Bootstrap Backgroung Colors */

.bg-primary {
  background-color: #007bff;
}

.bg-secondary {
  background-color: #6c757d;
}

.bg-success {
  background-color: #28a745;
}

.bg-danger {
  background-color: #dc3545;
}

.bg-warning {
  background-color: #ffc107;
}

.bg-info {
  background-color: #17a2b8;
}

.bg-dark {
  background-color: #343a40;
}

/* Modal Zoom Effect */

.modal.fade .modal-dialog.modal-dialog-zoom {
  -webkit-transform: translate(0, 0) scale(0.5);
  transform: translate(0, 0) scale(0.5);
}

.modal.show .modal-dialog.modal-dialog-zoom {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}

/* Icon */

.material-icons {
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  user-select: none;
}