#mask {
	background-color: #0009;
}

.whiteC {
	color: white !important;
}

.greyC {
	color: #8e8e8e !important;
}

.blurr {
	opacity: 0;
}

.page404 {
	color: #fff1;
}

.quickform {
	background-color: #f5f5f5;
	border-color: #999;
}

.errfield {
	outline-color: red;
}


/* Form Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

button:focus,
input:focus,
select:focus,
textarea:focus {
	border-color: #09f !important;
	box-shadow: 0 0 8px 3px #09f !important;
}

.rowheader select {
	background-color: hsl(118deg 18% 8% / 90%);
	color: white;
	border-color: #fff6;
}

/* полупрозрачный блок со скругленными краями и тенями вокруг текста ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mattblock {
	background-color: hsl(118deg 18% 8% / 90%);
	text-shadow: 0 0 1em #0009;
}

/* X CLOSE BUTTON ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.close {
	opacity: 0.8;
}

.close:hover {
	opacity: 1;
}

.close:before,
.close:after {
	background-color: #fff;
}

/* X CLOSE BUTTON ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* TABLE */

.lined tr {
	border-bottom-color: #ccc;
}

.zebra tr:nth-child(odd) {
	background-color: #f5f5f5;
}

/* ANIMATIONS */

.loader {
	border-color: #fff9 transparent #fff9 transparent;
}

/* HEADER and ASIDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background-image: url(/i/bg_matrix_symbols_teal.jpg);
	color: #fff;
}

body.oper {
	background-image: url(/i/bg_matrix_symbols_gb.jpg) !important;
}

.tooltip .tooltiptext {
	opacity: 0;
	background-color: black;
	color: #fff;
}

.tooltip .tooltiptext::after {
	border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
	opacity: 1;
}

.ugroup {
	color: grey;
}

#badge .online {
	border-color: #1db435;
	color: #1db435;
}

#badge .online i {
	background-color: #1db435;
}

#badge .dnd {
	border-color: #e82a2a;
	color: #e82a2a;
}

#badge .dnd i {
	background-color: #e82a2a;
}

#badge #panelarrow:hover {
	background-color: #ccf3;
}

.arrow {
	border-color: solid #fff;
}

#menu .topitem {
	color: #fff;
	opacity: 0.6;
}

#menu .topitem:hover,
#menu li:hover {
	background-color: #336843;
	opacity: 1;
}

#menu .topitem:hover i {
	opacity: 1;
}

#menu .active i {
	opacity: 1;
}

#menu .active,
#menu .open {
	background-color: #2f8e4b !important;
	color: #fff;
	opacity: 1 !important;
}

#exitButton2 {
	opacity: 0.6;
}

#exitButton2:hover {
	opacity: 1;
}


input[type="checkbox"] {
	background-color: rgba(145, 148, 159, 0.31);
}

input[type="checkbox"]:checked {
	background: #06c url(i/checkmark.svg) no-repeat center;
	opacity: 1 !important;
}

input[type="checkbox"].semi {
	background: #06c url(i/checksemi.svg) no-repeat center !important;
}

/* LISTS PAGE SECTION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.lists-header h2 {
	color: #ccc;
}

.lists-header select.bpb {
	background-color: #348e4b;
	color: #fff;
}

.lists-header select.bpb:focus,
.lists-header select.bpb:hover,
button.bpb:hover,
input[type="submit"].bpb,
.lists-header input[type="date"]:hover,
.rowheader select:hover {
	background-color: #1b7732;
	border-color: #fffc;
	box-shadow: 0 0 8px #000;
}

button.bpb,
input[type="submit"].bpb {
	color: white;
}

.bpb,
.avs {
	background-color: #348e4b;
	border-color: #fff6;
}

.avs:hover {
	background-color: #1b7732;
	color: white;
}

.avs.active {
	background-color: #2f8e4b;
	border-color: #8e8e8e;
	color: white;
}

.row:hover {
	background-color: rgba(60, 74, 107, 0.62);
}

.flink {
	opacity: 0.6;
}

.flink:hover {
	opacity: 1;
	text-shadow: 0 0 1em #0009;
}

.fname .icon-link {
	color: hsl(211, 100%, 68%);
	text-shadow: -1px 1px 2px #000, -1px 1px 2px #000;
}

.thumbs-view .column.fname i.icon-link::before {
	color: hsl(211, 100%, 68%);
}

.table-view .rowheader>.column {
	background-color: #2f8e4b;
}

/* ----------------------------------------------------- */

