html{
	color: #ccc;
	height: 98vh;
	width: 98vw;
	font-size: 3vh;
}

body{
	margin: 0;
	overflow: hidden;
	display: flex;
	background-color: #333;
	flex-direction: column;
	justify-content: center;
	height: 100vh;
	background: rgb(56 62 74);
	/*background: radial-gradient(ellipse, #444, #5F5F5F 70%, #2C2C2C), #2C2C2C;*/
}

input[type = text]{
	padding: 0;
	padding-left: .1em;
	padding-top: .1em;
	margin: 0;
	box-sizing: border-box;
}

#search{
	text-transform: uppercase;
	width: 20vw;
	font-size: 4vh;
	align-items: center;
	margin-bottom: 5vh;
	margin-top: 5vh;
	border-radius: .5em;
	border: .08em solid #000000;
	background: #303138bf;
	color: #fff;
	padding-left: .2em;
}

input:focus{
	outline: none;
}

.minibutton{
	font-size: .5em;
}

.minibutton.hasroot{
	background-color: #e5503999;
}

.minibutton.hasflexions{
	background-color: #4a69bd99;
}

#key{
	width: 20vw;
	font-size: 3vh;
	align-items: center;
	margin-bottom: 5vh;
	margin-top: 5vh;
}

.subcontainer{
	width: 30%;
	margin: 2%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.subcontainer2{
	width: 60%;
	margin: 2%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.subcontainer3{
	width: 100%;
	margin: 2%;
	margin-top: 1em;
	margin-bottom: 1em;
}

#container{
	display: flex;
	width: 99%;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}

.wordlist{
	line-height: 1.3em;
	width: 95%;
	height: 75vh;
	overflow-y: scroll;
	flex-direction: column;
	border: .1em solid #FFF;
	border-radius: .5em;
	font-size: 3vh;
	color: #ccc;
	text-align: left;
	padding-left: .8em;
	padding-top: .5em;
	font-weight: bold;
	/*background: radial-gradient(ellipse, #23170f, #2d241d 70%, #1e1712), #1e1712;*/
	background: rgb(33 37 43);
}

.wordlist::-webkit-scrollbar, #defbox::-webkit-scrollbar, #content::-webkit-scrollbar, #params::-webkit-scrollbar, #params_extra::-webkit-scrollbar, #params_dico::-webkit-scrollbar{
	width: 1em;
	height: 1em;
}

.wordlist::-webkit-scrollbar-button, #defbox::-webkit-scrollbar-button, #content::-webkit-scrollbar-button, #params::-webkit-scrollbar-button, #params_extra::-webkit-scrollbar-button, #params_dico::-webkit-scrollbar-button{
	height: 0;
	width: 0;
}

.wordlist::-webkit-scrollbar-track, #defbox::-webkit-scrollbar-track, #content::-webkit-scrollbar-track, #params::-webkit-scrollbar-track, #params_extra::-webkit-scrollbar-track, #params_dico::-webkit-scrollbar-track{
	background-color: rgba(0, 0, 0, 0.2);
}

.wordlist::-webkit-scrollbar-thumb, #defbox::-webkit-scrollbar-thumb, #content::-webkit-scrollbar-thumb, #params::-webkit-scrollbar-thumb, #params_extra::-webkit-scrollbar-thumb, #params_dico::-webkit-scrollbar-thumb{
	background-color: rgba(255, 255, 255, 0.1);
	border: .3em solid transparent;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content-box;
}

.wordlist::-webkit-scrollbar-thumb:hover, #defbox::-webkit-scrollbar-thumb:hover, #content::-webkit-scrollbar-thumb:hover, #params::-webkit-scrollbar-thumb:hover, #params_extra::-webkit-scrollbar-thumb:hover, #params_dico::-webkit-scrollbar-thumb:hover{
	background-color: rgba(255, 255, 255, 0.15);
}

.wordlist::-webkit-scrollbar-corner, #defbox::-webkit-scrollbar-corner, #content::-webkit-scrollbar-corner, #params::-webkit-scrollbar-corner, #params_extra::-webkit-scrollbar-corner, #params_dico::-webkit-scrollbar-corner{
	background-color: rgba(255, 255, 255, 0.1);
}

#all{
	display: block;
	bottom: 0;
}

#header{
	height: 10vh;
	max-height: 10vh;
	display: flex;
	align-items: baseline;
	justify-content: center;
}

button{
	cursor: pointer;
	font-size: 3vh;
	padding: .5vh;
	border: .5vh;
	margin-left: 1vh;
	white-space: nowrap;
}

