.edit-form .row {
	max-width: 600px;
	padding: 6px;
	margin-right: auto;
	margin-left: 0px;
}

.form-field-label {
	font-weight: 500;
}

.form-field-description {
	opacity: 0.6;
}

.edit-form label.checkbox, label.radio {
	display: block;
}

.edit-form input[type=submit] {
	display: block;
	max-width: 600px;
}

.edit-form .error {
	color: rgb(205, 53, 53);
	padding: 4px 6px;
}

table.list .row:last-child {
	border-bottom: 2px solid #f0f0f0;
	border-collapse: collapse;
}

table.list .row:nth-child(even), .edit-form .row:nth-child(even) {
    background: #fff;
}

table.list .row:nth-child(odd), .edit-form .row:nth-child(odd) {
    background: #f0f0f0;
}

table.list .headline.row {
    font-weight: bold;
    background: #ddd;
}

table.list .row td {
    vertical-align: top;
    padding: 5px;
    padding-left: 5px;
    border: none;
}

table.list:not(.dense) .row td:first-child {
	width: 30%;
}

table.list:not(.dense) .row td:last-child {
	width: 70%;
}

table.list.padding td, table.list.padding th {
	padding: 8px 10px;
}

.pointer {
	cursor: pointer;
}

table.list {
	table-layout: fixed;
    border: none; 
    border-collapse: collapse;
}

table.list [class*='col-'] {
    padding: 3px;
}

td.bool {
	text-align: center;
}

.tablequery table {
	border-spacing: 0px;
	border-collapse: collapse;
}

.tablequery tr {
	border-collapse: collapse;
}

.tablequery th, .tablequery .filter-row td {
	border-top: 1px solid #c6c6c6;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	background-color: #eaeaea;
	cursor: pointer;
}

.tablequery th, .tablequery td {
	margin: 0px;
	padding: .5em .7em;
	text-overflow: ellipsis;
	border-bottom: 1px solid #c6c6c6;
}

.tablequery th .sort:after {
	content:  "\e5c5";
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	color: #404040;
	font-size: 24px; 
	vertical-align: middle;
	margin-right: -5px;
}

.tablequery th .desc:after {
	content: "\e5c5";
}
.tablequery th .asc:after {
	content: "\e5c7";
}
.tablequery th:hover .desc:after {
	content: "\e5c7";
	color: #404040;
}
.tablequery th:hover .asc:after {
	content: "\e5c5";
	color: #404040;
}
.tablequery th .level2:after {
	color: #808080;
}
.tablequery th .level3:after {
	color: #a0a0a0;
}
.tablequery .filter-row td {
	background-color: #eaeaea;
}
.tablequery .filter-row td {
	padding: .5em .2em;
}
.tablequery .filter-row td div {
	width: auto;
}

.tablequery td input, .tablequery select {
	width: 100%;
	padding: 5px;
}
.tablequery select {
	border: 1px solid #dadada;
}

.tablequery .pagination, .tablequery .actions {
	padding-top: 10px; 
}

.tablequery td.int, .tablequery td.float, .tablequery td.date, .tablequery td.datetime, .tablequery td.time {
	text-align: center;
}

.tablequery .table-container {
	position: relative;
}

.tablequery .scroll-left, .tablequery .scroll-right {
	cursor: all-scroll;
	display: none;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.1);
	background-size: 30px 30px;
	background-position-y: 50%;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	width: 30px;
}

.is-windows .tablequery .scroll-right {
	display: inline-block;
}

.tablequery .scroll-left {
	left: 0;
	background-image: url(../img/prev.png);
}

.tablequery .scroll-right {
	background-image: url(../img/next.png);
	right: 0;
}

.pagination select, .pagination button, .actions select, .actions button, .actions-button {
	height: 33px;
	margin-right: 5px;
	border: 1px solid #dadada;
	min-width: 33px;
}
.actions-button {
	display: inline-block;
	text-decoration: none;
	color: black;
}
.pagination button, .actions button, .actions-button {
	padding: 5px;
	text-align: center;
	background-color: white;
	cursor: pointer;
}
.pagination button i, .actions button i, .actions-button i {
	vertical-align: middle;
}
.actions button img, .actions-button img {
	height: 24px;
	width: auto;
	opacity: 0.7;
	vertical-align: middle;
	margin-right: 5px;
}
.pagination button:hover, .actions button:hover, .actions-button:hover {
	background-color: #eee;
}
.pagination button:disabled {
	background-color: white;
	color: #888;
	cursor: default;
}
.pagination button.active {
	border-color: #888;
	background-color: #888;
	color: white;
	font-weight: bold;
}

