@charset "utf-8";
@font-face {
	font-family: "PTSans";
	src: url("/sport/static/fonts/PTSans-Regular.woff") format("woff"),
	url("/sport/static/fonts/PTSans-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "icons";
	src:url("/sport/static/fonts/fa-solid-900.eot");
	src:url("/sport/static/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
	url("/sport/static/fonts/fa-solid-900.woff") format("woff"),
	url("/sport/static/fonts/fa-solid-900.ttf") format("truetype"),
	url("/sport/static/fonts/fa-solid-900.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: "icons";
	src:url("/sport/static/fonts/icons.eot");
	src:url("/sport/static/fonts/icons.eot?#iefix") format("embedded-opentype"),
	url("/sport/static/fonts/icons.woff") format("woff"),
	url("/sport/static/fonts/icons.ttf") format("truetype"),
	url("/sport/static/fonts/icons.svg") format("svg");
	font-weight:normal;
	font-style:normal;
	unicode-range: U+E6??;
}
@font-face {
	font-family: "Exo_2";
	src: url("/sport/static/fonts/Exo2-Regular.woff2") format("woff2"),
	url("/sport/static/fonts/Exo2-VariableFont_wght.ttf")  format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "Exo_2_italic";
	src: url("/sport/static/fonts/Exo2-Italic.woff2") format("woff2"),
	url("/sport/static/fonts/Exo2-Italic-VariableFont_wght.ttf")  format("truetype");
	font-style: italic;
}
@font-face {
	font-family: "Roboto";
	src: url("/sport/static/fonts/Roboto-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PTSans-Bold";
	src: url("/sport/static/fonts/PTSans-Bold.woff") format("woff"),
	url("/sport/static/fonts/PTSans-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "Roboto-Bold";
	src: url("/sport/static/fonts/Roboto-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "PTSans-Italic";
	src: url("/sport/static/fonts/PTSans-Italic.woff") format("woff"),
	url("/sport/static/fonts/PTSans-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: "Roboto-Medium";
	src: url("/sport/static/fonts/Roboto-Medium.ttf");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "PTSans-BoldItalic";
	src: url("/sport/static/fonts/PTSans-BoldItalic.woff") format("woff"),
	url("/sport/static/fonts/PTSans-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

@keyframes round-infinite {
	100% {
		transform:rotate(360deg);
	}
}

@keyframes shake-right {
	100% {
		left:3px;
		color:#FF0000;
	}
}

@keyframes red-alert {
	0% {
		filter:drop-shadow(0 0 0 #ff0000);
	}
	50% {
		filter:drop-shadow(0 0 6px #ff0000);
	}
	100% {
		filter:drop-shadow(0 0 0px #ff0000);
	}
}

@keyframes green-alert {
	0% {
		filter:drop-shadow(0 0 0 #008000);
	}
	50% {
		filter:drop-shadow(0 0 6px #008000);
	}
	100% {
		filter:drop-shadow(0 0 0px #008000);
	}
}

/*
hacks:
	max-width: min(100%,calc((600px - 100%) * 999));
   min-width: min(0px,calc((600px - 100%) * 999));

clamp(100% / var(--cols, 1) - var(--cols, 1) * var(--min-gap,5px), (var(--breakpoint) - 100%) * 999, 100%);
*/

:root {
	--base_number_size: .8em;
}

html {
	font-family: "PTSans","Helvetica","Arial",sans-serif;
	--min-font-size: 13;
	--max-font-size: 16;
	--font-float-size: var(--min-font-size) * 1px + (var(--max-font-size) - var(--min-font-size)) * ((100vw - 480px) / (1600-480));
	font-size: 14px;
	font-size: clamp(
      var(--min-font-size) * 1px,
		var(--font-float-size),
		var(--max-font-size) * 1px
   );
	 -webkit-font-smoothing: antialiased;
}

* {
    scrollbar-color: rgba(0,0,0,.2) hsla(0,0%,100%,.1);
    scrollbar-width: thin;
}

body::-webkit-scrollbar {
    width: 12px!important;
    height: 12px!important;
}

body *::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
}

::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,.1);
}

body {
    margin: 0;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    max-width: 100vw;
}
.disabled-hover {
	pointer-events:none;
}

b,
strong {
	font-family: "PTSans-Bold","Helvetica","Arial",sans-serif;
}
i,
em {
	font-family: "PTSans-Italic","Helvetica","Arial",sans-serif;
}

.simp_icon {
	font-family: Arial,sans-serif;
}

.icon {
	font-family: "icons","PTSans","Helvetica","Arial",sans-serif;
}

.tabs_choise,
.menu_checker_button,
.head_search button {
	user-select:none;
	 outline:none;
	-webkit-tap-highlight-color: transparent;
}

button.icon, label.inline > .icon, a.button.icon {
	display: inline-flex;
	align-items: center;
	cursor:pointer;
	border-radius: .5em;
	outline: none;
	background: linear-gradient(314deg, #dcdbdb, #fff);
	padding: 2px;
	border: 1px solid #dcdbdb;
	transition: top .2s, left .2s, box-shadow .1s, background .2s;
	box-shadow: 2px 2px 0 0 #a7a7a7;
	position: relative;
	top: 0;
	left: 0;
	/* height: 100%; */
	box-sizing: border-box;
	justify-content: space-between;
	user-select: none;
	color: #000;
}

button.icon:not([disabled]):active, label.inline > .icon:active {top: 2px;left: 2px;box-shadow: 0 0 0 0 transparent;}

button.icon:not([disabled]):hover, label.inline > .icon:hover {
    border-color: #cccccc;
    background: linear-gradient(
0deg
, #dcdbdb, #fff);
}

button.icon[disabled] {
	cursor: default;
}

button.icon::before, label.inline > .icon::before, .inline_note::before, a.button.icon::before {
    font-size: 20px;
    font-weight: bold;
    margin: 2px;
    line-height: 1;
    width: 20px;
    height: 20px;
}

.page_head,
main,
.page_foot {
	box-sizing:border-box;
	
}
main, .page_foot {
	padding:.2em;
}

/* page header */

.page_head {
    display: flex;
    height: 40px;
    box-shadow: 0 -2px 8px #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    background:#FFF;
    z-index: 9;
    user-select: none;
}

.main-menu {
	position:relative;
	flex: 1 0;
}

.menu_checker_button {
	color: #FFF;
	background: #436eaf;
	text-shadow: -1px 1px 3px #000;
	font-size: 33px;
	line-height: 40px;
	cursor:pointer;
	user-select: none;
	}

.menu_checker_button::before {
	content: '\f0c9';
	margin: 5px;
}

.menu-wrapper ul, .menu-wrapper li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu-wrapper > ul {
	display:flex;
	height: 40px;
	background-image: linear-gradient(to top, #efdebf, #FFF 76%);
	justify-content: center;
}

.menu-wrapper > ul > li {
	position:relative;
	flex-grow:1;
	display: flex;
	align-items: center;
}

.menu-wrapper > ul > li:not(:last-child)::after {
	content: '';
	height: 63%;
	border-right: 2px ridge #c59c9c;
	z-index: 9;
}

.main-menu-link,
.expand_menu + label {
    background-image: linear-gradient(to top, #efdebf, #FFF 76%);
}

.menu-wrapper > ul > li:hover > .main-menu-link,
.menu-wrapper > ul > li:hover > label {
    background-image: linear-gradient(to top, #ffd78e, #FFF 76%);
}


.menu-wrapper a {
    color: #000;
    text-decoration: none;
    display: block;
    word-wrap: break-word;
}

.main-menu-link {
    line-height: 40px;
}

span.main-menu-link {
    cursor: default;
}

.main-menu-link {
    flex-grow: 1;
    text-align: center;
    z-index: 8;
}

.expand_menu + label {
	line-height: 40px;
	z-index: 8;
	font-size: 26px;
}

.expand_menu + label::after {
	content: '\e688';
	color: #a0a0a0;
}

.main-menu-inner {
    position: absolute;
    top: -999px;
    width: 100%;
    width: calc(100% - 2px);
    box-sizing: border-box;
    overflow: hidden;
    transition: .2s;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    z-index: 7;
}

.menu-wrapper > ul > li:hover .main-menu-inner {
	top: 40px;
	/* box-shadow: 0 0 11px -5px #000; */
}

.main-menu-inner li {
    padding: 2px 4px;
    border-bottom: 2px groove;
}

.main-menu-inner ul {
    background: #b1e7aa;
}

.main-menu-inner li:hover {
    background-image: linear-gradient(to left, #dadada, #ffffff);
}

.head_search form {
	display:flex;
	height:100%;
	border-left: 1px solid #ddd;
}

.head_search input {
	flex: 1 0 100px;
	border: none;
	outline: none;
}

.head_search button {
	border:none;
	border-radius: 10px 0 0 10px;
	color: #FFF;
	background: #436eaf !important;
	text-shadow: -1px 1px 3px #000;
	line-height: 40px;
	box-shadow: none;
}

.head_search button::before {
	content: '\f002';
	margin: 0 3px;
}

.with_counters > .main-menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.head_counters {
    z-index: 8;
    display: flex;
    flex-direction: column;
    font-size: .7em;
    height: 100%;
    justify-content: space-around;
    margin-right: 9px;
    gap: 3px;
}

.head_counters span {
    border-radius: 4px;
    background-color: #c1892c;
    color: #fff;
    padding: 1px 2px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.head_work_list::before {font-family: 'icons';content: '\f0ad';margin-right: 3px;}

.head_new_list {
    background-color: #b10000 !important;
}

.main-menu-link .head_new_list {
    animation: red-alert 2s 3;
}

.head_new_list::before {font-size: 1.2em;font-family: 'icons';content: '\f06d';margin-right: 3px;}

/* page header */



/* page main */

main {
	padding-top: 4px;
	flex-grow: 1;
	background:#FFF;
	/* overflow-x: visible; */
	display: flex;
	flex-direction: column;
	background: #fdfbf7;
	align-items: center;
}

main > p {
    margin: 5px 0;
}

main > * {
    max-width: 100%;
}

.font08,
.hint {
	font-size:0.8em;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.hidden {
	display:none !important;
}
.invisible {
	visibility:hidden !important;
}

input.error	{
	background:#ff6a00;
}
input.birthdate, input[name^="date"]	{
	width: 78px;
}
input[type="number"]:not(.arrows)::-webkit-outer-spin-button,
input[type="number"]:not(.arrows)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  appearance: none;
}
input[type="number"]:not(.arrows) {
	-moz-appearance: textfield;
}
input[type="number"]:not(.arrows):hover,
input[type="number"]:not(.arrows):focus {
  -moz-appearance: number-input;
}

input[type="number"] {
	width:3em;
   width: calc(var(--base_number_size,0.8em)*5);
   width: -moz-calc(var(--base_number_size,0.8em)*5);
   width: -webkit-calc(var(--base_number_size,0.8em)*5);
}

input[type="number"][size="1"] {
	width:0.8em;
   width: var(--base_number_size,0.8em);
}
input[type="number"][size="2"] {
	width:1.6em;
   width: calc(var(--base_number_size,0.8em)*2);
   width: -moz-calc(var(--base_number_size,0.8em)*2);
   width: -webkit-calc(var(--base_number_size,0.8em)*2);
}
input[type="number"][size="3"] {
	width:2.4em;
   width: calc(var(--base_number_size,0.8em)*3);
   width: -moz-calc(var(--base_number_size,0.8em)*3);
   width: -webkit-calc(var(--base_number_size,0.8em)*3);
}
input[type="number"][size="4"] {
	width:3.2em;
	width: calc(var(--base_number_size,0.8em)*4);
	width: -moz-calc(var(--base_number_size,0.8em)*4);
	width: -webkit-calc(var(--base_number_size,0.8em)*4);
}
input[type="number"][size="5"] {
	width:4em;
   width: calc(var(--base_number_size,0.8em)*5);
   width: -moz-calc(var(--base_number_size,0.8em)*5);
   width: -webkit-calc(var(--base_number_size,0.8em)*5);
}
input[type="number"][size="6"] {
	width:4.8em;
   width: calc(var(--base_number_size,0.8em)*6);
   width: -moz-calc(var(--base_number_size,0.8em)*6);
   width: -webkit-calc(var(--base_number_size,0.8em)*6);
}
input[type="number"][size="7"] {
	width:5.6em;
   width: calc(var(--base_number_size,0.8em)*7);
   width: -moz-calc(var(--base_number_size,0.8em)*7);
   width: -webkit-calc(var(--base_number_size,0.8em)*7);
}
input[type="number"][size="8"] {
	width:6.4em;
   width: calc(var(--base_number_size,0.8em)*8);
   width: -moz-calc(var(--base_number_size,0.8em)*8);
   width: -webkit-calc(var(--base_number_size,0.8em)*8);
}
input[type="number"][size="9"] {
	width:7.2em;
   width: calc(var(--base_number_size,0.8em)*9);
   width: -moz-calc(var(--base_number_size,0.8em)*9);
   width: -webkit-calc(var(--base_number_size,0.8em)*9);
}
input[type="number"][size="10"] {
	width:8em;
   width: calc(var(--base_number_size,0.8em)*10);
   width: -moz-calc(var(--base_number_size,0.8em)*10);
   width: -webkit-calc(var(--base_number_size,0.8em)*10);
}
input[type="number"].arrows {
	width:40px;
}
.inp_size2 {
	width: 2rem !important;
}
.inp_size3 {
	width: 3rem !important;
}
.inp_size4 {
	width: 4rem !important;
}
.inp_size5 {
	width: 5rem !important;
}
.inp_size6 {
	width: 6rem !important;
}
.inp_size7 {
	width: 7rem !important;
}

.report {
	width: 90%;
	margin: 10px auto;
	background: #f0f8ff;
	padding: 6px;
	box-shadow: 0 0 4px black;
	border-radius: 5px;
	box-sizing:border-box;
}

a[onclick]:not([href]) {
   cursor: pointer;
	text-decoration:underline;
}

a.link-name, a.link-name:visited {
	color: #0000ff;
}

td label,
label.hoverable {
    cursor: pointer;
}

label.hoverable {
    vertical-align: middle;
}

td label:hover,
label.hoverable:hover {
    text-decoration: underline;
}

.ck_wrapper input[type='checkbox'] {
    display: none;
}

.ck_wrapper > span {
    padding: 2px 5px;
    border-radius: 3px;
    background: #b30202;
    color: #fff;
    display: inline-block;
}

.ck_wrapper input[type='checkbox']:checked ~ span {
    background: #008000;
}

.ck_wrapper.played > span::before {content: 'не сыгран';}

.ck_wrapper.played input[type='checkbox']:checked ~ span::before {content: 'сыгран';}

h1 {
    font-size: 1.5rem;
    width: fit-content;
    margin: .5rem auto;
    border-top: 2px solid #dc8d02;
    border-bottom: 5px groove #dc8d02;
}

h2 {
    font-size: 1.2rem;
    margin: .5rem;
}

h3 {
    font-size: 1rem;
    margin: .3rem;
}

/* lists */
dt, .bold {
    font-weight: bold;
}
/* lists end */

/* details */

summary {
	cursor:pointer;
	position:relative;
}

details.inline.advice {
    position: absolute;
    top: 40px;
    right: 5px;
    z-index: 8;
    background: #FFFFFF;
}

summary::after {
	position:absolute;
	right:5px;
	top: 4px;
	font-family:'icons','PTSans',Helvetica,sans-serif;
	font-size: 20px;
	font-weight:bold;
}

.search_box > summary::after {
  content: '\f002';
}

.filter_box > summary::after {
  content: '\f0b0';
}

.excel_box > summary::after {
  content: '\f1c3';
}

.connect_box  {
  overflow: hidden;
}

.connect_box > summary::after {
  content: '\f6ff';
}

.connect_box > .details_contents {
	background: #e3e3e3;
}

details.inline {
    width: max-content;
    max-width: 80vw;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 10px;
    margin: 10px 0;
}

details.inline > summary {
    padding: 5px 30px 5px 5px;
    background: aliceblue;
    border-radius: 10px;
}

details.inline > div {
    padding: 5px;
}

details.inline[open] > summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.info > summary::after {
	content: '\f129';
	font-weight:normal;
	border: 1px solid #aaa;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 17px;
	color: #7b7b7b;
}

.advice > summary::after {
    content: '\f164';
    color: red;
}

.info.num_list > summary::after {
	content: '\f0cb';
	border: none;
	font-size: 1.2em;
}

.info.num_list[open] {
	width:100%;
	max-width:100%;
}

.details_contents {
	position:relative;
}

.note_wrapper li, .note_wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.note_wrapper li {
    margin: 10px 0;
    padding: 3px 3px 3px 11px;
    position: relative;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 4px solid #000;
    box-shadow: 0 2px 8px -3px #7b7b7b;
}

details.inline.info li li {
    border-left-color: #008000;
}

details[open] .table_tools {
    width: 100% !important;
}

/* details end */

	/* buttons */
.btn_save::before {
	content: '\f0c7';
}

button.btn_save {
    background: linear-gradient(314deg, #ff0000, #ffffff);
    font-size: 22px;
}

button.btn_save:not([disabled]):hover {
    background: linear-gradient(314deg, #3aec00, #ffffff);
}

button.btn_action {
    display: inline-flex;
}

button.btn_action::before {
	content: '\f04b';
	color: green;
}

button.btn_erase::before {
    content: '\f12d';
}

.btn_choose::before {
	content:'\f00c';
	color:#008000;
}

.btn_question::before {
	content:'\f128';
	color:#FF0000;
}

.btn_check::before {
	content: '\f0ae';
}

.btn_mass {
    background: linear-gradient(225deg, #f1ff7b, #eaeaea) !important;
}

.btn_mass:hover {
    background: linear-gradient(45deg, #ffd16b, #eaeaea) !important;
}

.btn_print {
	margin-right:5px;
}
.btn_print::before {
	content:'\e61f';
}
.btn_excel::before {
	content:'';
	width:20px;
	height:19px;
	background-image:url(/sport/images/excel.png);
}
.sorter_reset::before {
	content:'\e61c';
}
.btn_plus::before {
	content:'\271A';
}

.btn_search::before {
	content: '\e618';
}

.btn_loading::before {
    content: '\f021' !important;
    animation: round-infinite 1s infinite;
}

.btn_refresh::before {
	content:'\f021';
}

.btn_total, .btn_checked {
font-size: 16px; 
}

.btn_total:not(:only-child) {
	margin-right: 5px;
}
.btn_total::before {
	content:'\f1ec';
}
.btn_checked::before {
	content:'\f00c';
}

a.button {
	text-decoration:none;
}

.btn_delete::before {
	content: '\f00d';
	color:#FF0000;
}

.solution_buttons {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 7px auto;
}

.action_execute::before {
	content:'\f04b';
	color:#008000;
}
.action_reject::before {
	content:'\f256';
	color:#ff0000;
}

.btn_download::before {
	content: '\f019';
}

.btn_newwindow::before {
    content: '\f35d';
}

.btn_trash {
	color: #bb0000 !important;
}

.btn_trash::before {
    content: '\f2ed';
}

.btn_link::before {
    content: '\f0c1';
}

.circle_checkbox {
	margin:3px auto;
	display: inline-block;
}

.circle_checkbox > input {
    display: none;
}

.circle_checkbox > span {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.circle_checkbox > span::before,
.circle_checkbox > span::after {
	content: '';
	border: 2px solid #aaa;
	box-sizing: border-box;
	transition: .2s;
}

.circle_checkbox > span::before {
	width: 2.5em;
	flex: 1 0 2.5em;
	height: 1em;
	border-radius: .5em;
	background-color: #aaa;
	margin-right: 2px;
}

.circle_checkbox > span::after {
    position: absolute;
    top: -0.2em;
    top: calc(50% - 0.8em);
    left: 0;
    width: 1.6em;
    height: 1.6em;
    /* margin-top: -0.2em; */
    border-radius: .8em;
    background-color: #fff;
    box-shadow: inset 0 0 2px 0 #000;
}

.circle_checkbox > input:checked + span::after {
    left: .9em;
    border-color: #008000;
}

.circle_checkbox > input:checked + span::before {
    border-color: #008000;
    background: #008000;
}

.btn_send::before {
	content:'\f093';
}

.btn_inserttext::before {
	content:'\f03c';
}
.btn_insertstat::before {
	content:'\f080';
}
.btn_insertcalen::before {
	content:'\f073';
}
.btn_db::before {
	content:'\f1c0';
}

.btn_auth::before {
	content:'\f2f6';
}
.btn_logout::before {
	content:'\f2f5';
}
.btn_user::before {
	content:'\f007';
}
.btn_upload::before {
	content:'\f574';
}

span.edit::before,
span.excel::before {
    font-size: 1.2em;
    margin-right: 5px;
    vertical-align: middle;
    transition: .2s;
}

span.edit::before {
	content: '\f303';
	color: #2a39a5;
}

span.edit:hover::before {
    color: #52733a;
}

span.excel::before {
	content: '\f1c3';
	color: #008000;
}

.head_logout {
    position: absolute;
    right: 5px;
    top: 5px;
}

/* buttons end */


/* files */

.file_form_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.file_form_row.without_input {
	justify-content: flex-end;
}

label.file {
    position: relative;
    display: inline-flex !important;
    vertical-align: middle;
    text-decoration:none !important;
}

label.file > input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

label.file > input[type="file"]:focus + span {
    outline: 2px dotted #ad5a5a;
    outline-offset: -4px;
}

label.file > .file_chosen + .icon {
    background: #3ae23a;
}
label.file > .icon::before {
	content: '\f574';
	text-align: center;
}

.inline_preview {
   position: relative;
   display: flex;
   align-items: center;
}

.inline_preview > a > img {
    height: 30px;
    display: block;
    position: relative;
}

.inline_preview > a > img:hover {
    /* transform: scale(9) translateX(-44%); */
    /* z-index: 9; */
}

.inline_preview > .file_delete {
    color: red;
    font-size: 20px;
    font-weight: bold;
    cursor:pointer;
    margin-left: 5px;
}

.inline_preview > .file_delete::before {content: '\f00d';}

.inline_preview:hover {
	background: #ddd;
}

.inner_image {
	display:none;
}

/* files end */


/* tables */

.wide {
    box-sizing: border-box;
    min-width: 100%;
}

.table_tools {
    margin: 10px 0 5px;
    max-width: 100% !important;
    display:flex;
    justify-content:space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 5px;
}

.table_tools:empty {
    display: none;
}

.export_tools {
    display: flex;
}

table
{
	border-collapse: collapse;
	background:#fff;
	--min-font-size: 12;
	--max-font-size: 16;
	--font-float-size: var(--min-font-size) * 1px + (var(--max-font-size) - var(--min-font-size)) * ((100vw - 480px) / (1600-480));
	font-size: clamp(
      var(--min-font-size) * 1px,
		var(--font-float-size),
		var(--max-font-size) * 1px
   );
	
	
	
	
	
	
	
	
	
	}

table::-webkit-scrollbar-thumb {
	background-color: rgb(141 24 24 / 51%);
}

th {
	font-size: .9rem;
	text-align: center;
	background: #e2f2ff;
	vertical-align:middle;
	word-wrap:break-word;
	font-family: 'PTSans-Bold';
	font-weight: normal;
	}

tfoot {
	font-weight:bold;
}

.colspanned_cell {
    border-left: none;
    border-right: none;
}

.colspanned_cell:first-child {
    border-left: 1px solid #c1c1c1;
}

.colspanned_cell:last-child {
    border-right: 1px solid #c1c1c1;
}

th.resizes {
	overflow-x: hidden;
   text-overflow: ellipsis;
   min-width: 20px;
   resize: horizontal;
}
th,td {
	border: 1px solid #c1c1c1;
	padding: 3px;
}
td p {
	margin:3px 0;
}
td select {
	max-width:150px;
}

select.green {
    background-color: #a0ffa0;
}

td {
	vertical-align:top;
	box-sizing: border-box;
}

td.hasparent {
    padding-left: 28px;
    position: relative;
}

td.hasparent::before {
    content: '--';
    position: absolute;
    left: 5px;
}

.required::after {
   content: '*';
   color: #FF0000;
}

table:not(.inner) > tbody > tr:nth-child(even){
	background: #ececec;
}

table:not(.inner) > tbody > tr:hover{
	background: #abffa9 !important;
}

table:not(.no_tools) > caption {
    display: none;
}

input[name="check[]"] {
    margin: 0 auto;
    display: block;
    width: 1.5em;
    height: 1.5em;
}

input:invalid,
input.wrong {
	background:#ffa500;
}

.text_delete {color:#FF0000;}

.check_buttons .buttons_checkall {
  display: flex;
	justify-content: center;
}

.check_buttons button {
   padding: 0;
   background: #fff;
   border: 1px solid #cccccc;
   border-radius: 5px;
   width: 15px;
   margin: 0 .2px 0 0;
   cursor: pointer;
   font-size: 11px;
}
.check_buttons button:last-child {
   margin-right: 0;
}

.check_buttons button::before {
	font-size: 11px;
	width: 11px;
	height: 11px;
}

.check_buttons button:nth-child(1)::before {
	content:'\f560';
}
.check_buttons button:nth-child(2)::before {
	content:'\f362';
}
.check_buttons button:nth-child(3)::before {
	content:'\2751';
}

.checkbox_table_details ~ label {
	cursor:pointer;
	border: 1px solid #ccc;
	padding: 5px;
	background: #faebd7;
	border-radius: 5px;
}

.checkbox_table_details ~ label:hover {
	background: #fffdfb;
}

.details_open::before,
.details_open::after {
	font-family:'icons';
	content:'\e688';
}

.details_close::before,
.details_close::after {
	font-family:'icons';
	content:'\e682';
}

.checkbox_table_details ~ .details_open,
.checkbox_table_details:checked ~ .details_close {
	display:inline;
}
.checkbox_table_details ~ .details_close,
.checkbox_table_details:checked ~ .details_open {
	display:none;
}


.table_details details p:nth-of-type(odd) {
   font-weight: bold;
}
.table_details details p {
	margin:3px 0;
}

.tablesorter .filtered,
.season_filtered_0,
.season_filtered_1,
.transfer_filtered_0,
.transfer_filtered_1 {
	display:none;
}

.tablesorter tr ~ .filtered, .tablesorter .filtered ~ tr
{
	background:#FFFFFF !important;
}

.tablesorter-filter.disabled {
   display: none;
}
.tablesorter-filter {
	min-width: 20px;
   max-width: 114px;
}

.tablesorter-filter::placeholder {
    color: #AAA;
}

input.tablesorter-filter::placeholder,
select.tablesorter-filter {
    font-family: 'icons',Arial;
    font-weight: bold;
}

th.tablesorter-header:not(.tablesorter-headerAsc):not(.tablesorter-headerDesc):not(.sorter-false):not(.parse-input-false)::after
{
content: '';
   position: absolute;
   top: 50%;
   right: 2px;
	margin-top: -6px;
   border-bottom: 4px solid #000;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
}


th.tablesorter-header:not(.tablesorter-headerAsc):not(.tablesorter-headerDesc):not(.sorter-false):not(.parse-input-false)::before
{
content: '';
   position: absolute;
   top: 50%;
   right: 2px;
	margin-top: 2px;
   border-top: 4px solid #000;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
}


th.tablesorter-header:not(.sorter-false):not(.parse-input-false)
{
position:relative;
padding-right:14px;
}
th:not(.sorter-false):not(.parse-input-false) .tablesorter-header-inner
{
padding-right:7px;
}

th.tablesorter-headerAsc:not(.parse-input-false)::after
{
	content: '';
   position: absolute;
   top: 50%;
	margin-top:-2px;
   right: 2px;
   border-bottom: 4px solid #000;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
}

th.tablesorter-headerDesc:not(.parse-input-false)::after
{
	content: '';
   position: absolute;
   top: 50%;
	margin-top:-2px;
   right: 2px;
   border-top: 4px solid #000;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
}

.tablesorter-pager {
    margin: 5px 0;
}

.tablesorter-pager-wrapper {
	width: min(360px,100%);
	background: #fff684;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.tablesorter-pager .pager-arrows {
	cursor:pointer;
	margin:3px;
}

.tablesorter-pager .first::before {content: '\f100';}
.tablesorter-pager .last::before {content: '\f101';}
.tablesorter-pager .prev::before {content: '\f104';}
.tablesorter-pager .next::before {content: '\f105';}

.tablesorter-filter-row > td {text-align:center;}

.tablesorter-filter-row {
    background: #e0fbac;
}

.row_arc {
   display: none;
}

.arc_show:checked ~ table:first-of-type .row_arc:not(.filtered) {
   display: table-row;
}


.btn_arc > .icon,
.btn_dop > .icon {
	font-size:.9rem;
}

.btn_arc > .icon::before {
	content: '\e662';
	font-size: 1.3em;
	font-weight: bold;
	margin-right: 5px;
}

.btn_arc > .icon::after {
	content: ' \e688';
}

.btn_arc.show_arc > .icon::after {
	content: ' \e682';
}

.add_field {
	display:none;
}

.dop_show:checked ~ table:first-of-type th.add_field,
.dop_show:checked ~ table:first-of-type td.add_field {
   display: table-cell;
}

.dop_show:checked ~ table:first-of-type th {
    white-space: nowrap;
}

.dop_show:checked ~ table:first-of-type colgroup.add_field {
       display: table-column-group;
}

.dop_show:checked ~ table:first-of-type col.add_field {
       display: table-column;
}


.btn_dop > .icon::before {
	content: '\f101';
	transform: rotate(0deg);
	transition: .2s;
	transform-origin: 41% 50%;
	position: relative;
	left: 0px;
	animation: shake-right 1s 4 ease-in;
}

.dop_show:checked ~ .table_tools .btn_dop > .icon::before {
	transform: rotate(180deg);
}

.btn_dop.clicked > .icon::before {animation: none;}



.ordering {
   vertical-align:middle;
	cursor: move;
}

.ordering::before,
.ordering::after {
	content:'';
	display: block;
   margin: 0 auto;
   border-bottom: 5px solid #000;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
}

.ordering::after {
   margin-top: 10px;
	border-bottom: none;
	border-top: 5px solid #000;
}

tr.added {
	background: #d4fbcc !important;
}

.added a.open, .added .todel {
	display:none;
}

#filter_count {margin: 5px;}

#filter_count output {
   font-weight: bold;
}

.inner_seasons {
    display: grid;
    grid-template-columns: 75px 77px 100px 29px 80px 80px;
    margin: 5px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background: #fff;
    box-shadow: 0 0 5px -2px;
    font-size: 14px;
}

.inner_seasons.player {
	grid-template-columns: 75px 77px 100px 29px 29px 29px 30px 80px 80px;
}

.inner_seasons.player.gk {
	grid-template-columns: 75px 77px 100px 29px 29px 59px 80px 80px;
}

.inner_seasons.this_season {
    grid-template-columns: 47px 47px 70px 100px 30px;
}

.inner_seasons > span {
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    padding: 3px;
    word-break: break-word;
    font-size: .95em;
}
.inner_seasons_header {
    font-weight: bold;
    text-align: center;
}
span.season_date.current_year {
    background: #e2f2ff;
    font-weight: bold;
}

.season_date.repeat {
    border-top: none;
    color: #aaa;
    font-weight: normal !important;
}

tr:not(:last-child) > td.season_date {
    border-bottom: none;
}

span.player_leave:not(:empty) {
    background: #ffffbb;
    font-style: italic;
}

tr.current_row {
    box-shadow: inset 0px 0px 6px 1px #aaa;
    outline: 1px dashed #008000;
}

td.column_even {
    background: #ffff0057;
}

td.summary {
    background: #bd040429;
    font-weight: bold;
}

td.cell_team {
    border-left: 2px solid;
    border-right: 2px solid;
}

td.sticky, th.sticky {
    position: sticky;
    left: 0;
}
td.sticky {
	background: #ececec;
}
th.sticky {
	z-index: 2 !important;
}

td .tag:not(:first-child) {
    margin: 10px;
}

.input-and-button {
	display: inline-flex;
	width: 100%;
	align-items: center;
}

.input-and-button > a:not([href]) {
    display: none;
}
.input-and-button > input {
	flex-grow: 1;
}

.importance_1 {background-color: #fbbe73 !important;}
.importance_2 {background-color: #a9d7ff !important;}
.importance_3 {background-color: #90ee90 !important;}

td[contenteditable="true"] {
	border: 1px dashed #000000;
	padding-right: 20px;
	position: relative;
}

td[contenteditable="true"]::after {
	content: '\f044';
	font-family: 'icons';
	font-size: 12px;
	color: #997fff;
	position: absolute;
	top: 2px;
	right: 2px;
}

tr.wrong {
	background-color: orange !important;
}

/* tables end */

/* dialogs */

.dialog {
	position:absolute;
	background: #FFF;
}

.dialog_trigger + .dialog {
    display: none;
    opacity: 0;
}

.dialog_trigger:checked + .dialog.dia_functions {
    display: flex;
    z-index: 2;
}
.dialog_trigger:checked + .dialog.dia_cover {
    display: flex;
}

.dialog.dia_functions, .dialog_wrapper {
    padding: 0;
    border: 2px ridge #afa58d;
    box-sizing: border-box;
    transition: opacity .3s;
    box-shadow: 0 0 9px 0px rgb(0 0 0 / 80%);
    width: min(400px,80vw);
    border-radius: 10px 10px 0 0;
    z-index: -1;
    resize: both;
    overflow: hidden;
    max-height: 80vh;
    max-width: 80vw;
    /* min-width: min-content; */
    min-height: 100px;
    flex-direction: column;
}

.dialog.dia_cover {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 50%);
}

.dialog_caption {
    border-radius: 10px 10px 0 0;
    background: #e8e8e8;
    padding: 5px 58px 5px 5px;
    font-weight: bold;
    font-size: .9rem;
    position: relative;
    user-select: none;
    cursor: move;
    touch-action: none;
}

.dia_cover .dialog_caption {
	cursor:default;
}

.dialog_contents {
    padding: 5px;
    overflow-y: scroll;
    background: #fff;
    position: relative;
}


#dia_files > .dialog_contents {
    flex-grow: 1;
    padding: 0;
    overflow: hidden;
}

.file_panel {
    grid-area: panel;
    background: beige;
    border-right: 3px groove #ff9393;
    overflow-y: auto;
}

.file_panel td {
    font-size: 14px;
}

.file_panel > table {
    width: 100%;
    display: table;
    background: none;
    cursor: default;
	 font-size: .85rem;
}

#file_slider_manager > .active {
    background: #deffc9;
    border-top:2px dashed #008000;
    border-bottom:2px dashed #008000;
}

#file_slider_manager > tr {
    background: none;
}

#file_slider_manager > tr:hover {
    background: aliceblue;
}

#file_slider_manager td {
	vertical-align:middle;
	text-align:center;
}

#file_slider_manager td:first-child {
	border-left:none;
}

#file_slider_manager td:last-child {
	border-right:none;
}

#file_slider_manager .file_type {
	font-size:18px;
}

.file_panel .date {width: 75px;}

span.file_img::before {content: '\f1c5';}

span.file_pdf::before {content: '\f1c1';}

span.file_arc::before {content: '\f1c6';}

span.file_other::before {content: '\f15c';}

span.file_word::before {content: '\f1c2';}

span.file_excel::before {content: '\f1c3';}

span.file_delete::before {content: '\f00d';color:#FF0000;}

.file_panel .file_delete {
	cursor:pointer;
}

.file_viewer {
    grid-area: viewer;
    border-bottom: 3px groove #ff9393;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.file_tools {
    grid-area: tools;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    justify-items: center;
    grid-gap: 5px;
}

.file-slider-arrow {
	font-size:30px;
	line-height:1;
	color: #000080;
	cursor:pointer;
}

#file_slider_tools:not([data-file-id]) ~ .file-slider-arrow {
    display: none;
}

.file-slider-arrow.arrow-left {
    grid-column: 1/2;
    grid-row: 1/1;
}

.file-slider-arrow.arrow-right {
    grid-column: 3/4;
    grid-row: 1/1;
}

.file-slider-arrow.arrow-left::before {
	content: '\f0a8';
	margin-left: 2px;
}
.file-slider-arrow.arrow-right::before {
	content: '\f0a9';
	margin-right: 2px;
}

.file-slider-tools {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#file_slider_tools {
    grid-column: 2/3;
    grid-row: 1/1;
}

#file_slider_tools:not([data-file-id]) > .file-slider-info {
    display: none;
}

#file_slider_tools:not([data-file-id]) > .file-tools-buttons > a,
#file_slider_tools:not([data-file-id]) > .file-tools-buttons > button {
	display:none;
}

.file_slider {
	display:flex;
	height: 100%;
	transition: .3s;
}

.file-slider-filename::before {
	content: '\f15c';
	margin-right:3px;
}

.file-slider-filetime::before {
	content: '\f017';
	margin-right:3px;
}

.file-slider-info {
    display: flex;
    justify-content: center;
    margin: 3px 0;
    gap: 10px;
    flex-wrap: wrap;
}

.file-tools-buttons {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
}

#file_tools_buttons > label {
    margin-right: 20px;
    display: none !important;
}

.file_frame {
    flex: 1 0 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.file_frame > div, .file_frame > iframe {
    max-width: 100%;
    max-height: 100%;
    margin: auto auto;
}

.file_plug {
    width: 100%;
    height: 100%;
    position: relative;
}

.file_plug > a {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    font-size: 40px;
    color: #c78b03;
    line-height: 1;
}

.file_frame > iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.file_frame > a {}

.file_frame img {
    max-width: 100%;
    max-height: 100%;
    line-height: 0;
}

.dialog_wrapper {
    border: 0;
    background: #fff;
    display: flex;
}

.dialog_action:not(:last-child),
.dialog_block:not(:last-child) {
    border-bottom: 1px dotted #a20c0c;
}

.dialog_block {
	padding: 5px;
}

.dialog_action {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 7px 0;
}

.dialog_action button {
    vertical-align: middle;
}

.dialog_action > header {
		flex-basis: 100%;
		font-weight: bold;
	}

.mas_replacing {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}

.dialog_caption > label::before, label.close::before, span.close::before {content: '\f00d';font-family: 'icons','Helvetica','Arial',sans-serif;font-size: 20px;}

.dialog_caption > label {
    position: absolute;
    top: 3px;
    right: 6px;
    cursor: pointer;
}

.dialog.show_in_action {
    opacity: 1;
}

.popup_note,
.inline_note {
	vertical-align:middle;
	padding: 5px 3px;
	border: 1px solid #aaa;
	border-radius: 4px;
	border-left: 4px solid #000;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	background: #fff;
	font-size: .85em;
}

span.inline_note {
    margin: 5px 0;
    display: inline-block;
}

.popup_note {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 150px;
    box-sizing: border-box;
    z-index: 11;
    box-shadow: 5px 5px 14px -6px;
    font-size: .93em;
}

.attention::before {
	content: '\f071';
	vertical-align: middle;
}

.info_note::before {
    content: '\f05a';
}

.with_popup {
	position: relative;
}

.with_popup:hover > .popup_note {
	display:block;
}

.dialog_loading {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.in_action .dialog_loading {
    display: block;
}

.dialog_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
}

.dialog_loader::before {content: '\f110';font-size: 40px;line-height: 1;color: #aaa;}

.in_action .dialog_loader {
    animation: round-infinite 1s infinite;
}

.in_action > .dialog_contents > div:not(.dialog_loading),
.in_action > .details_contents > div:not(.dialog_loading) {
	opacity: .1;
}

.file_wrapper {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 80% 20%;
    grid-template-areas:
        "panel viewer viewer"
        "panel tools tools";
}

#dia_files {
    width: min(800px,100vw);
    height: min(600px,90vh);
}

#sch_block {
	width: min(700px,100vw);
   height: min(500px,90vh);
}

span.dialog_fscreen {
    position: absolute;
    top: 3px;
    right: 30px;
    font-size: 19px;
    cursor: pointer;
}

.tofscreen::before {
	content:'\f065';
}
.fromfscreen::before {
	content: '\f066';
}

#file_upload_container,
#foto_upload_container {
    width: 95%;
    height: 100px;
    margin: 5px auto;
    position: relative;
    overflow: hidden;
    background: #ffc107;
    font-size: .9em;
    box-sizing: border-box;
    outline: 2px dashed #aaa;
    outline-offset: -4px;
    padding: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
		transition:.2s;
}

#file_upload_container input:focus + label > span,
#foto_upload_container input:focus + label > span {
    box-shadow: inset 0 0 0 2px #008000;
}

#file_upload_container.dragover,
#foto_upload_container.dragover {
    background: #f2f529;
    outline-width: 4px;
}

#file_uploaded,
#foto_uploaded {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    z-index: -1;
}

/* dialogs end */

/* select2 customization */
td.withselect2 {
	position:relative;
}
.select2-results__option--selectable:empty {
   height: 10px;
}
span.select2-dropdown {
    width: auto !important;
    max-width: 80vw;
    min-width: 150px;
    z-index: 8 !important;
}
.select2-results__option {
    white-space: nowrap;
}
.select2-search--dropdown {
    padding: 2px;
}
.select2-container {
    max-width: 100%;
}
.select2-container--default .select2-results__group {
    padding: 2px;
}
.select2-results__option {
    padding: 2px;
    font-size: 14px;
}
/* select2 customization end */


/* games_search */

.match_filter {
    display: grid;
    grid-template-columns: minmax(min-content,30%) min(300px,65%);
    grid-gap: 4px;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
}

.match_filter > span, .match_filter > div {
    background: #f1f1f1;
    padding: 4px;
}

.match_filter > div > input, .match_filter > div > textarea {
    box-sizing: border-box;
    max-width: 100%;
}

.match_filter > div > select {
	max-width:100%;
	width:150px;
}

#only_one_team
{
display:none;
}
#ref_add_fields
{
display:none;
}

.selected ~ .non_selected ~ #only_one_team, .game_search .non_selected ~ .selected ~ #only_one_team
{
display:block;
}
.selected ~ #ref_add_fields
{
display:block;
}

#t_reset
{
	display:none;
}
.selected ~ #t_reset
{
	display:inline;
}

td.green
{
background:#47d73e;
}
td.red
{
background:#FF0000;
}

span.red, output.red, p.red, div.red, b.red {color: #FF0000 !important;}

.pointer {cursor: pointer;}

label.highlight
{
   background: #fff9dd;
   padding: 3px;
   border: 1px solid #b1b1b1;
   border-radius: 3px;
   display: inline-block;
}

/* games_search end */


.ul_no_margin
{
margin: 0 auto;
padding: 0 0 0 15px;
}
.ul_no_margin li ul
{
padding: 0 0 0 15px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	display:table;
	overflow-x:auto;
}

.pagination > header {
	margin:0 auto;
	width: max-content;
	padding: 5px;
	border-radius: 5px;
	background: #d6d9ff;
}

.pagination > .pages {
    display: flex;
    gap: 9px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px auto;
}

.pagination > .pages > a, .pagination > .pages > b {
    padding: 3px;
    background: #ade8ad;
    color: #000;
    border-radius: 3px;
    border: 1px solid transparent;
}

.pagination > .pages > b {
    background: #7fffd4;
    border-color: #000;
    border-style: dotted;
}

.pagination > .pages > a:hover {
    background: #e8cbad;
}

.pagination > header::before {
	content: '\e62e';
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}


.person_info > td {word-wrap: break-word;word-break: break-all;}

.person_info input, .person_info select {
    box-sizing: border-box;
    max-width: 100%;
}

.person_info input {
    width: min(200px,100%);
}

.labelgroup {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 3px;
		margin: 5px 0;
}

.labelgroup > p {
    text-indent: 20px;
    font-weight: bold;
}


/* docs */

span.doc_variant {
    display: inline-block;
    width: 39px;
    height: 20px;
    vertical-align: middle;
    border-radius: 5px;
}

th.doc {
    font-variant: small-caps;
    background: #faebd7;
    white-space: nowrap;
}

td.doc {
    background: #fffff0;
    white-space: nowrap;
}

td.doc.opened {
    box-shadow: inset 0 0 4px 1px #0531d5;
}

table:not(.inner) > tbody > tr:hover > td.doc {
    background: #abffa9;
}

.doc input[type='checkbox'] {
    display: none;
}

.doc_short_name, .doc > label > input[type='number'] {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 10px;
    border: none;
    outline: none;
    background: #ffa500;
    font-family: 'PTSans','Helvetica','Arial',sans-serif;
    font-size: inherit;
    text-align: center;
}

.doc > label > input[type='number']::placeholder {
	color:#aaa
}

.doc_short_name {
	user-select: none;
	font-variant: small-caps;
}

.doc_required .doc_short_name, .doc_required > label > input[type='number'] {
    background: #b30202;
    color: #fff;
}

.doc_sum_half_ok {
    background: #c5d25f !important;
    color: black !important;
}

.doc_required .doc_sum_half_ok {
    background: #fd9e9e !important;
}

input[type='checkbox']:checked ~ .doc_short_name, .doc > label > input[type='number'].doc_sum_ok {
    background: #008000;
    color: #fff;
}

.doc_files > var {
    display: none;
}

.doc_files::before {
	content: '\f019';
}

.doc_files {
    margin-left: 5px;
    cursor: pointer;
    vertical-align:middle;
    color: #008000;
}

.doc_files:empty {
    color: #c10404;
	visibility: hidden;
}

.doc_files.match {
	visibility: visible;
}

.doc_files.match:not(:empty) {
    font-size: 1.2em;
}

.doc_files.match:empty {
    font-size: 0.9em;
}

td.doc:hover > .doc_files {
    visibility: visible;
}

.doc_files.opened {
    filter: drop-shadow(0 0 4px #FF0000) !important;
    animation: none;
}

.doc_files.closed,
td.doc > label.closed {
    animation: green-alert 1s 3;
}

.doc_delay_wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #aaa;
}

.delay_late {
    color: #d60101;
}

.delay_in_action {
    color: #008000;
}

.doc_delay_wrapper::before {
    content: '\f017';
}

/* docs end */


/* tabs */

.tabs_choise {
    width: 304px;
    width: calc(150px*var(--tabs-count,2) + 4px);
    box-sizing: border-box;
    height: 34px;
    height: max-content;
    min-height: 34px;
    border: 2px solid #aaa;
    border-radius: 17px;
    position: relative;
    display: flex;
    align-items: center;
    margin: 5px auto;
}

.tabs_choise > label {
    text-align: center;
    cursor: pointer;
    z-index: 2;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 50%;
    flex-basis: calc(100%/var(--tabs-count,2));
    display: flex;
    align-items: center;
    padding: 6px;
    box-sizing: border-box;
    justify-content: center;
}

.switch_lighter {
    position: absolute;
    width: 50%;
    width: calc(100%/var(--tabs-count,2));
    height: 100%;
    left: 0;
    background: #7fffd4;
    background-image: linear-gradient(198deg, #00dafd, #83ff81);
    border-radius: 15px;
    border: 2px solid #83ff81;
    box-shadow: inset 0 0 0 2px #FFF;
    box-sizing: border-box;
    transition: .3s;
}

.switch_header {
	word-wrap: break-word;
	word-break: break-all;
}

.tabs_choise > label > span.icon {
    color: #ab0000;
    margin: 0 5px;
    line-height: 0;
}

span.puck::before {
	content: '\f453';
}

.floorball span.puck::before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url(/sport/images/ball.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
}

.label_counter:not(:empty) {
    margin: 0 7px 0 0;
    background: red;
    color: #FFF;
    border-radius: 9px;
    font-size: .8em;
    height: 18px;
    min-width: 12px;
    line-height: 18px;
    padding: 0 3px;
    margin-left: 10px;
}

.tabs {
	position:absolute;
	left:-4096px;
	max-width: calc(100vw - 12px);
	box-sizing: border-box;
}

#tab_switcher:checked + .tabs_choise > .switch_lighter,
.tab_switcher:checked + .tabs_choise > .switch_lighter {
    left: 50%;
}

#tab_switcher:checked ~ #tab1,
#tab_switcher ~ #tab2,
.tab_switcher:checked ~ .tab1,
.tab_switcher ~ .tab2 {
	position:absolute;
	left:-4096px;
}

#tab_switcher:checked ~ #tab2,
#tab_switcher ~ #tab1,
.tab_switcher:checked ~ .tab2,
.tab_switcher ~ .tab1 {
	position:static;
	left:0;
}

#tab_switcher1:checked ~ .tabs_choise > .switch_lighter,
#tab_switcher1:checked ~ div > .tabs_choise > .switch_lighter {
    left: 0;
}

#tab_switcher2:checked ~ .tabs_choise > .switch_lighter,
#tab_switcher2:checked ~ div > .tabs_choise > .switch_lighter {
    left: calc(100%/var(--tabs-count,2)*1);
}

#tab_switcher3:checked ~ .tabs_choise > .switch_lighter,
#tab_switcher3:checked ~ div > .tabs_choise > .switch_lighter {
    left: calc(100%/var(--tabs-count,2)*2);
}

#tab_switcher4:checked ~ .tabs_choise > .switch_lighter,
#tab_switcher4:checked ~ div > .tabs_choise > .switch_lighter {
    left: calc(100%/var(--tabs-count,2)*3);
}

#tab_switcher5:checked ~ .tabs_choise > .switch_lighter,
#tab_switcher5:checked ~ div > .tabs_choise > .switch_lighter {
    left: calc(100%/var(--tabs-count,2)*4);
}

#tab_switcher6:checked ~ .tabs_choise > .switch_lighter,
#tab_switcher6:checked ~ div > .tabs_choise > .switch_lighter {
    left: calc(100%/var(--tabs-count,2)*5);
}

#tab_switcher1:checked ~ #tab1,
#tab_switcher2:checked ~ #tab2,
#tab_switcher3:checked ~ #tab3,
#tab_switcher4:checked ~ #tab4,
#tab_switcher5:checked ~ #tab5,
#tab_switcher6:checked ~ #tab6 {
    position: static;
	 left: 0;
}

#tab_switcher1:checked ~ .tabs_choise > label:nth-of-type(1) > .icon,
#tab_switcher1:checked ~ div > .tabs_choise > label:nth-of-type(1) > .icon,
#tab_switcher2:checked ~ .tabs_choise > label:nth-of-type(2) > .icon,
#tab_switcher2:checked ~ div > .tabs_choise > label:nth-of-type(2) > .icon,
#tab_switcher3:checked ~ .tabs_choise > label:nth-of-type(3) > .icon,
#tab_switcher3:checked ~ div > .tabs_choise > label:nth-of-type(3) > .icon,
#tab_switcher4:checked ~ .tabs_choise > label:nth-of-type(4) > .icon,
#tab_switcher4:checked ~ div > .tabs_choise > label:nth-of-type(4) > .icon,
#tab_switcher5:checked ~ .tabs_choise > label:nth-of-type(5) > .icon,
#tab_switcher5:checked ~ div > .tabs_choise > label:nth-of-type(5) > .icon,
#tab_switcher6:checked ~ .tabs_choise > label:nth-of-type(6) > .icon,
#tab_switcher6:checked ~ div > .tabs_choise > label:nth-of-type(6) > .icon {
    color: #000000;
}


/* tabs end */

.simple_list {
	list-style:none;
	padding: 0;
}

.line_wrap > label,
.line_wrap > span,
.line_wrap > b {
    display:block;
		margin:4px 0;
}

.auth_form {
    display: grid;
    grid-template-columns: min-content min-content;
    grid-gap: 7px;
    align-items: center;
    margin: 10px auto;
    width: min-content;
    padding: 20px 7px 7px;
    border: 3px groove #d49c00;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 3px 7px -1px;
}

.auth_form > header {
    position: absolute;
    height: 30px;
    top: -17px;
    left: 15px;
    background-color: #fdfbf7;
    padding: 2px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    box-sizing: border-box;
}

.auth_form > span:last-child {
	grid-column:1/3;
	text-align:center;
}

.inner_header {
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 0;
}

.item_header {
    text-align: center;
    font-weight: bold;
}

.actions_list {width: max-content;max-width: 100%;box-sizing: border-box;}

.actions_list select {
    max-width: min(300px,100%);
    box-sizing: border-box;
}

.actions_list_item {
    margin: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
}

.actions_list_item:hover {
    box-shadow: 0 0 4px 0 #000;
}

.breadcrumbs > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumbs {
    margin: 3px 0;
    align-self: flex-start;
}

.breadcrumbs > ul > li > label {
    cursor: pointer;
}

#current_crumb {
    position: relative;
}

#current_crumb_list {
    display: flex;
    position: absolute;
    top: 118%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-direction: column;
    width: max-content;
    max-width: 100vw;
    transition: opacity .3s ease;
    opacity: 0;
    z-index: -1;
}

#current_crumb_list > li {
    padding: 3px;
    background: #d7fadd;
}

#current_crumb_list > li:hover {
    background: #24d26a;
    box-shadow: 0 0 7px 3px #aaa;
    z-index: 2;
}

#current_crumb_list > li:not(:last-child) {
    border-bottom: 1px solid #000;
}

