@font-face {
  font-family: "proxima-light";
  src: url("../fonts/proxima.otf");
}
.collapsible-body {
  background: #242526 !important;
}

.light-blue-text {
  color: #8da3b5 !important;
}

.proxima-light {
  font-family: proxima-light;
}

html {
  line-height: 1.5rem !important;
}

body {
  background-color: #252627;
  color: #737272;
  font-family: proxima-light;
  font-size: 1.3rem;
}

p {
  line-height: 2rem;
}

.collapsible {
  background-color: transparent;
  border: 0;
  margin: 0;
  box-shadow: none;
}

.collapsible-header {
  border: 0;
  background-color: inherit;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.collapsible-body {
  border: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.circle_btn {
  position: relative;
  left: 65%;
  bottom: 15px;
  border-radius: 50%;
  width: 44px;
  box-shadow: 3px 3px 4px -1px #0b0c0ccc, -1px -1px 4px -1px #444749CC;
  height: 44px;
  background-color: #252627;
  transition: all 350ms ease-in-out;
}

.circle_btn_hamb {
  border-radius: 50%;
  width: 56px;
  box-shadow: 3px 3px 5px 0px rgba(68, 71, 73, 0.5), -1px -1px 4px 0px rgba(11, 12, 12, 0.8);
  height: 56px;
  background-color: #252627;
  padding: 0;
}

#sidenav {
  background-color: #252627;
  box-shadow: 0px 8px 15px 0px rgba(11, 12, 12, 0.5);
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.select-wrapper input.select-dropdown {
  border-bottom: 0 !important;
}

.label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #394a56;
  z-index: 3;
}

.toggle {
  isolation: isolate;
  position: relative;
  height: 30px;
  width: 60px;
  border-radius: 15px;
  background-color: #252627;
  box-shadow: 3px 3px 8px 0px rgba(68, 71, 73, 0.5), -2px -2px 3px 0px rgba(11, 12, 12, 0.8), inset -2px -2px 3px 0px rgba(68, 71, 73, 0.6), inset 3px 3px 6px 0px rgba(11, 12, 12, 0.75);
}

.toggle-state:checked ~ .indicator {
  transform: translate3d(25%, 0, 0);
}

.label-text {
  margin-left: 16px;
  color: #7a7a7a;
  font-family: proxima-light;
  font-size: 1.1rem;
}

.btn-floating i {
  color: #a5a5a5;
}

.material-icons {
  color: #a5a5a5;
}

.btn-floating:hover {
  background-color: transparent !important;
}

.btn-large:hover {
  background-color: transparent !important;
}

#panel {
  padding: 0 2rem;
  border-radius: 23px;
  background-color: #252627;
  box-shadow: 2px 2px 4px -1px #0b0c0c, -2px -2px 4px -1px rgba(68, 71, 73, 0.5);
  height: 45em;
}

.collection {
  border: 0 !important;
}

.collection.with-header .collection-header {
  border-bottom: 0;
  background-color: transparent !important;
  padding: 17px;
  color: #8da3b5;
  font-family: proxima-light;
}

.collection .collection-item {
  border-radius: 23px;
  background-color: #232425 !important;
  opacity: 0.251;
  box-shadow: inset -2px -2px 1px -1px rgba(68, 71, 73, 0.81), inset 2px 2px 1px -1px rgba(11, 12, 12, 0.84);
  border-bottom: 0;
  margin-bottom: 10px;
  padding: 1.666rem 1rem;
}

.collapsible-header i {
  font-size: 1rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
               supported by Chrome, Edge, Opera and Firefox */
}

#remove {
  display: none;
}

.display {
  display: block;
}

#add {
  display: block;
}

