:root {
  --color-orange: #FA7A35;
  --color-focus: #BF6230;
  --color-active: #FF8D00;
}

@font-face {font-family: "awb-icons";src:url('/s/awb-icons.woff') format('woff'),url('/s/awb-icons.ttf') format('truetype'),url('/s/awb-icons.svg#awb-icons') format('svg');font-weight: normal;font-style: normal;font-display: swap;}


body {
	font-family: "montserrat", Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	background-color: white;
	color: black;
	margin: 0;
	padding: calc(96px + 15px + 15px) 0 0 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.invalid {
	box-sizing: border-box;
	padding: 8px !important;
	background-color : #FFF0F0 !important;
}

.valid {
	padding: 8px !important;
	background-color: #F0FFF0 !important;
}

.error {
	text-align: right;
	color: red;
}

a img, a img:link, a img:visited, !a img:hover, a img:active {
    border: 0;
}

#header {
	/* border:1px solid red; */
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(96px + 15px + 15px);
	z-index: 999;
	background-color: white;
	font-weight: 400;
	color: black;
	padding: 15px calc(5% + 10px);
	font-size: 18px;
	justify-content: space-around;
	align-items: center;
	transition: all 0.5s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1px;
}

#header_mobile {
	display: none;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(96px + 15px + 15px);
	z-index: 999;
	background-color: white;
	font-weight: 400;
	color: black;
	padding: 15px calc(5% + 10px);
	font-size: 18px;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	transition: all 0.5s ease;
	justify-content: space-between;
	align-items: center;
	gap: 1px;
}

#hamburger {
    display: inline-block;
    font-size: 60px;
	font-stretch: expanded;
}

#expander {
	background-color: white;
	border: 2px solid black;
	width: calc(90% - 20px);
	position: fixed;
	top: 126px;
	left: calc(5% + 10px);
    box-sizing: border-box;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}

.brand {
	width: 280px;
}

.brand_center {
	width: 280px;
	position: fixed;
	top: 32px;
	left: calc(50% - 140px);
}


.menu_text {
	display: inline-block;
	width: 99%;
	text-align: center;
}

.menu_button {
	display: flex;
	align-items: center;
	font: 700 16px / 24px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	padding: 0 6px;
	margin: 6px 6px 4px;
	height: 34px;
	box-sizing: border-box;
	white-space: nowrap;
    vertical-align: middle;
	color: black;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all 0.3s ease-out;
}

a>.menu_button:hover {
	color: black;
}

.login_block {
	margin: 40px 0 70px;
}

#main {
	padding: 15px calc(5% + 10px) 45px;
	box-sizing: border-box;
	flex: 1 0 auto;
}

footer {
	background-color: #24272D;
	color: #DFDFDF;
}

.foot_s1 {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	padding: 36px calc(5% + 10px);
	box-sizing: border-box;
}

.foot_s2 {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	color: #787878;
	background-color: #30343B;
	padding: 15px calc(5% + 10px);
	font-size: 13px;
	line-height: 25px;
	box-sizing: border-box;
}


.col33 {
	width: 33%;
	flex-basis: 33%;
	box-sizing: border-box;
	padding: 18px 0 0 0;
}

.col33.mid {
	text-align: center;
}
.col33.right {
	text-align: right;
}


.sm, .sm:link, .sm:visited {
	font: 400 21px / 21px "awb-icons";
	font-family: "awb-icons";
	display: inline-block;
	width: 21px;
	height: 21px;
	padding: 8px;
	margin: 5px;
	color: #DFDFDF;
	border-radius: 99px;
	background-clip: border-box;
	background-color: #3B404A;
	border-width: 0;
	cursor: pointer;
	transition: 0.2s;
	transition-timing-function: linear;
}

.sm:hover, .sm:active {
	background-color: #333333;
	color: #2ba0a3;
}

.qr {
	width: 64px;
	height: 64px;
}

#content {
	width: 100%;
	display: inline-block;
	flex: 1;
}

h1 {
	font: 700 32px 'Montserrat', sans-serif;
	color: black;
}