.pagination select {
	width: auto;
}

.tablequery tr.pointer:hover td {
	background-color: rgba(0,0,0,0.01);
}

.list input[type=text].list, .list input[type=tel].list, .list input[type=email].list, .list input[type=date].list, .list input[type=time].list, .list input[type=password].list, .list select.list, .list input[type=file].list + label, .list textarea.list  {
	margin: 0px;
	width: 300px;
	max-width: 100%;
}

label.file {
	overflow: clip;
}

label.input-box {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: clip;
	width: 300px;
	max-width: 100%;
	border: 1px solid #ddd;
	border-radius: 0px;
	margin: 0px;
	margin-bottom: 4px;
	padding: 8px;
	padding-right: 20px;
}

.edit-form [class*='col-'], .list td {
	padding: 2px 2px;
}

.list input[type=date].list.datetime, .list input[type=time].list.datetime  {
	width: 148px;
}

.list .row td.edit-label {
	padding-top: 6px;
}

.nowrap {
    white-space: nowrap;
    white-space: pre;
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* Chrome */
    word-wrap: break-word; /* IE */
}

a.model {
    text-decoration: none;
    font-weight: bold;
    color: #777;
}

a.field {
    text-decoration: none;
    color: #00a;
}

/*
	Custom checkboxes and Radio buttons
*/

label.checkbox, label.radio {
	cursor: pointer;
	padding-left: 25px;
	line-height: 12px;
}

input[type=checkbox], input[type=radio] {
	display: none;
}

label.checkbox:before, label.radio:before {
	content: "\00a0";
	display: inline-block;
	margin: 5px 10px 5px -16px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #202020;
	font-size: 16px;
	color: #202020;
	text-align: center;
	line-height: 12px;
}

label.radio::before {
	line-height: 15px;
	font-size: 7px;
}

input[type=checkbox]:checked + label.checkbox:before {
	content: "\2714";
}

input[type=radio]:checked + label.radio:before {
	content: "\00a0";
	background-image: url(../img/radio_dot.png);
	background-size: 16px 16px;
	background-position: -1px -1px;
}

label.checkbox:before {
	border-radius: 0px;
}

label.radio:before {
	border-radius: 8px;
}





/*
	General

*/

body, textarea, input {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 13px;
	color: #202020;
}

a {
	color: #71e30e;
}

h1 {
	margin-top: 10px;
	font-size: 17px;
	color: #444;
}

h2 {
	margin-top: 10px;
	font-size: 15px;
	color: #444;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
	padding-left: 0px;
}

.title {
	font-size: 17px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.subtitle {
	color: #999;
}

/* 
	Top navigation
*/

#topnav {
	z-index: 90;
	position: fixed;
	height: 44px;
	top: 0;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #d8d8d8;
	color: #404040;
	line-height: 44px;
}

#topnav .logo {
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 7px;
	height: 30px;
	width: auto;
	vertical-align: top;
}

#topnav .sitename {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
}

#topnav .userarea {
	padding-right: 20px;
	float: right;
}

#topnav a {
	text-decoration: none;
	color: inherit;
}

/* 
	Body

*/

#main {
	position: absolute;
	display: table;
	table-layout: fixed;
	padding-top: 44px;
	width: 100%;
	height: 100%;
}

#main-content {
	display: table-row;
}

#main-content-plain {
	display: table-cell;
	padding: 10px;
}

#main-content-middle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
}

#sidenav {
	display: table-cell;
	vertical-align: top;
	width: 260px;
	height: 100%;
}

#sidenav-content {
	position: fixed;
	width: 260px;
	bottom: 0;
	top: 44px;
	background-color: #f0f0f0;
	border-right: 1px solid #e0e0e0;
	color: #303030;
	overflow-x: hidden;
}

#content {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	color: #333;
	padding: 0px;
}

