[Themes] Added my wide themes for Bootstrap 5

application/config/migration.php

@@ -22,7 +22,7 @@ $config['migration_enabled'] = TRUE;
 |
 */
 
-$config['migration_version'] = 156;
+$config['migration_version'] = 157;
 
 /*
 |--------------------------------------------------------------------------

application/migrations/157_wide_themes.php

@@ -0,0 +1,25 @@
+<?php
+
+defined('BASEPATH') or exit('No direct script access allowed');
+
+/*
+*   Create a dxpedition table
+*/
+
+class Migration_wide_themes extends CI_Migration
+{
+    public function up()
+    {
+		$this->db->query("INSERT IGNORE INTO themes (name, foldername) values ('Blue wide','blue_wide');");
+		$this->db->query("INSERT IGNORE INTO themes (name, foldername) values ('Cosmo wide','cosmo_wide');");
+		$this->db->query("INSERT IGNORE INTO themes (name, foldername) values ('Cyborg wide (Dark)','cyborg_wide');");
+		$this->db->query("INSERT IGNORE INTO themes (name, foldername) values ('Darkly wide (Dark)','darkly_wide');");
+		$this->db->query("INSERT IGNORE INTO themes (name, foldername) values ('Default wide','default_wide');");
+		$this->db->query("INSERT IGNORE INTO themes (name, foldername) values ('Superhero wide (Dark)','superhero_wide');");
+    }
+
+    public function down()
+    {
+
+    }
+}

assets/css/blue_wide/overrides.css

@@ -0,0 +1,230 @@
+/*!
+ * No overrides for the default theme as it aligns with general.css
+*/
+
+body {
+	background-color: #2b3e50;
+}
+
+.table {
+	--bs-table-color: #fff;
+	--bs-table-striped-color: #fff;
+	--bs-table-active-color: #fff;
+	--bs-table-hover-color: #fff;
+	--bs-table-bg: #3d4e5e;
+	--bs-table-accent-bg: #2b3e50;
+}
+
+.border-top {
+	--bs-border-color: #253544;
+}
+
+/*
+*	 Maps
+*/
+
+.leaflet-tile {
+	filter: invert() hue-rotate(180deg) sepia(100%) hue-rotate(180deg) !important;
+}
+
+path.grid-rectangle {
+	stroke: rgba(200, 200, 200, 0.5);
+}
+
+span.grid-text > font {
+	color: rgba(220, 220, 220, 1) !important;
+	-webkit-text-stroke: 0.6px black !important;
+}
+
+path.grid-confirmed {
+	fill: rgba(144, 238, 144, 0.4) !important;
+	stroke: rgba(144, 238, 144, 0.4) !important;
+}
+
+path.grid-worked {
+	fill: rgba(220, 50, 50, 0.4) !important;
+	stroke: rgba(220, 50, 50, 0.4) !important;
+}
+
+#map,
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #2e3e50;
+}
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+
+.bg-light {
+	background-color: #4e5d6c !important;
+}
+
+/* Inactive Links */
+
+.navbar-light .navbar-nav .nav-link {
+	color: rgba(255, 255, 255, 0.6);
+}
+
+/* Active Links and Logo */
+
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+	color: #fff;
+}
+
+/* Hamburger Menu */
+
+.navbar-light .navbar-toggler-icon {
+	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control,
+.form-control-sm,
+.form-control:focus,
+.form-control:disabled,
+.form-select {
+	background-color: rgba(20, 41, 62, 0.6);
+	color: #fff;
+}
+
+div.alert-danger {
+	color: #ffffff;
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+	background-color: #2b3e50;
+}
+
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+	color: #fff;
+}
+
+.selectize-input,
+.selectize-control.single .selectize-input.input-active {
+	background: #2b3d51;
+	color: #fff;
+}
+
+.selectize-input {
+	border-radius: 0;
+}
+
+.selectize-input.full {
+	background-color: #2b3d51;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	background: #737f8b;
+}
+
+.selectize-input.focus {
+	color: #495057;
+	background-color: #fff;
+	border-color: #f1b287;
+	box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
+}
+
+.selectize-input.dropdown-active {
+	border-radius: 0;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	border-radius: 0;
+}
+
+.qso_call {
+	float: left;
+	width: 140px;
+}
+
+.qso_icons {
+	float: right;
+}
+
+#qsoList_wrapper th {
+	text-align: left !important;
+	white-space: nowrap;
+}
+#qsoList_wrapper td {
+	text-align: left !important;
+	white-space: nowrap;
+}
+
+#lotw_badge {
+	float: right;
+}
+
+#edit_qso:not(.btn) {
+	float: left;
+}
+
+@media (min-width: 1500px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1400px
+	}
+}
+
+@media (min-width: 1920px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1800px
+	}
+}
+
+::-webkit-scrollbar {
+	width: 12px;
+}
+
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+#map {
+	height: 500px !important;
+}
+
+#gridsquare_map {
+	height: calc(100vh - 380px) !important;
+	max-height: 900px !important;
+}
+
+@media (min-width: 992px) {
+	.modal-lg, .modal-xl {
+		max-width: 1300px;
+	}
+}
+
+.modal-body {
+	max-height: calc(100vh - 200px);
+	overflow-y: auto;
+}
+
+#mapqso {
+	height: 400px !important;
+}
+
+#qsomap {
+	height: 400px !important;
+}