textarea, input, select{
	padding: .5vh;
	border: .5vh;
}

select{
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

h2{
	display: inline-block;
	margin: .5em;
	user-select: none;
}

select{
	font-size: 3vh;
	border-radius: .5em;
	border: .08em solid #000000;
	background: #303138bf;
	color: #fff !important;
}

select:focus{
	outline: none;
}

.space{
	display: inline-block;
	width: 5vw;
}

.semispace{
	display: inline-block;
	width: 2vw;
}

.prop {
	color: #E77F67;
}

.propsyll {
	color: #E15F41;
}

.last {
	color: #cf5ae3;
}

.lastsyll {
	color: #9C27B0;
}

.remove{
	color: #EF5350;
}

.removesyll{
	color: #C62828;
}

.add{
	color: #66BB6A;
}

.addsyll{
	color: #2E7D32;
}

.yellow{
	color: #FFCA28;
}

.yellowsyll{
	color: #FF8F00;
}

.rejected{
	color: #BDBDBD;
}

.rejectedsyll{
	color: #616161;
}

.preselect {
	color: #5C6BC0;
}

.preselectsyll {
	color: #838DDD;
}

.tooltip{
	/*text-decoration: underline;*/
	position: relative;
}

.tooltip span.tooltiptext{
	z-index: 24;
	position: fixed;
	display: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	color: black;
	background: #2d3436;
}

.tooltip:hover span.tooltiptext{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25;
	max-width: 50vw;
	max-height: 70vh;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: hidden;
	padding: 1em;
}

.tooltip2{
	/*text-decoration: underline;*/
	position: relative;
}

.tooltip2 span.tooltiptext2{
	z-index: 24;
	position: fixed;
	display: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	color: black;
	background: #2d3436;
}

.tooltip2:hover span.tooltiptext2{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25;
	max-width: 50vw;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: hidden;
	padding: 1em;
}

#autocomplete.tooltiptext2, #dicolist.tooltiptext2, #themelist.tooltiptext2{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25;
	max-width: 50vw;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: hidden;
	padding: 1em;
}

.tooltip span#defbox{
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25;
	max-width: 50vw;
	max-height: 70vh;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: auto;
	padding: 1em;
	text-align: left;
	font-weight: bold;
}

.tooltip span#params{
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 7vh;
	left: 76vw;
	z-index: 25;
	max-width: 50vw;
	max-height: 70vh;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: auto;
	padding: 1em;
	text-align: left;
	font-weight: bold;
	color: #ccc;
}

.tooltip span#params_extra{
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 18.5vh;
	left: 72.5vw;
	z-index: 25;
	max-width: 50vw;
	max-height: 70vh;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: auto;
	padding: 1em;
	text-align: left;
	font-weight: bold;
	color: #ccc;
}

.tooltip span#params_dico{
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	top: 18.5vh;
	left: 23.5vw;
	z-index: 25;
	max-width: 50vw;
	max-height: 70vh;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: auto;
	padding: 1em;
	text-align: left;
	font-weight: bold;
	color: #ccc;
}

.tooltip span#seenbox{
	display: none;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: fixed;
	color: #fff;
	top: 0;
	left: 0;
	z-index: 25;
	max-width: 17vw;
	max-height: 30vh;
	border: .1em solid black;
	margin-top: .5em;
	margin-left: .5em;
	overflow: auto;
	padding: 1em;
	text-align: left;
	font-weight: bold;
}

.lds-dual-ring {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-bottom: -.2em;
	margin-left: .1em;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: .8em;
	height: .8em;
	margin: .1em;
	border-radius: 50%;
	border: .1em solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.textt{
	color: #fff;
	width: auto;
}

.texttt{
	color: #ccc;
	width: 40vw;
}

.theme{
	user-select: none;
}

.word{
	cursor: pointer;
}

.word:hover{
	text-decoration: underline;
}

#content{
	width: 60vw;
	min-width: 35vw;
	height: 75vh;
	min-height: 75vh;
	max-height: 75vh;
	font-size: 3vh;
	background: rgb(48, 56, 65);
	color: #d0c7c2;
}

.toleft{
	display: flex;
}

.button{
	font-weight: bold;
	background-color: rgb(114 118 127);
	user-select: none;
	cursor: pointer;
	margin-right: .3em;
	padding: .04em;
}

.nobutton{
	font-weight: bold;
	background-color: transparent;
	user-select: none;
	margin-right: .3em;
	padding: .04em;
}