#current_crumb_list > li a {
    text-decoration: none;
    color: #000;
    display: block;
}

#current_crumb_checkbox:checked + #current_crumb_list {
    box-shadow: 0 2px 5px 0 #aaa;
    opacity: 1;
    z-index: 2;
}

#current_crumb_list:not(:empty) + label::before {content: '\f107';display: inline-block;}

#current_crumb_checkbox:checked + #current_crumb_list:not(:empty) + label::before {
    transform: rotate(180deg);
    transform-origin: 50% 39%;
}

.breadcrumbs > ul > li:not(:last-child)::after {content: '\f105';margin: 0 5px;}

.mininav {
    list-style: none;
    margin: 0;
    padding: 50px 110px 10px 110px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    background: #fdfbf7;
}

.mininav:empty {
    margin-top: 40px;
    padding: 0;
}

.mininav > li > a {
    background: #ebebeb;
    padding: 5px;
    border-radius: 7px;
    display: block;
    font-size: .9em;
    color: #000;
}

.mininav > li > a:hover {
    background: #c7c7c7;
}

/* page main end */




/* tourn-admin */

.greenboxes {
	line-height: 26px;
}
.greenboxes label{
	line-height: 14px;
	user-select:none;
}
.greenboxes input{
	display:none;
}
.greenboxes span{
   display: inline-block;
   padding: 4px;
   border-radius: 3px;
   background: #cacaca;
   margin: 0px 2px;
   color: #05090c;
}
.greenboxes input:checked + span
{
	background: #008000 !important;
   color: #ffffff;
}

