﻿@import url("https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma-rtl.min.css");
@import url("https://cdn.jsdelivr.net/npm/@creativebulma/bulma-divider@1.1.0/dist/bulma-divider.min.css");
@import url("https://cdn.jsdelivr.net/npm/@creativebulma/bulma-badge@1.0.1/dist/bulma-badge.css");
@import url("https://cdn.jsdelivr.net/npm/@creativebulma/bulma-tooltip@1.2.0/dist/bulma-tooltip.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.css");
@import url("//fonts.googleapis.com/css2?family=Vazirmatn");
body, button, input, select, textarea {
  font-family: 'vazirmatn', BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.is-stretched-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.card.is-fullheight {
  display: flex;
  flex-direction: column;
  height: 100%; }

.card.is-fullheight .card-footer {
  margin-top: auto; }

.card.is-shadowed {
  transition: all .2s ease-in-out; }

.card.is-shadowed:hover {
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.13), 0 6px 6px rgba(0, 0, 0, 0.19); }

.card.is-bordered {
  border: 1px solid #dbdbdb; }

.navbar-item.is-large img {
  max-height: 2.5rem; }

.modal-background {
  background-color: rgba(10, 10, 10, 0.5); }

.table.is-vcentered td {
  vertical-align: middle; }

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #ffd; }

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #ffd; }

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: #ffd; }

@media screen and (min-width: 769px), print {
  .field-label {
    text-align: left; } }

.quickbar {
  display: block;
  right: auto;
  left: -100%;
  top: 0;
  width: 360px;
  max-width: calc(100% - 64px);
  height: 100%;
  position: fixed;
  background-color: #ff0000;
  transition: 0.3s ease;
  z-index: 40; }

.quickbar-content {
  display: block;
  width: 360px;
  max-width: 100%;
  background-color: #fff;
  height: 100%;
  z-index: 1; }

.quickbar-background {
  bottom: 0;
  left: 0;
  position: static;
  right: 0;
  top: 0;
  background-color: rgba(10, 10, 10, 0.4);
  z-index: -1; }

.quickbar.is-active {
  left: 0; }

.quickbar.is-active .quickbar-background {
  position: fixed; }

.quickbar .card {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: 100%; }

.quickbar .card-footer {
  margin-top: auto;
  padding-bottom: 12px; }

.quickbar .card-content {
  overflow: auto; }

.quickbar.is-right {
  right: -100%;
  left: auto; }

.quickbar.is-right.is-active {
  right: 0; }

.nois-2::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/images/noise/02.png"); }

.loader-page {
  position: fixed;
  padding-top: 2em;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(250, 250, 250, 0.75);
  z-index: 999998;
  display: none;
  justify-content: center;
  align-items: center; }

.loader-page.is-active {
  display: flex; }

.triple-spinner {
  display: block;
  position: relative;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top: 3px solid #FF5722;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.075); }

.triple-spinner::before,
.triple-spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 3px solid transparent; }

.triple-spinner::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #FF9800;
  -webkit-animation: spin 3.5s linear infinite;
  animation: spin 3.5s linear infinite; }

.triple-spinner::after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #FFC107;
  -webkit-animation: spin 1.75s linear infinite;
  animation: spin 1.75s linear infinite; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