.neo-drop {
  border-radius: 20px;
  background-color: #252627;
  padding-top: 1em;
  transition: all 250ms ease-in-out;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                 supported by Chrome, Edge, Opera and Firefox */
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

/*border-top-right-radius: 20px;
border-top-left-radius: 20px;*/
.inp, .inp:focus {
  border-radius: 45px !important;
  background-color: #252627;
  box-shadow: inset -1px -1px 4px 0px rgba(68, 71, 73, 0.5), inset 2px 2px 2px 1px rgba(11, 12, 12, 0.8) !important;
  height: 3em;
  padding-left: 15px !important;
}

.textarea-inp, .textarea-inp:focus {
  border-radius: 30px !important;
  background-color: #252627;
  box-shadow: inset -1px -1px 4px 0px rgba(68, 71, 73, 0.5), inset 2px 2px 2px 1px rgba(11, 12, 12, 0.8) !important;
  padding-left: 15px !important;
  padding-top: 17px !important;
}

label {
  margin-bottom: 15px !important;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 0;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
}

.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label, .input-field > input[type=date]:not(.browser-default) + label, .input-field > input[type=time]:not(.browser-default) + label {
  -webkit-transform: translateY(-20px) scale(0.8);
  transform: translateY(-20px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nEmboss {
  box-shadow: 3px 3px 5px 0px rgba(68, 71, 73, 0.5), -1px -1px 4px 0px rgba(11, 12, 12, 0.8);
}

.nEngrave {
  box-shadow: inset -2px -2px 4px 0px rgba(68, 71, 73, 0.5), inset 3px 3px 4px 0px rgba(11, 12, 12, 0.8);
}

.nButton {
  border-radius: 45px;
  color: #737272;
  border: none;
  cursor: pointer;
}

.rounded {
  border-radius: 23px;
}

.circular {
  border-radius: 50%;
  height: 25px;
  width: 50px;
}

.circular-button {
  position: relative;
  bottom: 10px;
  border-radius: 50%;
  width: 44px;
  box-shadow: 3px 3px 4px -1px #0b0c0ccc, -1px -1px 4px -1px #444749CC;
  height: 44px;
  background-color: #252627;
  transition: all 350ms ease-in-out;
}

.material-icons {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.icon-position {
  position: relative;
  top: 14px !important;
  left: 12px;
}

.main-body {
  border-radius: 23px;
  background-color: #252627;
  box-shadow: 2px 2px 4px -1px #0b0c0c, -2px -2px 4px -1px rgba(68, 71, 73, 0.5);
}

.sidenav {
  background: #252627;
}

.sidenav .collapsible-body {
  background: none;
}

.sidenav li > a {
  color: #737272;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #252627 #312e2e;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: rgba(68, 71, 73, 0.81);
  box-shadow: inset -7px -2px 4px -1px #252627, inset 5px 3px 2px 3px #252627;
}

*::-webkit-scrollbar-thumb {
  background-color: #252627;
  border-radius: 20px;
  border: 3px solid #312e2e;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.large-text {
  font-size: 3rem;
}

.bottom-border {
  border-bottom: 1px solid;
}

.footer-border {
  border-top: 3px solid;
}

.footer-list-border {
  border-bottom: 2px solid;
}

.full-width {
  width: 100%;
}

.img-full-height {
  height: 100%;
}

.img-mh-500 {
  max-height: 500px;
}

.img-mh-350 {
  max-height: 350px;
}

.img-frame {
  border: 6px solid;
}

.img-frame-2 {
  border: 6px solid;
}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  /* border-radius: 0; */
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
  color: #737272;
}

input::placeholder {
  color: #737272;
}

.modal {
  border-radius: 0;
}

/* Date Display */
.datepicker-date-display {
  background-color: #252627;
  color: #737272;
}

.datepicker-date-display .year-text {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
  color: #737272;
}

.datepicker-table abbr {
  text-decoration: none;
  color: #999;
}

.datepicker-table td.is-today {
  color: #737272;
}

.datepicker-table td.is-selected {
  background-color: #252627;
  color: #737272;
}

.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.datepicker-day-button:focus {
  background-color: rgba(43, 161, 150, 0.25);
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #737272;
  padding: 0 1rem;
}

.datepicker-clear {
  color: #F44336;
}

.datepicker-calendar-container {
  background: #252627;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #737272;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
  background: #252627;
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #737272;
  border: none;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  -webkit-box-shadow: 0 1px 0 0 #737272;
  box-shadow: 0 1px 0 0 #737272;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #737272;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: #737272;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: #737272;
}

label {
  color: #737272;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  -webkit-box-shadow: 0 1px 0 0 #737272;
  box-shadow: 0 1px 0 0 #737272;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
  border-bottom: 1px solid #737272;
  -webkit-box-shadow: 0 1px 0 0 #737272;
  box-shadow: 0 1px 0 0 #737272;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: #737272;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: #737272;
}

.input-field > label {
  color: #737272;
  padding-left: 15px !important;
}

[type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #252627;
  background-color: #252627;
  z-index: 0;
}

/* Rules for sizing the icon. */
.material-icons.md-11 {
  font-size: 11px;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.data thead tr {
  background: #252627;
}
.data tbody tr td {
  border-bottom: 1px solid #252627;
}
.data tbody tr {
  transition: background 1s;
}
.data tbody tr:hover {
  background: #252627;
}

.rdt_TableRow, .rdt_TableBody {
  background-color: #252627 !important;
  color: #737272 !important;
  font-size: 1.1rem !important;
}

.rdt_Table, .rdt_TableHeader, .rdt_TableHeadRow, .sc-dmlrTW, .rdt_TableHead, .crnJvK, .dZDopc {
  background-color: #252627 !important;
  color: #737272 !important;
}

.rdt_TableCol {
  color: #737272 !important;
  font-weight: bolder;
  font-size: 110% !important;
}

.rdt_TableCol_Sortable:hover {
  color: #737272 !important;
}

.rdt_TableCol_Sortable div, .rdt_TableCol_Sortable span {
  color: #737272 !important;
}

.rdt_TableHeader {
  display: none !important;
}

.rdt_Pagination, .sc-bBXqnf {
  background-color: #252627 !important;
  color: #737272 !important;
}

#pagination-next-page svg, #pagination-previous-page svg, #pagination-first-page svg, #pagination-last-page svg {
  fill: #737272 !important;
}

.month-next:focus, .month-prev:focus {
  background: none;
}

.bread {
  color: #737272;
  background-color: #252627;
  width: 100%;
  height: 56px;
  line-height: 56px;
}

.breadcrumb {
  color: #737272;
}

.react-calendar__navigation__arrow {
  color: #737272 !important;
  font-size: 2rem;
}

.breadcrumb:last-child {
  color: #737272;
}

.pagination li.active a {
  color: #737272;
}

.pagination li.active {
  background-color: #252627;
}

.tabs {
  background-color: #252627;
}

.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: #737272;
}

.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #737272;
}

.tabs.tabs-transparent .indicator {
  background-color: #737272;
}

.tabs .tab a {
  color: #737272;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: #252627;
  outline: none;
}

.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #737272;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: #737272;
  cursor: default;
}