.selectreplace {
text-transform: capitalize;
display:none;
}
select.noselect {
	display:none;
}
select.noselect ~ .selectreplace {
	display:inline;
}

/* tourn-admin end */

/* users */

.user_message
{
color:green;
}
.user_message.error
{
color:#FF0000;
}
#input_msg
{
font-size:0.8em;
color:#FF0000;
}

td.password, .nowrap {
	white-space:nowrap;
}

.pwd_wrapper,
.input_wrapper {
	display: inline-block;
	position:relative;
	width:161px;
	height:25px;
	border:1px solid #c1c1c1;
	border-radius:6px;
	padding:0px 0px 0px 6px;
	background: #FFF;
}
.pwd_wrapper input,
.input_wrapper input {
	border:none;
	outline:0;
	width:132px;
	height:100%;
	background:none;
}
.input_wrapper input {
	width:100%;
	box-sizing:border-box;
}
.pwd_wrapper > .eye {
	width: 25px;
	height:25px;
	font-size: 16px;
	line-height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.4;
	cursor:pointer;
	display: inline-block;
	text-align: center;
}
.pwd_wrapper > input[type='password'] + .eye::before {
  content: '\f070';
}
.pwd_wrapper > input[type='text'] + .eye::before {
  content: '\f06e';
}