.content-box {
	margin: 5px;
	background-color: white;
}

.border {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	background-color: white;
	margin-bottom: 10px;
}

.content {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

.no-right-pad {
	padding-right: 0px;
	padding-bottom: 0px;
}

#footer.login {
	border-top: 0px;
	background-color: transparent;
	position: absolute;
	text-align: center;
}

.dropdown {
	cursor: pointer;
}

.slidemenu {
	display: none;
	background-color: white;
	border: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	padding: 10px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}

/* 
	Login

*/

.center-form {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 20px;
}

.center-form .logo {
	width: 150px;
}

/*
	Form layout elements
*/

.border:after, .clear:after {
	content: "";
	display: table;
	clear: both;
}

.subitems {
	padding-top: 10px;
}

/*
	Icons
*/

.langicon {
	height: 18px;
	width: 24px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	border: 0.25px solid rgba(128,128,128,0.2);
}

/* 
	Form elements
*/

.list input[type=text], .list input[type=tel], .list input[type=email], .list input[type=date], .list input[type=time], .list input[type=password], button.input, .list input[type=button], .list input[type=submit], input[type=submit].button, .list select, .list input[type=file] + label, .html-content, .list textarea {
	width: 100%;
	padding: 8px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.list input[type=text] {
	padding-right: 35px;
}

input[type=button].cancel, button.cancel {
	background-color: #dfdfdf;
	color: #202020;
}

input[type=submit].delete, button.delete {
	width: 300px;
	background-color: #c00000;
	font-weight: bold;
	color: white;
}

select {
	padding: 5px;
}

option {
	padding: 5px;
}

button.input, .list input[type=button], .list input[type=submit] {
	font-weight: 700;
	background-color: #71e30e;
	color: white;
	border: 0px;
}

button.input:hover, .list input[type=button]:hover, .list input[type=submit]:hover {
	background-color: #51c300;
	transition: background 0.20s linear 0s, color 0.20s linear 0s;
}

button.cancel:hover, .list input[type=button].cancel:hover {
	background-color: #ccc;
}

.list input[type=checkbox], .list input[type=radio] {
	margin-top: 10px;
	margin-bottom: 10px;
}

label {  
    cursor: pointer;  
	display: inline-block;
    margin-right: 5px;  
    margin-bottom: 5px;
    margin-top: 5px;
}  

.list input {
	font-family: Arial, Helvetica, sans-serif;
}

.list textarea {
	height: 100px;
}

.list input[type=file] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}	

.list input[type=file] + label {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding-right: 40px;
	white-space: nowrap;
}

.list input[type=file]:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.clear-icon {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z" fill="currentColor" /></svg>');
	background-size: 18px 18px;
	background-repeat: no-repeat;
	border: 0px;	
	width: 30px;
	height: 28px;
	background-position: 4px 4px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.9;
	cursor: pointer;
}

.clear-icon.input {
	background-color: white;
}

.row:nth-child(odd) .clear-icon.input.file {
	background-color: #f0f0f0;
}

.clear-icon.input {
	margin-left: -31px;
}

.clear-icon.dialog {
	position: fixed;
	right: calc(5% + 5px);
}

.progress {
	width: auto;
	height: 3px;
	display: none;
	background-color: #c0c0c0;
	margin: 3px;
}

.progress div {
	height: 3px;
	background-color: #51c300;
}

.html-editor-frame {
	width: 80%;
	z-index: 102;
	background-color: white;
	display: none;
	position: fixed;
	top: 10%;
	left: 10%;
	padding: 10px;
}

.html-editor {
	height: auto;
}

.html-content {
	overflow: hidden;
	background-color: white;
	cursor: pointer;
}

.trumbowyg-box, .trumbowyg-editor {
	margin: 10px auto;
}
/*
	Custom checkbox/radio
*/

.checkbox label, .radio label {
    padding-left: 25px;  
}

.checkbox.image label, .radio.image label {
	line-height: 28px;
}

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

.checkbox label:before, .radio label:before {  
    content: "";  
    display: inline-block;    
    width: 16px;  
    height: 16px;  
    margin-left: -25px;  
    position: absolute;  
    height: 16px;
    background-color: #fff;  
    border: 1px solid #202020;
}  