h2 {
	font: 700 17px 'Montserrat', sans-serif;
	padding: 10px;
}

h3 {
	font: normal  25px / 36px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
	color: #3b3f4a;
}

label {
	font-size: 22px;
}

.bdel {
    width: 34px;
    height: 34px;
    box-sizing: content-box;
    border: 0;
	padding: 0;
	margin: 0;
	min-width: unset;
	border: 1px solid white;
}

.bdel:hover {
	border-radius: 5px;
	border: 1px solid var(--color-orange);
}

.bdel:active {
	background-color: #FEE4D7;
}

.logged_mobile {
	display: none;
}

.title, .title_left {
	font-size: 40px;
	font-weight: 400;
	padding: 10px 0;
	
	margin: 0 0 24px;
	min-width: fit-content;
	overflow: hidden;
}

.title {
	text-align: center;
}

.tslide {
	animation: 2s ease-out 0s 1 slideInFromRight;
}

@keyframes slideInFromRight{
  0% {
    transform: translateX(40%);
  }
  50% {
    transform: translateX(-3%);
  }

  100% {
    transform: translateX(0);
  }
}

.wt {
	font:  normal  16px / 28px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
	color: white;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.el {
	color: rgb(154, 160, 167);
	line-height: 26px;
	font-size: 14px;
	margin: 0 0 10px;
}

.el a, .el a:link, .el a:visited {
	text-decoration: underline;
	color: #9aa0a7;
}

.el a:hover, .el a:active {
	text-decoration: none;
	color: #9aa0a7;
}

#foot_bottom a, #foot_bottom a:link, #foot_bottom a:visited {
	text-decoration: none;
	color: white;
}

#foot_bottom a:hover, #foot_bottom a:active {
	text-decoration: underline;
	color: white;
}

.sct {
	position: fixed;
	padding: 0;
	right: 10px;
	bottom: 10px;
	width: 44px;
	height: 44px;
	border-radius: 2px;
	opacity: 1;
	z-index: 999;
	background-color: rgba(0,0,0,.2);
}