.user_app
{
	display:block;
	padding:5px;
	background:#dcdcdc;
	margin:10px;
	border: 1px solid #a2a2a2;
}
.user_apps .user_app:nth-child(even)
{
	background:#f3f3f3;
}
.app_options
{
	display:none;
}
.user_app.enabled .app_options
{
	display:block;
}
.app_option_select {
	width:300px;
}

div#form_msg {
	display:none;
   margin: auto;
   width: 200px;
   border: 2px solid#FF0000;
   padding: 10px;
   text-align: center;
   border-radius: 10px;
}

div#form_msg.error
{
	display:block;
}

.table_app_list, .table_app_list ul {
    list-style: none;
    padding: 0;
}

.table_app_list > li::before {content: '\f02d';margin-right: 3px;}

/* users end */



/* team */

td.player_leave:not(:empty) {
   background: #d2f7ff;
}

.tournament_lists {
    display: flex;
    flex-direction: column;
    width: min(500px,100%);
    border-top: 1px solid #aaa;
    margin-top: 10px;
}


.tournament_lists > a {
    display: flex;
    width: 100%;
    padding: 8px;
    border: 1px solid #aaa;
    border-top: none;
    box-sizing: border-box;
    text-decoration: none;
    align-items: center;
}

.tournament_lists > a > .head_counters {
    font-size: 1em;
}

