@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, sans-serif;
}

.work-sans{
   font-family: 'Work Sans';
}

.outfit {
   font-family: 'Outfit';
}

.text-blue-uj {
   color: #27288A;
}

.bg-blue-uj {
   background: #27288A;
}

.barner-section {
   background-image: url('../images/home-bg.jpg');
   position: center;
}

.text-shadow {
   text-shadow: 0 0 4px #000;
}

/* ------------------------------------------- */
/* ------------------------------------------- */
.loadingSpinnerContainer {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: rgba(56, 86, 150, 0.1);
   /* background: transparent; */
   z-index: 5000;
   display: none;
   justify-content: center;
   align-items: center;
 }
 
 .loadingSpinner {
   width: 50px;
   height: 50px;
   border: 5px solid;
   border-color: #2266b4 transparent #1835b6 transparent;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }
 
 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 .success-alert {
   position: fixed;
   top: 10%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 300px;
   background: #18a7e9;
   padding: 10px;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   /* display: none; */
}

 .error-alert {
   position: fixed;
   top: 10%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 300px;
   background: #e42705e0;
   padding: 10px;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   /* display: none; */
}

/* ------------------------------------------- */
/* ------------------------------------------- */
 
.exit-edit {
   display: none;
}

.update-vol-btn {
   display: none;
}

.form-body input {
   font-size: 12px;
   font-weight: 600;
}

.form-body textarea {
   font-size: 12px;
   font-weight: 500;
}

.form-body select {
   font-size: 12px;
}

.set-current-btn {
   display: none;
}

.small-font {
   font-size: 12px;
}

.cite-font {
   font-size: 9px;
   font-style: italic;
}