.tabs .indicator {
  background-color: #737272;
  will-change: left, right;
}

body {
  background-color: #252627;
  color: #737272;
}

body.react-confirm-alert-body-element {
  overflow: hidden;
}

.react-confirm-alert-blur {
  filter: url(#gaussian-blur);
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

.react-confirm-alert-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  opacity: 0.5;
  -webkit-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  -moz-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  -o-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
}

.react-confirm-alert-body {
  font-family: Arial, Helvetica, sans-serif;
  width: 400px;
  padding: 30px;
  text-align: left;
  background: #252627;
  box-shadow: 0 20px 75px rgba(0, 0, 0, 0.13);
  color: #737272;
}

.react-confirm-alert-svg {
  position: absolute;
  top: 0;
  left: 0;
}

.react-confirm-alert-body > h1 {
  margin-top: 0;
  font-size: 20px;
}

.react-confirm-alert-body > h3 {
  margin: 0;
  font-size: 10px;
}

.react-confirm-alert-button-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

.react-confirm-alert-button-group > button {
  outline: none;
  background: #252627;
  border: none;
  display: inline-block;
  padding: 6px 18px;
  color: #737272;
  margin-right: 10px;
  font-size: 12px;
  cursor: pointer;
}

@-webkit-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.modal {
  background: #252627;
}

@media only screen and (min-width: 993px) {
  .hide-on-large-and-up {
    display: none !important;
  }
}
.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
  border: 0;
}