.tournament_lists > a:hover {
    box-shadow: 0 0 10px -3px #000;
}

span.tour_name {
	flex-grow:1;
	padding-right: 10px;
}

.team_manage_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
}

.cell_counter {
	text-align:center;
}

.summary_with_counters .head_counters {
	 display: inline-flex;
	 vertical-align: middle;
	 margin-left: 10px;
}
td.is_work_list {
	 font-weight: bold;
	 color: #af8537;
}
td.is_new_list {
	 font-weight: bold;
	 color: red;
}
td.counter_with_namelist > span {
	 position: relative;
}

td.counter_with_namelist > span:hover {
    background: orange;
    padding: 0 5px;
}
td.counter_with_namelist > span:hover > .namelist {
	 display: block;
}

.namelist {
	 position: absolute;
	 top: 100%;
	 margin-top: 4px;
	 left: 50%;
	 transform: translateX(-50%);
	 display: none;
	 padding: 2px 4px;
	 box-sizing: border-box;
	 min-width: min(200px,100vw);
	 background: rgb(0 0 0 / 70%);
	 color: #FFF;
	 z-index: 2;
	 border-radius: 6px;
}
.namelist::before {
	 content: '';
	 position: absolute;
	 top: -6px;
	 left: 50%;
	 margin-left: -6px;
	 border-bottom: 6px solid rgb(0 0 0 / 70%);
	 border-left: 6px solid transparent;
	 border-right: 6px solid transparent;
}

