/*
Central Automation v2
Updated: 2.x
Copyright Aaron Scott (WiFi Downunder) 2023
*/


/*--------------------------------

Central icon font
Generated using nucleoapp.com

-------------------------------- */

@font-face {
  font-family: 'Central';
  src: url('../fonts/Central.eot');
  src: url('../fonts/Central.eot') format('embedded-opentype'),
       url('../fonts/Central.woff2') format('woff2'),
       url('../fonts/Central.woff') format('woff'),
       url('../fonts/Central.ttf') format('truetype'),
       url('../fonts/Central.svg') format('svg');
}

/* base class */
.central-icon {
  display: inline-block;
  font: normal normal normal 1em/1 'Central';
  color: inherit;
  flex-shrink: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* size examples - relative units */
.central-icon-sm {
  font-size: 0.8em;
}

.central-icon-lg {
  font-size: 1.2em;
}

/* size examples - absolute units */
.central-icon-16 {
  font-size: 16px;
}

.central-icon-32 {
  font-size: 32px;
}

/* rotate the icon infinitely */
.central-icon-is-spinning {
  animation: central-icon-spin 1s infinite linear;
}

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

/* transform */
.central-icon-rotate-90 {
  transform: rotate(90deg);
}

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

.central-icon-rotate-270 {
  transform: rotate(270deg);
}

.central-icon-flip-y {
  transform: scaleY(-1);
}

.central-icon-flip-x {
  transform: scaleX(-1);
}

/* icons */
.ca-globe::before {
  content: "\ea02";
}

.ca-shop-location::before {
  content: "\ea03";
}

.ca-square-pin::before {
  content: "\ea04";
}

.ca-wifi::before {
  content: "\ea05";
}

.ca-world-pin::before {
  content: "\ea06";
}

.ca-server-rack::before {
  content: "\ea07";
}

.ca-network-connection::before {
  content: "\ea08";
}

.ca-content-delivery::before {
  content: "\ea09";
}

.ca-pin-add::before {
  content: "\ea0a";
}

.ca-c-add::before {
  content: "\ea0b";
}

.ca-card-update::before {
  content: "\ea0c";
}

.ca-connection::before {
  content: "\ea0d";
}

.ca-decentralize::before {
  content: "\ea0e";
}

.ca-digital-key::before {
  content: "\ea0f";
}

.ca-folder-replace::before {
  content: "\ea10";
}

.ca-cable::before {
  content: "\ea11";
}

.ca-folder-add::before {
  content: "\ea12";
}

.ca-license-key::before {
  content: "\ea13";
}

.ca-pin-sync::before {
  content: "\ea14";
}

.ca-artificial-intelligence::before {
  content: "\ea15";
}

.ca-algorithm::before {
  content: "\ea16";
}

.ca-folder-settings::before {
  content: "\ea17";
}

.ca-route-alert::before {
  content: "\ea18";
}

.ca-unlink::before {
  content: "\ea19";
}

.ca-n-check::before {
  content: "\ea1a";
}

.ca-file-log::before {
  content: "\ea1b";
}

.ca-c-warning::before {
  content: "\ea1c";
}

.ca-cpu::before {
  content: "\ea1d";
}

.ca-padlock::before {
  content: "\ea1e";
}

.ca-contactless-card::before {
  content: "\ea1f";
}

.ca-stock-2::before {
  content: "\ea20";
}

.ca-research::before {
  content: "\ea21";
}

.ca-artificial-brain::before {
  content: "\ea22";
}

.ca-api::before {
  content: "\ea23";
}

.ca-cloud-data-download::before {
  content: "\ea24";
}

.ca-pattern-recognition::before {
  content: "\ea25";
}

.ca-file-csv::before {
  content: "\ea26";
}

.ca-pin-share::before {
  content: "\ea27";
}

.ca-reload::before {
  content: "\ea28";
}

.ca-dashboard::before {
  content: "\ea29";
}

.ca-dish::before {
  content: "\ea2a";
}

.ca-configuration-tools::before {
  content: "\ea2b";
}

.ca-check-list::before {
  content: "\ea2c";
}

.ca-setup-tools::before {
  content: "\ea2d";
}

.ca-multiple-11::before {
  content: "\ea2e";
}

.ca-exchange::before {
  content: "\ea2f";
}

.ca-a-add::before {
  content: "\ea30";
}

.ca-a-share::before {
  content: "\ea31";
}

.ca-logic::before {
  content: "\ea32";
}

.ca-wifi-protected::before {
  content: "\ea33";
}

.ca-male::before {
  content: "\ea34";
}

.ca-electronic-circuit::before {
  content: "\ea35";
}

.ca-transactions::before {
  content: "\ea36";
}

.ca-nodes::before {
  content: "\ea37";
}

.ca-network::before {
  content: "\ea38";
}

.ca-laptop-1::before {
  content: "\ea39";
}

.ca-mobile-phone::before {
  content: "\ea3a";
}

.ca-computer-monitor::before {
  content: "\ea3b";
}

.ca-apple::before {
  content: "\ea3c";
}

.ca-android::before {
  content: "\ea3d";
}

.ca-hotspot::before {
  content: "\ea3e";
}

.ca-flight-connection::before {
  content: "\ea3f";
}

.ca-chart-bar-32::before {
  content: "\ea40";
}

.ca-time-clock::before {
  content: "\ea41";
}

.ca-opening-times::before {
  content: "\ea42";
}

.ca-run-shoes::before {
  content: "\ea43";
}

.ca-book-open::before {
  content: "\ea44";
}

.ca-snow::before {
  content: "\ea45";
}

.ca-folder-shared::before {
  content: "\ea46";
}

.ca-circle-04::before {
  content: "\ea47";
}

.ca-migration::before {
  content: "\ea48";
}

.ca-joint-account::before {
  content: "\ea49";
}

.ca-tag-cut::before {
  content: "\ea4a";
}

.ca-document-copy::before {
  content: "\ea4b";
}

.ca-password::before {
  content: "\ea4c";
}

.ca-chemistry::before {
  content: "\ea4d";
}

.ca-maximize-area-1::before {
  content: "\ea50";
}

.ca-widget::before {
  content: "\ea51";
}

.ca-radar::before {
  content: "\ea52";
}

.ca-sun::before {
  content: "\ea53";
}

.ca-wifi-off::before {
  content: "\ea54";
}

.ca-hierarchy-55::before {
  content: "\ea55";
}

.ca-network-communication::before {
  content: "\ea56";
}

.ca-cctv::before {
  content: "\ea57";
}

.ca-l-remove::before {
  content: "\ea58";
}

.ca-window-code::before {
  content: "\ea59";
}

.ca-m-delete::before {
  content: "\ea5b";
}

.ca-m-search::before {
  content: "\ea5c";
}

.ca-scale::before {
  content: "\ea5d";
}

.ca-crossroad::before {
  content: "\ea5e";
}

.ca-m-check::before {
  content: "\ea5f";
}

.ca-box::before {
  content: "\ea60";
}

.ca-barcode-qr::before {
  content: "\ea61";
}

.ca-password-1::before {
  content: "\ea62";
}

.ca-settings::before {
  content: "\ea63";
}

.ca-pen-01::before {
  content: "\ea64";
}

.ca-router::before {
  content: "\ea65";
}

.ca-networking::before {
  content: "\ea66";
}

.ca-world::before {
  content: "\ea67";
}

.ca-route-open::before {
  content: "\ea68";
}

.ca-route-close::before {
  content: "\ea69";
}

.ca-route-alert-1::before {
  content: "\ea6a";
}

.ca-route-point::before {
  content: "\ea6b";
}

.ca-ram-2::before {
  content: "\ea6c";
}

.ca-gathering-restrictions::before {
  content: "\ea6d";
}

.ca-folder-check::before {
  content: "\ea6e";
}

.ca-filter-organization::before {
  content: "\ea6f";
}

.ca-two::before {
  content: "\ea70";
}

.ca-five::before {
  content: "\ea71";
}

.ca-six::before {
  content: "\ea72";
}

.ca-antenna::before {
  content: "\ea73";
}

.ca-chart-pie-35::before {
  content: "\ea74";
}

.ca-chart-pie-36::before {
  content: "\ea75";
}

.ca-duplicate::before {
  content: "\ea76";
}

.ca-two-way-direction::before {
  content: "\ea77";
}

.ca-stack::before {
  content: "\ea78";
}

.ca-hook::before {
  content: "\ea7a";
}

.ca-contained::before {
  content: "\ea7b";
}

.ca-rapids::before {
  content: "\ea7c";
}

.ca-interfering::before {
  content: "\ea7d";
}

.ca-neighbour::before {
  content: "\ea7e";
}

.ca-suspected-rogue::before {
  content: "\ea7f";
}

.ca-rogue::before {
  content: "\ea80";
}

.ca-bin::before {
  content: "\ea81";
}

.ca-floppy-disk::before {
  content: "\ea82";
}

.ca-alarm::before {
  content: "\ea83";
}

.ca-leave::before {
  content: "\ea84";
}

.ca-lifering::before {
  content: "\ea85";
}

.ca-rf-profile::before {
  content: "\ea86";
}

.ca-antenna-check::before {
  content: "\ea87";
}

.ca-user-frame-33::before {
  content: "\ea88";
}

.ca-pin-settings::before {
  content: "\ea89";
}

.ca-pin-delete-1::before {
  content: "\ea8a";
}

.ca-pin-add-2::before {
  content: "\ea8b";
}

.ca-new-construction::before {
  content: "\ea8c";
}

.ca-floors::before {
  content: "\ea8d";
}

.ca-event-confirm::before {
  content: "\ea8e";
}

.ca-map-pin::before {
  content: "\ea8f";
}

.ca-tags-stack::before {
  content: "\ea90";
}

.ca-laptop-91::before {
  content: "\ea97";
}

.ca-key::before {
  content: "\ea99";
}

.ca-link::before {
  content: "\ea9b";
}

.ca-document-copy-1::before {
  content: "\ea9c";
}

.ca-plug-2::before {
  content: "\ea9d";
}

.ca-bluetooth::before {
  content: "\ea9e";
}

.ca-layout-11::before {
  content: "\ea9f";
}

.ca-compare-items::before {
  content: "\eaa0";
}

.ca-tag-remove::before {
  content: "\eaa1";
}

.ca-tag-add::before {
  content: "\eaa2";
}

.ca-pin-remove-2::before {
  content: "\eaa3";
}

.ca-pins::before {
  content: "\eaa4";
}

.ca-settings-gear::before {
  content: "\eaa5";
}

.ca-switch-stack3::before {
  content: "\eaa6";
}

.ca-gateway3::before {
  content: "\eaa7";
}

.ca-cloud-auth3::before {
  content: "\eaa8";
}

.ca-kms3::before {
  content: "\eaa9";
}

.ca-controller3::before {
  content: "\eaaa";
}

.ca-mesh3::before {
  content: "\eaab";
}

.ca-client-icon3::before {
  content: "\eaac";
}

.ca-airmatch3::before {
  content: "\eaad";
}

.ca-ap-icon3::before {
  content: "\eaae";
}

.ca-row-table::before {
  content: "\eaaf";
}

.ca-user::before {
  content: "\eab0";
}

.ca-cloud-forecast::before {
  content: "\eab1";
}

.ca-cctv-filled::before {
  content: "\eab2";
}

.ca-dashboard-filled::before {
  content: "\eab3";
}

.ca-config-filled::before {
  content: "\eab4";
}

.ca-settings-filled::before {
  content: "\eab5";
}

.ca-cloud-filled::before {
  content: "\eab6";
}

.ca-book-open-3::before {
  content: "\eab7";
}

.ca-ic_settings_ethernet_48px::before {
  content: "\eab8";
}

.ca-stats-gateway::before {
  content: "\eab9";
}

.ca-stats-switch::before {
  content: "\eaba";
}

.ca-stats-ap::before {
  content: "\eabb";
}

.ca-stats-client::before {
  content: "\eabc";
}

.ca-config-ap::before {
  content: "\eabd";
}

.ca-config-rf::before {
  content: "\eabe";
}

.ca-config-wlan::before {
  content: "\eabf";
}

.ca-api-1::before {
  content: "\eac0";
}

.ca-window-paragraph::before {
  content: "\eac1";
}

.ca-window-delete::before {
  content: "\eac2";
}

.ca-window-add::before {
  content: "\eac3";
}

.ca-clock::before {
  content: "\eac4";
}

.ca-arrow-down-2::before {
  content: "\eac5";
}

.ca-arrow-up-2::before {
  content: "\eac6";
}

.ca-folder-bookmark::before {
  content: "\eac7";
}

.ca-ap-health::before {
  content: "\eac8";
}

.ca-stethoscope::before {
  content: "\eac9";
}



/*------------------------
	Extra Styling
-------------------------*/

.col-icon {
  padding-left: 12px;
  padding-right: 12px;
  width: 48px;
}

.maxWidth-200-wrap {
 white-space: wrap !important;
 overflow-wrap: break-word;
 max-width: 200px;
}

.maxWidth-250-wrap {
 white-space: wrap !important;
 overflow-wrap: break-word;
 max-width: 250px;
}

.maxWidth-300-wrap {
 white-space: wrap !important;
 overflow-wrap: break-word;
 max-width: 300px;
}

.maxWidth-50 {
 max-width: 50px;
}

// override Choices.js
.choices__list--dropdown .choices__item--selectable:after { display: none !important; } 
.choices__list--dropdown .choices__item--selectable { padding-right: 0 !important; } */

a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

.navbar .navbar-nav .nav-item .dropdown-menu .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.footer-menu li {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;}
  
.text-xl {
    font-size: 1.5rem !important;
  }

.extra-h5-padding {
  margin-top: 30px;
}

.textarea {
  height: 400px !important;
}

.textarea-json {
  height: 75vh !important;
}

.modal-content {
  padding: 20px;
}

.table th {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  padding-left: 8px !important;
}

.table td {
  text-align: left;
}

/*------------------------
  Alert Styling
-------------------------*/

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.5rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  z-index:2000 !important;
  filter: drop-shadow(0px 3px 5px rgba(51, 51, 51, 0.249));
}