.checkbox.image label:before, .radio.image label:before {  
	margin-top: 7px;
}

.radio label:before {  
    border-radius: 50%;  
}  

.radio input[type=radio]:checked + label:before {  
    content: "";  
    background: #202020; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #202020 0%, #202020 40%, #ffffff 40%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#202020), color-stop(40%,#202020), color-stop(40%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #202020 0%,#202020 40%,#ffffff 40%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #202020 0%,#202020 40%,#ffffff 40%,#ffffff 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #202020 0%,#202020 40%,#ffffff 40%,#ffffff 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #202020 0%,#202020 40%,#ffffff 40%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: 14px 14px;
}

.checkbox input[type=checkbox]:checked + label:before {  
    content: "\2714";  
    font-size: 18px;  
    color: #202020;  
    text-align: center;  
    line-height: 12px;  
}  
.checkbox label:before {  
    border-radius: 0px;  
}  

div.multiple-select {
	border: 1px solid #ddd;
	border-radius: 3px;
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}

div.multiple-select div {
	display: block;
	white-space: nowrap;
	background-color: white;
}

.multiple-select label {
	font-weight: 500;
	color: #666;
	display: inline-block;
	width: 100%;
	padding: 5px;
	margin: 0px;
	margin-left: 5px;
	border: 1px solid white;
	border-radius: 3px;
}

div.multiple-select input[type=checkbox] {
	/*display: none;*/
	margin: 0px;
	margin-left: 5px;
}

.multiple-select input[type=checkbox]:checked + label {
	background-color: #71e30e;
	color: white;
}

/*
	Side menu 
*/

ul.side-menu {
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	list-style: outside none none;
}

ul.side-menu.sub {
    margin-top: 0px;
	margin-bottom: 20px;
}
ul.side-menu.sub li.active {
	border-top: 1px solid #c0c0c0;
}

ul.side-menu.sub li a {
	padding-left: 25px;
}
ul.side-menu.sub .sub li a {
	padding-left: 50px;
}
ul.side-menu.sub .sub .sub li a {
	padding-left: 75px;
}

ul.side-menu li {
	min-height: 44px;
}

ul.side-menu li a, ul.side-menu li div.title {
	line-height: 2;
	display: block;
	color: #666;
	padding: 8px 20px;
	min-height: 44px;
	text-decoration: none;
	font-weight: 500;
	transition: background 0.20s linear 0s, color 0.20s linear 0s;
}


ul.side-menu li.active a:hover, ul.side-menu li.inactive a:hover {
    cursor: pointer;
	background-color: #67d10c; /* rgba(0,0,0,0.2);*/
	color: white;
}

ul.side-menu li.active a {
	background-color: #71e30e;
	color: white;
}

ul.side-menu li.inactive a {
	background-color: none;
	color: #666;
}

/*
	Table format
*/


td.center {
	text-align: center;
}

td a.filter {
	color: #202020;
}

table.stat {
	border: 1px solid #ccc;
}

table.stat th {
	font-weight: 500;
	background-color: #f8f8ff;
}

table.stat th a {
	color: #404040;
}

table.stat td, table.stat th {
	border-top: 1px solid #ccc;
	padding: 4px;
}

.data-table-container, .tablequery .scroll-container {
	width: 100%;
	overflow-y: scroll;
}

/*
	Notifications
*/


#notifications.hideaftertime {
	position: fixed; 
	top: 0px; 
	text-align: center; 
	width: 100%;
	z-index: 100;
}

#notifications.hideaftertime ul {
	list-style: none;
	padding: 10px 10px 0px 10px;
	line-height: 1.3;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto; 
	margin-left: auto; 
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	width: 320px; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: white;
	color: #fff; 
	font-weight: bold;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}

#notifications.inline {
	text-align: center;
}

#notifications.inline ul {
	list-style: none;
	padding: 0px;
	line-height: 1.3;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%; 
	max-width: 400px;
	font-weight: bold;
}

#main-content-middle #notifications ul {
	margin-right: auto;
	margin-left: auto;
}

#notifications li {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid;
	margin-bottom: 10px;
}

#notifications li.red {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
}
#notifications li.yellow {
	background-color: #fff3cd;
	border-color: #ffeeba;
	color: #856404;;
}