.thumbs-view .row:hover {
	box-shadow: 0 0 1ex hsl(211, 100%, 68%);
	outline-color: hsl(211, 100%, 68%);
}

.thumbs-view .column.fname i::before {
	color: #fff9;
}

.thumbs-view .column.fname i.icon-folder::before {
	color: #fe9;
}

/* ----------------------------------------------------- */

.dragged-content.dragged {
	background-color: rgba(53, 109, 109, 0.959);
}

.tabbut {
	background-color: transparent;
	color: white;
}

#fileLocation {
	color: #777;
}

#fileLocation>span {
	color: #ccc;
}

#fileLocation>span:hover {
	color: #fff;
}

#fileLocation>span:last-child {
	color: #fff;
}

.errbox {
	box-shadow: 0 0 3px 2px #f00 inset;
}

/* MODAL ----------------------------------------------------------------------------------- */

.modal {
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content2 {
	box-shadow: 0 0 1em #0008;
}

.modal-content2 input,
.modal-content2 textarea {
	border-color: transparent;
	color: black;
}

.adaptive {
	border-color: #8e8e8e;
}

.preview-style>div.img-scroll {
	background-color: #0005;
}

.lists-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.lists-content::-webkit-scrollbar-thumb {
	background-color: darkgrey;
}

.context-menu-content {
	background-color: rgb(28, 51, 68);
	border-color: #8e8e8e;
	box-shadow: 0 0 .5rem #0009;
	color: #fff;
	opacity: 1;
}

#context-menu>div.context-menu-content>div>i {
	opacity: 1;
}

#context-menu>div.context-menu-content>div:hover {
	background-color: #2f8e4b;
	opacity: 1;
}

.dynamic-context-menu.active {
	background-color: rgba(60, 74, 107, 0.62);
}

#toast {
	box-shadow: 9px 8px 15px rgba(0, 0, 0, 0.3), -9px 8px 15px rgba(0, 0, 0, 0.3);
	color: #fff;
	opacity: 0;
}

#toast.show {
	opacity: 1;
}

#toast.default {
	background-color: #2f8e4b;
}

#toast.err {
	background-color: #633;
}

.deny {
	opacity: 0.5;
}

button.bpb:disabled,
button.bpb:disabled:hover {
	background-color: transparent;
	border-color: #888;
	color: #888;
}

button.bpb:disabled>* {
	color: #888 !important;
}

button.bpb.active {
	color: white;
	text-shadow: 0 0 8px #000, 0 0 5px #000;
}

button.bpb.active i {
	opacity: 1;
}

.buttblock i {
	opacity: .68;
}

.table-view .column.flink>button {
	color: white;
}

#upload-file-list {
	border-color: white;
}

#upload-file-list span.loaded {
	color: #1db435;
}

#upload-file-list span.err {
	color: #f00;
}

.clearFile.icon-times {
	opacity: 0.6;
}

.clearFile:hover {
	opacity: 1;
	text-shadow: 0 0 1ex #000;
}

.setting-form {
	border-color: #8888;
}

.input-form input {
	color: black;
}

/* SEARCH ------------------------------------------------- */

#search_form input,
#search_form button {
	border-color: #8e8e8e;
}

/* Mobile ------------------------------------------------- */

#exitButton {
	opacity: .8;
}

#exitButton:hover {
	opacity: 1;
}

/* Mobile ------------------------------------------------- */