body {
	color:#000;
	background:#DDD;
	font-family:Arial, Helvetica, sans-serif;
}
.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
body.night {
	color:#ddd;
	background:#222;
}

input.btn-check:checked + label {
    outline: 4px solid rgba(255,0,0,1) !important;
}
body.night input.btn-check:checked + label {
    outline: 4px solid rgba(255,255,0,1) !important;
}

input[type=range] {
    pointer-events: none;
}
input[type=range]::-webkit-slider-thumb {
    pointer-events:auto;
}
[contenteditable][placeholder]:empty:before {
    content: attr(placeholder);
    position: absolute;
    color: gray;
    background-color: transparent;
}
.maxwide {
    max-width:600px;
}
path.hseparator {
	stroke:#fff;
	stroke-width:0.3;
	fill:none;
}
path.vseparator {
	fill:#fff;
}
.nav-link {
	color:#000;
}
#menu {
	background:#fff;
	z-index:1;
}
path.line, rect.line {
	stroke:#000;
	fill:none;
}
.text-white path.line, .text-white rect.line {
	stroke:#fff;
}
path.arrow {
	fill:none;
	stroke:#F00;
	stroke-width:10;
	opacity:0.5;
}
circle.arrow {
	fill:#FF000055;
}
path.fill {
	fill:#000;
}
rect.square {
	fill:#fff;
}
rect.square-sel {
	fill:#bbb;
}
svg.hlider path.line {
	stroke:#888;
}
svg.hlider path.fill {
	fill:#888;
}
svg.hlider rect.fill {
	fill:#888;
}
svg.hlider path.fill2 {
	fill:#AAA;
}
.iconNight {
	opacity:0.5;
}
.btn-txt {
	border:0;
	padding-top:0;
	padding-bottom:0;
	padding-left:0.125rem;
	padding-right:0.125rem;
	margin-top:-0.25rem;
}
.form-switch {
    padding-left: 3.5em;
    line-height:1.5em;
}
.form-switch .form-check-label {
    margin-top:0.25em;
}
.form-switch .form-check-input {
    width: 3em;
    height: 1.5em;
    margin-left: -3.5em;
}

body .night {
    display:none;
}
body.night .night {
    display:block;
}
body .light {
    display:block;
}
body.night .light {
    display:none;
}

body.night .iconNight {
	opacity:1;
}
body.night .iconLight {
	opacity:0.5;
}

/*.form-range::-webkit-slider-thumb:active{background-color:#888}
.form-range::-moz-range-thumb:active{background-color:#888}
.form-range::-webkit-slider-thumb{background-color:#AAA;}*/

body.night select {
	background:none;
	color:#fff;
}
body.night button.select-sort {
	color:#fff;
}
body.night button.bg-transparent {
	color:#fff;
}
body.night .nav-link {
	color:#fff;
}
body.night #menu {
	background:#000;
}
body.night .list-group-item {
	color:#fff;
	background:#444;
}
body.night .list-group .line {
	stroke:#fff;
}
body.night path.line, body.night rect.line {
	stroke:#888;
}
body.night path.fill {
	fill:#888;
}
body.night rect.fill {
	fill:#fff;
}
body.night path.hseparator {
	stroke:#888;
	fill:none;
}
body.night path.vseparator {
	fill:#888;
}
body.night text[fill="#000"] {
	fill:#ccc;
}
body.night text {
	fill:#888;
}
body.night rect.square {
	fill:#444;
}
body.night rect.square-sel {
	fill:#000;
}
body.night path.arrow {
	stroke:#ff0;
}
body.night circle.arrow {
	fill:#FFFF0055;
}
button:focus {
	outline:0;
}
.form-control:focus {
	box-shadow:none;
}
body.night .form-control::placeholder{
	color:#aaa;
}
body.night .btn-light {
    color:#fff;
    background:#444;
	border-color:#000;
}
body.night .btn-outline-dark {
	color:#fff;
	border-color:#fff;
}
body.night .btn-warning {
	color:#000;
}
body.night .form-control {
	color:#fff;
	background:#444;
	border-color:#000;
}
body.night .card {
    background:#444;
}

.select-add {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23000000' stroke-width='2' d='M3 12h18M12 3v18'/%3e%3c/svg%3e");
	background-size:20px 20px;
	background-position:right 9px center;
}
body.night .form-select {
    border-color:#000;
	background:#444;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;
}
body.night .select-add {
	background:#444;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23ffffff' stroke-width='2' d='M3 12h18M12 3v18'/%3e%3c/svg%3e");
	background-size:20px 20px;
	background-position:right 9px center;
	background-repeat: no-repeat;
}
.select-sort:focus {
	border-radius:.25em;
	box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
}