@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
html, body {
  font-family: "Roboto", sans-serif;
  color: #1C1C1C;
  min-height: 100vh;
}

.d-grid {
  display: grid;
}

.gap-2 * {
  margin: 0.25rem;
}

.btn {
  border-radius: 8px;
}

.btn-link {
  color: #00A3FF;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus {
  color: #0093e6;
  text-decoration: none;
}

.btn-outline-link {
  color: #00A3FF;
  background: #ffffff;
  border-color: #00A3FF;
  text-decoration: none;
}
.btn-outline-link:hover, .btn-outline-link:focus {
  color: #ffffff;
  text-decoration: none;
  background: #00A3FF;
}

.rounded {
  border-radius: 8px !important;
}

.btn-outline-secondary {
  background: #ffffff;
  border-color: #d7d7d7;
  color: #1C1C1C;
}

.rounded-start,
.rounded-left {
  border-radius: 8px 0px 0px 8px !important;
}

.rounded-end,
.rounded-right {
  border-radius: 0px 8px 8px 0px !important;
}

.rounded-lg {
  border-radius: 10px !important;
}

.text-keep-all {
  word-break: keep-all;
}

.text-nowrap {
  white-space: nowrap;
}

.table .btn {
  border-radius: 4px;
}

.box-table-white .table tbody tr:first-child th, .box-table-white .table tbody tr:first-child td {
  border-top: none;
}

.form-control:focus {
  -webkit-box-shadow: rgba(28, 28, 28, 0.1) 0 0 0 0.2rem;
          box-shadow: rgba(28, 28, 28, 0.1) 0 0 0 0.2rem;
}

.form-check-input {
  border-color: transparent;
  border-width: 1px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
}
.form-check-input[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white' stroke='%23D7D7D7'/%3E%3C/svg%3E");
}
.form-check-input[type=checkbox]:focus {
  -webkit-box-shadow: rgba(28, 28, 28, 0.1) 0 0 0 0.2rem;
          box-shadow: rgba(28, 28, 28, 0.1) 0 0 0 0.2rem;
  border-color: transparent;
  border-radius: 1px;
}
.form-check-input[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='white' stroke='%23D7D7D7'/%3E%3C/svg%3E");
  border-radius: 100px;
}
.form-check-input[type=radio]:focus {
  -webkit-box-shadow: rgba(28, 28, 28, 0.1) 0 0 0 0.2rem;
          box-shadow: rgba(28, 28, 28, 0.1) 0 0 0 0.2rem;
  border-color: transparent;
  border-radius: 100px;
}
.form-check-input:checked {
  background-color: transparent;
  border-color: transparent;
}
.form-check-input:checked[type=radio] {
  background-color: #ffffff;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='white' stroke='%23D7D7D7'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%23010913'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white' stroke='%23D7D7D7'/%3E%3Cpath d='M5.74741 8.33564C5.38049 7.92285 4.74842 7.88567 4.33564 8.25259C3.92285 8.61951 3.88567 9.25158 4.25259 9.66436L5.74741 8.33564ZM16.6805 7.73279C17.0852 7.35699 17.1086 6.72426 16.7328 6.31955C16.357 5.91484 15.7243 5.8914 15.3195 6.26721L16.6805 7.73279ZM9 13.5L8.25259 14.1644C8.43129 14.3654 8.68345 14.486 8.95213 14.4989C9.22081 14.5117 9.48334 14.4158 9.68045 14.2328L9 13.5ZM4.25259 9.66436L8.25259 14.1644L9.74741 12.8356L5.74741 8.33564L4.25259 9.66436ZM9.68045 14.2328L16.6805 7.73279L15.3195 6.26721L8.31955 12.7672L9.68045 14.2328Z' fill='black'/%3E%3C/svg%3E%0A");
}

.badge {
  border-radius: 100px;
  padding: 0.5em 1.5em;
  font-weight: normal;
}
#btnCollapse.collapsed img {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}

.max-width-17 {
  max-width: 17px;
}