.doc_check_block {
    width: min(200px,100%);
    border-radius: 15px;
    border: 1px solid #aaa;
}

.doc_check_block > a {
    display: block;
    background: #f0f8ff;
    padding: 7px 0;
    border-radius: 15px 15px 0 0;
}

.doc_counters {
    display: flex;
    justify-content: space-around;
    align-content: stretch;
}

.doc_counters > span {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.doc_counters > span::before {
    font-family: 'icons',Arial;
    font-size: 18px;
    text-align: center;
}

.complete_docs_count::before {content: '\f00c';color: #008000;}

.nofoto_count::before {
    content: '\f03e';
    color: #FF0000;
}

.counters_beginner::before {
    content: ' ';
    height: 20px;
}

.counter_player::before {
    content: '\f0c0';
}

.counter_trener::before {
    content: '\f508';
}

.counter_trener::before, .counter_player::before {
    font-family: 'icons',Arial;
    margin-right: 5px;
}

.nocomplete_docs_count::before {
    content: '\f057';
    color: #FF0000;
}

.woreq_docs_count::before {
    content: '\f46d';
    color: #FF0000;
}

.upl_docs_count::before {
    content: '\f56f';
    color: #008000;
}

p.org_name {
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    color: #0000ff;
}

.person_seasons p.found_name {
    text-align: center;
}

p.found_name.exact {
    font-weight: bold;
}

tr.found_exact > td:first-child {
    font-weight: bold;
}

tr.found_in_current > td:first-child {
    color: #FF0000;
}

a.found_exact, input.found_exact {
    font-weight: bold;
}

a.found_in_current, input.found_in_current {
    background: #ffc761;
}

label.join_leave {
	text-decoration:none !important;
}

.join_leave input {
    display: none;
}

.join_leave.leave > span, .join_leave.join > span {
	color: #AAA;
}

.join_leave.leave > span::before {
	content: '\f506';	
}

.join_leave.join > span::before {
	content: '\f505';	
}

.join_leave input:checked + span {
	font-size: 1.5em;
	color:#008000;
}

.join_leave.leave input:checked + span {
	color:#FF0000;
}

span.games {
	text-align:center;
}

span.theirs {
   background: #8dff8d;
}

td.age_lower {
    background: #ffa500;
}

td.age_greater {
    background: #ea5022;
}

td.age_greater > a {
    color: #FFF !important;
}

.custom_checkbox > input {
    display: none;
}

.custom_checkbox > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #aaa;
    box-shadow: inset 1px 1px 4px -2px #000;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
}

.custom_checkbox {
    line-height: 0;
    display: inline-block;
    cursor: pointer;
}

label.complete_docs > span {background: #ffa500;}
label.complete_req_docs > span {background: #b30202;}

.custom_checkbox > input:checked + span {
    background: #008000;
}

.custom_checkbox > input:checked + span::before {visibility:visible;}
.custom_checkbox > span::before {content: '\2714';visibility:hidden;}

.complete_req_docs, .complete_docs {
	cursor:default;
}

.list_search input {
    font-size: 18px;
    font-weight: bold;
}

/* team end */

/* players */
select.team_select
	{
	width:200px;
	}
#search_person_table tr
	{
	opacity:1;
	transition:opacity 0.3s ease;
	}

#search_person_table a.player_name {
    /* position: sticky; */
    /* top: 50%; */
}
#search_person_table tr.fade_out
	{
	opacity:0;
	}
/* players end */


/* schedule begin */

.dates-sch-form {
	width: 100%;
}

.dates-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto 15px;
    align-items: center;
}

.schedule-week {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 15px;
    border-radius: 15px;
    margin: 30px auto;
}

.schedule-day {
    flex: 0 1 10%;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #FFF;
}

.schedule-day > p {
	position: sticky;
	z-index: 1;
	top: 40px;
	margin: 0;
	background-color: #30548f;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 7px 7px 7px 40px;
	color: #FFF;
}

.schedule-day > p.today {
    background-color: darkorange;
    color: #333;
}

.schedule-day > p::before {
    content: '\f133';
    font-family: 'icons';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 25px;
    line-height: 0;
}

.schedule-events {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 5px;
    align-items: center;
}

.schedule-event {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 150px;
    background-color: #f0f8ff;
    border-radius: 5px;
    padding: 4px;
    border: 1px solid #ddd;
		position: relative;
}

form > .schedule-event {
    display: inline-flex;
    margin-right: 20px;
}

.schedule-event:nth-child(even) {
    background-color: #e1e1e1;
}

.schedule-event.last {
    margin-bottom: 40px;
}

.schedule-event > .text_delete {
    align-self: center;
}

.schedule-time {
	white-space: nowrap;
}

.schedule-time > input {
	width: 40px;
}

.schedule-event > .cloning {
	position: absolute;
	right: 2px;
	bottom: 2px;
}

.schedule-event > .cloning + span input {
	max-width: 100%;
  box-sizing: border-box;
}



.schedule-event > .cloning::before {
	content: '\f01e';
}

/* schedule end */
	
/* ref_set */
.customselect.highlighted, .customselect.highlighted + .select2 {
box-shadow: 0px 0px 1px 2px rgb(239 251 51);
}

.ref_no_hide > button:first-child, .ref_hide > button:last-child {
	display:inline;
	}
.ref_no_hide > button:last-child, .ref_hide > button:first-child {
	display:none;
	}
.ref_no_hide > button:first-child::before {
	content:'\f007';
}
.ref_hide > button:last-child::before {
	content:'\f500';
}
.ref_hidden + .select2 {
	display:none;
	}
/* ref_set end */
	
/* sdk */
.cant_set {
	visibility:hidden;
	}
/* sdk end */

/* clubs */
.colors > .color_wrapper
	{
	margin-right:2px;
	}
.colors > .color_wrapper:last-child
	{
	margin-right:0;
	}
.colors > .color_wrapper:nth-child(3) + [type="button"]
	{
	display:none;
	}

.color_deleter {
   cursor: pointer;
   vertical-align: top;
   margin-left: 2px;
}

.color_deleter::before {
   content: '\2716';
   font-size: 10px;
}

/* clubs end */

/* items-admin */
.item_search_form > div {
	margin-bottom:5px;
}
/* items-admin end */


/* photo-admin begin */

.photos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 10px;
}