assets/css/cosmo_wide/overrides.css

@@ -0,0 +1,82 @@
+/*!
+ * No overrides for the default theme as it aligns with general.css
+*/
+
+.selectize-input {
+	border-radius: 0;
+}
+
+.selectize-input {
+	border: 1px solid #ced4da;
+}
+
+.selectize-input.dropdown-active {
+	border-radius: 0;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	border-radius: 0;
+}
+
+.awardsBgDanger {
+	background-color: #f8d7db !important;
+}
+
+.awardsBgSuccess {
+	background-color: #d4edda !important;
+}
+
+@media (min-width: 1500px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1400px
+	}
+}
+
+@media (min-width: 1920px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1800px
+	}
+}
+
+::-webkit-scrollbar {
+	width: 12px;
+}
+
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+#map {
+	height: 500px !important;
+}
+
+#gridsquare_map {
+	height: calc(100vh - 380px) !important;
+	max-height: 900px !important;
+}
+
+@media (min-width: 992px) {
+	.modal-lg, .modal-xl {
+		max-width: 1300px;
+	}
+}
+
+.modal-body {
+	max-height: calc(100vh - 200px);
+	overflow-y: auto;
+}
+
+#mapqso {
+	height: 400px !important;
+}
+
+#qsomap {
+	height: 400px !important;
+}

assets/css/cyborg_wide/overrides.css