.sct:before {
	display: block;
	width: 44px;
	height: 44px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill::first-line {
  font-size: 18px;
}

input:not([type=checkbox], [type=image], [type=submit], [type=file]),textarea,select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  font: 400 18px / 28px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.4em;
  display: inline-block;
  padding: 8px 0;
  margin: 0 0 8px 0;
  border: 1px solid black;
  border-width: 0 0 1px;
  min-width: 60px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: visible;
  /* color: rgb(119, 119, 119); */
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  resize: none;
  
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

input[type="checkbox"] + label {
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 0.5em;
  border-width: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: white;
  border:1px solid black;
  background-size: 60% 60%;
}
input[type="checkbox"]:checked + label::before {
	border-color: var(--color-orange);
	background-color: var(--color-orange);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
input[type="checkbox"]:hover + label::before {
	border-color: var(--color-focus);
	background-color: var(--color-focus);
}
input[type="checkbox"]:active + label::before {
	border-color: var(--color-active);
	background-color: var(--color-active);
}

input[type="checkbox"]:disabled + label::before {
  background-color: gray;
}

select.filter, input.filter {
	background-color: #F4F4F4;
	padding: 8px !important;
	font-weight: 700;
}

label.filter {
	font-size: 16px;
}

textarea {
	height: 125px;
	min-height: 125px;
	white-space: pre-wrap;
}

input:focus,textarea:focus,select:focus {
	outline: none;
	border: 1px solid var(--color-orange);
	border-width: 0 0 1px;
}

input[disabled], input[disabled]:hover, input[disabled]:active, .inpdis, .inpdis:hover {
  cursor: default;
}

.subm {
	border: 0;
	border-radius: 5px;
	outline: 0;
	background-color: var(--color-orange);
	width: auto;
	text-align: center;
	padding: 20px 74px;
	margin: 0 6px 0 0;
	font-size: 17px;
	font-weight: 600;
	color: white;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all 0.3s ease-out;
}

.substat {
	padding: 8px 16px;
}

.subcell {
	border: 0;
	border-radius: 0;
	outline: 0;
	background-color: var(--color-orange);
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20px 74px;
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: white;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all 0.3s ease-out;
}

.subm:hover {
	background-color: var(--color-focus);
}

.subm:active {
	background-color: var(--color-active);
}

input::file-selector-button {
	border: 0;
	outline: 0;
	background-color: transparent;
	width: auto;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	color: orange;
	cursor: pointer;
	padding: 0;
	margin: 0 16px 0 0;
}

input::file-selector-button:hover {
	color: var(--color-focus);
}

input::file-selector-button:active {
	color: var(--color-active);
}

.clearfiles {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin:0 0 0 12px;
}

.used {
	background: var(--color-active) !important;
}

.used option {
	background: white;
}

.selinline {
	display: flex;
	flex-flow: row wrap;
	gap: 18px;
	justify-content: space-between;
}

.insel {
	width: 18vw;
	min-width: 200px;
}

.center {
	width: fit-content;
	margin: auto;
}

.collapsed {
	visibility: collapse;
}

.col_margin {
	width: 62vw;
	margin: auto;
}

a {
	font-weight: 600;
	padding: 6px 0;
	border-bottom: 2px solid transparent;
}

a:link, a:visited {
	text-decoration: none;
	color: var(--color-orange);
}

a:hover, a:active {
	text-decoration: none;
	color: var(--color-orange);
	border-color: var(--color-orange);
}

a:hover:has(img) {
	border-color: transparent;
}

table {
	border-collapse: collapse;
	min-width: 100%;
	box-sizing: border-box;
	
}

tr {
	border: 1px solid rgba(0,0,0,0.3);
	border-width: 0 0 1px;
}

thead {
	position: sticky;
	top: 126px;
	background-color: black;
	color: white;
}

td,th {
	padding: 10px 10px;
	margin: 0;
	text-align: center;
	max-width: 300px;
	text-wrap: nowrap;
	overflow: hidden;
}

.al {
	text-align: left;
}

.sel_in_td {
	max-width: 300px;
}

th {
	position: relative;
}

.params td {
	max-width: 45vw;
	padding: 8px 0 4px;
	text-align: left;
	font-size: 16px;
	vertical-align: top;
}

td.val {
	font-weight: 700;
	padding-left: 20px;
	text-wrap: wrap;
	word-wrap: break-word;
}

.giturls {
	width: 100%;
}
.gitval {
	padding: 2px 0;
	width: 95%;
	text-align: left;
	overflow: hidden;
}
.gitdel {
	padding: 2px 0;
	width: 5%;
	text-align: right;
}

.gitdel .bdel {
	width: 15px;
	height: 15px;
}


td.full {
	word-break: break-word;
	text-wrap: wrap;
}

.icon_type {
	width: 30px;
}

.icon_type_small {
	height: 20px;
	vertical-align: middle;
}

.icon_att {
	width: 30px;
	vertical-align: middle;
}


.err {
	color: #F45050;
}

.newi {
	background-color: #FFF2EB;
}

.newb {
	background-color: var(--color-orange);
}


.flag {
	width: 30px;
	vertical-align: middle;
	border: 1px solid black;
}

.flagbig {
	width: 60px;
	vertical-align: middle;
	border: 1px solid black;
}


.exp-container {
	position: relative;
	cursor: pointer;
}

.langmenu {
	box-sizing: border-box;
	position:absolute;
	background-color: white;
	top: 44px;
	left:0;
	display:flex;
	flex-flow: column wrap;
	border: 1px solid black;
}

.nodisp {
	display:none;
}

.fcont {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.count {
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0 15px 0;
}

.comment {
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
}

.com_l {
	background-color: #F8F8F8;
	margin: 0 85px 20px 0;
}

.com_r {
	background-color: #FFF2EB;
	margin: 0 0 20px 60px;
}

.com_m {
	background-color: #FEE4D7;
	margin: 0 0 20px 85px;
}

.com_i {
	border: 1px solid red;
}

.stat {
	color: #FFFFFF;
	font-weight: 700;
	padding: 2px 1px;
}

.statdiv {
	white-space: nowrap;
	padding: 8px 12px;
	color: #FFFFFF;
	font-weight: 700;
}

.stat_y {
	/* background-color: #FBC334; */
	background-color: #F9DD95;
}

.stat_r {
	/* background-color: #F45050; */
	background-color: #F29D9D;
}

.stat_g {
	/* background-color: #74BB52; */
	background-color: #97BA86;
}

.cdate,.ccreator {
	text-align: right;
	font-style: italic;
}

.statchanger {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	margin: 0 0 28px;
}

.statchanger form {
	white-space: nowrap;
}

.item_upper_form {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	margin: 0 0 38px;
}

.fc {
	width: fit-content;
}

.prvinfo {
	color: red;
	font-weight:700;
	font-style: italic;
}

.comment-pre {
	text-wrap: wrap;
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: auto;
}

.rep_cont {
	border: 1px solid black;
	border-width: 1px 0;
	padding: 0 0 25px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 0 0 32px;
	gap: 60px;
}

.comment_header {
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	font-weight: 700;
	margin: 0 0 32px;
}

.chr {
	color: var(--color-orange);
}

.noorg tr *:nth-child(2) {
    display: none;
}  

.glass {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(128, 128, 128, 0.85);
	z-index: 1000;
	display: none;
}
.requester {
	position: absolute;
	left: calc(50% - 25vw);
	top: 30%;
	text-align: center;
	width: 50vw;
	background-color: white;
	padding: 1vw;
}

.navi_cont {
	margin: 20px auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 100%;
}

.spacer {
	display: inline;
	width: 50px;
}

.navi, a.navi, .navidis {
	
  display: inline-block;
  margin: 0;
  padding: 12px 20px;
  border: none;
  min-width: 160px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: visible;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--color-orange);
  
  transition: background-color .2s ease-out;

}

.navi:hover, .navi:active, .navi:focus {
  background: var(--color-focus);
  color: #000000;
}

.navidis, .navidis:hover, .navidis:active, .navidis:focus {
  background: #E0DCB1;
  cursor: default;
}


.copy-btn {
    cursor: pointer;
    color: var(--color-orange);
	font-weight: 700;
    text-decoration: underline;
}
.copy-btn.copied {
    color: var(--color-focus);
}

.ql-editor {
  font-size: 18px;
  font-family: "montserrat", Helvetica, Arial, Verdana, sans-serif;
}

@media screen and (max-width: 992px) {
  body {
	
  }
  
  #header {
	  display: none;
  }
  
  #header_mobile {
	  display: flex;
	  flex-flow: row nowrap;
  }
  
  #main {
	  padding: 0 0 45px;
  }
  
  .col33, .col33.right {
	width: 100%;
	flex-basis: 100%;
	text-align: center;
	}
  
  .col_margin, .col_margin_wide, .title_left {
	  width: 92vw;
	  margin: auto;
  }
  
  .fcont {
	  flex-flow: column nowrap;
	  justify-content: center;
	  align-items: center;
	  gap: 10px;
	  margin: 0 0 20px;
  }
  
  .logged_mobile {
	  display: block;
	  text-align: center;
	  margin: 0 auto;
  }

	.tabwrap {
		overflow-x: auto;
	}

  thead {
	  position: static;
  }
  
  select.filter, input.filter {
	background-color: #F4F4F4;
	padding: 8px !important;
	width: 80vw;
	flex: 1 0 auto;
	
  }

  .count, .statchanger, {
    padding: 0 calc(3%);	
  }
  
  .rep_cont {
    flex-flow: column wrap;
  }
    
  body, .params td {
	  font-size: 22px;
  }
	  
  .list tr *:nth-child(3), .list tr *:nth-child(4), .list tr *:nth-child(6) {
    display: none;
  }
 
  td, th {
	padding: 4px 4px;
  }

}