diff --git a/CSS/themes/logarr-plex.css b/CSS/themes/logarr-plex.css
new file mode 100644
index 00000000..6b6da143
--- /dev/null
+++ b/CSS/themes/logarr-plex.css
@@ -0,0 +1,3435 @@
+/* LOGARR SYLESHEET */
+/* https://github.com/Monitorr */
+
+/* Body */
+body {
+	font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;
+	background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),
+	url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-light.png") !important;
+	background-repeat: repeat, no-repeat;
+	background-attachment: fixed, fixed;
+	background-position: center center, center center;
+	background-size: auto, cover;
+	-webkit-background-size: auto, cover;
+	-moz-background-size: auto, cover;
+	-o-background-size: auto, cover;
+	background-color: rgba(0,0,0,.0) !important;
+	color:#FFFFFF !important;
+}
+
+#includedContent {
+background-color: transparent;
+background: transparent;
+}
+body {
+    opacity: 1;
+    transition: 1s opacity;
+    background-color: #00000000;
+    -webkit-font-smoothing: antialiased;
+    font-family: 'Roboto:400', sans-serif !important;
+    color: #FFFFFF;
+    padding: 10px 10px 0;
+}
+.btn {
+	font-weight: 600 !important;
+}
+body.fade-out {
+    opacity: 0;
+    transition: none;
+}
+
+:root {
+    font-size: 14px;
+}
+
+.bold {
+    font-weight: bold;
+    font-style: normal;
+}
+
+.italic {
+    font-style: italic;
+}
+
+.center {
+    text-align: center;
+}
+
+.flex {
+    display: -webkit-flex;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1em;
+}
+
+.flex-child {
+    margin: 1em;
+    -webkit-flex: 1 0 0;
+    flex: 1 0 0;
+    max-width: 135rem;
+    min-width: 50rem;
+    border-radius: 0px;
+    background-color: rgba(0, 0, 0, .15);
+}
+
+input[type=text]::-webkit-search-cancel-button {
+    -webkit-appearance: searchfield-cancel-button;
+}
+
+input[type=radio] {
+    cursor: pointer;
+}
+
+select {
+    cursor: pointer;
+}
+
+.cursorwait {
+    cursor: progress !important;
+}
+
+.cursorpoint {
+    cursor: pointer !important;
+}
+
+.cursornotallowed {
+    cursor: not-allowed !important;
+}
+
+/* SCROLL BARS */
+
+body::-webkit-scrollbar {
+    width: 14px;
+}
+
+body::-webkit-scrollbar-track {
+    background-color: rgba(0, 0, 0, 0);
+}
+
+body::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0,0%,100%,.2);
+    background-clip: padding-box;
+}
+
+/* scroll to top  */
+
+#myBtn {
+    width: 5em;
+    height: 5em;
+    display: none;
+    position: fixed;
+    bottom: 2em;
+    right: 2em;
+    border: none;
+    outline: none;
+    box-shadow: 5px 5px 15px rgb(15, 15, 15);
+    background: rgba(255, 255, 255, 0.50) url(../images/up-arrow.png) no-repeat center center;
+    background-size: 4em;
+    cursor: pointer;
+    padding: 15px;
+    border-radius: 10px;
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    transition: .5s;
+    z-index: 1000;
+}
+
+#myBtn:hover {
+    background-color: rgba(104, 2, 51, 0.5);
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    transition: .5s;
+}
+
+.slidebutton {
+    font-size: 1rem;
+}
+
+table,
+th,
+td {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+tbody {
+    background-color: transparent;
+}
+
+tr {
+    width: 100%
+}
+
+/* Titles */
+
+h1,
+h2,
+h3 {
+    color: #EEEBEC;
+    margin-top: 0;
+    text-align: center;
+}
+
+h4,
+h5,
+h6,
+.container h1 {
+    font-size: 42px;
+    font-weight: 300;
+    color: #EEEBEC;
+    margin-bottom: 40px;
+}
+
+.container h1 a:hover,
+.container h1 a:focus {
+    color: #a664b7;
+}
+
+.container p {
+    line-height: 1.6;
+}
+
+/* Top Margin */
+
+.header {
+    display: flex;
+    width: 100%;
+    table-layout: fixed;
+    margin-top: 1vw;
+}
+
+.header-login {
+    display: flex;
+    width: 24em;
+    table-layout: fixed;
+    justify-content: center;
+    text-align: center;
+    margin: 0 auto;
+    margin-top: 3vh;
+}
+
+.header-brand {
+    display: inline-block;
+    white-space: nowrap;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    font-size: 3vw;
+    color: #ffffff;
+    text-shadow: 0 0 15px #FF0104;
+    outline: 0;
+    cursor: pointer;
+}
+
+.header-brand:hover,
+.header-brand:focus {
+    color: #ffffff;
+    text-shadow: 0 0 20px #FF0104;
+    text-decoration: none;
+    outline: 0;
+}
+
+.header-brand:before,
+.header-brand:after {
+    -webkit-transition: all .2s ease-in;
+    -moz-transition: all .2s ease-in;
+    -ms-transition: all .2s ease-in;
+    -o-transition: all .2s ease-in;
+    transition: all .2s ease-in;
+}
+
+.Column {
+    display: table-cell;
+}
+
+#left {
+    float: left;
+    text-align: left;
+    vertical-align: middle;
+    width: 40%;
+    margin-left: 1em;
+    padding-bottom: 0;
+}
+
+#time {
+    text-align: left;
+    vertical-align: middle;
+}
+
+/* CLOCK */
+
+#clock {
+    display: flex;
+    position: relative;
+    flex-direction: row;
+    height: 9rem;
+    width: 17rem;
+    margin: 0;
+    padding: .5rem 1rem;
+    font-size: 1rem;
+    justify-content: center;
+    background-color: rgba(0, 0, 0, .15);
+    border-radius: 1rem;
+    box-shadow: 0px 0px 0px black;
+    text-shadow: 1px 1px black;
+    z-index: 2000;
+}
+
+#canvas {
+    margin: 0 .5rem .5rem auto;
+    width: 8rem;
+    height: 8rem;
+    font-size: 30px;
+    z-index: 1000;
+}
+
+#time {
+    display: flex;
+    flex-direction: row;
+    float: left;
+    margin: auto auto auto 3vw;
+    padding: .5rem 1rem;
+    justify-content: center;
+    background-color: rgba(0, 0, 0, .15);
+    border-radius: 8px;
+    box-shadow: 3px 3px 3px black;
+    font-size: .750rem;
+}
+
+.dtg {
+    color: #FFFFFF;
+    font-size: .9rem;
+    font-weight: 600;
+    margin: auto;
+    text-align: center;
+    cursor: default;
+}
+
+.date {
+    color: #FFFFFF;
+    font-size: 1rem;
+    font-weight: 400;
+    margin: auto;
+    text-align: center;
+    cursor: default;
+}
+
+#synctimeerror {
+    color: red;
+    position: fixed;
+    display: flex;
+    left: 2em;
+    margin: 0 auto;
+    cursor: help;
+}
+
+#line {
+    cursor: default;
+    font-size: .75em;
+    padding-bottom: .5em;
+}
+
+#logo {
+    text-align: center;
+    vertical-align: middle;
+    width: 90%;
+}
+
+#logo>img {
+    height: 8em;
+    border: 0;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: pointer;
+}
+
+#logo-icon {
+    height: 5em !important;
+    border: 0;
+    margin-right: 1em;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    /* cursor: default !important; */
+}
+
+#logo-icon-mobile {
+    height: 10vw !important;
+    border: 0;
+}
+
+#logoHeader {
+    display: flex;
+    position: relative;
+    flex-direction: row;
+    width: 17rem;
+    margin-bottom: 1rem;
+    padding: 1rem;
+}
+
+#logoHeader>img {
+    height: 8em;
+    border: 0;
+    margin: auto;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: default;
+}
+
+#logoHeaderSettings {
+    display: flex;
+    position: relative;
+    flex-direction: row;
+}
+
+#logoHeaderSettings>img {
+    height: 8em;
+    border: 0;
+    margin: auto;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: default;
+}
+
+#right {
+    text-align: right;
+    vertical-align: middle;
+    width: 40%;
+    margin-bottom: auto;
+    margin-right: 1em;
+}
+
+.righttop {
+    text-align: right;
+    margin-bottom: .5rem
+}
+
+.rightmiddle {
+    position: relative;
+    text-align: right;
+    margin-top: 3.8rem;
+    z-index: 6000;
+}
+
+#rightbottom {
+    display: flex;
+    float: right;
+    text-align: right;
+    margin-top: .75rem;
+    height: auto;
+    cursor: default;
+}
+
+/* Refresh Switch */
+
+#auto-update {
+    vertical-align: middle;
+    white-space: nowrap;
+    margin-right: .5rem;
+    color: #FFFFFF;
+    text-shadow: 1px 1px black;
+    border-radius: 6px;
+    background-color: rgba(0, 0, 0, .15);
+    box-shadow: 0px 0px 0px black;
+    padding: 0.5rem 1rem;
+    z-index: 2000;
+}
+
+.auto-updateError {
+    color: red !important;
+    cursor: not-allowed !important;
+}
+
+#buttonStart {
+    vertical-align: middle;
+    margin: 0 0.5rem;
+}
+
+#slider {
+    display: flex;
+    padding-top: 25%;
+    padding-right: 1em;
+    padding-left: .5em;
+}
+
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 24px;
+    height: 17px;
+    margin: auto;
+}
+
+.switch::before {
+    content: "";
+}
+
+.switch input {
+    display: none;
+}
+
+.slider {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    background-color: red;
+    -webkit-transition: .4s;
+    transition: .4s;
+    cursor: pointer;
+}
+
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 13px;
+    width: 13px;
+    left: 2px;
+    bottom: 2px;
+    -webkit-transition: .4s;
+    transition: .4s;
+    background: #f2f2f2 radial-gradient(circle at .1rem .1rem, white, rgb(20, 20, 20));
+}
+
+.slider[data-enabled="false"] {
+    background-color: red;
+}
+
+.slider[data-enabled="true"] {
+    background-color: green;
+}
+
+input:focus+.slider {
+    box-shadow: 0 0 1px green;
+}
+
+.slider[data-enabled="true"]:before {
+    -webkit-transform: translateX(7px);
+    -ms-transform: translateX(7px);
+    transform: translateX(7px);
+}
+
+.slider.round {
+    border-radius: 22px;
+    width: 100%;
+}
+
+.slider.round:before {
+    border-radius: 50%;
+}
+
+/* Update Button */
+
+.button2 {
+    vertical-align: middle;
+    margin-right: .5rem;
+    font-size: 1rem;
+    font-weight: 500;
+    text-align: center;
+    white-space: nowrap;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    cursor: pointer;
+    border-radius: 5px;
+    color: rgb(255, 255, 255);
+    background-color: hsla(0,0%,100%,.15) !important;
+    border: .2rem solid rgba(90, 90, 90,0);
+    outline: none;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+    box-shadow: none !important;
+}
+
+.button2:active {
+    box-shadow: 0 3px 0 black;
+}
+
+.indexBtn {
+	text-transform: uppercase;
+    -webkit-tap-highlight-color: rgba(255,255,255,15);
+}
+
+.indexBtn:active {
+    background-color: hsla(0,0%,100%,.50) !important;
+}
+
+.indexBtn:focus {
+    background-color: hsla(0,0%,100%,.50);
+}
+
+/* SEARCH */
+
+#markform {
+    position: fixed;
+    right: 0;
+    margin-right: 1.5rem;
+    padding: 1rem;
+    margin-top: -.5rem;
+    background-color: rgba(0, 0, 0, 0.15);
+    border-radius: 6px;
+    z-index: 5000;
+}
+
+mark {
+    background-color: rgba(255, 255, 255, 0.75);
+}
+
+mark.current {
+    background: orange;
+    text-shadow: none;
+}
+
+.marksearch {
+	text-transform: uppercase;
+    border: none;
+    background-color: hsla(0,0%,100%,.25);
+}
+;
+    font-size: .85rem;
+    width: 5.5em;
+}
+
+.marksearchInput {
+    color: #fff;
+    background-color: hsla(0,0%,100%,.50) !important;
+}
+
+.search-button {
+    background-color: hsla(0,0%,100%,.25));
+    font-size: .757rem;
+}
+
+.btn-primary {
+	background-color: hsla(0,0%,100%,.25) !important;
+	border-color: hsla(0,0%,100%,0) !important;
+} 
+
+
+#searchClear {
+    color: white;
+    border: 3px solid hsla(0,0%,100%,.25);
+}
+
+#searchClear:hover {
+    border-color: hsla(0,0%,100%,.50);
+}
+
+.npBtn:hover {
+    border-color: hsla(0,0%,100%,.50);
+}
+
+.logBtn {
+    background-color: #8E8B8B;
+    border: .15rem solid rgb(90, 90, 90);
+    box-shadow: none !important;
+}
+
+.logBtn:focus {
+    background-color: #8E8B8B;
+    border: .15rem solid rgb(90, 90, 90) !important;
+}
+
+#text-search2 {
+    width: 8vw;
+    min-width: 12em;
+}
+
+.text-search2-expand {
+    width: 20vw !important;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+}
+
+#text-search2:invalid~span:after {
+    position: absolute;
+    content: '!';
+    margin-top: .1rem;
+    font-size: 1.5rem;
+    color: red;
+}
+
+#text-search2:valid~span:after {
+    position: absolute;
+    content: '✓';
+    margin-top: .5rem;
+    color: green;
+}
+
+.validity {
+    position: absolute;
+    margin-left: -2.5rem;
+}
+
+input:invalid {
+    border: .2rem solid rgb(90, 90, 90);
+}
+
+input:valid {
+    border: .2rem solid rgb(90, 90, 90);
+}
+
+:not(output):-moz-ui-invalid {
+    box-shadow: none;
+}
+
+.btn-visible {
+    visibility: visible;
+}
+
+.btn-hidden {
+    visibility: hidden;
+    display: none;
+}
+.btn-primary:hover {
+	background-color: hsla(0,0%,100%,.50) !important;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+}
+
+.slide span {
+    color: #000000;
+    font-weight: 600;
+    background-color: #ff6;
+    padding: .1rem;
+}
+
+.input,
+input.form-control,
+select.form-control {
+    color: black;
+    text-align: left;
+    vertical-align: middle;
+    height: 2.5em;
+    width: 18vw;
+    max-width: 17em;
+    font-size: 1em;
+    padding-left: .5rem;
+    margin-right: .5rem;
+    border-radius: 5px;
+    background-color: rgb(225, 225, 225);
+    border: .2rem solid rgb(90, 90, 90);
+}
+
+#alpaca7 {
+    width: auto;
+    max-width: 20rem;
+}
+
+.input:hover,
+input.form-control:hover,
+select.form-control:hover {
+    border: .2rem solid #007bff;
+}
+
+#text-search2:hover~#validity {
+    display: none !important;
+    visibility: hidden !important;
+}
+
+#text-search2:focus~#validity {
+    display: none !important;
+    visibility: hidden !important;
+}
+
+.input:focus,
+input.form-control:focus,
+select.form-control:focus {
+    border: .2rem solid #007bff;
+}
+
+input[type=search]::-webkit-search-cancel-button {
+    -webkit-appearance: searchfield-cancel-button;
+    appearance: searchfield-cancel-button;
+    -moz-appearance: searchfield-cancel-button;
+    cursor: pointer;
+}
+
+.count {
+    display: none;
+    visibility: hidden;
+    text-align: center;
+}
+
+#count {
+    margin-right: 10em;
+    padding: .2rem .5rem;
+    font-size: .80rem;
+    font-weight: 600;
+    color: black;
+    white-space: nowrap;
+}
+
+#countmodal {
+    padding: 1rem 0 .5rem 0;
+    font-weight: 600;
+    color: rgba(255, 255, 0, 0.75);
+    white-space: nowrap;
+}
+
+#searchtitle {
+    margin: 0 auto;
+    text-align: center;
+    cursor: default;
+}
+
+.countresults {
+    display: inline-block !important;
+    visibility: visible !important;
+    background-color: rgba(255, 255, 0, 0.75);
+    border-radius: .2rem;
+    cursor: help;
+}
+
+/* // CHANGE ME TODO  Is this used anymore? */
+.highlight {
+    background-color: red !important;
+    color: white !important;
+    -moz-border-radius: .1rem;
+    /* FF1+ */
+    -webkit-border-radius: .1rem;
+    /* Saf3-4 */
+    border-radius: .1rem;
+    /* Opera 10.5, IE 9, Saf5, Chrome */
+    -moz-box-shadow: 0 1px .1rem rgba(0, 0, 0, 0.7);
+    /* FF3.5+ */
+    -webkit-box-shadow: 0 1px .1rem rgba(0, 0, 0, 0.7);
+    /* Saf3.0+, Chrome */
+    box-shadow: 0 1px .1rem rgba(0, 0, 0, 0.7);
+    /* Opera 10.5+, IE 9.0 */
+}
+
+.highlightterms {
+    color: red;
+    font-size: 1.2em;
+    font-weight: 600;
+}
+
+.warn {
+    padding: .1rem;
+    background-color: yellow;
+    color: black;
+    font-style: normal;
+    font-weight: 600;
+    -moz-border-radius: .1rem;
+    -webkit-border-radius: .1rem;
+    border-radius: .1rem;
+}
+
+.info {
+    padding: .1rem;
+    background-color: cyan;
+    color: black;
+    font-style: normal;
+    font-weight: 600;
+    -moz-border-radius: .1rem;
+    -webkit-border-radius: .1rem;
+    border-radius: .1rem;
+}
+
+/* Search Indicator */
+
+#submit:focus {
+    outline: none;
+}
+
+.button {
+    display: inline-block;
+    width: 5em;
+    height: 2.5rem;
+    padding: 0;
+    color: rgb(255, 255, 255);
+    font-weight: 500;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    border-radius: 4px;
+    background-color: rgba(255, 255, 255, .25);
+    border: 1px solid rgb(255, 255, 255);
+    box-shadow: none !important;
+    cursor: pointer;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+}
+
+.button:active {
+    box-shadow: 0 3px 0 black;
+}
+
+/**** LOGS ****/
+
+/* SCROLL BARS */
+
+.expand::-webkit-scrollbar {
+    width: 14px;
+}
+
+.expand::-webkit-scrollbar-track {
+    background-color: #00000000;
+}
+
+.expand::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0,0%,100%,.2);
+    background-clip: padding-box;
+}
+
+/* SLIDING DIVs */
+
+#logcontainer {
+    background-color: inherit;
+}
+
+#logwrapper {
+    background-color: inherit;
+}
+
+#logs {
+    z-index: 1000;
+}
+
+.row2 {
+    display: flex;
+    border-spacing: 0;
+    padding-top: 1em;
+    padding-right: 2em;
+    padding-left: 2em;
+}
+
+.logheader {
+    display: flex;
+    color: #EEEBEC;
+    font-size: 2em;
+    font-weight: 300;
+    text-shadow: 0 0 10px #FF0104;
+    width: auto;
+    width: -webkit-fill-available;
+    width: -moz-available;
+    white-space: nowrap;
+    margin: 0;
+    text-align: center;
+    justify-content: center;
+    vertical-align: middle;
+    cursor: default;
+}
+
+.left {
+    width: 100%;
+    margin-right: 0;
+    margin-left: 0;
+    text-align: left;
+    vertical-align: bottom;
+    padding: 8px;
+    font-size: 1em;
+    font-weight: 500;
+    color: #FFFFFF;
+}
+
+.right {
+    width: 100%;
+    margin-right: 0;
+    margin-left: 0;
+    text-align: right;
+    vertical-align: middle;
+    padding: 8px;
+    color: #FFFFFF;
+}
+
+.filesize {
+    font-size: 1em;
+    color: #FFFFFF;
+}
+
+.path {
+    font-size: calc(1em - 25%);
+    color: #FFFFFF;
+    word-break: break-word;
+}
+
+.slide {
+    border: 1px solid white;
+    margin: 0 2em 0 2em;
+    position: relative;
+}
+
+.log-buttons {
+    width: 100%;
+    position: relative;
+    margin-bottom: 1rem;
+    padding-left: 2rem;
+}
+
+.expanded {
+    height: 600px !important;
+}
+
+.log-action-button {
+	text-transform: uppercase;
+    margin-top: 1rem;
+    background-color: rgba(255, 255, 255, .25);
+    border: 0px solid rgba(255, 255, 255, 0) !important;
+    width: 6.5em;
+    white-space: nowrap;
+}
+
+.download-button {
+    width: 7.5em;
+}
+
+#unlinkform {
+    float: left;
+    margin-left: 2rem;
+}
+
+#downloadform {
+    float: left;
+}
+
+.hidden {
+    visibility: hidden !important;
+    display: none !important;
+}
+
+p {
+    text-align: left;
+    margin: 5px;
+}
+
+input[type="checkbox"] {
+    display: none;
+    visibility: hidden;
+}
+
+.expandtoggle {
+    display: block;
+    position: absolute;
+    text-align: center;
+    margin: 0;
+    right: 2em;
+    bottom: .5em;
+    padding-top: .5em;
+    background-color: rgba(255, 255, 255, 0.50);
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    width: 3em;
+    height: 3em;
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    transition: .5s;
+    cursor: pointer;
+}
+
+.expandtoggle:hover {
+    background-color: rgba(104, 2, 51, 0.400);
+    background-size: 3em;
+    -webkit-transition: .3s;
+    -moz-transition: .3s;
+    transition: .3s;
+    cursor: pointer;
+}
+
+.expandtoggle::before {
+    background: url(../images/decrease.png) no-repeat;
+    background-size: 2em;
+    content: "";
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    transition: .5s;
+    cursor: pointer;
+}
+
+.expand {
+    height: 43rem;
+    width: auto;
+    overflow: auto;
+    transition: height 0.5s;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.3);
+    word-wrap: break-word;
+    padding: 0 10px 0 10px;
+}
+
+.expandtoggle:checked~.expand {
+    height: 17rem;
+}
+
+.expandtoggle:checked~.expandtoggle::before {
+    content: "";
+    background: url(../images/increase.png) no-repeat;
+    background-size: 2em;
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    cursor: row-resize;
+}
+
+#logmissing {
+    color: red;
+    float: right;
+    margin-top: -3em;
+    margin-right: 2em;
+}
+
+#logmissingtxt {
+    display: inline-flex;
+    text-align: center;
+    margin: 0;
+}
+
+
+/* Unlink response modal: */
+
+#rolllogtitle {
+    color: white;
+    font-size: 2.5rem;
+    margin: 0 auto;
+    text-align: center;
+    cursor: default;
+}
+
+#responseModal {
+    margin: 0 auto;
+    height: 100%;
+    justify-content: center;
+    display: flex;
+    padding: 1rem;
+    font-size: 1.5rem;
+    text-align: center;
+    align-items: center;
+    overflow-y: auto;
+    z-index: 8000;
+}
+
+#modalContent {
+    color: #FFFFFF;
+    padding-bottom: 0;
+    align-items: center;
+    white-space: nowrap;
+    cursor: default;
+}
+
+.rolllogfail {
+    color: red;
+    text-shadow: 1px 1px black;
+    text-align: center;
+    font-size: 1.75rem;
+    margin-top: 1rem;
+    margin-bottom: 0;
+}
+
+.rolllogsuccess {
+    color: lightgreen;
+    text-shadow: 1px 1px black;
+    text-align: center;
+    font-size: 1.75rem;
+    margin-top: 1rem;
+    margin-bottom: 0;
+}
+
+
+/************ SETTINGS  **************/
+
+/******SETTINGS NAVBAR ********/
+
+.navbar-brand {
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    color: #ffffff;
+    text-shadow: 0 0 15px #FF0104;
+    outline: 0;
+    font-size: 3vw;
+    font-weight: 500;
+}
+
+@media screen and (min-width: 1024px) {
+    .navbar-brand {
+        font-size: 2.5rem;
+    }
+}
+
+.navbar-brand:hover,
+.navbar-brand:focus {
+    color: #ffffff;
+    text-shadow: 0 0 20px #FF0104;
+    text-decoration: none;
+    outline: 0;
+    font-weight: 500;
+}
+
+.navbar-brand:before,
+.navbar-brand:after {
+    -webkit-transition: all .2s ease-in;
+    -moz-transition: all .2s ease-in;
+    -ms-transition: all .2s ease-in;
+    -o-transition: all .2s ease-in;
+    transition: all .2s ease-in;
+}
+
+.navbar-default {
+    background-color: #1F1F1F;
+    border-color: transparent;
+    font-weight: 500;
+}
+
+.navbar-default .navbar-brand {
+    color: white;
+    font-weight: 500;
+}
+
+.navbar-default .navbar-nav>li>a {
+    color: white;
+    font-weight: 500;
+}
+
+/*     Wrappers      */
+
+#wrapper {
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    -webkit-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+    float: left;
+    margin: 0 0 1rem;
+}
+
+#sidebar-wrapper {
+    height: auto;
+    padding-top: 0;
+    padding-bottom: 1rem;
+    padding-left: .75rem;
+    background-color: rgba(0, 0, 0, .15);
+    border-radius: 1rem;
+    box-shadow: 5px 5px 5px black;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    -webkit-transition: all 0.3s ease;
+    overflow-x: hidden;
+    overflow-y: auto;
+    transition: all 0.3s ease;
+    width: 17rem;
+    z-index: 1000;
+}
+
+#sidebar-wrapper::-webkit-scrollbar {
+    display: none;
+}
+
+#page-content-wrapper {
+    padding-top: 70px;
+    width: 100%;
+}
+
+#settings-frame-wrapper {
+    margin-top: 2vh;
+    margin-left: 2vw;
+    margin-right: 2vw;
+    margin-bottom: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: white;
+    display: flex;
+    justify-content: center;
+}
+
+#info-frame-wrapper {
+    margin: 2vw;
+    margin-bottom: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: white;
+    justify-content: center;
+}
+
+/*     Sidebar nav styles        */
+
+ul.nav.sidebar-nav>li>a>i {
+    text-align: left;
+    margin-right: 0.3em;
+}
+
+.sidebar-nav li {
+    display: inline-block;
+    line-height: 20px;
+    position: relative;
+    width: 100%;
+    font-size: 1.1rem;
+}
+
+.sidebar-nav li:before {
+    background-color: #340119;
+    content: '';
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+    width: 3px;
+    z-index: -1;
+}
+
+.sidebar-nav li:first-child a:hover,
+.sidebar-nav li.sidebar-nav-item.active a {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(2):before {
+    background-color: #480123;
+}
+
+.sidebar-nav li:nth-child(2) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(3):before {
+    background-color: #530128;
+}
+
+.sidebar-nav li:nth-child(3) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(4):before {
+    background-color: #5d012d;
+}
+
+.sidebar-nav li:nth-child(4) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(5):before {
+    background-color: #680233;
+}
+
+.sidebar-nav li:nth-child(5) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(6):before {
+    background-color: #771b47;
+}
+
+.sidebar-nav li:nth-child(6) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(7):before {
+    background-color: #8d0748;
+}
+
+.sidebar-nav li:nth-child(7) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:nth-child(8):before {
+    background-color: #912157;
+}
+
+.sidebar-nav li:nth-child(8) a:hover {
+    color: white;
+    font-weight: 700;
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+}
+
+.sidebar-nav li:hover:before,
+.sidebar-nav li.sidebar-nav-item.active:before {
+    -webkit-transition: width 0.2s ease-in;
+    transition: width 0.2s ease-in;
+    width: 100%;
+}
+
+.sidebar-nav li a {
+    color: #dddddd;
+    text-shadow: 1px 1px black;
+    display: block;
+    font-size: 1rem;
+    text-decoration: none;
+    padding: .5rem .5rem .5rem .75rem;
+}
+
+.sidebar-nav li a:hover,
+.sidebar-nav li a:active,
+.sidebar-nav li a:focus,
+.sidebar-nav li.open a:hover,
+.sidebar-nav li.open a:active,
+.sidebar-nav li.open a:focus {
+    background-color: transparent;
+    color: #ffffff;
+    text-decoration: none;
+}
+
+.sidebarTitleError{
+    color: red !important;
+}
+
+/* Modals: */
+
+.logrollmodal {
+    box-shadow: 0 0 1em #181717b7;
+    border-radius: 1em;
+}
+
+.modal {
+    display: none;
+    position: fixed;
+    width: 20rem;
+    width: fit-content;
+    height: 14rem;
+    height: fit-content;
+    margin: 15% auto 0;
+    padding: 1rem 1rem .5rem;
+    color: black;
+    text-align: center;
+    align-items: center;
+    background-color: rgba(0, 0, 0, 0.750);
+    border: 1px solid #888;
+    border-radius: 4px;
+    z-index: 2000;
+}
+
+.swal2-close {
+    color: #FFFFFF !important;
+}
+
+.logupdatetoast {
+    color: #FFFFFF;
+}
+
+.logouttoast {
+    color: black;
+}
+
+.settingchange {
+    color: orange !important;
+    border-color: orange !important;
+}
+
+.swal2-icon.swal2-info {
+    color: rgba(255, 255, 0, 0.5) !important;
+    border-color: rgba(255, 255, 0, 0.5) !important;
+}
+
+.swal2-icon.swal2-warning {
+    color: orange;
+    border-color: orange;
+}
+
+.swal2-content {
+    padding: 1em;
+    width: auto;
+}
+
+.swal2-container {
+    -webkit-transition: all .8s ease;
+    -moz-transition: all .8s ease;
+    -o-transition: all .8s ease;
+    -ms-transition: all .8s ease;
+    transition: all .8s ease;
+    overflow: hidden;
+    overflow-y: hidden !important;
+}
+
+.toastlink {
+    color: white;
+}
+
+.toastlink:hover {
+    text-decoration: none;
+    color: #ffffff;
+    font-weight: 700;
+    text-shadow: 2px 2px 15px #FF0104;
+    -webkit-transition: all .2s ease;
+    -moz-transition: all .2s ease;
+    -o-transition: all .2s ease;
+    -ms-transition: all .2s ease;
+    transition: all .2s ease;
+}
+
+#reloadtitle {
+    color: yellow !important;
+    font-weight: 600;
+    margin-bottom: .5rem;
+    margin-right: 1rem;
+}
+
+#reload-btn {
+    margin-top: 3rem;
+    margin-bottom: .5rem;
+    width: 9rem;
+    cursor: pointer;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+}
+
+/* Modal Content/Box */
+
+.modal-content {
+    background-color: transparent;
+    padding: .5rem 2rem 0;
+    align-items: center;
+}
+
+/* Modal Close Button */
+
+.close {
+    color: rgb(255, 80, 80);
+    float: left;
+    font-size: 2rem;
+    font-weight: 700;
+    text-shadow: none !important;
+}
+
+.close:hover,
+.close:focus {
+    color: red;
+    text-decoration: none;
+    cursor: pointer;
+    font-weight: 900;
+}
+
+/* Tooltips: */
+
+.ui-tooltip {
+    font-size: .85em;
+    color: white;
+    width: auto;
+    padding: 5px 10px;
+    background: rgba(50, 1, 25, 0.90);
+    border: .1em solid #FFFFFF !important;
+    border-radius: .2em;
+    box-shadow: 0 0 7px black;
+    cursor: default;
+}
+
+#checkurl {
+    float: right;
+    margin-top: -12rem;
+    width: 20rem;
+    text-align: center;
+}
+
+#linkurl {
+    float: right;
+    position: relative;
+    margin-top: -5.5rem;
+    width: 20rem;
+    text-align: center;
+    z-index: 1000;
+}
+
+#checknote {
+    position: sticky;
+    width: inherit;
+    margin-top: 4rem;
+    color: grey;
+    font-size: .85rem;
+    font-style: italic;
+    cursor: default;
+    z-index: 1;
+}
+
+.alpaca-form-button {
+    color: white;
+    background-color: #8E8B8B;
+    border: .2rem solid rgb(90, 90, 90);
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+}
+
+.alpaca-form-button:hover {
+    color: white;
+    font-weight: 700;
+    background-color: #8E8B8B;
+    /* border: .2rem solid rgb(90, 90, 90); */
+}
+
+.alpaca-form-buttons-container {
+    text-align: left;
+}
+
+.alpaca-form-button-submit {
+    width: 5.5em;
+}
+
+.alpaca-form-button-submit:hover {
+    background-color: green;
+    border: .2rem solid darkgreen;
+}
+
+.alpaca-form-button-reset {
+    width: 8em;
+}
+
+.alpaca-form-button-reset:hover {
+    background-color: orange;
+    border: .2rem solid darkorange;
+}
+
+.buttonchange {
+    color: white;
+    background-color: green !important;
+    border: .2rem solid darkgreen;
+}
+
+.alpaca-array-actionbar.alpaca-array-actionbar-top {
+    margin-top: 1em;
+}
+
+.btn-group>.btn:first-child {
+    margin-left: 0;
+    background-color: rgb(200, 200, 200);
+    color: black;
+}
+
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    background-color: rgb(200, 200, 200);
+    color: black
+}
+
+.btn-group>.btn:first-child:hover {
+    background-color: rgb(150, 150, 150);
+    color: white;
+}
+
+.btn-group>.btn:not(:first-child):hover {
+    background-color: rgb(150, 150, 150);
+    color: white;
+}
+
+.btn:disabled {
+    opacity: unset !important;
+    background-color: grey !important;
+    color: black !important;
+    border: .2rem solid rgb(90, 90, 90) !important;
+    cursor: not-allowed;
+}
+
+.btn:disabled:hover {
+    background-color: grey !important;
+    color: black !important;
+    font-weight: 500 !important;
+    border: .2rem solid rgb(90, 90, 90) !important;
+    cursor: not-allowed;
+}
+
+.btn-primary.disabled {
+    opacity: unset !important;
+    background-color: grey !important;
+    color: black !important;
+    border: 1px solid rgba(255, 255, 255, 0) !important;
+    cursor: not-allowed;
+}
+
+.btn-primary.disabled:hover {
+    background-color: grey !important;
+    color: black !important;
+    font-weight: 500 !important;
+    border: .2rem solid rgb(90, 90, 90) !important;
+    cursor: not-allowed;
+}
+
+.settingscolumn {
+    float: left;
+    width: min-content;
+    height: 100%;
+    padding-top: 1rem;
+    background-color: transparent;
+}
+
+#logincolumn {
+    position: fixed;
+    float: left;
+    text-align: left;
+    vertical-align: middle;
+    margin-left: 1em;
+    padding-bottom: 0;
+    top: 15vh;
+}
+
+#settingsbrand {
+    width: 100%;
+    padding: .5rem 0 0;
+    text-align: center;
+    cursor: default;
+}
+
+.settingstitle {
+    width: 16rem;
+    margin: 0;
+    padding: 1rem 1rem .25rem;
+    background-color: transparent;
+    text-shadow: 0 0 6px #FF0104;
+    vertical-align: middle;
+    color: #ffffff;
+    text-align: center;
+    font-size: 1.5rem;
+    font-weight: 500;
+    outline: 0;
+    cursor: default;
+}
+
+#version {
+    display: block;
+    font-size: 1rem;
+    background-color: transparent;
+    cursor: default;
+    text-align: center;
+}
+
+.vcheckerror {
+    color: red;
+    font-size: 1rem;
+    font-weight: 600;
+    text-align: center;
+    max-width: 17rem;
+}
+
+#footer>p {
+    text-align: center;
+}
+
+#version>p {
+    text-align: center;
+}
+
+#includedContent {
+    float: right;
+    width: calc(100% - 20rem);
+    margin-top: 5rem;
+    height: 100%;
+}
+
+.object {
+    float: right;
+    width: 100%;
+    height: 85vh;
+}
+
+#version_check {
+    font-size: .6rem;
+    padding: .2rem;
+    width: 10em;
+    white-space: nowrap;
+}
+
+#version_check:hover {
+    font-weight: 600;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    transition: all .3s ease;
+}
+
+.version_check-update {
+    color: yellow !important;
+    border-color: yellow;
+}
+
+.version_check-update:hover {
+    color: yellow !important;
+    border-color: yellow;
+    font-weight: 600;
+}
+
+#infodata {
+    padding: 1rem;
+    font-size: .75rem;
+    margin-bottom: 1.5rem;
+    color: white;
+    background-color: rgba(0, 0, 0, .15);
+    border-radius: 1rem;
+    box-shadow: 5px 5px 5px black;
+}
+
+#infodata>.table {
+    margin-bottom: auto;
+    border-bottom: 1px solid #dee2e6;
+    cursor: default;
+}
+
+#extensions {
+    text-align: center;
+    margin: auto;
+    font-size: 1.5em;
+    cursor: default;
+}
+
+#extensiontitle {
+    color: white;
+    font-size: 2rem;
+    text-shadow: 0.1rem 0.1rem black;
+    font-weight: 600;
+    text-align: center;
+    margin: auto;
+    margin-bottom: .5rem;
+    cursor: default;
+}
+
+.extok {
+    color: white;
+    background-color: green;
+    display: inline-block;
+    text-align: center;
+    font-size: .75rem;
+    white-space: nowrap;
+    vertical-align: middle;
+    user-select: none;
+    padding: .1rem .5rem .25rem;
+    border-radius: .2rem;
+    cursor: help;
+}
+
+.extfail {
+    color: white !important;
+    background-color: red !important;
+    display: inline-block;
+    font-size: .75rem;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    user-select: none;
+    border: 1px solid transparent;
+    padding: .1rem .5rem .25rem;
+    border-radius: .2rem;
+    cursor: pointer;
+}
+
+#blank {
+    color: rgba(0, 0, 0, .15);
+    font-size: .5rem;
+}
+
+#phpContent {
+    position: inherit;
+    background: transparent;
+}
+
+.phpobject {
+    position: inherit;
+    width: 100%;
+    height: 40rem;
+}
+
+#siteform {
+    width: 100%;
+    margin-left: 5vw;
+    background-color: inherit;
+}
+
+#authenticationform {
+    width: 100%;
+    margin-left: 5vw;
+    margin-top: 10vh;
+    background-color: inherit;
+}
+
+
+#modalloading {
+    position: fixed;
+    width: 24rem;
+    left: calc(50% - 12rem);
+    top: 25%;
+    margin: 0 auto;
+    padding: 1rem;
+    color: black;
+    text-align: center;
+    align-items: center;
+    background-color: rgba(0, 0, 0, 0.750);
+    border: 1px solid #888;
+    border-radius: 4px;
+    z-index: 2000;
+    cursor: wait;
+}
+
+.modaltextloading {
+    margin-left: 2rem;
+    color: #aaa;
+    font-size: 1.5rem;
+    font-weight: 600;
+    cursor: wait;
+}
+
+#preferenceform {
+    background-color: inherit;
+    width: 95%;
+}
+
+/* Custom CSS */
+
+.customCSS {
+    padding: 0 0 0 15px;
+    width: 49%;
+    margin: 0 auto;
+}
+
+#customCSSEditor {
+    height: 22rem;
+    max-width: 100%;
+    border: .2rem solid rgb(200, 200, 200);
+}
+
+#customCSSEditor:hover {
+    border: .2rem solid #007bff;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+#customcsslabel {
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.customJS {
+    padding: 0 0 0 15px;
+    margin: 0 auto;
+    width: 49%;
+}
+
+#customJSEditor {
+    height: 22rem;
+    max-width: 100%;
+    border: .2rem solid rgb(200, 200, 200);
+}
+
+#customJSEditor:hover {
+    border: .2rem solid #007bff;
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+
+#customjslabel {
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+#tableuserprefs {
+    border-collapse: separate;
+    margin: auto;
+    width: 100%;
+}
+
+#settingstable {
+    cursor: default;
+}
+
+#tdleft {
+    width: 50%;
+}
+
+#tdright {
+    width: 50%;
+}
+
+#leftcolumn {
+    margin: auto;
+    text-align: left;
+}
+
+#rightcolumn {
+    margin: auto;
+    text-align: left;
+}
+
+.input_icon {
+    color: grey;
+    cursor: help;
+}
+
+.input_icon:hover {
+    color: yellow;
+}
+
+.alpaca-control-label {
+    font-size: 1.1rem;
+    font-weight: 600;
+    max-width: 100%;
+}
+
+.settingslabelerror {
+    color: red !important;
+}
+
+.radio {
+    width: 10rem;
+}
+
+.help-block {
+    color: grey;
+    font-style: italic;
+    padding-left: 1.5rem;
+    cursor: default;
+}
+
+.alpaca-message-stringValueTooSmall {
+    color: red;
+}
+
+.alpaca-message-stringNotANumber {
+    color: red;
+}
+
+.alpaca-message-notOptional {
+    color: red;
+}
+
+.alpaca-message-invalidPattern {
+    color: red;
+}
+
+.alpaca-message-custom {
+    color: red;
+}
+
+.alpaca-message-invalidValueOfEnum {
+    color: red;
+}
+
+.settingslabelchanged {
+    color: orange;
+}
+
+.alpaca-message-notOptional {
+    color: red;
+}
+
+.alpaca-message-stringTooLong {
+    color: red;
+}
+
+.alpaca-field-text-max-length-indicator {
+    font-style: italic;
+    cursor: default;
+}
+
+#regsettingnote {
+    color: red !important;
+    font-style: italic;
+    font-weight: 600;
+    cursor: default;
+}
+
+#authnote {
+    color: yellow !important;
+    font-style: italic;
+}
+
+#pathsettingnote {
+    color: #aaa !important;
+    font-style: italic;
+    cursor: default;
+    font-size: 1rem !important;
+}
+
+.pathsettingnotelink {
+    color: #aaa;
+    font-size: 1rem !important;
+    cursor: pointer;
+}
+
+.pathsettingnotelink:hover {
+    font-size: 1rem !important;
+}
+
+#reginfo {
+    width: 85%;
+    color: #555555;
+    background-color: inherit;
+    margin: auto;
+    text-align: center;
+    cursor: default;
+}
+
+.infotitle {
+    font-size: 1.1rem;
+    font-weight: 700;
+}
+
+.updatebtn {
+    font-size: .75rem !important;
+}
+
+.resourceimg {
+    width: auto !important;
+    height: 1.2rem !important;
+}
+
+.releasebadge {
+    height: auto !important;
+    width: auto !important;
+}
+
+.settings-title {
+    display: flex;
+    white-space: nowrap;
+    justify-content: center;
+    direction: rtl;
+    padding: .5rem 0 0;
+    position: absolute;
+    left: 0;
+    right: 0;
+    margin: auto;
+    margin-left: 20rem;
+    background-color: inherit;
+    cursor: default;
+}
+
+.transparent-background {
+    background: transparent;
+}
+
+/* Logs Configuration */
+#title_input,
+#path_input,
+#enabled_option,
+#maxLines_option,
+#autoRollSize_option,
+#category_option {
+    margin: auto;
+    width: 30rem;
+}
+
+#title_input>input,
+#path_input>input,
+#enabled_option>select,
+#maxLines_option>input,
+#autoRollSize_option>input,
+#category_option>input {
+    width: 100%;
+    max-width: 100%;
+}
+
+div[data-alpaca-container-item-name="logTitle"],
+div[data-alpaca-container-item-name="path"],
+div[data-alpaca-container-item-name="enabled"],
+div[data-alpaca-container-item-name="maxLines"],
+div[data-alpaca-container-item-name="autoRollSize"],
+div[data-alpaca-container-item-name="category"] {
+    flex-basis: 33rem;
+}
+
+#logssettings>#alpaca3>.alpaca-field-array>.alpaca-container>.alpaca-container-item>div>.alpaca-field>.alpaca-container {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 2rem 0;
+    justify-content: center;
+}
+
+.alpaca-container-item:not(:first-child) {
+    margin-top: 0;
+}
+
+.logs-input-helper {
+    color: #aaa;
+}
+
+/* Category filter navigation */
+
+#horizontal-nav {
+    text-align: center;
+}
+
+#categoryFilter {
+    text-align: center;
+    vertical-align: middle;
+    height: fit-content;
+    height: -moz-fit-content;
+    width: 20em;
+    width: fit-content;
+    width: -moz-fit-content;
+    width: -webkit-fit-content;
+    margin: auto;
+    padding: .5rem;
+    padding-top: 0;
+    border-radius: 6px;
+    background-color: rgba(0, 0, 0, .15);
+    box-shadow: 0px 0px 0px black;
+    z-index: 2000;
+}
+
+.category-item {
+    display: inline-block;
+    padding: 0.25rem;
+}
+
+.category-switch {
+    display: block;
+    margin-top: 0.2rem;
+}
+
+.category-filter-item,
+.nav-item {
+    padding: 5px 10px;
+    color: #FFFFFF;
+    text-shadow: 1px 1px black;
+    cursor: default;
+}
+
+.toolslink {
+    font-size: 0.7rem;
+    color: white;
+}
+
+.toolslink:hover {
+    color: #ffffff;
+    text-shadow: 0 0 15px #FF0104;
+}
+
+/*** Authentication ***/
+
+#registration-container,
+#login-container,
+#setup-container {
+    margin: 2rem auto;
+    width: 75%;
+    padding: 2rem;
+    padding-top: 1rem;
+}
+
+#setup-container {
+    margin-top: 5vh;
+}
+
+.warning {
+    color: yellow;
+}
+
+#login-container {
+    margin: 0 auto;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    background-color: inherit;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    margin-top: 20vh;
+}
+
+#loginbrand {
+    display: flex;
+    position: relative;
+    flex-direction: row;
+    max-width: 17rem;
+    margin: 0;
+    margin-top: -1rem;
+    margin-bottom: 1rem;
+    font-size: 1.5vw;
+    text-align: center;
+    justify-content: center;
+    cursor: pointer;
+}
+
+#logo-login {
+    text-align: center;
+    vertical-align: middle;
+}
+
+#logo-login>img {
+    height: 8em;
+    border: 0;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: default;
+}
+
+#logo>img {
+    height: 8em;
+    border: 0;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: pointer;
+}
+
+#login-form {
+    margin: auto;
+}
+
+#login-form>div {
+    margin: 1rem auto;
+    text-align: center;
+    white-space: nowrap;
+}
+
+#loginbtn {
+    width: 5em;
+    background-color: green;
+    border: .2rem solid green;
+}
+
+#loginbtn:hover {
+    background-color: green;
+    border: .2rem solid darkgreen;
+}
+
+#loginbtn.disabled {
+    color: #fff !important;
+    background-color: #007bff !important;
+    border: .2rem solid #007bff !important;
+}
+
+#returnbtn {
+    margin-left: 2rem;
+    width: 5em;
+    border: .2rem solid #007bff;
+}
+
+#returnbtn:hover {
+    background-color: #0069d9;
+    border: .2rem solid #0258b4;
+}
+
+table#regmulti>tbody>tr>td {
+    vertical-align: top;
+}
+
+#usernameinput {
+    white-space: nowrap;
+}
+
+#useremail {
+    white-space: nowrap;
+}
+
+#userpassword {
+    white-space: nowrap;
+}
+
+h5.heading {
+    color: rgb(255, 255, 255);
+    font-family: "Roboto:400", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 21px;
+    text-align: left;
+    margin-bottom: 0;
+}
+
+h2.heading {
+    margin-bottom: 1rem;
+    text-align: left;
+    text-shadow: 0 0 5px black;
+    font-weight: 600;
+    cursor: default;
+}
+
+.login-warning>p {
+    text-align: center;
+    color: red;
+    cursor: default;
+}
+
+#auto-update-status {
+    display: block;
+    position: relative;
+    border-radius: 50%;
+    height: 1.5rem;
+    width: 1.5rem;
+    margin: 0;
+    transition: all .2s ease-in-out;
+    text-shadow: 1px 1px 1px black;
+    -webkit-filter: drop-shadow(2px 2px 2px #222);
+    filter: drop-shadow(2px 2px 2px #222);
+}
+
+#auto-update-status[data-enabled="true"] {
+    background: radial-gradient(circle at .1rem .1rem, #2dff31, rgba(20, 20, 20, 0.75));
+}
+
+#auto-update-status[data-enabled="false"] {
+    background: radial-gradient(circle at .1rem .1rem, #ff0000, rgba(20, 20, 20, 0.75));
+}
+
+.unauth-container {
+    margin-top: 10vh !important;
+    margin: 2rem auto;
+    width: 75%;
+    padding: 2rem;
+}
+
+#logo-unauth {
+    text-align: center;
+    vertical-align: middle;
+}
+
+#logo-unauth>img {
+    height: 6em;
+    border: 0;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: pointer;
+}
+
+#regerror {
+    color: red;
+    font-size: 1.5em;
+    text-align: center;
+    cursor: default;
+}
+
+.regerror {
+    color: red;
+    font-size: 1.25em;
+    padding: .5em;
+    cursor: default;
+}
+
+.regsuccess {
+    color: lightgreen;
+    font-size: 1.25em;
+    padding: .5em;
+    cursor: default;
+}
+
+.fv-error {
+    border: .2rem solid #e74c3c !important;
+}
+
+.fv-error-message {
+    color: #e74c3c;
+    margin-bottom: 1%;
+    font-size: 1em;
+    cursor: default;
+}
+
+#regbody {
+    color: white;
+    font-size: 1em;
+    margin-top: 1em;
+    cursor: default;
+}
+
+.reglink {
+    color: white;
+    cursor: pointer;
+    font-size: 1em !important;
+}
+
+
+/*** Registration ***/
+
+.flex-grid {
+    display: flex;
+}
+
+.flex-grid {
+    display: flex;
+}
+
+.flex-grid .col {
+    flex: 1;
+}
+
+.flex-grid-thirds {
+    display: flex;
+    justify-content: space-between;
+}
+
+.flex-grid-thirds .col {
+    width: 32%;
+}
+
+#registration-title {
+    display: flex;
+    white-space: nowrap;
+    float: left;
+    font-size: 4rem;
+    text-shadow: 0 0 5px #FF0104;
+    margin: auto;
+    background-color: inherit;
+    cursor: default;
+}
+
+#logo-reg {
+    vertical-align: middle;
+}
+
+#logo-reg>img {
+    height: 6em;
+    border: 0;
+    float: right;
+    filter: drop-shadow(.2rem .2rem .2rem black);
+    -webkit-filter: drop-shadow(.2rem .2rem .2rem black);
+    cursor: default;
+}
+
+#reginstructions {
+    background-color: inherit;
+}
+
+#userform {
+    margin-top: 1em;
+    margin-bottom: 1em;
+    cursor: default;
+}
+
+.setupheader {
+    margin-bottom: 1.5rem !important;
+}
+
+#datadirform {
+    margin: 1em;
+}
+
+#configpath {
+    margin-left: 0;
+    margin-top: .5rem;
+}
+
+#datadirbtn {
+    width: 6em;
+}
+
+#usernext {
+    width: 6em;
+    margin-left: 1rem;
+    background-color: green;
+}
+
+#usernext:hover {
+    color: white;
+    font-weight: 700;
+    border: .2rem solid darkgreen;
+}
+
+#datadirwarn {
+    margin: .5rem;
+    font-weight: 600;
+    cursor: default;
+}
+
+.dockerwarn {
+    color: yellow;
+    font-weight: 800;
+}
+
+.dockerinput {
+    cursor: not-allowed;
+    background-color: lightgrey;
+    border: none
+}
+
+.dockerinput:hover {
+    border: none;
+}
+
+
+/*** Mobile fixes ***/
+
+@media only screen and (max-width: 768px) {
+
+    body {
+        padding: 1rem !important;
+    }
+
+    /** Start index page (logs) **/
+    .flex-child {
+        max-width: 90%;
+        min-width: 90%;
+        width: 90%;
+    }
+
+    .header {
+        display: block;
+        table-layout: auto;
+        margin-bottom: 1rem;
+    }
+
+    #brand {
+        display: none;
+        visibility: hidden;
+    }
+
+    #logo-icon {
+        display: none;
+        visibility: hidden;
+    }
+
+    #logo-icon-mobile {
+        display: unset !important;
+        visibility: visible !important;
+    }
+
+    .Column {
+        display: block;
+    }
+
+    #left {
+        position: absolute;
+        width: auto;
+        margin-top: 2vh;
+        margin-left: 1rem;
+        top: 0;
+        left: 0;
+    }
+
+    .left {
+        font-size: .75em;
+    }
+
+    #clock {
+        height: auto;
+        width: auto;
+        max-width: 8rem;
+        margin: 0;
+        border-radius: .3rem;
+        box-shadow: 2px 2px 2px black;
+    }
+
+    .dtg {
+        font-size: .75rem;
+    }
+
+    #canvas {
+        visibility: hidden;
+        display: none;
+    }
+
+    #line {
+        visibility: hidden;
+        display: none;
+    }
+
+    .date {
+        visibility: hidden;
+        display: none;
+    }
+
+    #dateRight {
+        visibility: visible !important;
+        position: absolute;
+        display: flex !important;
+        float: right;
+        width: auto;
+        max-width: 8rem;
+        height: auto;
+        vertical-align: middle;
+        justify-content: center;
+        top: 0;
+        right: 0;
+        margin-top: 2vh;
+        margin-right: 1rem;
+        padding: .5rem 1rem;
+        color: #FFFFFF;
+        font-size: .75rem;
+        font-weight: 600;
+        text-align: center;
+        background-color: rgba(0, 0, 0, .15);
+        border-radius: .3rem;
+        box-shadow: 2px 2px 2px black;
+        text-shadow: 1px 1px black;
+        cursor: default;
+    }
+
+
+    #logincolumn {
+        display: none;
+    }
+
+    #login-container {
+        margin-top: 10vh;
+    }
+
+    #logo {
+        width: auto;
+        margin: 0 auto;
+    }
+
+    #logo-login>img {
+        height: 6em;
+    }
+
+    #right {
+        width: 100%;
+        margin-top: 2rem;
+        text-align: center;
+    }
+
+    .rightmiddle {
+        text-align: center;
+        margin-top: 1rem;
+    }
+
+    #rightbottom {
+        display: inline-block;
+        float: none;
+    }
+
+    .logheader {
+        display: flex;
+        font-size: 1.5em;
+        margin: auto;
+        white-space: normal;
+    }
+
+    #logmissingtxt {
+        display: none;
+        visibility: hidden;
+    }
+
+    #markform {
+        position: relative;
+        padding: 0;
+        margin-right: 0;
+        text-align: center;
+        width: 95vw;
+    }
+
+    .expand {
+        font-size: .75rem;
+    }
+
+    .marksearch {
+        font-size: .7rem;
+        width: auto;
+    }
+
+    .search-button {
+        font-size: .40rem;
+    }
+
+    .indexBtn {
+        background-color: #8E8B8B;
+        border: .2rem solid rgb(90, 90, 90);
+    }
+
+    .indexBtn:hover {
+        background-color: #8E8B8B;
+        border: .15rem solid rgb(90, 90, 90) !important;
+    }
+
+    .npBtn {
+        border: .15rem solid rgb(90, 90, 90);
+    }
+
+    .logBtn {
+        border: .15rem solid rgb(90, 90, 90);
+        box-shadow: none !important;
+    }
+
+    .filesize {
+        font-size: .75em;
+    }
+
+    .input,
+    input.form-control,
+    select.form-control {
+        width: 100%;
+    }
+
+    #count {
+        margin-right: 0;
+    }
+
+    .validity {
+        margin-left: -3rem;
+    }
+
+    #modalContent {
+        font-size: 1rem !important;
+        white-space: normal;
+    }
+
+    .rolllogfail {
+        font-size: 1rem !important;
+    }
+
+    .rolllogsuccess {
+        font-size: 1rem !important;
+    }
+
+    /** End index page (logs) **/
+
+    /** Start settings page**/
+
+    .settingscolumn {
+        float: none;
+        padding-top: 0;
+        text-align: center;
+        height: auto;
+    }
+
+    #settings-page-title {
+        cursor: default !important;
+    }
+
+    #settingsbrand {
+        width: 100%;
+    }
+
+    .Column.left {
+        display: none;
+    }
+
+    #sidebar-wrapper {
+        width: 100%;
+    }
+
+    .settingstitle {
+        width: 100%;
+    }
+
+    #version {
+        display: none;
+    }
+
+    .settings-title {
+        position: relative;
+        display: block;
+        white-space: normal;
+        text-align: center;
+        direction: ltr;
+        left: auto;
+        right: auto;
+    }
+
+    .alpaca-field-object {
+        justify-content: center;
+        margin: auto;
+    }
+
+    #tdleft,
+    #tdright {
+        width: 100%;
+        display: block;
+    }
+
+    #title_input,
+    #path_input,
+    #enabled_option,
+    #maxLines_option,
+    #autoRollSize_option,
+    #category_option {
+        width: 100%;
+    }
+
+    .alpaca-array-actionbar.alpaca-array-actionbar-top>button {
+        margin-top: 1rem;
+    }
+
+    /** End settings page**/
+}
+
+/* Info page frames: */
+
+object {
+    width: 100%;
+    height: 100%;
+}
+
+#infoframe {
+    position: fixed;
+    width: 95%;
+    height: 60vh;
+}
+
+.frametd {
+    height: 100%;
+}
+
+.version {
+    background-color: rgba(0, 0, 0, .15);
+    width: 100%;
+    height: 100%;
+    float: left;
+}
+
+#versioncontent {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, .15);
+}
+
+#versionHistory {
+    margin: 1rem;
+    padding-left: 1rem;
+    background-color: inherit;
+    font-size: 1rem;
+    color: white;
+    text-align: left;
+}
+
+#release {
+    background-color: #3d3d3d
+}
+
+#releaseWrapper {
+    max-width: 100rem;
+    margin: auto;
+    margin-bottom: 3rem;
+    background-color: inherit;
+}
+
+.releaseHeader {
+    text-align: center;
+    margin-bottom: 0;
+}
+
+.releaseHeader a {
+    vertical-align: middle;
+    font-size: 2rem;
+    font-weight: 700;
+    text-shadow: 0.1rem 0.1rem black;
+    cursor: default;
+    color: white;
+}
+
+.releaseName {
+    display: block;
+    font-size: 1.5rem;
+    color: white;
+    font-weight: 600;
+    cursor: default;
+}
+
+.releasetime {
+    display: block;
+    margin-bottom: 1rem;
+    font-style: italic;
+    cursor: default;
+}
+
+.releaseBody {
+    padding-left: 1rem;
+}
+
+.releaseBody>h1,
+.releaseBody>h2,
+.releaseBody>h3,
+.releaseBody>h4,
+.releaseBody>h5,
+.releaseBody>h6 {
+    text-align: left;
+    font-size: 1.5em;
+}
+
+.releasehr {
+    color: #555;
+    border-color: #555;
+    background-color: #555;
+    box-shadow: 0.05rem 0.05rem black;
+}
+
+.releaselink {
+    font-weight: 600;
+    color: #ffffff;
+}
+
+.releaselink:hover {
+    color: #ffffff;
+    text-shadow: 0 0 1rem #FF0104;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.php {
+    width: 100%;
+    height: 100%;
+    float: right;
+}
+
+#phpcontent {
+    width: 100%;
+    height: 100%;
+}
+
+.github-item>h2 {
+    text-align: left;
+}
+
+.updatelink {
+    text-align: center;
+    font-size: 1rem;
+    text-decoration: none;
+    color: yellow;
+}
+
+.updatelink:hover {
+    text-decoration: none;
+    color: yellow;
+    text-shadow: 0 0 15px #FF0104;
+    -webkit-transition: all .2s ease;
+    -moz-transition: all .2s ease;
+    -o-transition: all .2s ease;
+    -ms-transition: all .2s ease;
+    transition: all .2s ease;
+}
+
+/* Footer */
+
+#version_check_auto {
+    cursor: default;
+}
+
+.version_check_info {
+    display: inline-flex;
+    padding: 0;
+    margin: 0 auto;
+    margin-left: 1em;
+}
+
+.loginversion {
+    position: fixed;
+    width: 100%;
+    max-width: 17rem;
+    margin: 0;
+    margin-top: 1rem;
+    font-size: 2em;
+    text-align: center;
+    justify-content: center;
+    cursor: default;
+}
+
+#footer {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 1rem;
+    text-align: center;
+    color: #555555;
+    font-size: 1rem;
+    z-index: -1;
+}
+
+.settings-footer {
+    margin-left: 20rem;
+}
+
+.footer {
+    text-align: center;
+    font-size: 1rem;
+    text-decoration: none;
+}
+
+.footer:hover {
+    text-decoration: none;
+    color: #ffffff;
+    font-size: 1.2rem;
+    font-weight: 400;
+    text-shadow: 0 0 15px #FF0104;
+    -webkit-transition: all .2s ease;
+    -moz-transition: all .2s ease;
+    -o-transition: all .2s ease;
+    -ms-transition: all .2s ease;
+    transition: all .2s ease;
+}
+
+a {
+    color: #555555;
+    font-size: 1rem;
+    text-shadow: none;
+    font-weight: 300;
+    text-decoration: none;
+}
+
+.notification {
+    width: 100%;
+    text-align: center;
+    color: #555555;
+    font-size: .75rem;
+    cursor: default;
+}
+
+/* Progress Bar */
+
+.pace {
+    -webkit-pointer-events: none;
+    pointer-events: auto;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: auto;
+}
+
+.pace-inactive {
+    display: none;
+}
+
+.pace .pace-progress {
+    background: #680233;
+    position: fixed;
+    z-index: 2000;
+    top: 0;
+    right: 100%;
+    width: 100%;
+    height: 8px;
+}
+
+.pace .pace-progress-inner {
+    display: block;
+    position: absolute;
+    right: 0px;
+    width: 100px;
+    height: 100%;
+    box-shadow: 0 0 10px #680233, 0 0 5px #680233;
+    opacity: 1.0;
+    -webkit-transform: rotate(3deg) translate(0px, -4px);
+    -moz-transform: rotate(3deg) translate(0px, -4px);
+    -ms-transform: rotate(3deg) translate(0px, -4px);
+    -o-transform: rotate(3deg) translate(0px, -4px);
+    transform: rotate(3deg) translate(0px, -4px);
+}
+
+.pace .pace-activity {
+    display: block;
+    position: fixed;
+    z-index: 2000;
+    top: 15px;
+    right: 15px;
+    width: 14px;
+    height: 14px;
+    border: solid 2px transparent;
+    border-top-color: #680233;
+    border-left-color: #680233;
+    border-radius: 10px;
+    -webkit-animation: pace-spinner 400ms linear infinite;
+    -moz-animation: pace-spinner 400ms linear infinite;
+    -ms-animation: pace-spinner 400ms linear infinite;
+    -o-animation: pace-spinner 400ms linear infinite;
+    animation: pace-spinner 400ms linear infinite;
+}
+
+/*** Begin Steppers ***/
+
+ul.stepper {
+    counter-reset: section;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.stepper-horizontal {
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+}
+
+ul.stepper>li:not(:last-of-type) {
+    margin-bottom: .625rem;
+    -webkit-transition: margin-bottom .4s;
+    -o-transition: margin-bottom .4s;
+    transition: margin-bottom .4s;
+}
+
+.stepper-horizontal>li:not(:last-of-type) {
+    margin-bottom: 0 !important;
+}
+
+.stepper-horizontal li:not(:last-child)::after {
+    content: "";
+    position: relative;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    margin: .5rem 0 0 0;
+    height: 1px;
+    background-color: rgba(255, 255, 255, 0.65);
+}
+
+.stepper-horizontal li:not(:first-child)::before {
+    content: "";
+    position: relative;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    margin: .5rem 0 0 0;
+    height: 1px;
+    background-color: rgba(255, 255, 255, 0.65);
+}
+
+.stepper-horizontal li {
+    -webkit-transition: .5s;
+    -o-transition: .5s;
+    transition: .5s;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    position: relative;
+    cursor: default !important;
+}
+
+.stepper-horizontal li:hover {
+    background-color: rgba(0, 0, 0, .06);
+    cursor: pointer;
+}
+
+.stepper-horizontal li a:hover {
+    text-decoration: none;
+    font-weight: 700;
+}
+
+ul.stepper li a {
+    text-shadow: 0 0 5px black;
+    padding: 1.5rem;
+    text-align: center;
+    cursor: default;
+}
+
+.primary-color,
+li.active a .circle,
+ul.stepper li.completed a .circle {
+    background-color: #4285f4;
+} 
+
+
+ul.stepper li a .circle {
+    display: inline-block;
+    color: #fff;
+    -webkit-border-radius: 50%;
+    border-radius: 50%;
+    /* background: rgba(0, 0, 0, .38); */
+    width: 1.75rem;
+    height: 1.75rem;
+    text-align: center;
+    line-height: 1.7rem;
+    margin-right: .5rem;
+    background-color: red;
+}
+
+.circle.active {
+    background-color: #4285f4;
+}
+
+.circle.completed {
+    background-color: lightgreen;
+}
+
+.circlecomplete {
+    background: lightgreen !important;
+    background-color: lightgreen !important;
+}
+
+.circlenotcomplete {
+    background: red;
+    background-color: red !important;
+}
+
+ul.stepper li.active {
+    background-color: rgba(0, 0, 0, .06);
+}
+
+ul.stepper li.active a .label,
+ul.stepper li.completed a .label {
+    font-weight: 600;
+    color: rgba(255, 255, 255, .6);
+}
+
+ul.stepper li a .label {
+    font-weight: 600;
+    display: inline-block;
+    color: rgba(255, 255, 255, .6);
+}
+
+.stepper-horizontal li a .label {
+    margin-top: .63rem;
+}
+
+.danger-color,
+ul.stepper li.warning a .circle {
+    background-color: #ff3547 !important;
+}
+
+ul.stepper li.success a .circle {
+    background-color: #43A047;
+}
+
+.setup {
+    background-color: inherit;
+}
+
+#setup-icon {
+    width: 20vw !important;
+    max-width: 25rem;
+    display: flex;
+    filter: drop-shadow(.1rem .1rem .1rem black);
+    -webkit-filter: drop-shadow(.1rem .1rem .1rem black);
+    text-align: center;
+    margin: 0 auto;
+    cursor: default !important;
+}
+
+#setupcomplete {
+    margin: 1rem;
+    color: lightgreen;
+    font-size: 2rem;
+    font-weight: 600;
+    text-align: center;
+    text-shadow: 0 0 5px black;
+    cursor: default;
+}
+
+#setupreload {
+    color: yellow;
+    font-size: 1.2rem;
+    font-weight: 600;
+    text-align: center;
+    text-shadow: 0 0 5px black;
+    margin: 1rem;
+    cursor: default;
+}
+
+#datadirstep {
+    cursor: pointer;
+}
+
+#registerbtn {
+    width: 6.5rem;
+    border-color: #0062cc;
+}
+
+.setupBtn:focus {
+    box-shadow: none;
+}
+
+.setupBtn:valid {
+    border: .2rem solid #0062cc;
+}
+
+/*** End Steppers ***/
+
+@-webkit-keyframes pace-spinner {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@-moz-keyframes pace-spinner {
+    0% {
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@-o-keyframes pace-spinner {
+    0% {
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@-ms-keyframes pace-spinner {
+    0% {
+        -ms-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -ms-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes pace-spinner {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+    }
+    99% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    99% {
+        transform: rotate(360deg);
+    }
+}
+
+#draggable {
+    width: 3rem;
+}
diff --git a/README.md b/README.md
index 90baafb8..18374686 100644
--- a/README.md
+++ b/README.md
@@ -418,6 +418,18 @@ And add this in custom HTML in Organizr:
 
 ***
 
+# Logarr (alpha only) (WIP)
+
+Custom [Logarr](https://github.com/Monitorr/logarr/tree/alpha) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr).
+
+![](https://raw.githubusercontent.com/goldenpipes/theme.park/master/Screenshots/logarr-plex.png)
+
+Install via subfilter, logarr custom css, or by over writing the default 'logarr.css' in your `webserver/logarr/css` directory.
+
+#### the css is named `logarr-plex.css`
+
+***
+
 # Filebrowser - Dark Theme
 
 Custom [Filebrowser](https://github.com/filebrowser/filebrowser) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr).
diff --git a/Screenshots/logarr-plex.png b/Screenshots/logarr-plex.png
new file mode 100644
index 00000000..8d251435
Binary files /dev/null and b/Screenshots/logarr-plex.png differ