html {
  scroll-behavior: smooth; }

/* === ATOMS === */
/* -- Color -- */
/* -- Shadow -- */
/* -- Border -- */
/* -- Body -- */
body {
  background-color: #f3f3f5; }

/* -- Typography Color -- */
.white {
  color: #ffffff !important; }

.black {
  color: #333333 !important; }

.lightblack {
  color: #555555 !important; }

.darkgrey {
  color: #8C96A0; }

.grey {
  color: #F0F0F4; }

.lightgrey {
  color: #F8F9FA; }

.yellow {
  color: #F2CA71 !important; }

.orange {
  color: #F9D8C5 !important; }

.orange {
  color: #EF8634 !important; }

.red {
  color: #FF606D !important; }

.blue {
  color: #1FBCE8 !important; }

.lightblue {
  color: #D9F6F9 !important; }

.green {
  color: #9FCB74 !important; }

/* -- Background Color -- */
.back-white {
  background-color: #ffffff !important; }

.back-black {
  background-color: #333333 !important; }

.back-lightblack {
  background-color: #555555 !important; }

.back-darkgrey {
  background-color: #8C96A0; }

.back-grey {
  background-color: rgba(240, 240, 244, 0.5); }

.back-lightgrey {
  background-color: #F8F9FA; }

.back-yellow {
  background-color: #F2CA71 !important; }

.back-lightorange {
  background-color: #F9D8C5 !important; }

.back-orange {
  background-color: #EF8634 !important; }

.back-red {
  background-color: #FF606D !important; }

.back-purple {
  background-color: #898BD3 !important; }

.back-blue {
  background-color: #1FBCE8 !important; }

.back-lightblue {
  background-color: #D9F6F9 !important; }

.back-green {
  background-color: #9FCB74 !important; }

/* -- Opacity Status -- */
.uk-disabled {
  opacity: 50%; }

/* -- Flex Direction Class -- */
@media (min-width: 640px) {
  .uk-flex-row\@s {
    flex-direction: row; }
  .uk-flex-column\@s {
    flex-direction: row; } }

@media (min-width: 960px) {
  .uk-flex-row\@m {
    flex-direction: row; }
  .uk-flex-column\@m {
    flex-direction: row; } }

@media (min-width: 1200px) {
  .uk-flex-row\@l {
    flex-direction: row; }
  .uk-flex-column\@l {
    flex-direction: row; } }

@media (min-width: 1600px) {
  .uk-flex-row\@xl {
    flex-direction: row; }
  .uk-flex-column\@xl {
    flex-direction: row; } }

/* -- Spacing -- */
/* -- Margin -- */
.mt-0_25 {
  margin-top: 0.25rem !important; }

.mt-0_5 {
  margin-top: 0.5rem !important; }

.mt-1 {
  margin-top: 1rem !important; }

.mt-15 {
  margin-top: 1.5rem !important; }

.mt-2 {
  margin-top: 2rem !important; }

.mt-2_5 {
  margin-top: 2.5rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mt-3_5 {
  margin-top: 3.5rem !important; }

.mt-4 {
  margin-top: 4rem !important; }

.mt-5 {
  margin-top: 5rem !important; }

.ml-0_25 {
  margin-left: 0.25rem !important; }

.ml-0_5 {
  margin-left: 0.5rem !important; }

.ml-1 {
  margin-left: 1rem !important; }

.ml-1_5 {
  margin-left: 1.5rem !important; }

.ml-2 {
  margin-left: 2rem !important; }

.ml-2_5 {
  margin-left: 2.5rem !important; }

.ml-3 {
  margin-left: 3rem !important; }

.ml-3_5 {
  margin-left: 3.5rem !important; }

.ml-4 {
  margin-left: 4rem !important; }

.ml-5 {
  margin-left: 5rem !important; }

.mb-0_25 {
  margin-bottom: 0.25rem !important; }

.mb-0_5 {
  margin-bottom: 0.5rem !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mb-1_5 {
  margin-bottom: 1.5rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mb-2_5 {
  margin-bottom: 2.5rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mb-3_5 {
  margin-bottom: 3.5rem !important; }

.mb-4 {
  margin-bottom: 4rem !important; }

.mb-5 {
  margin-bottom: 5rem !important; }

.mr-0_25 {
  margin-right: 0.25rem !important; }

.mr-0_5 {
  margin-right: 0.5rem !important; }

.mr-1 {
  margin-right: 1rem !important; }

.mr-1_5 {
  margin-right: 1.5rem !important; }

.mr-2 {
  margin-right: 2rem !important; }

.mr-2_5 {
  margin-right: 2.5rem !important; }

.mr-3 {
  margin-right: 3rem !important; }

.mr-3_5 {
  margin-right: 3.5rem !important; }

.mr-4 {
  margin-right: 4rem !important; }

.mr-5 {
  margin-right: 5rem !important; }

.my-0_25 {
  margin: 0.25rem 0 !important; }

.my-0_5 {
  margin: 0.5rem 0 !important; }

.my-1 {
  margin: 1rem 0 !important; }

.my-1_5 {
  margin: 1.5rem 0 !important; }

.my-2 {
  margin: 2rem 0 !important; }

.my-2_5 {
  margin: 2.5rem 0 !important; }

.my-3 {
  margin: 3rem 0 !important; }

.my-3_5 {
  margin: 3.5rem 0 !important; }

.my-4 {
  margin: 4rem 0 !important; }

.my-5 {
  margin: 5rem 0 !important; }

.mx-0_25 {
  margin: 0 0.25rem !important; }

.mx-0_5 {
  margin: 0 0.5rem !important; }

.mx-1 {
  margin: 0 1rem !important; }

.mx-1_5 {
  margin: 0 1.5rem !important; }

.mx-2 {
  margin: 0 2rem !important; }

.mx-2_5 {
  margin: 0 2.5rem !important; }

.mx-3 {
  margin: 0 3rem !important; }

.mx-3_5 {
  margin: 0 3.5rem !important; }

.mx-4 {
  margin: 0 4rem !important; }

.mx-5 {
  margin: 0 5rem !important; }

/* -- Status -- */
.btk-c-status {
  border-radius: 12px;
  padding: 0.25rem 0.5rem;
  margin-right: 2rem;
  width: 100%;
  max-width: 100px !important; }
  .btk-c-status p {
    margin: 0; }
  .btk-c-status i {
    font-size: 0.5rem !important;
    margin-right: 0.5rem; }

.btk-c-status--draft {
  background-color: #8C96A0; }

.btk-c-status--todo {
  background-color: #F2CA71; }

.btk-c-status--success {
  background-color: #9FCB74; }

.btk-c-status--review {
  background-color: #898BD3; }

.btk-c-status--error {
  background-color: #FF606D; }

.btk-c-status--update {
  background-color: #1FBCE8; }

/* -- Table Size --*/
/* -- Size -- */
.btk-w-5 {
  width: 5%; }

.btk-w-10 {
  width: 10%; }

.btk-w-15 {
  width: 15%; }

.btk-w-20 {
  width: 20%; }

.btk-w-25 {
  width: 25%; }

.btk-w-30 {
  width: 30%; }

.btk-w-35 {
  width: 35%; }

.btk-w-40 {
  width: 40%; }

.btk-w-45 {
  width: 45%; }

.btk-w-50 {
  width: 50%; }

.btk-w-55 {
  width: 55%; }

.btk-w-60 {
  width: 60%; }

.btk-w-65 {
  width: 65%; }

.btk-w-70 {
  width: 70%; }

.btk-w-75 {
  width: 75%; }

.btk-w-80 {
  width: 80%; }

.btk-w-85 {
  width: 85%; }

.btk-w-90 {
  width: 90%; }

.btk-w-95 {
  width: 95%; }

.btk-w-100 {
  width: 100%; }

/* -- Column -- */
.btk-c-column {
  padding: 0 1rem; }

/* -- Typography -- */
body {
  font-family: 'Open Sans', sans-serif;
  font-display: swap; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin: 0; }

p, .span1, .span2, .span3, .span4 {
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 0; }

h1 {
  font-size: 54px; }

h2 {
  font-size: 40px; }

h3 {
  font-size: 32px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 18px; }

p {
  font-size: 18px; }

.span1 {
  font-size: 16px; }

.span2 {
  font-size: 14px; }

.span3 {
  font-size: 12px; }

.span4 {
  font-size: 10px; }

.btk-c-link {
  text-decoration: none; }
  .btk-c-link:hover {
    text-decoration: none; }

.btk-c-icon i {
  margin-right: 0.5rem; }

/* === MOLECULES === */
/* -- Alerts -- */
.btk-l-alert {
  margin: 0; }
  .btk-l-alert a {
    color: #ffffff; }
  .btk-l-alert i {
    font-size: 18px;
    color: #ffffff; }
  .btk-l-alert p {
    margin: 0;
    color: #ffffff;
    margin-left: 1rem; }
  .btk-l-alert .btk-c-spinner {
    display: block; }
    .btk-l-alert .btk-c-spinner > * {
      width: 20px; }
  .btk-l-alert .uk-alert-close {
    top: 17px !important; }
  .btk-l-alert .btk-c-alert--success {
    background-color: #9FCB74;
    padding: 1rem;
    border-radius: 0.5rem; }
  .btk-l-alert .btk-c-alert--warning {
    background-color: #F2CA71;
    padding: 1rem;
    border-radius: 0.5rem; }
  .btk-l-alert .btk-c-alert--error {
    background-color: #FF606D;
    padding: 1rem;
    border-radius: 0.5rem; }
  .btk-l-alert .btk-c-alert--wait {
    background-color: #8C96A0;
    padding: 1rem;
    border-radius: 0.5rem;
    color: #ffffff; }
    .btk-l-alert .btk-c-alert--wait p {
      margin: 0;
      color: #ffffff !important;
      margin-left: 1rem; }

/* -- Breadcrumb -- */
.uk-breadcrumb {
  color: #333333;
  font-size: 12px;
  margin-top: 0; }
  .uk-breadcrumb > * > * {
    display: inline-block;
    font-size: 12px;
    color: #333333; }
    .uk-breadcrumb > * > *:hover {
      display: inline-block;
      color: #EF8634; }
  .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    content: "|";
    display: inline-block;
    margin: 0 4px;
    color: #333333; }
  .uk-breadcrumb > :last-child > * {
    color: #EF8634; }

/* -- Button -- */
.btk-c-btn-row {
  margin-bottom: 1rem; }
  .btk-c-btn-row a {
    margin-right: 2rem; }
  .btk-c-btn-row > a {
    margin-right: 0 !important; }

.btk-c-btn span {
  color: #8C96A0;
  margin: 0 0.5rem 0 0;
  font-weight: 600; }

.btk-c-btn i {
  margin: 0 0.5rem 0 0; }

.btk-c-btn--simple {
  min-width: 180px;
  height: 2.5rem;
  background-color: #EF8634;
  color: #ffffff;
  border: none;
  border-radius: 0.5rem;
  font-size: 14px;
  font-family: 'Open Sans';
  padding: 0 1rem; }
  .btk-c-btn--simple p {
    color: #ffffff !important; }
  .btk-c-btn--simple i {
    color: #ffffff;
    margin: 0 1rem 0 0; }

.btk-c-btn--simple-s {
  min-width: 180px;
  background-color: #1FBCE8;
  color: #ffffff;
  border: none;
  border-radius: 0.5rem;
  font-size: 12px;
  font-family: 'Open Sans';
  padding: 0.25rem 0.5rem; }
  .btk-c-btn--simple-s p {
    color: #ffffff !important; }
  .btk-c-btn--simple-s i {
    color: #ffffff;
    margin: 0 1rem 0 0; }

.btk-c-btn--outline {
  min-width: 180px;
  height: 2.5rem;
  color: #8C96A0;
  background-color: #ffffff;
  border: 2px solid #F0F0F4;
  border-radius: 0.5rem;
  font-size: 14px;
  font-family: 'Open Sans';
  padding: 0 0.5rem; }
  .btk-c-btn--outline i {
    color: #8C96A0;
    margin: 0 1rem 0 0; }

.btk-c-btn--icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  margin-right: 1rem;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }
  .btk-c-btn--icon i {
    margin: 0;
    font-size: 1rem; }

.btk-c-btn--card {
  min-height: 130px;
  padding: 1rem;
  border: 1px solid #EF8634;
  border-radius: 0.5rem;
  margin: 1rem; }
  .btk-c-btn--card i {
    font-size: 2.5rem;
    margin-bottom: 1rem; }
  .btk-c-btn--card h6 {
    margin: 0 0 0.5rem 0;
    font-weight: 600; }
  .btk-c-btn--card p {
    margin: 0; }

.btk-c-btn .uk-spinner {
  width: 1rem; }
  .btk-c-btn .uk-spinner circle {
    stroke: #ffffff !important; }

/* -- Field -- */
::placeholder {
  font-size: 12px;
  color: #8C96A0 !important;
  font-family: 'Open Sans'; }

::selection {
  background: #1FBCE8;
  color: #ffffff;
  text-shadow: none; }

.btk-c-field-group {
  margin-bottom: 1rem; }

.btk-c-field-row {
  width: 100%;
  margin-bottom: 1.5rem; }
  .btk-c-field-row .btk-c-field {
    width: 100%;
    max-width: 49%;
    margin-right: 1rem; }
    .btk-c-field-row .btk-c-field:last-of-type {
      margin-right: 0 !important;
      margin-bottom: 0 !important; }
    .btk-c-field-row .btk-c-field:only-of-type {
      margin-right: 1rem !important; }
    .btk-c-field-row .btk-c-field label {
      font-size: 12px; }
  .btk-c-field-row:last-of-type {
    margin-bottom: 0 !important; }
  .btk-c-field-row:only-of-type {
    margin-bottom: 0 !important; }

.uk-input.btk-c-field--input {
  height: 3rem;
  padding: 1rem;
  font-size: 12px;
  color: #8C96A0 !important;
  border: 2px solid #F0F0F4;
  border-radius: 0.5rem; }
  .uk-input.btk-c-field--input p {
    margin: 0 !important; }
  .uk-input.btk-c-field--input:focus {
    outline: 0;
    border-color: #1FBCE8; }

.uk-select.btk-c-field--select {
  height: 3rem !important;
  padding: 0 1rem !important;
  font-size: 12px;
  color: #8C96A0 !important;
  background-color: #ffffff;
  border: 2px solid #F0F0F4;
  border-radius: 0.5rem;
  font-family: 'Open Sans'; }
  .uk-select.btk-c-field--select:focus {
    outline: 0;
    border-color: #1FBCE8; }
  .uk-select.btk-c-field--select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important; }

.uk-checkbox {
  width: 1rem !important;
  height: 1rem !important;
  background-color: #ffffff !important;
  border: 2px solid #F0F0F4 !important;
  border-radius: 0.25rem;
  margin-right: 0.5rem; }
  .uk-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
    background-color: #1FBCE8 !important;
    border: 2px solid #1FBCE8 !important;
    border-radius: 0.25rem; }
  .uk-checkbox:focus {
    outline: 0;
    border-color: #1FBCE8 !important; }

.uk-radio {
  background-color: #ffffff !important;
  border: 2px solid #F0F0F4 !important;
  border-radius: 10rem;
  margin-right: 0.5rem; }
  .uk-radio:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
    background-color: #1FBCE8 !important;
    border: 2px solid #1FBCE8 !important; }
  .uk-radio:focus {
    outline: 0;
    border-color: #1FBCE8; }

.btk-c-field--textarea {
  padding: 1rem !important;
  font-size: 14px;
  color: #8C96A0 !important;
  border: 2px solid #F0F0F4;
  border-radius: 0.5rem; }
  .btk-c-field--textarea:focus {
    outline: 0;
    border-color: #1FBCE8; }

.btk-c-field--user {
  min-width: 150px;
  height: 0px;
  padding: 1rem;
  font-size: 10px;
  color: #8C96A0 !important;
  background-color: #F0F0F4;
  border: 1px solid #F0F0F4;
  border-radius: 0.5rem; }

.tagify {
  padding: 0.5rem !important;
  font-size: 14px;
  color: #8C96A0 !important;
  border: 2px solid #F0F0F4 !important;
  border-radius: 0.5rem; }

.tagify {
  --tag-bg: #1FBCE8 !important;
  --tag-hover: #1FBCE8 !important;
  --tag-remove-btn-bg--hover: #FF606D !important;
  --tag-invalid-bg: #FF606D !important;
  --tag-invalid-color: #fff !important;
  --tag-text-color: #fff !important;
  --tag-text-color--edit: #fff !important;
  --tag-remove-bg: #FF606D !important; }
  .tagify__tag-text {
    font-size: 12px;
    line-height: 18px !important;
    color: #ffffff; }

.daterangepicker {
  font-family: 'Open Sans';
  color: #8C96A0;
  border: 2px solid #F0F0F4; }
  .daterangepicker td.in-range {
    background-color: #D9F6F9;
    color: #8C96A0; }
  .daterangepicker td.active {
    background-color: #1FBCE8;
    color: #ffffff; }
    .daterangepicker td.active:hover {
      background-color: #1FBCE8;
      color: #ffffff; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.available:hover {
    background-color: #1FBCE8;
    color: #ffffff; }
  .daterangepicker th.available:hover {
    background-color: #1FBCE8;
    color: #ffffff; }
  .daterangepicker .calendar-table .next span {
    color: #ffffff;
    border: solid #555555;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px; }
    .daterangepicker .calendar-table .next span:hover {
      color: #ffffff;
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      border-radius: 0;
      display: inline-block;
      padding: 3px; }
  .daterangepicker .calendar-table .prev span {
    color: #ffffff;
    border: solid #555555;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px; }
    .daterangepicker .calendar-table .prev span:hover {
      color: #ffffff;
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      border-radius: 0;
      display: inline-block;
      padding: 3px; }
  .daterangepicker .drp-buttons {
    border-top: 2px solid #F0F0F4; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #F0F0F4; }

.uk-panel.uk-panel-scrollable {
  padding: 0.5rem;
  border: 2px solid #F0F0F4;
  border-radius: 0.5rem;
  margin: 0; }

.cancelBtn {
  color: #8C96A0;
  background-color: #ffffff;
  border: 2px solid #F0F0F4;
  border-radius: 0.5rem;
  font-size: 14px;
  font-family: 'Open Sans';
  padding: 0.25rem 1rem; }

.applyBtn {
  color: #ffffff;
  background-color: #EF8634;
  border: 2px solid #EF8634;
  border-radius: 0.5rem;
  font-size: 14px;
  font-family: 'Open Sans';
  padding: 0.25rem 1rem; }

/* -- Field Validation -- */
.uk-form-danger {
  color: #FF606D;
  font-size: 12px; }
  .uk-form-danger ul {
    list-style: none !important;
    padding: 0.25rem 0;
    margin: 0; }

.was-validated .btk-c-field--input:invalid ~ .uk-form-danger {
  display: block;
  color: #FF606D; }

.was-validated .btk-c-field__check:invalid ~ .uk-form-danger {
  display: block;
  color: #FF606D; }

.was-validated .btk-c-field--select:invalid ~ .uk-form-danger {
  display: block;
  color: #FF606D; }

.was-validated .btk-c-field--textarea:invalid ~ .uk-form-danger {
  display: block;
  color: #FF606D; }

/* -- Header -- */
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 3.5rem; }

.uk-navbar-nav > li > a {
  text-transform: none;
  color: #8C96A0;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif; }
  .uk-navbar-nav > li > a:focus {
    color: #8C96A0; }
  .uk-navbar-nav > li > a:hover {
    color: #ffffff; }

.uk-navbar-nav > li.uk-active > a {
  color: #ffffff; }

.uk-navbar-nav i {
  font-size: 1.5rem; }

.uk-offcanvas-bar ul {
  list-style: none; }

.uk-offcanvas-bar > ul > li {
  margin-bottom: 1.5rem; }

.uk-offcanvas-bar a {
  color: var(--darkgrey) !important;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none; }
  .uk-offcanvas-bar a:hover {
    color: var(--white) !important; }

.uk-offcanvas-bar > ul > li > a:focus {
  color: var(--darkgrey); }

.uk-offcanvas-bar > ul > li.uk-active > a {
  color: var(--white) !important; }

/* -- Dropdown User -- */
.btk-c-avatar-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100rem;
  background-color: #D9F6F9;
  color: #1FBCE8;
  margin-right: 1rem; }

.uk-dropdown {
  min-width: 250px;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.1); }

.uk-dropdown-nav > li > a {
  color: #8C96A0; }

.uk-dropdown-nav > li > a:hover {
  color: #8C96A0; }

.uk-dropdown-nav .span2 {
  color: #8C96A0; }

.uk-nav-divider {
  border-top: 2px solid #F0F0F4 !important;
  margin: 1rem 0; }

.btk-c-logout a {
  color: #FF606D !important;
  font-weight: 600; }
  .btk-c-logout a:hover {
    color: #FF606D !important;
    font-weight: 600; }

.btk-c-menu--utility {
  padding: 1rem 0;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }
  .btk-c-menu--utility .btk-c-btn {
    padding: 0;
    background-color: unset !important;
    box-shadow: none; }
  .btk-c-menu--utility .btk-c-link {
    margin-right: 3.5rem; }
    .btk-c-menu--utility .btk-c-link:hover {
      color: #1FBCE8; }
  .btk-c-menu--utility .btk-c-status {
    width: auto; }
    .btk-c-menu--utility .btk-c-status i {
      margin-right: 0.25rem; }

/* -- Modal -- */
.uk-modal-dialog {
  padding: 1rem;
  margin: 0 auto;
  border-radius: 0.5rem;
  border: 2px solid rgba(240, 240, 244, 0.5); }
  .uk-modal-dialog.btk-c-modal-s {
    width: 600px; }
  .uk-modal-dialog.btk-c-modal-m {
    width: 700px; }
  .uk-modal-dialog.btk-c-modal-l {
    width: 900px; }

i.uk-modal-close {
  font-size: 20px; }

.btk-c-modal-body {
  padding: 1.5rem 1rem; }
  .btk-c-modal-body h5 {
    color: #555555;
    margin-bottom: 1.5rem;
    font-weight: 600; }
  .btk-c-modal-body p {
    color: #8C96A0;
    margin: 0 0 0.5rem 0; }
  .btk-c-modal-body .btk-c-btn-row {
    margin: 1rem 0; }
    .btk-c-modal-body .btk-c-btn-row > *:first-child {
      margin: 0 1rem 0 0; }
    .btk-c-modal-body .btk-c-btn-row > *:last-child {
      margin: 0 0 0 1rem; }
    .btk-c-modal-body .btk-c-btn-row > *:only-child {
      margin: 0; }
  .btk-c-modal-body .btk-c-status {
    width: 90%;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem; }
    .btk-c-modal-body .btk-c-status p {
      color: #333333;
      margin: 0 1rem 0 0; }
    .btk-c-modal-body .btk-c-status span {
      color: #ffffff;
      line-height: 1.5; }

.btk-c-modal-field {
  margin: 0.5rem;
  width: 100%; }

#confirm_reject .btk-c-modal-field {
  margin: 0.5rem 0; }

.btk-c-error__list {
  background-color: #F9EDEE;
  padding: 1rem;
  border-radius: 0.5rem; }
  .btk-c-error__list p {
    color: #FF606D; }
  .btk-c-error__list .btk-c-error__column p {
    font-weight: 600; }

#new-project .btk-c-modal-field .uk-panel-scrollable {
  padding: 0.5rem;
  max-height: 150px;
  height: auto;
  border-radius: 0.5rem;
  border: 2px solid #F0F0F4 !important; }
  #new-project .btk-c-modal-field .uk-panel-scrollable li {
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important; }
    #new-project .btk-c-modal-field .uk-panel-scrollable li:last-of-type {
      margin: 0; }

.btk-c-modal--notice {
  margin: 1.5rem 0 1rem 0;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem; }
  .btk-c-modal--notice i {
    margin-right: 1rem;
    font-size: 1.5rem; }
  .btk-c-modal--notice p {
    margin: 0; }

/* -- Offcanvas -- */
.uk-offcanvas-overlay::before {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.uk-offcanvas-bar {
  width: 650px;
  padding: 2rem;
  color: unset !important; }
  .uk-offcanvas-bar h5 {
    color: unset !important;
    margin-bottom: 2rem; }

/* -- Table Pagination -- */
.uk-pagination > .uk-active > * {
  width: 1.5rem;
  height: 1.5rem;
  color: white;
  font-size: 12px;
  background-color: #1FBCE8;
  text-align: center;
  align-items: center;
  border-radius: 0.25rem;
  line-height: 2;
  padding-left: 0;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }

.uk-pagination > * {
  width: 1.5rem;
  height: 1.5rem;
  color: white;
  font-size: 12px;
  background-color: white;
  border-radius: 0.25rem;
  text-align: center;
  align-items: center;
  line-height: 2;
  padding-left: 0;
  margin: 0 0.5rem;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }

.uk-pagination i {
  line-height: 2; }

/* Subheader Elements -- */
.btk-c-title img {
  width: 45px;
  height: 45px;
  margin-right: 1rem; }

.btk-c-title h1 {
  font-size: 24px;
  color: #ffffff;
  line-height: 1.5;
  margin: 0; }

/* -- Tab -- */
.uk-switcher {
  margin: 0; }

.btk-c-tab {
  margin-bottom: 2.5rem; }
  .btk-c-tab.uk-subnav > li > a {
    width: 150px;
    color: #8C96A0;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    font-size: 12px !important;
    padding: 1rem 0rem; }
  .btk-c-tab.uk-subnav > .uk-active > a {
    border-bottom: 2px solid #1FBCE8;
    color: #1FBCE8 !important;
    background-color: white;
    opacity: 1 !important; }

@media screen and (max-width: 640px) {
  .btk-c-tab.uk-subnav > li > a {
    width: 75px; } }

@media (min-width: 640px) and (max-width: 960px) {
  .btk-c-tab.uk-subnav > li > a {
    width: 100px; } }

/* -- Topbar -- */
.btk-l-topbar {
  background-color: #222222;
  padding: 0.5rem; }
  .btk-l-topbar a {
    margin: 0;
    color: #8C96A0;
    font-weight: 600;
    margin-right: 2rem;
    font-size: 14px; }
    .btk-l-topbar a.uk-active {
      color: #ffffff !important; }

/* === ORGANISMS === */
/* -- Data Table -- */
.dataTables_wrapper .dataTables_length label {
  font-size: 12px;
  color: #8C96A0 !important; }

.dataTables_wrapper .dataTables_length select {
  border: 2px solid #F0F0F4 !important;
  border-radius: 0.5rem !important;
  height: 2rem !important;
  font-size: 12px !important;
  color: #8C96A0 !important; }

.dataTables_wrapper .dataTables_filter label {
  font-size: 12px;
  color: #8C96A0 !important; }

.dataTables_wrapper .dataTables_filter input {
  height: 2rem !important;
  border-radius: 0.5rem !important;
  border: 2px solid #F0F0F4 !important;
  margin-bottom: 1rem !important; }

.dt-buttons button {
  font-size: 12px !important;
  border-radius: 0.5rem !important;
  color: #ffffff !important;
  border: none !important;
  background: unset !important; }

.dt-buttons button:first-of-type {
  background-color: #8C96A0 !important; }

.dt-buttons button:last-of-type {
  background-color: #FF606D !important; }

.dataTable thead th {
  padding: 0.5rem 1.5rem !important;
  text-align: left !important;
  border-bottom: 1px solid #F0F0F4 !important; }

.dataTable tfoot th {
  border-top: none !important; }

.dataTable tfoot select {
  border: 2px solid #F0F0F4 !important;
  border-radius: 0.5rem !important;
  height: 2rem !important;
  font-size: 12px !important;
  color: #8C96A0 !important; }

.dataTable tr {
  font-size: 12px !important;
  color: #8C96A0; }

.dataTable td {
  border-top: 1px solid #F0F0F4 !important;
  padding: 0.5rem 1.5rem !important; }

.dataTable tbody td.select-checkbox:before, .dataTable tbody th.select-checkbox:before {
  margin-top: -2px !important;
  border: 1px solid #8C96A0 !important; }

.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  margin-top: -6px !important;
  text-shadow: unset !important;
  color: #1FBCE8 !important; }

table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
  background-color: #D9F6F9 !important; }

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #1FBCE8 !important;
  color: #ffffff !important; }

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #D9F6F9 !important; }

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #1FBCE8 !important;
  color: #ffffff !important; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #D9F6F9 !important; }

.paginate_button.current {
  font-size: 10px !important;
  padding: 8px 12px !important;
  background: unset !important;
  background-color: #1FBCE8 !important;
  border-radius: 0.5rem !important;
  border: none !important; }

.paginate_button {
  font-size: 10px !important;
  padding: 8px 12px !important;
  background: unset !important;
  background-color: #F0F0F4 !important;
  border-radius: 0.5rem !important;
  border: none !important;
  margin: 0 0.5rem; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #ffffff !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #8C96A0 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #1FBCE8 !important; }

.dataTables_info {
  font-size: 12px;
  color: #8C96A0 !important; }

/*  -- Filter -- */
.btk-l-filter {
  margin-top: 1rem; }
  .btk-l-filter .btk-c-field--input {
    height: 2.5rem;
    border: 1px solid #F0F0F4;
    box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }
  .btk-l-filter .btk-c-field--select {
    height: 2.5rem !important;
    padding: 0 1rem !important;
    border: 1px solid #F0F0F4;
    box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }

.btk-c-filter-button {
  width: 3rem;
  height: 3rem;
  background-color: #8C96A0;
  border-radius: 0.5rem;
  border: none;
  font-size: 12px;
  color: #F0F0F4;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }

.btk-c-filter-field {
  max-width: 250px;
  margin-right: 1rem; }
  .btk-c-filter-field i {
    font-size: 12px; }

.uk-button-primary {
  background-color: #EF8634; }

@media screen and (max-width: 640px) {
  .btk-l-filter {
    flex-direction: column;
    align-items: flex-start; }
  .btk-c-filter {
    margin-top: 1rem; } }

/* -- Multyselect -- */
#multyselect .btk-c-checkbox {
  background-color: transparent !important;
  border: 1px solid #ffffff;
  margin-right: 0.5rem; }

#multyselect .btk-c-checkbox:checked {
  background-color: #333333 !important;
  border: 1px solid #333333 !important; }

#multyselect .btk-project-cat {
  box-shadow: none; }

#multyselect .btk-c-field--select {
  height: 1.25rem !important;
  font-size: 10px;
  background-color: #ffffff;
  padding: 0 1rem !important;
  border: 1px solid #F0F0F4;
  padding: 0 1rem;
  margin: 0 1.5rem 0 0;
  box-shadow: none; }

#multyselect #multyselect .btk-c-row__action i {
  font-size: 14px;
  margin: 0 0 0 0.5rem; }

#multyselect.btk-c-table {
  padding: 0.5rem 1rem;
  background-color: #1FBCE8;
  border: 2px solid #1FBCE8;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem; }
  #multyselect.btk-c-table > .btk-c-row__action i {
    color: #333333 !important;
    font-size: 1rem !important;
    margin: 0 0 0 0.5rem; }
  #multyselect.btk-c-table > .btk-c-row__action p {
    color: #333333;
    font-weight: 600;
    margin: 0 0 0 2rem; }
  #multyselect.btk-c-table > * > a > p {
    color: #ffffff; }

#multyselect .btk-c-cat--edit {
  height: 1.5rem;
  border: none;
  border-radius: 10rem;
  width: 100%;
  margin-right: 1.5rem; }
  #multyselect .btk-c-cat--edit p {
    padding: 0 0.5rem;
    margin: 0; }

#multyselect .btk-c-cat--add {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 10rem;
  border: 1px solid #F0F0F4; }
  #multyselect .btk-c-cat--add i {
    font-size: 10px !important; }

/* -- Progress -- */
.btk-c-progress {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1);
  border: 1px solid rgba(140, 150, 160, 0.3); }
  .btk-c-progress .btk-c-btn--simple {
    margin-left: 1rem; }
  .btk-c-progress a {
    color: #8C96A0;
    margin: 0; }
  .btk-c-progress__info {
    margin: 0 2rem 1.5rem 0; }
    .btk-c-progress__info a {
      font-weight: 600;
      margin: 0; }
    .btk-c-progress__info span {
      margin: 0; }
    .btk-c-progress__info:only-of-type {
      margin-bottom: 0; }
  .btk-c-progress__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    margin-right: 1rem; }
    .btk-c-progress__icon i {
      color: #ffffff; }
    .btk-c-progress__icon p {
      margin: 0; }
  .btk-c-progress__text {
    padding: 0.5rem;
    border-radius: 0.5rem;
    color: #ffffff; }
    .btk-c-progress__text i {
      margin-right: 0.5rem; }

.uk-progress {
  margin: 0;
  height: 0.5rem; }
  .uk-progress::-webkit-progress-value {
    background-color: #1FBCE8 !important; }
  .uk-progress.back-red::-webkit-progress-value {
    background-color: #FF606D !important; }
  .uk-progress.back-yellow::-webkit-progress-value {
    background-color: #F2CA71 !important; }
  .uk-progress.back-green::-webkit-progress-value {
    background-color: #9FCB74 !important; }

/* -- Table -- */
.btk-l-container {
  min-height: 100vh; }

.btk-l-main {
  margin-top: 1.5rem; }

.btk-c-table__column {
  padding: 0 1.5rem;
  margin-bottom: 1rem; }
  .btk-c-table__column span {
    font-weight: 600 !important; }
  .btk-c-table__column a {
    margin: 0;
    color: #8C96A0; }
  .btk-c-table__column i {
    margin-left: 0.25rem; }

.btk-c-table__content {
  border-radius: 0.5rem;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1);
  margin-bottom: 2rem;
  border: 1px solid rgba(140, 150, 160, 0.3); }
  .btk-c-table__content p {
    margin: 0; }
  .btk-c-table__content .btk-c-table--row {
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #F0F0F4; }
    .btk-c-table__content .btk-c-table--row:nth-of-type(odd) {
      background-color: #ffffff; }
    .btk-c-table__content .btk-c-table--row:nth-of-type(even) {
      background-color: #F8F9FA; }
    .btk-c-table__content .btk-c-table--row:first-of-type {
      border-radius: 0.5rem 0.5rem 0 0; }
    .btk-c-table__content .btk-c-table--row:last-of-type {
      border: none !important;
      border-radius: 0 0 0.5rem 0.5rem; }
    .btk-c-table__content .btk-c-table--row:only-of-type {
      border: none !important;
      border-radius: 0.5rem; }
    .btk-c-table__content .btk-c-table--row i {
      font-size: 18px; }
    .btk-c-table__content .btk-c-table--row .uk-checkbox {
      margin-right: 1rem; }
  .btk-c-table__content .btk-c-table__subrow {
    padding: 0.5rem 4rem 0.5rem 1.5rem;
    border-top: 1px solid #F0F0F4; }
    .btk-c-table__content .btk-c-table__subrow:first-of-type {
      border-top: 2px solid #F0F0F4; }

.btk-c-row__delete {
  width: 5%;
  justify-content: flex-end; }

.btk-c-row__delete i {
  font-size: 18px;
  color: #FF606D; }

/* === LAYOUTS === */
/* -- Single Project-- */
#keyword-list .btk-c-table__content {
  border: 1px solid #F0F0F4; }

#keyword-list .btk-c-table--row {
  margin: 0;
  padding: 1rem 1.5rem;
  border-bottom: 2px solid #F0F0F4; }
  #keyword-list .btk-c-table--row:nth-child(even) {
    background-color: #F8F9FA !important; }
  #keyword-list .btk-c-table--row:nth-child(odd) {
    background-color: #ffffff !important; }
  #keyword-list .btk-c-table--row:last-of-type {
    border: none !important;
    border-radius: 0 0 0.5rem 0.5rem; }
  #keyword-list .btk-c-table--row i {
    font-size: 14px; }
  #keyword-list .btk-c-table--row .uk-checkbox {
    width: 14px;
    height: 14px; }

#keyword-list .btk-c-field--select {
  height: 1.5rem !important;
  font-size: 10px;
  background-color: #ffffff;
  padding: 0 1rem !important;
  border: 1px solid #F0F0F4;
  padding: 0 1rem;
  margin: 0 1.5rem 0 0; }

#keyword-list .btk-c-cat--edit {
  height: 1.5rem;
  border: none;
  border-radius: 10rem;
  width: 100%;
  margin-right: 1.5rem; }
  #keyword-list .btk-c-cat--edit p {
    padding: 0 0.5rem;
    margin: 0; }

#keyword-list .btk-c-cat--add {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 10rem;
  border: 1px solid #F0F0F4; }
  #keyword-list .btk-c-cat--add i {
    font-size: 10px !important; }

#modify-project-form #project-properties .tagify {
  height: 150px; }

#new-project-form #project-properties .tagify {
  height: 150px; }

#row_num p.span3 {
  white-space: nowrap !important; }

#row_num .btk-c-field--select {
  height: 2rem !important;
  width: 5rem;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1); }

/* -- Link Sonar -- */
#mapping-table {
  margin-top: 1rem; }
  #mapping-table > .uk-width-1-1 {
    padding: 1rem;
    border-top: 2px dotted #F0F0F4; }
    #mapping-table > .uk-width-1-1:first-of-type {
      border-top: none !important; }
  #mapping-table > .uk-width-1-2 {
    padding: 1rem;
    border-top: 2px dotted #F0F0F4; }
    #mapping-table > .uk-width-1-2:first-of-type {
      border-top: none !important; }
    #mapping-table > .uk-width-1-2:nth-of-type(2) {
      border-top: none !important; }

/* -- Visibility Index -- */
.uk-subnav {
  margin: 0 !important; }
  .uk-subnav.uk-subnav-pill > .uk-active > a {
    background-color: #1FBCE8; }
  .uk-subnav.uk-subnav-pill > * > :first-child {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    text-transform: none; }
  .uk-subnav > * {
    margin: 0 !important;
    padding-left: 2.5rem; }
    .uk-subnav > *:first-of-type {
      padding-left: 0 !important; }

#cluster-typology-table .btk-c-table__column {
  margin-right: 2.5rem; }

#cluster-typology-table .btk-c-table__content ul {
  margin-bottom: 0; }
  #cluster-typology-table .btk-c-table__content ul li {
    margin: 0 !important;
    border-bottom: 2px solid #F0F0F4; }
    #cluster-typology-table .btk-c-table__content ul li .btk-c-table--row {
      background-color: unset !important; }
    #cluster-typology-table .btk-c-table__content ul li:first-of-type {
      border-radius: 0.5rem 0.5rem 0 0; }
    #cluster-typology-table .btk-c-table__content ul li:last-of-type {
      border-radius: 0 0 0.5rem 0.5rem;
      border: none; }
    #cluster-typology-table .btk-c-table__content ul li:nth-of-type(odd) {
      background-color: #ffffff !important; }
    #cluster-typology-table .btk-c-table__content ul li:nth-of-type(even) {
      background-color: #F8F9FA !important; }
    #cluster-typology-table .btk-c-table__content ul li .uk-accordion-title {
      margin: 0 !important; }
      #cluster-typology-table .btk-c-table__content ul li .uk-accordion-title::before {
        height: 2.5em;
        margin-left: 0;
        margin-right: 0.75rem; }
    #cluster-typology-table .btk-c-table__content ul li .uk-accordion-content {
      margin: 0 !important; }

@media screen and (max-width: 960px) {
  .uk-subnav {
    margin: 0 !important; }
    .uk-subnav > * {
      margin: 0.25rem !important;
      padding-left: 0; } }

/* -- Dashoboard -- */
#kw-dash-Plot1 {
  height: 400px !important; }

#kw-dash-Plot2 {
  height: 400px !important; }

#kw-dash-Plot3 {
  height: 600px !important; }

#kw-dash-Plot4 {
  height: 600px !important; }

#kw-dash-Plot5 {
  height: 400px !important; }

#kw-dash-Plot6 {
  height: 400px !important; }

#kw-dash-Plot7 {
  height: 600px !important; }

#kw-dash-Plot8 {
  height: 600px !important; }

#sv_total {
  min-height: 400px; }
  #sv_total h2 {
    font-size: 80px;
    color: #8C96A0; }

#c-analysis-Plot1 {
  height: 600px !important; }

#c-analysis-Plot2 {
  height: 600px !important; }

#c-analysis-Plot3 {
  height: 600px !important; }

/* === LAYOUT ELEMENTS === */
.btk-l-header {
  background-color: #333333; }

.btk-l-element {
  margin-right: 2.5rem;
  margin-left: 2.5rem; }

.btk-l-menu {
  height: 3.5rem; }

.btk-l-title {
  height: 100px; }

.btk-l-sidebar {
  width: 18%;
  background-color: #333333;
  height: 100vh;
  position: fixed;
  z-index: 1; }

.btk-l-fullpage {
  min-height: 100vh; }

.btk-l-content {
  padding: 3rem 0;
  min-height: calc(100vh - 308px); }

.btk-l-box {
  background-color: #ffffff;
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 4px 0 2px 2px 15px 0 rgba(51, 51, 51, 0.1);
  margin-bottom: 2.5rem; }

.btk-l-table p {
  color: #8C96A0;
  margin: 0; }

@media screen and (max-width: 1200px) {
  .btk-l-element {
    margin: 0 1rem; } }

/* -- Function Elements -- */
.btk-c-function {
  width: 100%;
  margin-bottom: 2.5rem; }

.btk-c-function h1 {
  font-size: 1.5rem;
  color: #555555;
  margin: 0 1rem 0 0; }

#external.btk-c-function {
  width: 100%;
  margin-bottom: 0; }

#external.btk-c-function h1 {
  font-size: 1.5rem;
  color: #555555;
  margin: 0 1rem 0 0; }

.btk-header-icon i {
  font-size: 24px;
  margin-right: 1rem;
  color: #1FBCE8; }

.btk-c-function > * > .btk-c-link {
  margin-left: 2rem; }

/* === LAYOUT === */
#expansion-table .btk-c-table--row {
  margin: 0 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #F8F9FA; }

#external-tool-table .btk-l-table {
  width: 100%; }

#external-tool-table .btk-c-table__content {
  margin-bottom: 0; }

#external-tool-table .btk-c-table--column {
  padding: 0 1rem; }

.uk-panel-scrollable {
  padding: 0;
  height: 300px; }

@media screen and (max-width: 640px) {
  .btk-c-column {
    padding: 0; } }

@media (min-width: 640px) and (max-width: 960px) {
  .btk-c-column {
    padding: 0; } }

.btk-c-table {
  padding: 0.5rem 1rem;
  background-color: #1FBCE8;
  border: 2px solid #1FBCE8;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem; }

.btk-c-table > * > a > p {
  color: #ffffff; }

.btk-c-table__all {
  padding: 0.5rem 1rem;
  background-color: #F0F0F4;
  border-radius: 0.5rem;
  margin: 1rem 0; }

.btk-c-table__all p {
  margin-right: 2rem; }

.btk-c-table__all a {
  color: #EF8634;
  font-weight: 600; }

.btk-c-delete i {
  margin-left: 1rem; }

/* -- Category Toggle -- */
.btk-c-table__category {
  width: 100%;
  background: #ffffff;
  border-radius: 0 0 0.5rem 0.5rem;
  border-bottom: 2px solid #F0F0F4;
  box-shadow: 2px 2px 15px 0 rgba(51, 51, 51, 0.1);
  padding: 1.5rem; }

.btk-c-category__col {
  width: 20%;
  margin: 0 1rem; }

.btk-c-category__single {
  margin-bottom: 1rem; }

.btk-c-category__single i {
  color: #1FBCE8;
  font-size: 1rem;
  margin-right: 0.5rem; }

.btk-c-category__button {
  width: 40%; }

.btk-c-category__button > .btk-c-btn--simple {
  min-width: unset;
  background-color: #EF8634;
  width: 180px;
  height: 34px;
  margin: 0 0 0 1rem; }

.btk-c-table__category > * > * > a > .btk-c-btn--simple {
  min-width: unset;
  background-color: #1FBCE8;
  width: 220px;
  height: 34px;
  margin: 0 0 0 1rem; }

.btk-c-table__category > * > * > a > .btk-c-btn--outline {
  min-width: unset;
  width: 220px;
  height: 34px;
  margin: 0 0 0 1rem; }

.btk-c-category__search > .btk-c-btn--simple {
  min-width: unset;
  background-color: #EF8634;
  width: 100px;
  height: 34px;
  margin: 0 0 0 1rem; }

.btk-c-table__category .btk-c-field--input {
  min-width: 250px;
  height: 0px;
  font-size: 10px;
  color: #8C96A0 !important;
  background-color: #F0F0F4;
  border: 1px solid #F0F0F4; }

.btk-c-table__category > p {
  margin-bottom: 1rem; }

.btk-c-category__search > * > i {
  font-size: 1rem;
  color: #8C96A0;
  margin: 0 1rem; }

/* -- Cluster Status -- */
.btk-c-cluster__row {
  width: 100%; }

.btk-c-cluster__row > * {
  width: 100%; }

.btk-c-card__cluster {
  margin-bottom: 1.5rem;
  padding: 0 0.5rem; }

.btk-c-card__cluster p:first-of-type {
  font-weight: 500; }

#cluster_status .uk-panel-scrollable {
  border: none;
  max-height: 400px;
  height: unset; }

/* === OTHER PAGE ELEMENT === */
/* -- Signup & Signin -- */
.btk-c-access {
  padding: 2.5rem 0; }

.btk-c-access img {
  width: 60px;
  height: 60px;
  margin-bottom: 2rem; }

.btk-c-access > p {
  margin: 0; }

.btk-c-access > * > a {
  color: #EF8634; }

.btk-c-access__box {
  width: 480px;
  background-color: #ffffff;
  padding: 2rem 1.5rem;
  border-radius: 0.5rem;
  border: 2px solid #F0F0F4;
  margin: 2rem 0; }

.btk-c-access .btk-c-field-group > a {
  color: #EF8634; }

.btk-c-access .btk-c-btn--simple {
  margin-top: 2rem; }

hr {
  margin: 1.5rem 0;
  border-top: 2px solid #F0F0F4;
  opacity: 0.5; }

.btk-c-access hr {
  width: 30%;
  margin-right: auto;
  margin-left: auto; }

.btk-c-access__box i {
  font-size: 4rem;
  color: #9FCB74;
  margin-bottom: 1rem; }

.btk-c-access__box h5 {
  margin: 0;
  color: #9FCB74; }

/* --  Single User -- */
.btk-c-user__avatar {
  width: 200px;
  height: 200px;
  padding: 0 2rem; }

.btk-c-user__avatar img {
  border-radius: 100px; }

.btk-c-user__avatar-icon {
  position: absolute; }

.btk-c-user__avatar-icon i {
  font-size: 2.5rem;
  color: #8C96A0; }

.btk-c-user__field {
  padding: 0 2rem; }

.btk-c-user__field .btk-c-field-group {
  min-width: 255px;
  margin: 1rem; }

.btk-l-main h2 {
  font-size: 1.5rem;
  color: #555555;
  margin: 0 0 1.5rem 0; }

.btk-c-user__password {
  margin-top: 2.5rem; }

.btk-c-user__password .btk-c-field-group {
  min-width: 255px;
  margin: 1rem; }

.btk-c-user__password .btk-c-btn--simple {
  width: 255px;
  margin: 2rem 1rem 0 1rem; }

#cover-spin {
  position: fixed;
  width: 50;
  height: 50;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  padding-left: 50%;
  padding-top: 20%;
  display: none; }

/* -- External Tool -- */
.btk-c-chart img {
  width: 100%;
  height: 300px;
  padding: 0 1rem;
  object-fit: cover; }

.btk-c-info__card {
  background-color: #F8F9FA;
  max-height: 120px;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 4px 0 2px 2px 15px 0 rgba(51, 51, 51, 0.1);
  margin-bottom: 1rem; }

.btk-c-info__card i {
  font-size: 1.5rem;
  margin-right: 1.5rem;
  color: #1FBCE8; }

.btk-c-info__card p {
  margin: 0 0 1rem 0; }

.btk-c-info__card a > p {
  margin: 0;
  color: #EF8634; }

@media screen and (max-width: 640px) {
  .btk-c-chart img {
    height: 150px;
    padding: 1rem 0; }
  .btk-c-info__card {
    margin-top: 2rem;
    margin-bottom: 0; } }

@media (min-width: 640px) and (max-width: 960px) {
  .btk-c-info__card {
    margin: 2rem 0.5rem 0 0.5rem; } }

@media (min-width: 960px) and (max-width: 1200px) {
  .btk-c-info__card {
    margin: 2rem 0.5rem 0 0.5rem; } }

/* -- Dashboard -- */
.btk-l-box {
  background-color: #ffffff;
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px 0 2px 2px 15px 0 rgba(51, 51, 51, 0.1);
  margin: 1rem 0 2rem 0; }

.btk-l-box h6 {
  color: #555555; }

.btk-l-box__column {
  margin: 0 0 0 1.5rem; }

.btk-l-box__column:first-of-type {
  margin: 0 !important; }

.btk-l-box__title h2 {
  font-size: 32px;
  color: #555555; }

@media screen and (max-width: 960px) {
  .btk-l-box__column {
    margin: 0 !important; } }

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