.button:hover{
	border-color: #999;
	background-color: #999;
}

.reject{
	color: #c0392b;
}

.revert{
	color: #0c7414;
}

.time{
	color: #cf5ae3;
}

input[type=checkbox]{
	cursor: pointer;
	width: 4vh;
	height: 4vh;
	margin: .2vh;
	vertical-align: middle;
}

.param{
	user-select: none;
}

.param label{
	cursor: pointer;
}

.param:not(:last-child){
	margin-bottom: .5em;
}

.length{
	font-size: 3vh;
	width: 5vw;
	font-weight: bold;
}

.gce{
	position: fixed;
	top: 1vh;
	right: 1vw;
	border: .1em solid #666;
	padding: 1vh;
	border-radius: 0.5em;
	background-color: rgba(0, 0, 0, .4);
	user-select: none;
}

.loader{
	display: none;
	position: fixed;
	top: 1vh;
	left: 1vw;
	border: .1em solid #666;
	padding: 1vh;
	padding-right: 2vh;
	padding-bottom: 1.5vh;
	border-radius: 0.5em;
	background-color: rgba(0, 0, 0, .4);
	user-select: none;
}

.click{
	font-size: smaller;
	user-select: none;
}

.count{
	font-size: .7em;
	vertical-align: text-top;
	color: #999;
}

.topic{
	margin-left: 2vw;
	border: .2em solid #fff;
	border-radius: .5em;
	padding: 1em;
	background-color: #23170f;
	margin-top: .5em;
}

#colorcode{
	width: 70vw;
	height: 70vh;
}

.topictitle{
	cursor: pointer;
}

.topictitle:hover{
	text-decoration: underline;
}

.collapsed{
	display: none;
	margin-top: 1em;
}

.collapse{
	display: block;
	margin-top: 1em;
}

.code{
	font-family: monospace, sans-serif;
	font-weight: bold;
	color: #ffd400c2;
}

a{
	color: #fff;
}

a:hover{
	color: #aaa;
}

#count{
	color: #000;
	font-weight: bold;
	font-size: larger;
}

#counter{
	margin-left: 1em;
	font-size: larger;
	font-weight: bold;
}

.code2{
	color: #cf8b0f;
}

input[type=checkbox]{
	vertical-align: bottom;
}

#refresh{
	font-weight: bold;
}

.clickable{
	text-decoration: underline;
	cursor: pointer;
}

.containerhead{
	max-height: 10vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dicon{
	width: 1em;
	height: 1em;
	margin-right: .5em;
	border: none;
}

.def{
	color: #0dadcd;
}

.defword{
	color: #db6a18;
}

.reducedword{
	font-size: small;
	cursor: pointer;
}

.reducedword:hover{
	text-decoration: line-through;
	color: #a83700;
}

button{
	background: #303138bf;
	box-shadow: 0 .3em 1em 0 rgb(48 49 56);
	border-radius: .3em;
	border: .08em solid #000000;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	text-align: center;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

button:hover, select:hover{
	background: #717384bf;
}

label{
	color: white;
	padding-right: .7em;
}

#autocomplete{
	cursor: pointer;
	text-align: left;
}

#dicolist, #themelist{
	cursor: pointer;
	text-align: left;
	user-select: none;
	font-weight: bold;
}

#dicolist>label, #themelist>label{
	margin-left: .5em;
	cursor: pointer;
	padding: .3em;
}

.highlight{
	background-color: rgba(164, 164, 164, .2);
}

.autoword{
	margin: 0;
	display: inline;
	line-height: 0;
}

.noword{
	font-weight: bold;
}

.switchdico:hover{
	text-decoration: underline;
	color: rgb(96, 139, 202);
	cursor: pointer;
}

.cdef:hover{
	text-decoration: underline;
	cursor: pointer;
}

#closeac{
	margin-bottom: 0.5em;
    margin-top: 0;
    margin-left: -0.2em;
}

#refreshac{
	margin-bottom: 0.5em;
	margin-top: 0;
	margin-left: .3em;
}

#showac{
	right: 0;
    left: auto;
    margin-bottom: .5em;
	margin-left: 0.5em;
}

#autopanel{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.textt{
	line-height: initial;
}

#aclength{
	margin-left: .5em;
	font-weight: bold;
	font-size: 1em;
}