.neu_sidebar {
  border-radius: 5px;
  box-shadow: 11px 0px 27px #000;
  min-height: 112vh !important;
}

.neu_main {
  border-radius: 5px;
  box-shadow: 11px 0px 27px #000, -11px 0px 15px #0d162d;
  min-height: 100vh !important;
  margin-top: 6rem;
}

.cards-container {
  column-break-inside: avoid;
}

.cards-container .card {
  background: #252627 !important;
  display: inline-block;
  overflow: visible;
}

@media only screen and (max-width: 600px) {
  .cards-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 601px) {
  .cards-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 993px) {
  .cards-container {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
.text-center {
  text-align: center;
}

nav {
  box-shadow: none;
}

button {
  background: #252627;
}

.coreBtn:focus {
  background-color: #252627;
}

input:focus {
  box-shadow: none !important;
}

small {
  font-size: 90% !important;
}

.selectpicker {
  height: 45px;
}

.in {
  box-shadow: inset 3px 3px 4px -1px rgba(11, 12, 12, 0.8), inset -3px -3px 4px -1.7px rgba(68, 71, 73, 0.8) !important;
}

.logo_box {
  display: flex;
}

.logo {
  border-radius: 50%;
  background-color: #252627;
  box-shadow: 3px 3px 5px 0 rgba(11, 12, 12, 0.5), -2px -2px 3px 0px rgba(68, 71, 73, 0.5);
  width: 200px;
  height: 200px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.logo_pst {
  width: 45%;
  position: absolute;
  top: 36px;
  left: 57px;
}

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: #252627;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 100%;
}

.react-calendar {
  width: 100%;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #252627;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: 1em 0.6666666667em;
}

.react-calendar__month-view__days__day {
  color: #737272;
}

.react-calendar__month-view__days__day--weekend {
  color: #737272;
}

.react-calendar__month-view__days__day--neighboringMonth {
  color: #3b3d3e;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}

.react-calendar__tile:enabled:focus {
  background-color: #252627;
}

.react-calendar__tile--now {
  font-weight: bold;
  text-decoration: underline;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:focus {
  background: #252627;
}

.react-calendar__tile--active {
  background: #252627;
  color: #737272;
  border-radius: 20px;
  box-shadow: 3px 3px 5px 0px #0b0c0ccc, -1px -1px 4px 0px #444749CC;
}

.react-calendar__tile--active:enabled:focus {
  background: #252627;
}

.react-calendar__navigation__label__labelText {
  color: #737272;
  font-weight: bold;
  font-size: 2rem;
}

.react-calendar__year-view__months__month {
  color: #737272;
}

.timepicker-dial, .timepicker-digital-display {
  background: #252627;
  color: #737272;
}

.timepicker-display-column, .timepicker-span-hours, .timepicker-span-minutes, .timepicker-tick {
  color: #737272;
}

.timepicker-plate {
  background-color: #252627 !important;
}

.toggle {
  isolation: isolate;
  position: relative;
  height: 30px;
  width: 60px;
  border-radius: 15px;
  background-color: #252627;
  box-shadow: inset 3px 3px 3px rgba(68, 71, 73, 0.5), inset -3px -3px 2px -1.7px rgba(11, 12, 12, 0.8) !important;
  -webkit-box-shadow: inset 3px 3px 3px rgba(68, 71, 73, 0.5), inset -3px -3px 2px -1.7px rgba(11, 12, 12, 0.8) !important;
}

.indicator {
  height: 100%;
  width: 50%;
  transform: translate3d(-75%, 0, 0);
  transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
  position: absolute;
  left: 21px;
  border-radius: 50%;
  background-color: #252627;
  box-shadow: 3px 3px 3px 0px rgba(68, 71, 73, 0.5), -3px -3px 2px -1px rgba(11, 12, 12, 0.8);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(68, 71, 73, 0.5), -2px -2px 3px -1px rgba(11, 12, 12, 0.8);
}

.toggle-state:checked ~ .indicator {
  transform: translate3d(25%, 0, 0);
}

.tooltip {
  background: rgba(34, 36, 36, 0.8) !important;
  color: #737272 !important;
}

.rdrCalendarWrapper {
  color: #737272;
  background: #252627 !important;
}

.rdrDateDisplay {
  color: transparent !important;
}

.rdrDateDisplayWrapper {
  background-color: #252627;
}

.rdrDateDisplay {
  margin: 0.833em;
}

.rdrDateDisplayItem {
  border-radius: 4px;
  background-color: #252627;
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}
.rdrDateDisplayItem input {
  cursor: pointer;
  height: 2.5em;
  line-height: 2.5em;
  border: 0px;
  background: transparent;
  width: 100%;
  color: #737272;
}

.rdrDateDisplayItemActive {
  border-color: currentColor;
}

.rdrDateDisplayItemActive input {
  color: #737272;
}

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers {
  font-weight: 600;
}
.rdrMonthAndYearPickers select {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  padding: 10px 30px 10px 10px;
  border-radius: 4px;
  outline: 0;
  color: #737272;
  background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
  background-position: right 8px center;
  cursor: pointer;
  text-align: center;
}
.rdrMonthAndYearPickers select:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.rdrMonthPicker, .rdrYearPicker {
  margin: 0 5px;
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
}
.rdrNextPrevButton i {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  text-align: center;
  border-style: solid;
  margin: auto;
  transform: translate(-3px, 0px);
}

.rdrPprevButton i {
  border-width: 4px 6px 4px 4px;
  border-color: transparent #737272 transparent transparent;
  transform: translate(-3px, 0px);
}

.rdrNextButton i {
  margin: 0 0 0 7px;
  border-width: 4px 4px 4px 6px;
  border-color: transparent transparent transparent #737272;
  transform: translate(3px, 0px);
}

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth {
  padding: 0 0.833em 1.666em 0.833em;
}
.rdrMonth .rdrWeekDays {
  padding: 0;
}

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: #849095;
}

.rdrDay {
  background: transparent;
  user-select: none;
  border: 0;
  padding: 0;
  line-height: 3em;
  height: 3em;
  text-align: center;
  color: #737272 !important;
}
.rdrDay:focus {
  outline: 0;
}

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737272 !important;
}

.rdrDayNumber span {
  color: #737272 !important;
}

.rdrDayToday .rdrDayNumber span {
  font-weight: 500;
}
.rdrDayToday .rdrDayNumber span:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #3d91ff;
}

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: #fff;
}