#total_photo {
    font-weight: bold;
    font-size: 1.2em;
}

.photo-wrapper {
    position: relative;
    padding: 8px;
    box-sizing: border-box;
}

.photo-wrapper > a {
    display: block;
    text-align: center;
}

input[name="is_cover"]:checked ~ .photo-wrapper img {
    box-shadow: 0 0 4px 2px #00bb17;
}

input[name="photo_delete[]"]:checked + .photo-wrapper img {filter: blur(3px) brightness(0.5);}

.photo-wrapper img {
    height: 150px;
}

.photo-tools {
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0 0 4px 0px #000;
    text-align: center;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.photo-wrapper:hover > .photo-tools {
    visibility: visible;
}

.photo-tools.delete {
    top: 0;
    right: 0;
    background: #FF0000;
    color: #FFF;
}

.photo-tools.delete::before {
    content: '\f00d';
}

.photo-tools.first {
    top: 0;
    right: 24px;
}

.photo-tools.first::before {
    content: '1';
}


/* photo-admin end */


/* page footer */

.page_foot {
	background:#4e4e4e;
	color: #e6e6e6;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	padding:10px;
	overflow-x: hidden;
	max-width: 100vw;
}
.credits {
    display: flex;
    flex-direction: column;
}

.page_foot a {
    color: #faebd7;
}

.page_foot a:hover {
    color: #a3ffae;
}

.feedback_box {
    width: 320px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#feedback_form fieldset {
    border: 1px solid #aaa;
    border-radius: 10px;
}

.feedback_box > label {
    display: flex;
}

.feedback_box input {
    flex-grow: 1;
    margin-left: 5px;
    background: #FFFFFF;
    outline: none;
    border: 1px solid #aaa;
}
textarea[name="feedback_text"] {
    height: 90px;
}

/* page footer end */



@media (min-width:881px) {
	/* page header */
	.no_app .menu_checker_button {
		display:none;
	}
	.menu-wrapper.local {
		position:absolute;
		top:40px;
		left: -43px;
	}
	.local .main-menu-link,
	.local .expand_menu + label {
		display:none;
	}
	
	.menu_checker_button:hover ~ .main-menu > .local .main-menu-inner,
	.local .main-menu-inner:hover	{
		left: 0;
		width: auto;
	}
	
	.menu_local {
		display:none !important;
	}
	
	.page_head:hover .main-menu > .local .menu_local {
		display:flex !important;
	}

	.menu_local .main-menu-inner {
    left: -999px;
    top: 0 !important;
	}
	
	.menu_local .main-menu-link-inner {
		padding: 0 6px 0 5px;
		width: max-content;
		max-width: 100vw;
		box-sizing: border-box;
	}
	/* page header */
	
	table::-webkit-scrollbar {
    height: 12px !important;
	}

	div.dialog th {
			top: -6px !important;
	}
	.breadcrumbs > ul > li {
			font-size: .8em;
	}
	.menu_checker_button {
		display:none;
	}
	.photo-tools {
		visibility: hidden;
	}
	.photo-wrapper:hover > .photo-tools {
    visibility: visible;
	}
}

@media (max-width:1023px) {
	body {
		overflow-x: hidden;
	}
	
	main {
		overflow-x: hidden;
	}
	
	table {
		overflow-x: auto;
		display: block;
	}
}
@media (min-width:1024px) {
table::-webkit-scrollbar {
    height: 12px!important;
	}
thead > tr:not(.tablesorter-ignoreRow) > th {
		position: sticky !important;
		top: 39px;
		z-index: 1;
		box-sizing: border-box;
	}
}

@media (max-width:880px) {
	
	/* page header */
	.menu_checker_button {
		z-index:9;
	}
	
	.main-menu {
		position:absolute;
		top: -999px;
		width: 320px;
		max-width: 100%;
		transition: top .2s cubic-bezier(0.22, 0.61, 0.36, 1);
		max-height: calc(100vh - 40px);
		overflow-y: scroll;
	}
	#menu_checker:checked ~ .main-menu {
		top: 40px;
		z-index: 8;
	}
	#menu_checker:checked + .menu_checker_button::before {
		content: '\f00d';
	}
	.menu-wrapper {
	}
	.menu-wrapper > ul {
		 flex-direction: column;
		 background-image: linear-gradient(to left, #ffde94, #fff);
		 height:auto;
	}
	.menu-wrapper > ul > li {
		flex-wrap:wrap;
	}
	.menu-wrapper > ul > li:not(:last-child)::after {
		 position: absolute;
		 bottom:0;
		 height: 0;
		 width: 94%;
		 left: 3%;
		 border-bottom: 2px groove #c59c9c;
		 border-right: none;
	}
	.menu-wrapper > ul > li:hover > .main-menu-link, .menu-wrapper > ul > li:hover > label {
		background-image:none;
	}
	.menu_local {
		z-index:8;
	}
	.main-menu-link {
    text-align: left;
    padding-left: 10px;
	}
	.with_counters > .main-menu-link {
		 flex-direction: row-reverse;
		 justify-content: space-between;
	}
	.main-menu-link,
	.expand_menu + label {
		 background-image: none;
		 z-index:8;
		 transition: .3s;
	}
	.expand_menu + label::after {
    content: '\e688';
    margin-right: 4px;
    font-size: 1em;
 }
	.expand_menu:checked + label::after {
		content: '\e682';
	}
	.expand_menu + label::before {
    content: '';
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    height: 40px;
    z-index: 9;
}
	.expand_menu:checked ~ .main-menu-inner {
		display:block;
	}
	.main-menu-inner {
	top: 40px;
	position: static;
	flex: 1 0 100%;
	padding-right: 0;
	display: none;
	}
	.main-menu-link-inner {
		line-height:30px;
		padding-left: 20px;
	}
	.head_search {
		flex-grow:1;
		z-index:9;
	}
	/* page header */
	
	.ui-sortable-handle {
		padding: 0 15px;
	}
	.head_logout {
		margin:10px;
	}
	.breadcrumbs > ul > li {
			font-size: 1em;
	}
	details.inline.advice,
	a.head_logout	{
		display:none;
	}
	.mininav {
		display:none;
	}
	main {
		margin-top: 40px;
	}
	.photo-wrapper img {
    width: 90vw;
    height: unset;
	}

	.photo-tools {
			width: 30px;
			height: 30px;
	}

	.photo-tools.first {
			right: 38px;
	}
	input, textarea {
    max-width: 100%;
    box-sizing: border-box;
	}
}