#notifications li.green {
	background-color: #d4edda;
	border-color: #c3e6cb;
	color: #155724;
}

.menu-icon {
	vertical-align: top;
	height: 35px;
	margin-top: 5px;
	width: auto;
	padding: 10px;
	cursor: pointer;
}

.hidden {
	display: none;
}

#tintview {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 101;
}

#alert-window {
	display: none;
	max-width: 300px;
	margin: auto;
	padding: 10px;
	background-color: white;
	border-radius: 4px;
}

.alert-dialog-tint {
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 100;
}

.alert-dialog {
	position: relative;
	display: inline-block;
	height: auto;
	max-height: 100%;
	overflow-y: scroll;
	margin: auto;
	width: 400px;
	max-width: 100%;
	padding: 10px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5)  ; 
	-moz-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5)  ; 
}

.alert-dialog-content {
	max-height: 500px;
	overflow-y: scroll;
}

#alert-window button, .alert-dialog button, .alert-dialog .button {
	cursor: pointer;
	text-align: center;
	padding: 5px;
	background-color: #f0f0f0;
	border: none;
	border-radius: 3px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 100%;
}

#alert-window button:hover, .alert-dialog button:hover, .alert-dialog .button:hover {
	background-color: #e0e0e0;
}

.alert-dialog input[type=button] {
	margin-top: 10px;
	margin-bottom: 0px;
}

/*
	Sorted multiselect 
*/

div.ms-options,
div.ms-selected {
	float: left;
	margin-right: 10px;
	border: 1px solid #eee;
	background-color: #fff;
	padding: 5px;
	min-height: 220px;
	min-width: 120px;
}

div.ms-selected button {
	background-color: #f8f8f8;
	border: none;
	border-radius: 100px;
	margin-left: 3px;
	height: 26px;
	width: 26px;
	cursor: pointer;
}

div.ms-options button.item {
	display: block;
	text-align: left;
	border: 1px solid #eee;
	background-color: #fff;
	min-width: 120px;
	padding: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

div.ms-selected div.item {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #eee;
	padding: 3px 3px 3px 5px;
	min-width: 170px;
	margin-bottom: 5px;
}

div.ms-selected div.item span {
	flex: 1;
}

.down-icon {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z" fill="currentColor"/></svg>');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 4px 4px;
}

.up-icon {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" fill="currentColor"/></svg>');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 4px 4px;
}

div.ms-selected div.item:first-child .up-icon{
	visibility: hidden;
}

div.ms-selected div.item:last-child .down-icon{
	visibility: hidden;
}

ul.structure {
	margin-bottom: 0px;
}

:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

.authsecret {
    font-family: monospace;
    font-size: 18px;
    letter-spacing: 0.08em;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/*
	Media queries
*/

@media only screen and (max-height: 600px) {
	.alert-dialog-content {
		max-height: 400px;
	}	
}

@media only screen and (max-height: 500px) {
	.alert-dialog-content {
		max-height: 300px;
	}	
}

@media only screen and (min-width: 768px) {
	.menu-icon {
		display: none;
	}
	.close-left {
		display: none;
	}
	table.edit {
		width: 100%;
		max-width: 800px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
}

@media only screen and (max-width: 767px)  {
	.menu-icon {
		display: inline;
	}

	.close-left {
		margin-top: 3px;
		height: 40px;
		width: auto;
		padding: 10px;
		padding-right: 200px;
		cursor: pointer;
	}

	#main-content-plain {
		display: inline-block;
		width: 100%;
	}

	#sidenav {
		display: inline-block;
		z-index: 1000;
		position: fixed;
		top: 0px;
		width: 260px;
		left: -260px;
		margin-top: 0px;
		height: 100%;
		overflow: scroll;
	}

	#sidenav-content {
		position: relative;
		top: 0px;
	}

	table.edit {
		width: 100%;
	}
	input[type=text].list, input[type=date].list, input[type=time].list, input[type=password].list, select.list {
		width: 150px;
	}
}

@media only screen and (max-width: 479px) {
	#topnav .logo {
		margin-left: 0px;
	}
	#topnav .userarea {
		padding-right: 0px;
	}
}