body {
  background-image: url("../images/bg.jpg");
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  overflow-x: hidden;
}

#sidebar-menu ul li a {
  padding: 5px 5px;
}

#sidebar-menu ul li ul.sub-menu li a {
  padding: 5px 0 5px 30px;
}

.building-name {
  font-weight: 600;
  font-size: 24px;
}

.set-select:hover {
  cursor: pointer;
}

.vertical-menu {
  width: 220px;
}

.navbar-brand-box {
  padding: 0 5px;
  width: 220px;
}

#breadcrumb-bar {
  padding: 10px;
  margin-bottom: 24px;
}

.page-title-box {
  padding: 0;
}

.menu-title {
  padding: 10px 10px !important;
}

p.user-name {
  margin-top: 16px !important;
}

/* TOP- BAR */

#page-topbar {
  background-color: #085cb5;
}

.app-search .form-control {
  border-radius: 5px;
  background-color: #4a86c6;
  border: 1px solid #fff;
  color: #fff;
}

.app-search .form-control::placeholder {
  color: #fff;
}

.app-search .bx-search-alt {
  color: #fff;
}

/* SIDE- BAR */

.side-icon {
  margin: 3px 10px;
}

.needia-fields {
  padding: 10px 10px 0px 10px;
  background: #181a1b;
  border: 1px solid #00bff3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.textarea-border-light-blue {
  border-color: #00bff3 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  min-height: 30px;
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
  color: #fff;
}

body[data-sidebar="dark"] .vertical-menu {
  background: #0b2f6e;
}

body[data-sidebar="dark"] .navbar-brand-box {
  background: #0b2f6e;
}

#sidebar-menu {
  padding: 2px 10px 10px 10px;
}

.side-heading {
  text-align: center;
  color: #fff !important;
  background-color: #2d323e;
}

li:hover .sub-menu li a {
  color: #fff !important;
}

#sidebar-menu > ul > .build-manage:hover > a {
  background: #2d8d75 !important;
}
.build-manage .sub-menu {
  background: #2d8d75 !important;
}

.build-manage {
  background-color: #2d8d75;
}

#sidebar-menu > ul > .side-financial:hover > a {
  background: #0491c8 !important;
}
.side-financial .sub-menu {
  background: #0491c8 !important;
}

.side-financial {
  background-color: #0491c8;
}

#sidebar-menu > ul > .side-control:hover > a {
  background: #05a9c3 !important;
}
.side-control .sub-menu {
  background: #05a9c3 !important;
}

.side-control {
  background-color: #05a9c3;
}

#sidebar-menu > ul > .side-print:hover > a {
  background: #8f1380 !important;
}
.side-print .sub-menu {
  background: #8f1380 !important;
}

.side-print {
  background-color: #8f1380;
}

#sidebar-menu > ul > .side-tools:hover > a {
  background: #b1b56a !important;
}
.side-tools .sub-menu {
  background: #b1b56a !important;
}

.side-tools {
  background-color: #b1b56a;
}

#sidebar-menu > ul > .side-help:hover > a {
  background: #0b2f6e !important;
}
.side-help .sub-menu {
  background: #0b2f6e !important;
}

.side-help {
  background-color: #0b2f6e;
}

.side-user {
  width: 70px;
  height: 70px;
  position: absolute;
  background: #333333;
  border-radius: 50%;
  padding: 10px;
  left: 35%;
  top: 50px;
}

/* GENERAL CLASSES */

.rounded-more {
  border-radius: 30px;
}

.colored-text {
  font-size: 16px;
  font-weight: 500;
}

.bg-light-blue {
  background-color: #00bff3;
}

.bg-light-red {
  background-color: #f26d7d;
}

.bg-light-yellow {
  background-color: #eaf26d;
}

.bg-violet {
  background-color: #77154e;
}

.bg-cherry {
  background-color: #9e005d !important;
}

.bg-dark-blue {
  background-color: #0027a5 !important;
}

.bg-teal {
  background-color: #3a7175;
}

.bg-cabbage {
  background-color: #4e7c10;
}

.bg-dark-teal {
  background-color: #2e5d5a;
}

.bg-brown {
  background-color: #54291c;
}

.bg-dark-brown {
  background-color: #181a1b;
  color: #fff;
}

.bg-active {
  background-color: #00ff00;
}

.textarea-border-light-blue {
  border-color: #00ffff;
}
.text-right {
  text-align: right;
}

.c-form-control {
  height: 28px;
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  background-color: #181a1b;
  background-clip: padding-box;
  border: 1px solid #00bff3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  margin-bottom: 4px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.needia-wrapper {
  padding: 1px !important;
}

.needia-table {
  width: 100%;
}

.needia-table tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}

.needia-table tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.needia-table td,
.needia-table th {
  padding: 3px;
}

.form-check-input {
  width: 20px;
  height: 20px;
}

.col-6 {
  width: 49%;
}
.text-mute {
  color: rgb(177, 177, 177) !important;
}

.icon-lg {
  width: 30px;
  height: 30px;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
  color: #f4ffda;
}

span.logo-lg img {
  height: 77px !important;
  margin-left: -20px;
  margin-top: 0px;
}

.top-10 {
  margin-top: 10px;
}

#sidebar-menu ul li a:hover {
  color: #ffffff;
  font-weight: 700;
  background-color: #000;
}

.bg-light-blue {
  background-color: #00bff3;
  padding: 3px 3px 3px 13px;
  border-radius: 5px;
  color: #fff;
  margin-bottom: -1px;
  font-size: 15px;
  font-weight: 600;
}

label {
  margin-top: 4px !important;
  margin-bottom: 2px !important;
}

p {
  margin-top: 4px !important;
  margin-bottom: 0px !important;
}

textarea {
  margin-top: 4px !important;
  margin-bottom: 0px !important;
}

.right-align .p3 {
  float: right;
}

span.logo-lg.p-3 img {
  position: absolute !important;
  margin: 4px;
  left: 10px;
  width: 195px;
}

.vertical-collpsed .side-last {
  margin-bottom: 10px;
}

.bg-orange {
  background-color: #ff0000;
}

.bg-purple {
  background-color: #26303b;
}

.border-light-green {
  border-color: #87c9ba;
}

.border-light-blue {
  border-color: #00bff3;
}

.border-light-yellow {
  border-color: #caeda6;
}

.border-red {
  border-color: #d63737;
}

.border-yellow {
  border-color: rgb(171, 255, 74);
}

.border-green {
  border-color: #709e42;
}

.bg-transparent {
  background: rgba(0, 0, 0, 0) !important;
}

.card-needia {
  border: 1px solid #00bff3;
  border-radius: 5px;
  background-color: #181a1b;
}

.modal-content {
  background-color: #181a1b !important;
  border: 1px solid #181a1b !important;
}

.modal-footer {
  border-top: 1px solid #181a1b !important;
}

.empty-value .c-form-control {
  border-color: #4b4b4b;
  color: #4b4b4b;
}

.modal-xxl {
  width: 90%;
  max-width: 90%;
}

h5 {
  margin-bottom: 0 !important;
}

.body-bg-tint {
  background-color: #4b4b4b;
}

#loader-wrapper {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.loader {
  position: fixed;
  margin-left: 45%;
  bottom: 45%;
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.d-none {
  display: none;
}

input[type="file"]::file-selector-button {
  background: #00bff3;
  color: white;
}
.form-control[type="file"] {
  background: #181a1b;
  color: #fff;
  border-color: #00bff3;
}