@@ -0,0 +1,228 @@
+/*!
+ * No overrides for the default theme as it aligns with general.css
+*/
+
+.awardsBgDanger a {
+	color: white;
+}
+
+.awardsBgSuccess a{
+	color: white;
+}
+
+.border-top {
+	--bs-border-color: #282828;
+}
+/*
+*	Dark Maps
+*/
+
+.leaflet-tile {
+	filter: invert() hue-rotate(180deg) grayscale(0.8) !important;
+}
+
+path.grid-rectangle {
+	stroke: rgba(200, 200, 200, 0.5);
+}
+
+span.grid-text > font {
+	color: rgba(220, 220, 220, 0.7) !important;
+	-webkit-text-stroke: 1px black !important;
+}
+
+path.grid-confirmed {
+	fill: rgba(144, 238, 144, 0.15) !important;
+	stroke: rgba(144, 238, 144, 0.15) !important;
+}
+
+path.grid-worked {
+	fill: rgba(220, 50, 50, 0.25) !important;
+	stroke: rgba(220, 50, 50, 0.25) !important;
+}
+
+#map,
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #2d3537;
+}
+
+.leaflet-popup-content h3 {
+	color: #000;
+}
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+
+.navbar.bg-light {
+	background-color: #000 !important;
+}
+
+/* Inactive Links */
+
+.navbar-light .navbar-nav .nav-link {
+	color: rgba(255, 255, 255, 0.6);
+}
+
+/* Active Links and Logo */
+
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+	color: #fff;
+}
+
+/* Hamburger Menu */
+
+.navbar-light .navbar-toggler-icon {
+	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control,
+.form-control-sm,
+.form-control:focus,
+.form-control:disabled,
+.form-select {
+	background-color: #151515;
+	color: #eeeeee;
+	border: 1px solid #333;
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+	background-color: #131313;
+}
+
+.selectize-input {
+	border: 1px solid #333333;
+}
+
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+	color: #fff;
+}
+
+.selectize-input,
+.selectize-control.single .selectize-input.input-active {
+	background: #151515;
+}
+
+.selectize-input.full {
+	background-color: #151515;
+}
+
+.selectize-input.focus {
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.selectize-dropdown .optgroup-header {
+	color: #151515;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	background: #151515;
+}
+
+.selectize-input.focus {
+	color: #282828;
+	background-color: #fff;
+	border-color: #95cfeb;
+	box-shadow: 0 0 0 0.2rem rgba(42, 159, 214, 0.25);
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	border-radius: 0;
+}
+
+#lotw_badge {
+	float: right;
+}
+
+#edit_qso:not(.btn) {
+	float: left;
+}
+
+.qso_call {
+	float: left;
+	width: 140px;
+}
+
+.qso_icons {
+	float: right;
+}
+
+#qsoList_wrapper th {
+	text-align: left !important;
+	white-space: nowrap;
+}
+#qsoList_wrapper td {
+	text-align: left !important;
+	white-space: nowrap;
+}
+
+@media (min-width: 1500px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1400px
+	}
+}
+
+@media (min-width: 1920px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1800px
+	}
+}
+
+@media (min-width: 992px) {
+	.modal-lg, .modal-xl {
+		max-width: 1300px;
+	}
+}
+
+.modal-body {
+	max-height: calc(100vh - 200px);
+	overflow-y: auto;
+}
+
+::-webkit-scrollbar {
+	width: 12px;
+}
+
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(196, 196, 196, 0.185);
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
+}
+
+#map {
+	height: 500px !important;
+}
+
+#gridsquare_map {
+	height: calc(100vh - 380px) !important;
+	max-height: 900px !important;
+}
+
+#mapqso {
+	height: 400px !important;
+}
+
+#qsomap {
+	height: 400px !important;
+}

assets/css/darkly_wide/overrides.css