@import url(https://fonts.googleapis.com/css?family=Lato:700);

.set-size {
  font-size: 10em;
}

.charts-container:after {
  clear: both;
  content: "";
  display: table;
}

.pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  margin-right: .5em;
  position: relative;
}
.pie-wrapper:nth-child(3n+1) {
  clear: both;
}
.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #3498db;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .label {
  background: #2d3436;
  border-radius: 50%;
  bottom: 0.4em;
  color: #ecf0f1;
  cursor: default;
  display: block;
  font-size: 0.75em;
  left: 0.4em;
  line-height: 1em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: .2em;
}
.pie-wrapper .label .smaller {
  color: #bdc3c7;
  font-size: 0.45em;
  /* padding-bottom: 20px; */
  vertical-align: super;
}
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #bdc3c7;
  border-radius: 50%;
}
.pie-wrapper.style-2 .label {
  background: none;
  color: #7f8c8d;
}
.pie-wrapper.style-2 .label .smaller {
  color: #bdc3c7;
}
.pie-wrapper.progress-30 .pie .half-circle {
  border-color: #3498db;
}
.pie-wrapper.progress-30 .pie .left-side {
  transform: rotate(108deg);
}
.pie-wrapper.progress-30 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-60 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-60 .pie .half-circle {
  border-color: #9b59b6;
}
.pie-wrapper.progress-60 .pie .left-side {
  transform: rotate(216deg);
}
.pie-wrapper.progress-60 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-90 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-90 .pie .half-circle {
  border-color: #e67e22;
}
.pie-wrapper.progress-90 .pie .left-side {
  transform: rotate(324deg);
}
.pie-wrapper.progress-90 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-45 .pie .half-circle {
  border-color: #1abc9c;
}
.pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
}
.pie-wrapper.progress-45 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-75 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-75 .pie .half-circle {
  border-color: #8e44ad;
}
.pie-wrapper.progress-75 .pie .left-side {
  transform: rotate(270deg);
}
.pie-wrapper.progress-75 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-95 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-95 .pie .half-circle {
  border-color: #e74c3c;
}
.pie-wrapper.progress-95 .pie .left-side {
  transform: rotate(342deg);
}
.pie-wrapper.progress-95 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper--solid {
  border-radius: 50%;
  overflow: hidden;
  margin-top: .2em;
}
.pie-wrapper--solid:before {
  border-radius: 0 100% 100% 0/50%;
  content: "";
  display: block;
  height: 100%;
  margin-left: 50%;
  transform-origin: left;
}
.pie-wrapper--solid .label {
  background: transparent;
}
.pie-wrapper--solid.progress-0 {
  background: linear-gradient(to right, #FF0000 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-0:before {
  background: #2d3436;
  transform: rotate(-180deg);
}
.pie-wrapper--solid.progress-13 {
  background: linear-gradient(to right, #FF2600 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-13:before {
  background: #2d3436;
  transform: rotate(-226.8deg);
}
.pie-wrapper--solid.progress-25 {
  background: linear-gradient(to right, #FF4D00 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-25:before {
  background: #2d3436;
  transform: rotate(-270deg);
}
.pie-wrapper--solid.progress-38 {
  background: linear-gradient(to right, #FF7300 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-38:before {
  background: #2d3436;
  transform: rotate(-316.8deg);
}
.pie-wrapper--solid.progress-50 {
  background: linear-gradient(to right, #FF9900 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-50:before {
  background: #2d3436;
  transform: rotate(-360deg);
}
.pie-wrapper--solid.progress-63 {
  background: linear-gradient(to right, #FFBF00 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-63:before {
  background: #FFBF00;
  transform: rotate(133.2deg);
}
.pie-wrapper--solid.progress-75 {
  background: linear-gradient(to right, #cca000 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-75:before {
  background: #cca000;
  transform: rotate(90deg);
}
.pie-wrapper--solid.progress-88 {
  background: linear-gradient(to right, #77a000 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-88:before {
  background: #77a000;
  transform: rotate(43.2deg);
}
.pie-wrapper--solid.progress-100 {
  background: linear-gradient(to right, #009900 50%, #2d3436 50%);
}
.pie-wrapper--solid.progress-100:before {
  background: #009900;
  transform: rotate(0deg);
}

.gendericon {
	width: .8em;
	height: .8em;
	border: none;
	margin-bottom: 0;
	margin-left: .2em;
}

.dicon3{
	width: 1.2em;
	height: 1.2em;
	border: none;
	margin-top: .2em;
	margin-bottom: -.3em;
}

.gramclass {
	color: #fdcb6e;
}

.pronclass {
	color: #079992;
	font-size: smaller;
}