@media (max-width:700px) {
	:root {
	--base_number_size: 1.2em;
}
	.file_wrapper {
		 grid-template-columns: 1fr;
		 grid-template-rows: 4fr 1fr;
		 grid-template-areas:
			  "viewer"
			  "tools";
	}

#file_tools_buttons > label {
    display: inline-flex !important;
}
	.file_panel {
		display:none;
	}
}

@media (max-width:600px) {
	.check_buttons button {
		width: 20px;
		font-size: 17px;
	}
	.inline_preview > a > img:hover {
		 transform: none;
	}
	.dialog_caption {
    height: 30px;
	 font-size: 1em;
	}
	.dialog_caption > label::before	{
		font-size: 23px;
	}

	span.dialog_fscreen {
		 right: 33px;
		 font-size: 23px;
	}

	span.doc_files {
		font-size:20px;
	}
	th.resizes {
		min-width:100px;
	}
	.xdsoft_datetimepicker {left: 50% !important;transform: translateX(-50%);max-width: 100vw;}
	/* main table {
    display: flex;
    flex-direction: column;
	}
	main tr {
			display: flex;
			flex-direction: column;
			margin: 20px 0;
			box-shadow: 0 0 7px 0px;
	}
	main td, main th {
			width: 100% !important;
			box-sizing: border-box;
	}
	.tablesorter-filter-row {
		display:none;
	}
	.ordering::before, .ordering::after {
    width: 0px;
	} */
	
}

@media print {
	a.button,
	button.icon {
		display:none;
	}
}