.alert span[data-notify="icon"] {
    font-size: 30px;
    display: block;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.alert.alert-with-icon {
    padding-left: 65px;
}

.alert-primary {
  background-image: linear-gradient(310deg, #7928CA 0%, #d6006c 100%);
  --bs-alert-color: #fff;
  --bs-alert-bg: #f5ceec;
  --bs-alert-border-color: #efb6e2;
}

.alert-primary .alert-link {
  color: #62064c;
}

.alert-secondary {
  background-image: linear-gradient(310deg, #627594 0%, #8ca1cb 100%);
  --bs-alert-color: #fff;
  --bs-alert-bg: #e6e9ee;
  --bs-alert-border-color: #dadee6;
}

.alert-secondary .alert-link {
  color: #3f4652;
}

.alert-success {
  background-image: linear-gradient(310deg, #17ad37 0%, #84dc14 100%);
  --bs-alert-color: #fff;
  --bs-alert-bg: #e6f7d0;
  --bs-alert-border-color: #daf3b9;
}

.alert-success .alert-link {
  color: #2a4507;
}

.alert-info {
  background-image: linear-gradient(310deg, rgba(32, 215, 255, 0.5) 0%, rgba(0, 192, 237, 0.5) 100%);
  --bs-alert-color: #fff;
  --bs-alert-bg: #d1f3fa;
  --bs-alert-border-color: rgba(0, 130, 161, 0);
}

.alert-info .alert-link {
  color: #0b5d6f;
}

.alert-warning {
  background-image: linear-gradient(310deg, #f57039 0%, #fac60b 100%);
  --bs-alert-color: #fff;
  --bs-alert-bg: #fef5d6;
  --bs-alert-border-color: #fef1c2;
}

.alert-warning .alert-link {
  color: #504210;
}

.alert-danger {
  background-image: linear-gradient(310deg, #ea0606 0%, #ff3d59 100%);
  --bs-alert-color: #fff;
  --bs-alert-bg: #fbcdcd;
  --bs-alert-border-color: #f9b4b4;
}

.alert-danger .alert-link {
  color: #700303;
}

.card {
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
}

.colourful {
  background-image: url('assets/img/curved-images/curved0.jpg'); 
  background-position-y: 50%; 
  background-size: cover; 
}

.card-stats:hover{
    box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
    cursor: pointer;
}

.card-stats a:hover {
  color: rgb(103, 116, 142);
}

.card-tasks:hover{
    box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
}

.card .card-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.fixed-plugin .card {
  position: fixed !important;
  right: -600px;
  top: 0;
  height: 100%;
  left: auto !important;
  transform: unset !important;
  width: 600px;
  border-radius: 0;
  padding: 0 10px;
  transition: .2s ease;
  z-index: 1020;
}

.configset .modal-content {
    max-height: 90vh; /* Sets max height to 90% of the viewport height */
    overflow-y: auto; /* Adds a scrollbar inside the modal if content exceeds max-height */
    min-height: 550px;
}

.fixedIcon{
    width: 63px !important;
}

.log-body {
  overflow:auto;
}

.no-focus {
    background-color: #eaeaea;
}

.nobull {
  list-style-type: none;
}

.fa-fw {
  width: 20px;
  text-align: center;
  font-size: 14px;
}

.fa-fw-pointer {
  width: 20px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

.dropdown-menu .dropdown-item i[class*="central-icon"] {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    float: left;
    padding-right: 10px;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item .central-icon {
	margin-top: 0;
}

.navbar-wrapper .icon-big {
    font-size: 2em;
    max-height: 32	px;
    padding-top: 10px;
    padding-right: 10px;
}

.card-body .icon-big {
    font-size: 3em;
    max-height: 60px !important;
}

.card-body-full-size {
    padding: 0px !important;
}

.card-body-full-size img {
    width: 87px;
    height: 87px;
    padding: 4px;
    border-radius: 4px;
}




.card .csv-table tbody td:last-child,
.card .csv-table thead th:last-child {
    padding-right: 8px;
    display: block;
    width: 100%;
    padding-top: 27px;
    //padding-bottom: 8px;
}

.card .country-table tbody td:last-child,
.card .country-table thead th:last-child {
    padding-right: 8px;
    display: block;
    width: 100%;
    padding-top: 12px;
}


.big-cell { 
	text-align: center;
    vertical-align: middle;
}

.big-cell th.dt-center, td.dt-center { 
	text-align: center; 
	top: 50%;
}

.account-table tbody tr td.pointer {
  cursor: pointer;
}

.btn-neutral.btn-link {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #888888 !important;
}

.dt-center .btn-sm.btn-round { 
	margin: 20px;
	padding: 10px;
	cursor: pointer;
}

.btn-tag {
    font-size: 0.75rem;
    border-radius: 3px;
    padding: 5px 10px;
    margin-left: 4px;
}

.btn-footer {
  margin-top: 5px !important;
}

.clickable-row{
	cursor:pointer;
}

.clickable-string{
  height:77px;
}

.client-table tbody{
	cursor:pointer;
}

.modal.modal-90 .modal-dialog {
    max-width: 90%;
    margin: 20 auto;
}

.modal.modal-70 .modal-dialog {
    max-width: 70%;
    margin: 20 auto;
}

.modal.modal-50 .modal-dialog {
    max-width: 50%;
    margin: 20 auto;
    
}

.modal.modal-700 .modal-dialog {
    max-width: 700px;
    margin: 20 auto;
}

.modal.modal-500 .modal-dialog {
    max-width: 500px;
    margin: 20 auto;
}

.modal.modal-450 .modal-dialog {
    max-width: 450px;
    margin: 20 auto;
}


.navbar .navbar-nav .central-icon {
	font-weight: 700;
	margin-top: 10px;
}

.form-check .form-check-label-psk {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    padding-top: 14px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.form-check .form-check-label-secrets {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    padding-top: 14px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.form-check .form-check-label-options {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    padding-top: 14px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: bold;
}

.text-neutral,
.text-neutral:hover {
    color: #EEEEEE !important;
}

.text-black,
.text-black:hover {
    color: #000000 !important;
}

.text-minor,
.text-minor:hover {
    color: #FBE540 !important;
}

.text-aruba,
.text-aruba:hover {
    color: #FF8300 !important;
}

.card-title {
	display: inline;
	width: 90%;
}

.page-header {
    display: flex;
}


.nav .navbar-search-form .input-group  {
	float: right;
	width: 300px;
	padding: 4px;
	background-color: rgba(220, 220, 220, 0.2);
	border-radius: 6px;
	border: 1px solid rgba(128, 128, 128, 0.2);
}

.nav .navbar-search-form .form-control  {
	color: #444444;
}	

.nav .navbar-search-form {
    margin-left: 30px;
}

.nav .navbar-search-form .nc-icon {
	padding-top: 4px;
    color: #AAAAAA;
}

.navbar .navbar-nav .nav-item .nav-link {
	padding-bottom: 20px;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ff8500;
}

.reload-link {
  float: right;
}

.reload-btn {
  float: right;
  margin-right: 10px;
}

.refresh-link {
	padding-top: 6px;
	float: right;
}

.refresh-link:hover {
  color: #ff8500 !important;
}

.right-link {
  color: #000;
  padding-top: 6px;
  float: right;
  padding-right: 10px;
}

.right-link:hover {
  color: #ff8500 !important;
}

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



td.cellDivider {
	border-left: 1px solid #e9ecef !important;
}

th.cellDivider {
	border-left: 1px solid #e9ecef !important;
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.page-header .filter:after {
    background: transparent linear-gradient(to bottom, #ffa542 0%, #ffa542 100%) repeat scroll 0 0/150% 150%;
    content: "";
    display: block;
    height: 450px;
    left: 0;
    opacity: 0.77;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.icon-massive {
    font-size: 5em;
    min-height: 64px;
}

.icon-very-big {
    font-size: 4em;
    min-height: 64px;
}

.icon-medium {
    font-size: 2em;
    min-height: 32px;
}

.icon-small {
    font-size: 1em;
    min-height: 16px;
}

.text-wrap{
    white-space:normal;
}
.width-150{
    width:150px;
}

.text-purple,
.text-purple:hover {
    color: #9368E9 !important;
}

.text-series7,
.text-series7:hover {
    color: #5E5E5E !important;
}

.text-series8,
.text-series8:hover {
    color: #DD4B39 !important;
}

.details-label {
  font-size: .875rem;
  padding-top: 8px;
  color: #23CCEF !important
}

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead 
    width: 350px; */
}

.form-group label {
	padding-top: 8px;
	text-align: right;
}

.form-check-label-left {
  padding-top: 0px !important;
  text-align: left !important;
}

.form-group notice {
  padding-top: 8px;
  text-align: center;
}

.form-group label.system {
	padding-top: 18px;
	text-align: right;
}

.form-control.textarea {
  height: 300px;
}

.section-header {
    padding: 20px 20px 0;
    border-bottom: none !important;
}

tr.row_selected td {
	background-color:#F3A950 !important; 
}

.progress {
    background-color: #E5E5E5;
    border-radius: 3px;
    box-shadow: none;
    height: 16px;
    margin-top: 6px;
    margin-bottom: 0px;
}

.progress-percentage {
	color: #000;
	display: inherit;
	padding-left: 0px;
	margin-left: 6px;
	text-align: left;
  	width: 100px;
}

.card .ct-chart-tooltip{
    margin: 0px 0 30px;
}

input[type="color"] {
  opacity: 0;
  display: block;
  height: 32px;
  width: 100%;
  border: none;
}
#color-picker-wrapper {
  width: 100%;
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  border-style: solid;
  border-radius: 3px;
  padding: 2px;
}

.top-padding {
  margin-top: 7px;
}

.btn-element {
    border: 1px solid #01A982;
    color: #FFFFFF;
    background-color: #01A982;
    cursor: pointer;
}

.btn-element:hover,
.btn-element:focus,
.btn-element:active,
.btn-element.active,
.open>.btn-element.dropdown-toggle {
    background-color: #01A982;
    color: #FFFFFF;
    border-color: #01A982;
}

.btn-element.disabled,
.btn-element.disabled:hover,
.btn-element.disabled:focus,
.btn-element.disabled.focus,
.btn-element.disabled:active,
.btn-element.disabled.active,
.btn-element:disabled,
.btn-element:disabled:hover,
.btn-element:disabled:focus,
.btn-element:disabled.focus,
.btn-element:disabled:active,
.btn-element:disabled.active,
.btn-element[disabled],
.btn-element[disabled]:hover,
.btn-element[disabled]:focus,
.btn-element[disabled].focus,
.btn-element[disabled]:active,
.btn-element[disabled].active,
fieldset[disabled] .btn-element,
fieldset[disabled] .btn-element:hover,
fieldset[disabled] .btn-element:focus,
fieldset[disabled] .btn-element.focus,
fieldset[disabled] .btn-element:active,
fieldset[disabled] .btn-element.active {
    background-color: transparent;
    border-color: #01A982;
}

.btn-element.btn-outline {
    color: #01A982;
    background-color: transparent;
    border: 1px solid #01A982;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-element.btn-outline:hover,
.btn-element.btn-outline:focus,
.btn-element.btn-outline:active,
.btn-element.btn-outline.active,
.open>.btn-element.btn-outline.dropdown-toggle {
    background-color: #01A982;
    color: #FFFFFF;
    border: 1px solid #01A982;
}

.btn-element.btn-outline .caret {
    border-top-color: #FFFFFF;
}

.btn-element.btn-link {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #888888;
}

.btn-element.btn-link:hover,
.btn-element.btn-link:focus,
.btn-element.btn-link:active {
    text-decoration: none;
    border-color: transparent;
    color: #797979;
}

.btn-element .caret {
    border-top-color: #01A982;
}

.rightVert {
  border-right: 1px solid lightgrey;
}

pre {
  background-color: #fafafa;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  font-size: .875rem;
  color: #565656;
  margin-top: 10px;
  padding: 8px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 20px;
}
.json-key {
  color: steelblue;
}
.json-value {
  color: darkblue;
}
.json-string {
  color: red;
}
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }

.full-page>.content .card-register .card-subtitle-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 21px;
    color: #808080;
}

.setting-label {
  text-align: right;
  margin-left:30px;
  margin-bottom: 0px !important;
  display: inline-block;
  font-weight: bold !important;
}

.format-label {
  text-align: right;
  margin-top:12px;
  margin-left:30px;
  margin-bottom: 0px !important;
  display: inline-block;
  font-weight: bold !important;
}

.setting-input {
  display: inline-block;
  margin-right:20px;
  padding-bottom:16px !important;
}

.proxy-status {
    background-color: #FFFFFF;
    width: 100%;
}

.proxy-status .footer-menu {
    height: 41px;
}

.proxy-status nav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.proxy-status nav>ul li {
    display: inline;
    float: left;
    padding-left: 50px;
}

.proxy-status nav>ul a:not(.btn) {
    color: #9A9A9A;
    display: block;
    margin-bottom: 3px;
}

.proxy-status nav>ul a:not(.btn):hover,
.proxy-status nav>ul a:not(.btn):focus {
    color: #797979;
}

.filter-row {
  padding-bottom: 30px;
}

.filter-label h5{
  margin-top: 17px;
  text-align: right;
  font-size: 14px;
}

.btn-action {
  padding: 6px 10px !important;
  font-size: 12px !important;
  background-color: transparent;
  border-width: 1px;
  border-radius: 30px !important;
  padding: 3px;
  color: #FFA534;
}

#canvasStack {
  position:relative;
  margin-left: 10px;
}
#canvasStack > canvas {
  position:absolute;
  left:0;
  top:0;
}

.leftborder {
    border-left: 1px solid #ddd !important;
}

.legend.airmatch {
  padding-left: 20px;
  font-size: 14px;
}

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

.pad-16 {
  margin-top:16px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bs-blue: #63B3ED;
    --bs-indigo: #596CFF;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #F56565;
    --bs-orange: #fd7e14;
    --bs-yellow: #FBD38D;
    --bs-green: #81E6D9;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-900: #f8f9fa;
    --bs-gray-800: #e9ecef;
    --bs-gray-700: #dee2e6;
    --bs-gray-600: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-400: #6c757d;
    --bs-gray-300: #495057;
    --bs-gray-200: #343a40;
    --bs-gray-100: #212529;
    --bs-primary: #cb0c9f;
    --bs-secondary: #8392AB;
    --bs-success: #82d616;
    --bs-info: #17c1e8;
    --bs-warning: #fbcf33;
    --bs-danger: #ea0606;
    --bs-light: #e9ecef;
    --bs-dark: #344767;
    --bs-white: #fff;
    --bs-primary-rgb: 203, 12, 159;
    --bs-secondary-rgb: 131, 146, 171;
    --bs-success-rgb: 130, 214, 22;
    --bs-info-rgb: 23, 193, 232;
    --bs-warning-rgb: 251, 207, 51;
    --bs-danger-rgb: 234, 6, 6;
    --bs-light-rgb: 233, 236, 239;
    --bs-dark-rgb: 52, 71, 103;
    --bs-white-rgb: 255, 255, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 103, 116, 142;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: Open Sans;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #67748e;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.75rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 1.5rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #cb0c9f;
    --bs-link-hover-color: #ac248c;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fcf8e3;
    --bs-card-bg: rgb(45, 51, 59);
  }
  
  --bs-link-hover-color
  .section-header {
    padding: 20px 20px 0;
    border-bottom: none !important;
    color: #FFF;
    font-weight: 400;
  }
  
  .card {
      border-radius: 8px;
      background-color: #282828;
      margin-bottom: 30px;
      box-shadow: rgba(28, 28, 28, 0.15) 0px 2px 8px 0px;
  }
  
  .clickable-row td{
	border-top:none;
  }
  
  td.cellDivider {
	border-left: 1px solid #444 !important;
  }

  th.cellDivider {
	  border-left: 1px solid #444 !important;
  }
  
  .table>tbody>tr:hover {
      background-color: #212121
  }
  
  .modal-content {
    background-color: var(--bs-card-bg);
  }
  
  a {
    letter-spacing: -0.025rem;
    color: #748db7;
  }
  
  .proxy-status {
      background-color: rgba(0, 0, 0, 0);
      width: 100%;
  }
  
  .proxy-status nav>ul a:not(.btn) {
      color: #f2f2f2;
      display: block;
      margin-bottom: 3px;
  }
  
  .proxy-status nav>ul a:not(.btn):hover,
  .proxy-status nav>ul a:not(.btn):focus {
      color: #d4d4d4;
  }
  
  .ct-label {
      fill: rgba(252, 252, 252, 0.6);
      color: rgba(252, 252, 252, 0.6);
      font-size: 1.3rem;
      line-height: 1;
  }
  
  .bg-gray-100 {
    background-color: var(--bs-gray-100) !important;
  }
  
  .navbar .navbar-nav .nav-item .dropdown-menu .divider {
      height: 1px;
      margin: 5px 0;
      overflow: hidden;
      background-color: rgb(41, 29, 29);
  }
  
  .blur {
    box-shadow: inset 0px 0px 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: rgba(40, 40, 40, 0.8) !important;
  }
  
  .shadow-blur {
    box-shadow: inset 0 0px 1px 1px rgba(60, 60, 60, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
  }
  
  .text-dark {
    color: #748db7 !important;
  }
  
  .navbar .navbar-brand {
    color: #748db7;
  }
  
  .card .card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    --bs-card-border-radius: 1rem;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
  }
  
  .card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: #748db7;
  }
  
  .card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: rgba(0, 0, 0, 0.125);
    --bs-card-border-radius: 1rem;
    --bs-card-box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
    --bs-card-inner-border-radius: 1rem;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgb(45, 51, 59);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: rgb(45, 51, 59);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
  }
  
  .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 11rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 1.625rem;
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-color: #aaacb0;
    --bs-dropdown-bg:rgb(45, 51, 59);
    --bs-dropdown-border-color: transparent;
    --bs-dropdown-border-radius: 0.5rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 0.5rem;
    --bs-dropdown-divider-bg: transparent;
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
    --bs-dropdown-link-color: #67748e;
    --bs-dropdown-link-hover-color: #768eb5;
    --bs-dropdown-link-hover-bg: #8a8a8a;
    --bs-dropdown-link-active-color: #67748e;
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-disabled-color: #6c757d;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.3rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
  }
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: #748db7;
  }
  
  a:hover {
    color: var(--bs-link-hover-color);
    text-decoration: none;
  }
  
  label,
  .form-label {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #748db7;
    margin-left: 0.25rem;
  }
  
  .list-group {
    --bs-list-group-color: inherit;
    --bs-list-group-bg: rgb(45, 51, 59);
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.5rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #67748e;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #cb0c9f;
    --bs-list-group-active-border-color: #cb0c9f;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
  }
  
  .choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: rgb(45, 51, 59);
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
  }
  
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
      border-color: rgb(45, 51, 59);
      border-style: solid;
      border-width: 0;
      color: var(--bs-table-color);
  }
  
  .table {
    --bs-table-color: #748db7;
    --bs-table-bg: transparent;
    --bs-table-border-color: #e9ecef;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #67748e;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #67748e;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #67748e;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
  }
  
  .card .card-header {
    padding: 1.5rem;
  }

  .card-stats:hover{
      box-shadow: rgba(23, 23, 29, 0.576) 0px 2px 8px 0px;
      cursor: pointer;
  }

}