body {
  background: #EEEEEE !important;
  font-size: 1.2rem !important;
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: #181c28;
}
pre {
  outline: 1px solid #ccc;
}
h5 {
  font-size: 25px;
}
h5.login-title {
  border-bottom: #181c28 solid 1px;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  background: #181c28;
  color: white;
  margin-top: -1rem !important;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  margin-bottom: 3rem;
}
input, select, textarea {
  font-size: 23px !important;
}
.border-color-snafu {
  border-color: #181c28;
}
.snafu-border-top {
  border-top: solid 1px #181c28;
}
.snafu-border-bottom {
  border-top: solid 1px #181c28;
}
.snafu-border-start {
  border-top: solid 1px #181c28;
}
.snafu-border-end {
  border-top: solid 1px #181c28;
}
.snafu-border {
  border-top: solid 1px #181c28;
}
.text-snafu-black {
  color: #181c28;
}
.string {
  color: green;
}
.number {
  color: darkorange;
}
.boolean {
  color: blue;
}
.null {
  color: magenta;
}
.key {
  color: red;
}
.btn-secondary {
  background: #181c28;
  color: #FFFFFF;
}
.nav-link {
  color: #181c28;
}
.nav-tabs {
  border-color: #181c28;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: #181c28;
  border-bottom-color: transparent;
  margin-top: -1px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
  background-color: #FFE053;
  border-color: #181c28;
  border-bottom: solid 1px;
}
.nav-tabs .nav-link:hover {
  background-color: #FFE053;
  color: #181c28;
  border: solid 1px #181c28;
  border-bottom: 0px;
}
.nav-tabs .nav-item .nav-link {
  color: #181c28;
}
.orderRow:hover {
  background-color: #eeeeee;
}
tr.even {
  background-color: #cccccc66 !important;
}
tr.even td {
  border-top: solid 1px #181c28 !important;
  border-bottom: solid 1px #181c28 !important;
}
table#userlist, .dataTable {
  border-color: #181c28;
}
table#userlist, .dataTable thead tr th {
  background-color: #000000;
  border-bottom: solid 1px #000000;
}
.divider {
  border-bottom: solid 1px #181c28;
}
.divider-text {
  background: #f6f7f9;
}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after {
  color: #2fcfa0;
}
.loading_background {
  background: #181c28bb;
}
.loading-body, .modal-content {
  background: #FFFFFF !important;
}
.btn-dashboard-gray {
  background: #000000 !important;
  color: #181c28 !important;
  border-color: #000000 !important;
}
.btn-dashboard-gray:hover {
  background: #626673 !important;
}
.btn-dashboard-lime {
  background: #FFE053 !important;
  color: #181c28 !important;
  border-color: #181c28 !important;
}
.text-gray {
  color: #626673 !important;
}
.text-lime {
  color: #2fcfa0 !important;
}
.active > .page-link, .page-link.active, .paginate_button.page-item .page-link {
  font-size: 23px;
  background-color: #FFE053;
  border-color: #181c28;
  color: #181c28;
}
.active > .page-link, .page-link.active {
  box-shadow: inset 2px 2px 2px #181c28;
}
.active > .page-link:hover, .page-link.active:hover, .paginate_button.page-item .page-link:hover {
  background-color: #FFE053;
  box-shadow: inset 2px 2px 2px #181c28;
}
.form-check-input:checked {
  background-color: #FFFFFF;
  border-color: #2fcfa0;
}
.checkbox:checked:before, .form-check-input:checked[type=checkbox] {
  background-size: 80%;
  color: #2fcfa0;
}
.form-check-input[type=checkbox] {
  border-color: #000000;
}
.bottom_page {
  background: #000000;
  border-top: solid 1px #000000;
}
.bottom_loginpage {
  background: #4a556c;
  color: #FFFFFF;
}
.text-lightgreen {
  color: #2fcfa0;
}
table#languageTable input.form-control {
  border-color: #181c28;
}
input[type=search] {
  border-color: #181c28;
  font-size: 23px;
}
label .form-select {
  border-color: #181c28;
}
.input-group {
  border-color: #181c28;
}
.modal-body .card, .modal-body .card-header, .modal-body .card-footer {
  border-color: #181c28;
}
.modal-content {
  background: #000000;
}
.lds-default div {
  background: #181c28;
}
i.icon.fa-solid.fa-right-from-bracket.text-danger {
  color: #e32e2e !important;
}
button.btn-close.text-danger.bg-danger {
  filter: invert(98%) sepia(98%) saturate(0%) hue-rotate(349deg) brightness(103%) contrast(103%);
}
.text-warning {
  color: #FFFF00;
}
.bg-table {
  background-color: #bbb;
}
tr:hover {
  background: #60606066 !important;
}
.card {
  border-color: #181c28 !important;
  background-color: #eeeeee !important;
}
.card-footer {
  background: #FFE053 !important;
  border-color: #181c28;
  font-size: 18px !important;
}
.card-header {
  background: #181c28 !important;
  border-color: #181c28;
  color: white;
}
.primnav {
  background-color: #eeeeee !important;
  border-color: #181c28 !important;
  color: #181c28 !important;
}
.primnav .icon {
  color: #181c28;
}
.bg-gray, .input-group-text {
  background-color: #f6f7f9;
}
.no-bg {
  background-color: transparent !important;
}
.shoppinglist_header, .widgetlist-header {
  background-color: #eeeeee !important;
  color: #181c28;
  border: solid 1px #181c28;
}
.border-secondary {
  border-color: #181c28 !important;
}
.rounded-start-top {
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-end-top {
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-start-bottom {
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.border-dark {
  border-color: #181c28 !important;
}
.tooltip-inner {
  --bs-tooltip-bg: $secondary-bgcolor;
  --bs-tooltip-color:$snafu-black;
  border: solid 1px #181c28;
  font-size: 23px !important;
  opacity: 1 !important;
}
.tooltip-arrow {
  color: #181c28;
}
.tooltip {
  background: #FFFFFF !important;
  z-index: 9999;
  opacity: 1 !important;
  box-shadow: 5px 5px 5px #181c2838;
}
.modal-backdrop {
  opacity: 0.5;
}
.top_page {
  scrollbar-color: #181c28 #000000;
  scrollbar-width: thin;
}
.bg-returns {
  background-color: #000000;
}
.form-check-input[type=radio] {
  border-color: #181c28;
}
.accordion-button.collapsed {
  background-color: #FFFFFF;
  font-size: 23px;
  border: solid 1px #181c28;
  color: #181c28 !important;
}
.accordion-button:not(.collapsed) {
  background-color: #FFE053;
  font-size: 23px;
  border: solid 1px #181c28;
  color: #181c28;
}
.accordion-body {
  border: solid 1px #181c28;
  border-top: 0px;
}
.accordion-button:focus {
  box-shadow: none;
}
.form-check-input {
  --bs-form-check-bg: #FFF7F7;
}
.form-check-input[type=radio] {
  border-color: #181c28;
}
.form-check-input:checked[type=radio] {
  background-size: contain !important;
  background: url(../images/check-solid-50green.svg);
  border: 0px;
  background-position: center;
}
.form-check-input:checked[type=radio][value="false"]:checked {
  background-size: cover !important;
  background: url(../images/xmark-solid-50red.svg);
  background-position: center !important;
  border: 0px;
}
.alert {
  border: solid 1px #000000;
}
.form-check-input {
  cursor: pointer !important;
}
.form-check-input[type=checkbox] {
  border-color: #181c28;
  background-size: cover !important;
  background: transparent url(../images/xmark-solid-50red.svg);
  background-position: center !important;
  border: 0px !important;
}
.form-check-input:checked[type=checkbox] {
  background: transparent url(../images/check-solid-50green.svg);
}
.badge {
  border: solid 1px #000000;
  text-shadow: 1px 1px 0px #181c28;
}
.separator-text {
  background: #FFE053;
  border-radius: 0.25rem;
  border: solid 1px #181c28;
}
.bg-main {
  background-color: #000000 !important;
}
.text-main-green {
  color: #2fcfa0;
}
.btn-success {
  background: #2fcfa0 !important;
  color: #181c28 !important;
}
.card.widget {
  border: solid 1px #181c28 !important;
}
.dataTable thead tr th {
  border: solid 1px #181c28 !important;
}
.dataTable tbody tr td:first-child {
  border-left: solid 1px #181c28 !important;
}
.dataTable tbody tr td:last-child {
  border-right: solid 1px #181c28 !important;
}
.dataTable tbody tr:last-child {
  border-bottom: solid 1px #181c28 !important;
}
.nav-tabs .nav-link {
  border-bottom: 0px;
}
.login_form {
  background: #FFFFFF;
  border-color: #181c28;
  box-shadow: 5px 5px 5px #181c2838;
}
.btn {
  border: solid 1px #181c28 !important;
  font-size: 1.2rem;
  box-shadow: 2px 2px 1px #181c28;
}
.btn:hover {
  box-shadow: inset 2px 2px 1px #181c28;
  color: #000000;
  background-color: #ffffff;
}
.btn-primary {
  background: #FFE053 !important;
  color: #181c28;
}
.btn-primary:hover {
  color: #181c28;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: #181c28;
}
.card.widget .card-header {
  background: #181c28 !important;
  color: #FFFFFF !important;
}
#recover_password_btn:hover {
  text-decoration: underline;
  cursor: pointer;
}
div.dataTables_processing > div:last-child > div {
  background: #2fa1d1 !important;
}
div.dataTables_processing {
  background-color: #FFE053 !important;
  border-color: #181c28 !important;
  color: #181c28 !important;
  box-shadow: 5px 5px 5px #181c2838 !important;
}
table.dataTable thead tr th {
  background: #181c28 !important;
  color: #FFFFFF;
}
.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select, .input-group-text {
  border-color: #181c28 !important;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  background: #181c28;
  color: white;
  font-size: 1.2rem;
}
.login_form .input-group {
  width: 50%;
  margin: auto;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  font-size: 1.2rem;
}
.copyright {
  font-size: 14px;
}
.startpage-header label {
  background: #FFE053 !important;
  color: #181c28 !important;
}
.chartWrapper {
  background: #FFFFFF !important;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
  color: #FFFFFF !important;
  opacity: 1 !important;
  margin-bottom: 0.5rem;
}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after {
  color: #FFE053 !important;
  opacity: 1 !important;
}
div.dataTables_wrapper div.dataTables_length select {
  font-size: 23px;
}
table#userlist thead tr th {
  color: #FFFFFF;
}
span#vendor_id {
  width: 8.6rem;
}
.infoicon::before {
  background: #181c28;
  color: #FFE053;
  border: solid 1px #181c28;
  border-radius: 1rem;
}
ul.nav-tabs li.nav-item button.nav-link {
  margin-bottom: -1px;
}
.orderingsystem ul.nav-tabs li.nav-item button.nav-link {
  margin-bottom: -2px;
}