/**
 * Author: Digtial Mosaic
 * Author URL: https://www.digital-mosaic.co.uk
 * Version: 1.0
 */
@font-face {
  font-family: "Mark";
  src: url("/webfonts/Mark-Bold.eot");
  src: local("Mark-Bold"), url("/webfonts/Mark-Bold.woff2") format("woff2"), url("/webfonts/Mark-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Mark";
  src: url("/webfonts/Mark-Bold-Italic.eot");
  src: local("Mark-Bold"), url("/webfonts/Mark-Bold-Italic.woff2") format("woff2"), url("/webfonts/Mark-Bold-Italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Mark";
  src: url("/webfonts/Mark-Book.eot");
  src: local("Mark-Book"), url("/webfonts/Mark-Book.woff2") format("woff2"), url("/webfonts/Mark-Book.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Mark";
  src: url("/webfonts/Mark-Book-Italic.eot");
  src: local("Mark-Book-Italic"), url("/webfonts/Mark-Book-Italic.woff2") format("woff2"), url("/webfonts/Mark-Book-Italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
.font-small, .login form label, .register form label, .login form button[type=submit], .register form button[type=submit], .login form input[type=text], .login form input[type=email], .login form input[type=password], .register form input[type=text], .register form input[type=email], .register form input[type=password], nav.guest ul li, .errors, body a.sm-link, .select2-container .select2-results, form .form-group .select2, form .form-group .form-control, form .form-group label {
  font-size: 0.8rem;
}

.font-medium {
  font-size: 1rem;
}

.font-large {
  font-size: 1.5rem;
}

.text-fg-orange {
  color: rgb(246, 96, 61);
}

.bg-fg-orange {
  background-color: rgb(246, 96, 61);
}

.text-fg-middlegray {
  color: rgb(136, 136, 136);
}

.bg-fg-middlegray {
  background-color: rgb(136, 136, 136);
}

.bg-fg-green {
  background-color: rgb(98, 202, 163);
}

.text-fg-green {
  color: rgb(98, 202, 163);
}

.bg-fg-darkblue {
  background-color: rgb(24, 60, 79);
}

.text-fg-darkblue {
  color: rgb(24, 60, 79);
}

.bg-fg-gray {
  background-color: rgb(100, 100, 100);
}

.text-fg-gray {
  color: rgb(100, 100, 100);
}

.bg-fg-lightgray {
  background-color: rgb(200, 200, 200);
}

.text-fg-lightgray {
  color: rgb(200, 200, 200);
}

.bg-fg-darkgray {
  background-color: rgb(71, 71, 71);
}

.text-fg-darkgray {
  color: rgb(71, 71, 71);
}

.btn-fg-darkblue {
  background-color: rgb(24, 60, 79) !important;
  color: rgb(255, 255, 255) !important;
}

.btn-fg-darkblue:hover, .btn-fg-darkblue:active, .btn-fg-darkblue:focus {
  background-color: rgb(246, 96, 61) !important;
}

.btn-fg-gray, .btn-fg-gray:hover, .btn-fg-gray:active, .btn-fg-gray:focus {
  background-color: rgb(100, 100, 100) !important;
  color: rgb(255, 255, 255) !important;
}

.btn-fg-darkgray, .btn-fg-darkgray:hover, .btn-fg-darkgray:active, .btn-fg-darkgray:focus {
  background-color: rgb(71, 71, 71) !important;
  color: rgb(24, 60, 79) !important;
}

html {
  scroll-behavior: auto !important;
}

body {
  width: 100%;
  color: rgb(136, 136, 136);
  background-color: rgb(255, 255, 255);
  font-family: "Mark";
}
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgb(246, 96, 61);
  z-index: 10;
}
body.modal-open .select2-container.select2-container--open {
  z-index: 9999;
  min-width: 200px;
}
body #body__spinner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(246, 96, 61, 0.5);
  z-index: 10000;
  display: none;
}
body #body__spinner .spinner-border {
  position: absolute;
  left: 50%;
  top: 50%;
  color: rgb(255, 255, 255);
}

::-webkit-scrollbar {
  width: 5px; /* Adjust the scrollbar width */
  height: 5px; /* Adjust the scrollbar width */
  background-color: #e0e0e0; /* Background color of the scrollbar track */
}

/* Styling the scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: #919191; /* Color of the scrollbar thumb */
  border-radius: 6px; /* Radius of the scrollbar thumb */
}

button.with-icon {
  position: relative;
}
button.with-icon i.button-icon {
  position: absolute;
  top: -4px;
  right: -8px;
}

.popover {
  z-index: 100000 !important;
}

.modal-md {
  width: 45vw;
  max-width: inherit;
}

hr {
  border-color: rgb(200, 200, 200);
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(71, 71, 71);
  font-weight: bold;
}

a {
  color: rgb(246, 96, 61);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: rgb(246, 96, 61);
}
a.btn-fg {
  text-decoration: none !important;
}

.transition, form .form-group button {
  transition: all 0.25s ease-out;
}

.shadow {
  box-shadow: 0 0 3px 5px rgb(200, 200, 200);
}

.main-cont {
  position: relative;
  z-index: 1;
  background-color: rgb(255, 255, 255);
}
.main-cont .content-block {
  height: auto;
  min-height: 100vh;
  padding-bottom: 1rem;
}

img {
  max-width: 100%;
}

.fg-form {
  border-radius: 0;
}

.btn-fg {
  border: none;
  border-radius: 0;
}
.btn-fg:hover {
  background-color: rgb(246, 96, 61);
  color: rgb(255, 255, 255);
}

ul.sortable li {
  border-radius: 8px;
  padding: 5px;
  background-color: #dbdbdb;
  cursor: pointer;
  margin: 5px;
}

.fg-disabled {
  opacity: 0.25;
  pointer-events: none;
}
.fg-disabled input {
  pointer-events: none;
}

.badge.badge-orange {
  background-color: rgb(246, 96, 61);
  color: rgb(255, 255, 255);
}
.badge.badge-green {
  background-color: rgb(98, 202, 163);
  color: rgb(255, 255, 255);
}

form {
  padding: 2rem 0;
}
form .form-group {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}
form .form-group:not(.no-line)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(var(--bs-gutter-x) * 0.5);
  width: calc(100% - var(--bs-gutter-x) * 0.5 * 2);
  height: 1px;
  background-color: rgb(230, 230, 230);
}
form .form-group input {
  border-radius: 0;
  border: 1px solid rgb(200, 200, 200);
  padding: 0.5rem 1rem;
}
form .form-group input[type=text], form .form-group input[type=email], form .form-group input[type=password] {
  width: 100%;
}
form .form-group button {
  padding: 0.5rem 1rem;
  border: none;
  background-color: rgb(246, 96, 61);
  color: rgb(255, 255, 255);
}
form .form-group button:hover {
  background-color: rgb(24, 60, 79);
}
.select2-container .selection .select2-selection, .select2-container .selection .select2-selection--single, .select2-container .selection .select2-selection--multiple {
  min-height: 2.5rem;
  padding-top: 0.1rem;
  border-radius: 0;
  border-color: rgb(200, 200, 200);
}
.select2-container .selection .select2-selection .select2-selection__clear, .select2-container .selection .select2-selection--single .select2-selection__clear, .select2-container .selection .select2-selection--multiple .select2-selection__clear {
  color: rgb(100, 100, 100);
}
.select2-container .selection .select2-selection .select2-selection__rendered, .select2-container .selection .select2-selection--single .select2-selection__rendered, .select2-container .selection .select2-selection--multiple .select2-selection__rendered {
  line-height: 2rem;
}
.select2-container .selection .select2-selection .select2-selection__arrow, .select2-container .selection .select2-selection--single .select2-selection__arrow, .select2-container .selection .select2-selection--multiple .select2-selection__arrow {
  margin-top: 0.45rem;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container .selection .select2-selection .select2-selection__arrow b, .select2-container .selection .select2-selection--single .select2-selection__arrow b, .select2-container .selection .select2-selection--multiple .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container .selection .select2-selection .select2-search--inline, .select2-container .selection .select2-selection--single .select2-search--inline, .select2-container .selection .select2-selection--multiple .select2-search--inline {
  line-height: 1;
}
.select2-container .selection .select2-selection .select2-selection__choice, .select2-container .selection .select2-selection--single .select2-selection__choice, .select2-container .selection .select2-selection--multiple .select2-selection__choice {
  border-radius: 0;
  background-color: rgba(230, 230, 230, 0.5);
  line-height: 2;
}
.select2-container .selection .select2-selection .select2-search__field, .select2-container .selection .select2-selection--single .select2-search__field, .select2-container .selection .select2-selection--multiple .select2-search__field {
  position: relative;
  top: 0.15rem;
  left: 0.15rem;
}
.select2-container .selection .select2-search__field {
  margin-top: 0.5rem;
}

body {
  min-height: 100vh;
}
.errors {
  margin: 2rem 0 0 0;
}
.errors ul {
  margin: 0;
}

nav.guest {
  text-align: right;
}
nav.guest ul {
  margin: 1rem;
  padding: 0;
  list-style: none;
}
nav.guest ul li {
  display: inline-flex;
}

.login form input[type=text], .login form input[type=email], .login form input[type=password], .register form input[type=text], .register form input[type=email], .register form input[type=password] {
  width: 100%;
  padding: 0.5rem 0.25rem;
  box-shadow: none;
}
.login form button[type=submit], .register form button[type=submit] {
  padding: 0.5rem 0.25rem;
  background-color: rgb(246, 96, 61);
  color: rgb(255, 255, 255);
  border: none;
}

/*# sourceMappingURL=frontend.css.map*/