mixly3/files/themes.css

:root {
    --app-light-color: #009688;
    --app-dark-color: #007acc;
}

div.layui-form.layui-border-box.layui-table-view {
    margin:0px !important;
}

div.layui-form.layui-border-box.layui-table-view {
    margin: 0px !important;
    position: relative;
    height: 100%;
    border-width: 0px;
}

div.layui-form.layui-border-box.layui-table-view > div.layui-table-tool {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 15px;
    height: 50px;
    left: 0px;
}

div.layui-form.layui-border-box.layui-table-view > div.layui-table-box {
    position: absolute;
    overflow-y: hidden;
    overflow-x: hidden;
    bottom: 0px;
    width: 100%;
    left: 0px;
    top: 50px;
}

/*div.layui-form.layui-border-box.layui-table-view > div.layui-table-box > div.layui-table-header {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 38px;
    width: 100%;
    border-bottom-width: 0px;
    border-right-width: 17px;
}*/

div.layui-form.layui-border-box.layui-table-view > div.layui-table-tool > div.layui-table-tool-temp {
    padding-right: 0px !important;
}

div.layui-form.layui-border-box.layui-table-view > div.layui-table-box > div.layui-table-header > table {
    width: 100%;
}

div.layui-form.layui-border-box.layui-table-view > div.layui-table-box > div.layui-table-body.layui-table-main {
    overflow-x: auto;
    overflow-y: scroll;
    position: absolute;
    top: 38px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

/*div.layui-form.layui-border-box.layui-table-view > div.layui-table-box > div > table > thead > tr > th > div > div {
    top:6px !important;
}

div.layui-form.layui-border-box.layui-table-view > div.layui-table-box > div > table > tbody > tr > td > div > div {
    top:6px !important;
}*/

div.layui-form.layui-border-box.layui-table-view > div.layui-table-box > div.layui-table-body.layui-table-main > table {
    width: 100%;
}

.layui-table-body {
    margin-right: 0px;
    margin-bottom: 0px;
}

.layui-layer-resize {
    width: 5px !important;
    height: 10px !important;
    border-radius: 0px 0px 5px 0px;
}

html[data-bs-theme=light] .layui-layer-resize {
    background-color: #fff;
}

.layui-table-body {
    margin: 0px;
}

.layui-table-header {
    border-right-width: 10px !important;
}

html[data-bs-theme=dark] .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
    background-color: rgb(141 135 135 / 50%);
}

html[data-bs-theme=light] .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
    background-color: rgb(130 129 129 / 50%);
}

html[data-bs-theme=light] #footer > div > p {
    color: #888;
}

html[data-bs-theme=light] .layui-carousel-arrow {
    background-color: rgba(0,0,0,.2);
}

html[data-bs-theme=light] .layui-carousel-arrow:hover, html[data-bs-theme=light] .layui-carousel-ind ul:hover {
    background-color: rgba(0,0,0,.35);
}

html[data-bs-theme=light] .service-single {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);
    border-color: #eee;
}

html[data-bs-theme=light] .service-single h2 {
    color: #232323;
}

html[data-bs-theme=dark] #footer > div > p {
    color: #fff;
}

html[data-bs-theme=dark] .service-single {
    background: #2d2c2c;
}

html[data-bs-theme=dark] .service-single h2 {
    color: #fff;
}

body[class="light"] {
    background-color: #fff !important;
}

body[class="dark"] {
    background-color: #181818 !important;
    color: #fff;
}

.mixly-board:hover .mixly-board-del-btn, .mixly-board:hover .mixly-board-ignore-btn {
    display: block;
}

/*.mixly-board:hover .service-single label {
    opacity: 1;
}

.mixly-board .service-single label {
    opacity: 0;
}

.mixly-board:hover .service-single h2 {
    margin-bottom: 10px;
}*/

html[data-bs-theme=dark] .mixly-board .service-single label {
    color: #ccc;
}

html[data-bs-theme=light] .mixly-board .service-single label {
    color: #888;
}

.mixly-board-del-btn, .mixly-board-ignore-btn {
    display: none;
    background-color: rgba(0,0,0,0);
    border: 0px;
    margin-top: 0px;
    margin-right: 0px;
    position: absolute;
    right: 15px;
    top: 5px;
    opacity: 0.5;
    color: #666;
}

html[data-bs-theme=dark] .mixly-board-del-btn, html[data-bs-theme=dark] .mixly-board-ignore-btn {
    color: #ccc;
}

.mixly-board-del-btn:hover, .mixly-board-ignore-btn:hover {
    opacity: 1;
}

html[data-bs-theme=dark] .layui-progress-text {
    color: #fff;
}

.layui-table-fixed-r > .layui-table-header {
    border-bottom-width: 0px;
}

.layui-table-fixed-r > .layui-table-body > table {
    width: 100%;
}

html[data-bs-theme=dark] .layui-table-body .layui-none {
    color: #fff;
}

html[data-bs-theme=light] .layui-layer-setwin span {
    color: #777;
}

html[data-bs-theme=dark] .layui-layer-setwin span {
    color: #fff;
}

html[data-bs-theme=dark] .layui-carousel-arrow {
    background-color: #2d2c2c !important;
}

html[data-bs-theme=dark] .layui-carousel-arrow:hover,
html[data-bs-theme=dark] .layui-carousel-ind ul:hover {
    background-color: rgba(119,119,119,.35) !important;
}

.loading {
    position: absolute;
    z-index: 100000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

html[data-bs-theme=light] .loading {
    background-color: #f9f2f2;
}

html[data-bs-theme=dark] .loading {
    background-color: #181818;
}

html[data-bs-theme=light] .select2-container--open .select2-selection--single {
    outline: 1px solid var(--app-light-color);
}

html[data-bs-theme=dark] .select2-container--open .select2-selection--single {
    outline: 1px solid var(--app-dark-color);
}

html[data-bs-theme=light] > body > .select2-container > .select2-dropdown {
    outline: 1px solid var(--app-light-color);
}

html[data-bs-theme=dark] > body > .select2-container > .select2-dropdown {
    outline: 1px solid var(--app-dark-color);
}

.service-single > a,
.service-single > a > img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}