.rdrStartEdge, .rdrEndEdge, .rdrSelected, .rdrInRange {
  color: #312e2e !important;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: rgba(255, 255, 255, 0.85);
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected {
  left: 2px;
  right: 2px;
}

.rdrStartEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected {
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview {
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  border-left-width: 1px;
  left: 0px;
}

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview {
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  border-right-width: 1px;
  right: 0px;
}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview {
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper {
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #312e2e;
  display: none;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color: currentColor;
  font-weight: 600;
}

.rdrStaticRange {
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff;
}
.rdrStaticRange:hover .rdrStaticRangeLabel, .rdrStaticRange:focus .rdrStaticRangeLabel {
  background: #eff2f7;
}

.rdrStaticRangeLabel {
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges {
  padding: 10px 0;
}

.rdrInputRange {
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px red;
  margin-right: 10px;
  color: #6c767a;
}
.rdrInputRangeInput:focus, .rdrInputRangeInput:hover {
  border-color: #b4bfc4;
  outline: 0;
  color: #333;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  content: "";
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive {
  pointer-events: none;
}
.rdrDayPassive .rdrDayNumber span {
  color: #4a4a4c !important;
}
.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview {
  display: none;
}

.rdrDayDisabled {
  background-color: #f8f8f8;
}
.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf;
}
.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview {
  filter: grayscale(100%) opacity(60%);
}

.rdrMonthName {
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

.rdrDateRangePickerWrapper {
  margin-left: 1.4em;
}

._loading_overlay_overlay
{
  height: 100vh !important;
}

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