@@ -0,0 +1,243 @@
+/*!
+ * No overrides for the default theme as it aligns with general.css
+*/
+
+.table {
+	--bs-table-border-color: #444444;
+	--bs-table-striped-bg: #303030;
+	--bs-table-color: #fff;
+	--bs-table-striped-color: #fff;
+	--bs-table-active-color: #fff;
+	--bs-table-hover-color: #fff;
+}
+
+.table > tbody > odd, .tabledxcc > tbody, .tablecq > tbody, #doktable > tbody, .tableiota > tbody, .tablewas > tbody, #qsoList > tbody {
+	--bs-table-accent-bg: #303030;
+}
+
+.border-top {
+	--bs-border-color: #444444;
+}
+
+.text-bg-light {
+	color: black !important;
+}
+
+.awardsBgDanger a {
+	color: white;
+}
+
+.awardsBgSuccess a{
+	color: white;
+}
+
+/*
+*	Dark Maps
+*/
+
+.leaflet-tile {
+	filter: invert() hue-rotate(180deg) grayscale(0.8) brightness(1.2) !important;
+}
+
+path.grid-rectangle {
+	stroke: rgba(200, 200, 200, 0.5);
+}
+
+span.grid-text > font {
+	color: rgba(220, 220, 220, 0.85) !important;
+	-webkit-text-stroke: 1px black !important;
+}
+
+path.grid-confirmed {
+	fill: rgba(144, 238, 144, 0.15) !important;
+	stroke: rgba(144, 238, 144, 0.15) !important;
+}
+
+path.grid-worked {
+	fill: rgba(220, 50, 50, 0.25) !important;
+	stroke: rgba(220, 50, 50, 0.25) !important;
+}
+
+#map,
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #343d3f;
+}
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+
+.bg-light {
+	background-color: #303030 !important;
+}
+
+/* Inactive Links */
+
+.navbar-light .navbar-nav .nav-link {
+	color: rgba(255, 255, 255, 0.6);
+}
+
+/* Active Links and Logo */
+
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+	color: #fff;
+}
+
+/* Hamburger Menu */
+
+.navbar-light .navbar-toggler-icon {
+	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control,
+.form-control-sm,
+.form-control:focus,
+.form-control:disabled,
+.form-select {
+	background-color: rgba(20, 20, 20, 0.5);
+	color: #eee;
+}
+
+select optgroup,
+select option {
+	background-color: #222;
+}
+
+div.alert-success a,
+div.alert-danger a,
+div.alert-danger {
+	color: #ffffff;
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+	background-color: #222222;
+}
+
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+	color: #fff;
+}
+
+.selectize-input,
+.selectize-control.single .selectize-input.input-active {
+	background: #222222;
+	color: #fff;
+}
+
+.selectize-input.full {
+	background-color: #222222;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	background: #222222;
+}
+
+.selectize-input.focus {
+	color: #444;
+	background-color: #fff;
+	border-color: #739ac2;
+	box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.25);
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	border-radius: 0;
+}
+
+#lotw_badge {
+	float: right;
+}
+
+#edit_qso:not(.btn) {
+	float: left;
+}
+
+.qso_call {
+	float: left;
+	width: 140px;
+}
+
+.qso_icons {
+	float: right;
+}
+
+#qsoList_wrapper th {
+	text-align: left !important;
+	white-space: nowrap;
+}
+#qsoList_wrapper td {
+	text-align: left !important;
+	white-space: nowrap;
+}
+
+@media (min-width: 992px) {
+	.modal-lg, .modal-xl {
+		max-width: 1300px;
+	}
+}
+
+
+
+::-webkit-scrollbar {
+	width: 12px;
+}
+
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(196, 196, 196, 0.185);
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
+}
+
+.modal-body {
+	max-height: calc(100vh - 200px);
+	overflow-y: auto;
+}
+
+@media (min-width: 1500px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1400px
+	}
+}
+
+@media (min-width: 1920px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1800px
+	}
+}
+
+#map {
+	height: 500px !important;
+}
+
+#gridsquare_map {
+	height: calc(100vh - 380px) !important;
+	max-height: 900px !important;
+}
+
+#mapqso {
+	height: 400px !important;
+}
+
+#qsomap {
+	height: 400px !important;
+}

assets/css/default_wide/overrides.css

@@ -0,0 +1,90 @@
+thead > tr > td {
+	background-color: aliceblue !important;
+}
+
+.form-select {
+	border: 1px solid #ced4da;
+}
+
+.selectize-input {
+	border: 1px solid #ced4da;
+}
+
+.awardsBgDanger {
+	background-color: #f8d7db !important;
+}
+
+.awardsBgSuccess {
+	background-color: #d4edda !important;
+}
+
+#lotw_badge {
+	float: right;
+}
+
+#edit_qso:not(.btn) {
+	float: left;
+}
+
+.qso_call {
+	float: left;
+	width: 140px;
+}
+
+.qso_icons {
+	float: right;
+}
+
+.btn {
+	white-space: normal;
+}
+
+#qsoList_wrapper th {
+	text-align: left !important;
+	white-space: nowrap;
+}
+
+#qsoList_wrapper td {
+	text-align: left !important;
+	white-space: nowrap;
+}
+
+@media (min-width: 1500px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1400px
+	}
+}
+
+@media (min-width: 1920px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1800px
+	}
+}
+
+#map {
+	height: 500px !important;
+}
+
+#gridsquare_map {
+	height: calc(100vh - 380px) !important;
+	max-height: 900px !important;
+}
+
+@media (min-width: 992px) {
+	.modal-lg, .modal-xl {
+		max-width: 1300px;
+	}
+}
+
+.modal-body {
+	max-height: calc(100vh - 200px);
+	overflow-y: auto;
+}
+
+#mapqso {
+	height: 400px !important;
+}
+
+#qsomap {
+	height: 400px !important;
+}

