/* ---- start animate.css (required for snackbar animation) ---- */
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/* ---- end animate.css ---- */

/* These styles make the body full-height */
html,
body {
  height: 100%;
  overflow-x: hidden;
}
/* These styles disable body scrolling if you are using <ScrollView> */

#root {
  display: flex;
  min-height: 100%;
}

/* Scrollbar constant flickering fix on edge width */
body {
  overflow-y: scroll;
}

/*@media screen and (max-width: 768px){*/
/*  body {*/
/*    overflow: hidden;*/
/*  }*/
/*}*/

#ScreenFix-FullPage {
  position: static !important;
  user-select: text;
}

@media screen and (min-width: 806px) {
  #ScreenFix {
    position: static !important;
    user-select: text;
  }
}

body,
input {
  font-family: Mulish, sans-serif !important;
}

/* This changes element with class 'ReactVirtualized__Grid' to inherit overflow style (instead of 'hidden') of contentContainerStyle prop in <VirtualizedList> */
.ReactVirtualized__Grid {
  overflow: inherit !important;
}

/**
    Sweetalert2 customizations
*/
/*---------------------------------------------------------------------------------------------*/
body.swal2-toast-shown div.swal2-container.swal2-bottom.snackbar-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  transform: none;
  overflow: hidden !important;
}

body.swal2-toast-shown
  div.swal2-container.swal2-bottom.snackbar-container
  .swal2-popup {
  background-color: #616161;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  width: 100%;
  box-shadow: none;
  justify-content: start;
}

body.swal2-toast-shown
  div.swal2-container.swal2-bottom.snackbar-container
  .swal2-content {
  color: white;
}

div.swal2-container {
  z-index: 9999;
}
/*---------------------------------------------------------------------------------------------*/

/* created at 5:39 AM at 11/04/2022*/
/* react tabs scrollable */
:root {
  --rts-primary-color: #0d1531;
  --rts-gray-color: transparent;
  --rts-white-color: #ffffff;
}
.display___block {
  display: block;
}
.display____inline___block {
  display: inline-block;
}
.display___none {
  display: none !important;
}
@media (max-width: 991.98px) {
  .display___md___none {
    display: none !important;
  }
}

.rts___tabs___container {
  display: flex;
}
@media (max-width: 991.98px) {
  .rts___tabs___container {
    padding: 0;
  }
}
.rts___tabs {
  display: flex;
  overflow: auto;
}
.rts___tabs.hide___rts___tabs___scroll {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.rts___tabs.hide___rts___tabs___scroll::-webkit-scrollbar {
  display: none;
}
.rts___tab {
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

.rts___nav___btn___container {
  display: flex;
}

.rts___btn {
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin: 0;
  padding: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 12px;
  margin-right: 12px;
}
.rts___btn:first-of-type {
  margin-left: 16px;
}
.rts___btn:last-of-type {
  margin-right: 16px;
}
.rts___tab___selected {
  border-bottom: 2px solid var(--rts-primary-color);
}
.rts___nav___btn {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin: 0;
  padding: 0;
}
.rts___nav___btn:hover {
}
.rts___nav___btn:hover > svg {
}
button:disabled.rts___btn,
button[disabled].rts___btn {
  cursor: not-allowed;
  color: var(--rts-gray-color);
  pointer-events: none;
}
button:disabled.rts___btn,
button[disabled].rts___btn svg {
}

.rts___right___nav___btn {
}
.rts___left___nav___btn {
}

input:focus {
  outline: none;
}

textarea::placeholder {
  color: rgba(129, 135, 156, 1);
}