.w-80 {
  width: 80px;
}

.w-60 {
  width: 60px;
}

.w-30 {
  width: 30px;
}

.progress {
  border-radius: 0;
  overflow: visible;
}
.progress-bar {
  position: relative;
  text-align: right;
  overflow: visible;
}
.progress-bar span {
  color: #1C1C1C;
  margin-right: -25px;
}

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41421 0C0.523309 0 0.077142 1.07714 0.707107 1.70711L8.29289 9.29289C8.68342 9.68342 9.31658 9.68342 9.70711 9.29289L17.2929 1.70711C17.9229 1.07714 17.4767 0 16.5858 0H1.41421Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 88%;
  padding: 0.2rem 2.25rem 0.2rem 0.75rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.rotate-0 {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-n-90 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.bg-primary {
  background-color: #00A3FF !important;
}

.border-primary {
  border-color: #00A3FF !important;
}

.text-primary {
  color: #00A3FF !important;
}

.btn-primary {
  background-color: #00A3FF;
  border-color: #00A3FF;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #0099f0;
  border-color: #00A3FF;
}

.btn-outline-primary {
  color: #00A3FF;
  border-color: #00A3FF;
}
.btn-outline-primary:hover, .btn-outline-primary.active {
  color: #ffffff;
  background-color: #00A3FF;
  border-color: #00A3FF;
}

.list-group-item-primary {
  color: #00A3FF;
  border-color: #00A3FF;
  background-color: #ffffff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action.active {
  color: #ffffff;
  border-color: #00A3FF;
  background-color: #00A3FF;
}

.bg-dark {
  background-color: #1C1C1C !important;
  color: #ffffff;
}

.border-dark {
  border-color: #1C1C1C !important;
}

.text-dark {
  color: #1C1C1C !important;
}

.btn-dark {
  background-color: #1C1C1C;
  border-color: #1C1C1C;
}

.btn-link-dark {
  background-color: #ffffff;
  color: #1C1C1C;
  border-color: #ffffff;
}
.btn-link-dark:hover, .btn-link-dark.active {
  color: #ffffff;
  background-color: #1C1C1C;
  border-color: #1C1C1C;
}

.btn-outline-dark {
  color: #1C1C1C;
  border-color: #1C1C1C;
}
.btn-outline-dark:hover, .btn-outline-dark.active {
  color: #ffffff;
  background-color: #1C1C1C;
  border-color: #1C1C1C;
}

.btn-underline-dark {
  color: #7d7d7d;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  font-weight: normal;
}
.btn-underline-dark:hover {
  border-bottom: 3px solid #d7d7d7;
}
.btn-underline-dark.active {
  color: #1C1C1C;
  border-bottom: 3px solid #00A3FF;
  font-weight: bold;
}

.list-group-item-dark {
  color: #1C1C1C;
  border-color: #1C1C1C;
  background-color: #ffffff;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action.active {
  color: #ffffff;
  border-color: #1C1C1C;
  background-color: #1C1C1C;
}

.bg-secondary {
  background-color: #7d7d7d !important;
  color: #ffffff;
}

.border-secondary {
  border-color: #7d7d7d !important;
}

.text-secondary {
  color: #7d7d7d !important;
}

.btn-secondary {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}

.btn-outline-secondary {
  color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-outline-secondary:hover, .btn-outline-secondary.active {
  color: #ffffff;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}

.list-group-item-secondary {
  color: #7d7d7d;
  border-color: #7d7d7d;
  background-color: #ffffff;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action.active {
  color: #ffffff;
  border-color: #7d7d7d;
  background-color: #7d7d7d;
}

.bg-gray {
  background-color: #c4c4c4 !important;
}

.border-gray {
  border-color: #c4c4c4 !important;
}

.text-gray {
  color: #c4c4c4 !important;
}

.btn-gray {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
}

.btn-outline-gray {
  color: #c4c4c4;
  border-color: #c4c4c4;
}
.btn-outline-gray:hover, .btn-outline-gray.active {
  color: #ffffff;
  background-color: #c4c4c4;
  border-color: #c4c4c4;
}

.list-group-item-gray {
  color: #1C1C1C;
  border-color: transparent;
  background-color: #ffffff;
  vertical-align: middle;
  border-radius: 10px !important;
  margin: 2px 0;
}
.list-group-item-gray.list-group-item-action:hover {
  font-weight: normal;
  background-color: #F8F8F8;
}
.list-group-item-gray.list-group-item-action.active {
  color: #1C1C1C;
  border-color: transparent;
  background-color: #d7d7d7;
  font-weight: bold;
  border-radius: 10px !important;
}

.bg-light {
  background-color: #F8F8F8 !important;
}

.border-light {
  border-color: #F3F3F2 !important;
}

.text-light {
  color: #F3F3F2 !important;
}

.btn-light {
  background-color: #F3F3F2;
  border-color: #F3F3F2;
}

.btn-outline-light {
  color: #F3F3F2;
  border-color: #F3F3F2;
}
.btn-outline-light:hover, .btn-outline-light.active {
  color: #7d7d7d;
  background-color: #F3F3F2;
  border-color: #F3F3F2;
}

.list-group-item-light {
  color: #F3F3F2;
  border-color: #F3F3F2;
  background-color: #ffffff;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action.active {
  color: #ffffff;
  border-color: #F3F3F2;
  background-color: #F3F3F2;
}

.bg-danger {
  background-color: #DF0000 !important;
}

.border-danger {
  border-color: #DF0000 !important;
}

.text-danger {
  color: #DF0000 !important;
}

.btn-danger {
  background-color: #DF0000;
  border-color: #DF0000;
}

.btn-outline-danger {
  color: #DF0000;
  border-color: #DF0000;
}
.btn-outline-danger:hover, .btn-outline-danger.active {
  color: #ffffff;
  background-color: #DF0000;
  border-color: #DF0000;
}

.list-group-item-danger {
  color: #DF0000;
  border-color: #DF0000;
  background-color: #ffffff;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action.active {
  color: #ffffff;
  border-color: #DF0000;
  background-color: #DF0000;
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn ~ .btn,
.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0;
}

.navbar-nav img {
  max-height: 32px;
}

.navbar-brand {
  font: 700 40px "Roboto", sans-serif;
  font-size: 28px;
}
.navbar-brand img {
  max-height: 32px;
}

#userDropdown:after {
  display: none;
}
#userDropdown + .dropdown-menu {
  border-radius: 8px;
  border: none;
  -webkit-box-shadow: 2px 4px 8px 0px #00000040;
          box-shadow: 2px 4px 8px 0px #00000040;
}

.main-content.full-height > .container-fluid > .row {
  height: calc(100vh - 72px);
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
  background-color: #1C1C1C;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1C1C1C), to(#1C1C1C));
  background-image: linear-gradient(to bottom, #1C1C1C, #1C1C1C);
}

table.dataTable thead .sorting_asc {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

table.dataTable thead .sorting {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #1C1C1C;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border-radius: 8px;
  border-color: #1C1C1C;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: #1C1C1C;
  border-radius: 8px;
  margin-left: 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-color: #1C1C1C;
  background: #1C1C1C;
  color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #1C1C1C;
}

.tab-radio a {
  padding-left: 25px;
  margin-left: -25px;
}

.sidebar {
  max-width: 300px;
}

.right-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 300px);
          flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
}

.pagination .page-item .page-link {
  color: #7d7d7d;
  border-radius: 6px;
  margin: 0 2px;
}
.pagination .page-item.active .page-link {
  background: #d7d7d7;
  border-color: #d7d7d7;
  color: #1C1C1C;
  font-weight: bold;
}
.pagination .page-item.dots .page-link {
  background-color: transparent;
  border: none;
  cursor: default;
}
/*# sourceMappingURL=styles-new.css.map */

#all-area {
  cursor: pointer;
}

#all-attribute {
  cursor: pointer;
}