:root {
    --bg-main: #1e1e2f;
    --bg-secondary: #12131f;
    --bg-secondary-disabled: #191825;
    --bg-contrast: #181a30;
    --accent: rgb(225 78 202);
    --accent-dimmed: rgb(225 78 202 / 50%);
    --accent-disabled: rgb(85, 39, 97);
    --disabled: #7a7579;
    --kurva-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='https://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1031%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(30%2c 30%2c 47%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c913.705C171.881%2c913.093%2c223.316%2c663.944%2c358.332%2c557.576C475.033%2c465.637%2c674.794%2c471.47%2c734.194%2c335.295C793.699%2c198.88%2c666.536%2c54.481%2c641.802%2c-92.277C617.877%2c-234.235%2c657.79%2c-384.689%2c591.328%2c-512.389C516.076%2c-656.978%2c406.348%2c-805.533%2c248.81%2c-847.37C91.742%2c-889.082%2c-55.358%2c-764.78%2c-213.185%2c-726.04C-380.629%2c-684.939%2c-580.506%2c-729.752%2c-707.124%2c-612.727C-835.329%2c-494.235%2c-870.113%2c-298.745%2c-864.286%2c-124.266C-858.924%2c36.284%2c-771.64%2c179.554%2c-676.347%2c308.877C-594.809%2c419.532%2c-462.436%2c468.509%2c-359.977%2c560.134C-232.012%2c674.567%2c-171.667%2c914.316%2c0%2c913.705' fill='%23181826'%3e%3c/path%3e%3cpath d='M1920 1717.909C2057.428 1741.383 2213.426 1794.435 2329.783 1717.635 2446.173 1640.813 2428.622 1465.4850000000001 2491.232 1340.873 2557.189 1209.6 2702.612 1113.69 2707.009 966.845 2711.547 815.279 2613.29 679.899 2514.467 564.891 2415.358 449.549 2297.048 321.37699999999995 2145.204 313.025 1995.093 304.76800000000003 1898.095 472.654 1756.509 523.2 1627.1 569.399 1474.979 520.313 1358.845 593.756 1225.137 678.313 1087.4279999999999 800.5319999999999 1069.434 957.707 1051.453 1114.762 1168.664 1255.198 1269.147 1377.234 1352.8139999999999 1478.848 1474.665 1530.452 1591.283 1591.493 1697.442 1647.059 1801.889 1697.7350000000001 1920 1717.909' fill='%23242438'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1031'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

[data-theme="blue"] {
    --bg-main: #002B53;
    --bg-secondary: #173E63;
    --bg-secondary-disabled: #191825;
    --bg-contrast: #0e2f4f;
    --accent: rgb(0 132 252);
    --accent-dimmed: rgb(0 132 252/ 50%);
    --accent-disabled: rgb(2, 56, 105);
    --disabled: #7a7579;
    --kurva-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='https://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1031%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(0%2c 43%2c 83%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c913.705C171.881%2c913.093%2c223.316%2c663.944%2c358.332%2c557.576C475.033%2c465.637%2c674.794%2c471.47%2c734.194%2c335.295C793.699%2c198.88%2c666.536%2c54.481%2c641.802%2c-92.277C617.877%2c-234.235%2c657.79%2c-384.689%2c591.328%2c-512.389C516.076%2c-656.978%2c406.348%2c-805.533%2c248.81%2c-847.37C91.742%2c-889.082%2c-55.358%2c-764.78%2c-213.185%2c-726.04C-380.629%2c-684.939%2c-580.506%2c-729.752%2c-707.124%2c-612.727C-835.329%2c-494.235%2c-870.113%2c-298.745%2c-864.286%2c-124.266C-858.924%2c36.284%2c-771.64%2c179.554%2c-676.347%2c308.877C-594.809%2c419.532%2c-462.436%2c468.509%2c-359.977%2c560.134C-232.012%2c674.567%2c-171.667%2c914.316%2c0%2c913.705' fill='%23023869'%3e%3c/path%3e%3cpath d='M1920 1717.909C2057.428 1741.383 2213.426 1794.435 2329.783 1717.635 2446.173 1640.813 2428.622 1465.4850000000001 2491.232 1340.873 2557.189 1209.6 2702.612 1113.69 2707.009 966.845 2711.547 815.279 2613.29 679.899 2514.467 564.891 2415.358 449.549 2297.048 321.37699999999995 2145.204 313.025 1995.093 304.76800000000003 1898.095 472.654 1756.509 523.2 1627.1 569.399 1474.979 520.313 1358.845 593.756 1225.137 678.313 1087.4279999999999 800.5319999999999 1069.434 957.707 1051.453 1114.762 1168.664 1255.198 1269.147 1377.234 1352.8139999999999 1478.848 1474.665 1530.452 1591.283 1591.493 1697.442 1647.059 1801.889 1697.7350000000001 1920 1717.909' fill='%23173e63'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1031'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

[data-theme="purple"] {
    --bg-main: #1e1e2f;
    --bg-secondary: #12131f;
    --bg-secondary-disabled: #191825;
    --bg-contrast: #181a30;
    --accent: rgb(225 78 202);
    --accent-dimmed: rgb(225 78 202 / 50%);
    --accent-disabled: rgb(85, 39, 97);
    --disabled: #7a7579;
    --kurva-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='https://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1031%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(30%2c 30%2c 47%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c913.705C171.881%2c913.093%2c223.316%2c663.944%2c358.332%2c557.576C475.033%2c465.637%2c674.794%2c471.47%2c734.194%2c335.295C793.699%2c198.88%2c666.536%2c54.481%2c641.802%2c-92.277C617.877%2c-234.235%2c657.79%2c-384.689%2c591.328%2c-512.389C516.076%2c-656.978%2c406.348%2c-805.533%2c248.81%2c-847.37C91.742%2c-889.082%2c-55.358%2c-764.78%2c-213.185%2c-726.04C-380.629%2c-684.939%2c-580.506%2c-729.752%2c-707.124%2c-612.727C-835.329%2c-494.235%2c-870.113%2c-298.745%2c-864.286%2c-124.266C-858.924%2c36.284%2c-771.64%2c179.554%2c-676.347%2c308.877C-594.809%2c419.532%2c-462.436%2c468.509%2c-359.977%2c560.134C-232.012%2c674.567%2c-171.667%2c914.316%2c0%2c913.705' fill='%23181826'%3e%3c/path%3e%3cpath d='M1920 1717.909C2057.428 1741.383 2213.426 1794.435 2329.783 1717.635 2446.173 1640.813 2428.622 1465.4850000000001 2491.232 1340.873 2557.189 1209.6 2702.612 1113.69 2707.009 966.845 2711.547 815.279 2613.29 679.899 2514.467 564.891 2415.358 449.549 2297.048 321.37699999999995 2145.204 313.025 1995.093 304.76800000000003 1898.095 472.654 1756.509 523.2 1627.1 569.399 1474.979 520.313 1358.845 593.756 1225.137 678.313 1087.4279999999999 800.5319999999999 1069.434 957.707 1051.453 1114.762 1168.664 1255.198 1269.147 1377.234 1352.8139999999999 1478.848 1474.665 1530.452 1591.283 1591.493 1697.442 1647.059 1801.889 1697.7350000000001 1920 1717.909' fill='%23242438'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1031'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

}

button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled, input.dt-button.disabled, button.dt-button.buttons-selected.buttons-edit.disabled, button.dt-button.buttons-selected.buttons-remove.disabled, .buttons-remove.disabled, .buttons-edit.disabled {
    cursor: not-allowed;
    color: #666;
    border: 1px solid transparent;
    box-shadow: none;
    opacity: 0.4
}

body {
    transition: background-color 1000ms linear;
    background-color: var(--bg-main) !important;
    overflow-x: hidden;
    color: white;
    overflow-y: scroll;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

body::-webkit-scrollbar {
    display: none;
}

.bg-dark {
    background-color: var(--bg-secondary) !important;
}

.card {
    background-color: var(--bg-secondary) !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    border-top: 2px solid var(--accent);
}

.alert {
    border: none;
}

.alert-id {

    width: fit-content;
    margin-left: auto;
    border-radius: 0.35rem;
    margin-right: auto;
}

.alert-primary,
.rounded {
    background-color: var(--bg-secondary) !important;
    color: #eee;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    border-top: 2px solid var(--accent);
}


div#logsTable_filter {
    transform: translateY(7px);
}

div#logsTable_filter {
    /*margin-right: 70px;*/
    /*float: left !important;*/
}

.dt-buttons {
    float: left;
}

.dataTables_paginate {
    float: right;
}

.dataTables_filter {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    display: inline-block;
}

.dataTables_wrapper > .dataTables_paginate {
    transform: translateY(-4px);
}

.dataTables_wrapper > .dataTables_paginate ~ .dataTables_paginate {
    transform: translateY(1px);
}

.btn-outline-primary {
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

.btn-outline-primary:hover {
    color: white !important;
    background-color: var(--accent) !important;
}

.btn-outline-disabled {
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

.btn-outline-disabled:hover {
    color: white !important;
    background-color: var(--accent) !important;
}

.fas.fa-check-circle {
    color: #26a73c
}

.fas.fa-times-circle {
    color: #fb2a2a
}

.form-control {
    background-color: var(--bg-secondary) !important;
    border-color: var(--accent) !important;
}

.custom-select {
    background-color: var(--bg-secondary) !important;
    border-color: var(--accent) !important;
}

.table td,
.table th {
    vertical-align: middle;
}

td.child {
    background-color: var(--bg-main);
}

.dropdown-menu.show {
    background-color: var(--bg-main);
}

.dropdown-item:hover {
    background-color: var(--bg-contrast);
    color: rgba(255, 255, 255, 0.75);
}

.dropdown-item {
    color: rgba(255, 255, 255, .5);
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    background-color: var(--bg-secondary);
    color: white;
    order: 1;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-color: var(--accent) !important;
    display: none;
}

.ui-helper-hidden-accessible {
    position: -webkit-sticky;
    position: sticky;
    bottom: 10px;
    left: 10px;
    text-align: left;
    /*padding-left: 55px;*/
    padding: 0;
    background-color: var(--bg-main);
    max-width: fit-content;
    pointer-events: none;
    opacity: 70%;
}

.patreonimg {
    width: 10vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.Copyalert {
    padding: 10px;
    background-color: #f44336;
    color: white;
    opacity: 0;
    transition: opacity 0.6s;
    margin-bottom: 10px;
    width: fit-content;
    margin-left: auto;
    border-radius: 0.35rem;
    margin-right: auto;
}

.Copyalert.success {
    background-color: #04AA6D;
}

.Copyalert.info {
    background-color: #2196F3;
}

.Copyalert.warning {
    background-color: #ff9800;
}

.btn:hover {
    /*box-shadow: 0 5px 15px rgb(225 78 202 / 50%);*/
    /*box-shadow: 0 5px 15px rgb(225 78 202 / 50%);*/
    box-shadow: 0 5px 15px var(--accent-dimmed);

}

.dt-button:hover {
    /*box-shadow: 0 5px 15px rgb(225 78 202 / 50%);*/
    /*box-shadow: 0 5px 15px rgb(225 78 202 / 50%);*/
    /* use --accent variable instead with 50% opacity */
    box-shadow: 0 5px 15px var(--accent-dimmed);
}

body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-size: cover;
    background-image: var(--kurva-bg)
}

.custom-file-label {
    border-color: var(--accent);
    background-color: inherit;
}

.custom-file-label::after {
    background-color: inherit;
}


.paginate_button, button.dt-button {
    background-color: var(--bg-secondary);
}

.paginate_button.disabled, button.dt-button.disabled {
    border-color: var(--accent-disabled) !important;
    background-color: var(--bg-secondary-disabled) !important;
    opacity: 1 !important;
    color: rgba(102, 102, 102, 0.4);
}

table.dataTable.display tr.selected {
    background-color: var(--bg-contrast) !important;
}