assets/css/superhero_wide/overrides.css

@@ -0,0 +1,230 @@
+/*!
+ * No overrides for the default theme as it aligns with general.css
+*/
+
+body {
+	background-color: #2b3e50;
+}
+
+.table {
+	--bs-table-color: #fff;
+	--bs-table-striped-color: #fff;
+	--bs-table-active-color: #fff;
+	--bs-table-hover-color: #fff;
+	--bs-table-bg: #3d4e5e;
+	--bs-table-accent-bg: #2b3e50;
+}
+
+.border-top {
+	--bs-border-color: #253544;
+}
+
+@media (min-width: 992px) {
+	.modal-lg, .modal-xl {
+		max-width: 1300px;
+	}
+}
+
+.modal-body {
+	max-height: calc(100vh - 200px);
+	overflow-y: auto;
+}
+
+/*
+*	 Maps
+*/
+
+.leaflet-tile {
+	filter: invert() hue-rotate(180deg) sepia(100%) hue-rotate(180deg) !important;
+}
+
+path.grid-rectangle {
+	stroke: rgba(200, 200, 200, 0.5);
+}
+
+span.grid-text > font {
+	color: rgba(220, 220, 220, 1) !important;
+	-webkit-text-stroke: 0.6px black !important;
+}
+
+path.grid-confirmed {
+	fill: rgba(144, 238, 144, 0.4) !important;
+	stroke: rgba(144, 238, 144, 0.4) !important;
+}
+
+path.grid-worked {
+	fill: rgba(220, 50, 50, 0.4) !important;
+	stroke: rgba(220, 50, 50, 0.4) !important;
+}
+
+#map,
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #353c4a;
+}
+
+#map {
+	height: 500px !important;
+}
+
+#mapqso {
+	height: 400px !important;
+}
+
+#qsomap {
+	height: 400px !important;
+}
+
+#gridsquare_map {
+	height: calc(100vh - 380px) !important;
+	max-height: 900px !important;
+}
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+
+.bg-light {
+	background-color: #4e5d6c !important;
+}
+
+/* Inactive Links */
+
+.navbar-light .navbar-nav .nav-link {
+	color: rgba(255, 255, 255, 0.6);
+}
+
+/* Active Links and Logo */
+
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+	color: #fff;
+}
+
+/* Hamburger Menu */
+
+.navbar-light .navbar-toggler-icon {
+	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control,
+.form-control-sm,
+.form-control:focus,
+.form-control:disabled,
+.form-select {
+	background-color: rgba(20, 41, 62, 0.6);
+	color: #fff;
+}
+
+div.alert-danger {
+	color: #ffffff;
+}
+
+::-webkit-scrollbar {
+	width: 12px;
+}
+
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+	background-color: #2b3e50;
+}
+
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+	color: #fff;
+}
+
+.selectize-input,
+.selectize-control.single .selectize-input.input-active {
+	background: #2b3d51;
+	color: #fff;
+}
+
+.selectize-input {
+	border-radius: 0;
+}
+
+.selectize-input.full {
+	background-color: #2b3d51;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	background: #737f8b;
+}
+
+.selectize-input.focus {
+	color: #495057;
+	background-color: #fff;
+	border-color: #f1b287;
+	box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
+}
+
+.selectize-input.dropdown-active {
+	border-radius: 0;
+}
+
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+	border-radius: 0;
+}
+
+.qso_call {
+	float: left;
+	width: 140px;
+}
+
+.qso_icons {
+	float: right;
+}
+
+#qsoList_wrapper th {
+	text-align: left !important;
+	white-space: nowrap;
+}
+#qsoList_wrapper td {
+	text-align: left !important;
+	white-space: nowrap;
+}
+
+#lotw_badge {
+	float: right;
+}
+
+#edit_qso:not(.btn) {
+	float: left;
+}
+
+@media (min-width: 1500px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1400px
+	}
+}
+
+@media (min-width: 1920px) {
+	.container, .container-lg, .container-md, .container-sm, .container-xl {
+		max-width: 1800px
+	}
+}