[data-component="Feedback"] {

}

[data-component="Feedback"] .shadow {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  background-color: rgba(0,0,0,0);
  transition: background-color 0.3s ease-out;
  z-index: 99999998;
}

[data-component="Feedback"].opened .shadow,
[data-component="Feedback"] .box:hover + .shadow {
  width: 100%;
  background-color: rgba(0,0,0,0.7);
}

[data-component="Feedback"] .box {
  min-height: 200px;
  position: fixed;
  top: 50%;
  right: 0;
  width: 32px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
  z-index: 99999999;
  margin-left: 32px;
  transform: translate(0, -50%);
  transition: width 0.3s ease-out,  transform 0.3s ease-out,  right 0.3s ease-out;
}

[data-component="Feedback"].opened .box {
  width: 600px;
  max-width: 100%;
  right: 50%;
  border-radius: 8px;
  transform: translate(50%, -50%);
  transition: width 0.2s ease-out,  transform 0.5s ease-out,  right 0.5s ease-out;
}

[data-component="Feedback"] .button {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 32px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #ed9c28;
  background-image: url('data:image/png;base64,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');
}

[data-component="Feedback"] .form {
  position: absolute;
  top: 0;
  left: 32px;
  right: 0;
  bottom: 0;
  padding: 16px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: white;
  text-align: center;
  overflow-y: auto;
}

[data-component="Feedback"] .form span {
  display: block;
  font-size: 80%;
  color: gray;
}

[data-component="Feedback"] .message {
  text-align: left;
  min-height: 100px;
  margin: 8px 0;
  color: #333333;
}

[data-component="Feedback"] .message:focus {
  outline: none;
}


[data-component="Feedback"] .thanks,
[data-component="Feedback"] .sending {
  position: absolute;
  top: 0;
  left: 32px;
  right: 100%;
  bottom: 0;
  overflow: hidden;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  padding-top: 75px;
  background-color: #ed9c28;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

[data-component="Feedback"] .thanks.visible,
[data-component="Feedback"] .sending.visible {
  right: 0;
  opacity: 0.7;
}




[component="WikaanTop"] {
  height: 4rem;
}

[component="WikaanTop"] .fixed {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: inherit;
}

[component="WikaanTop"] .left {
  left: 0;
  text-align: left;
}

[component="WikaanTop"] .right {
  right: 0;
  text-align: right;
}

[component="WikaanTop"] .side {
  position: absolute;
}

[component="WikaanTop"] .button {
  height: 3rem;
  overflow: hidden;
}

[component="WikaanTop"] .button {
  padding: 0.5rem;
}	

[component="WikaanTop"] .side:hover .extra {
  display: block;
}

[component="WikaanTop"] .center {
  position: absolute;
  right: 0;
  left: 4rem;
  right: 4rem;
  text-align: center;
  height: inherit;
  overflow: hidden;
}

[component="WikaanTop"] .extra {
  display: none;
  min-width: 30vw;
}

[component="WikaanTop"] .logo {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

[component="WikaanTop"] .logo div {
  width: 100%;
  height: 100%;
  
}


[component="WikaanTop"] .fixed,
[component="WikaanTop"] .extra {
  background: rgba(255,255,255,0.85);
}

[component="WikaanTop"] [component="Me"] span {
  display: none;
}

[component="WikaanTop"] [component="Me"] img {
  display: inline-block;
  width: 3rem;
  height: 3rem;
}

[component="WikaanTop"] .left img {
  display: block;
  width: 3rem;
  height: 3rem;
}


[component="WikaanTop"] .left .extra {
  box-shadow: 0.2rem 0.3rem 0.5rem rgba(0,0,0,0.2);
}

[component="WikaanTop"] .right .extra {
  box-shadow: -0.2rem 0.3rem 0.5rem rgba(0,0,0,0.2);
}

[component="WikaanTop"] .option:hover {
  color: white;
  background-color: cornflowerblue;
}

[component="WikaanTop"] .option a {
  display: block;
  font-size: 1rem;
  padding: 1rem 0.5rem;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
/* Your CSS here */[data-component="Me"] {
  display: inline-block;
}

[data-component="Me"] img {
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
[component="Image"].background {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: no-repeat center center;
  background-size: contain;
}



.panel-insert-image {
	width:660px;
	height:200px;
}

.panel-insert-image .panel-left {
	height:100%;
	width:214px;
	float:left;
	overflow:hidden;
}

.panel-insert-image .panel-right {
	height:100%;
	width:390px;
	float:right;
	overflow:hidden;
}

.panel-right .source-3 {
	height:100%;
	overflow-y:auto;
}

.panel-right .source-3 IMG {
	display:block;
	float:left;
	margin:4px;
	cursor:pointer;
	width:64px;
	height:64px;
	border:solid silver 1px;
}

.panel-right .source-3 IMG:hover, .panel-right .source-3 IMG.s3_selected {
	border-color:black;
	box-shadow:4px 4px 4px gray;
	margin:2px 6px 6px 2px;
}.graphicList-docked {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.graphicList-docked .graphicList-searchBox {
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.graphicList-docked .graphicList-listBox {
  position:absolute;
  bottom:37px;
  top:37px;
  left:0;
  right:0;
  overflow-y:hidden;
}

.graphicList-docked .graphicList-listBox:hover {
  overflow-y:auto;
}

.graphicList-docked .graphicList-newBox {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}

.graphicList-listItem {
  display:block;
  margin:0;
  padding:0;
  border:none;
  background-color:transparent;
  cursor:pointer;
}

.graphicList-listItem:hover {
  background-color:#EEEEEE;
}

.graphicList-listItem-selected .graphicList-listItem-Button {
  color: dodgerblue;
  font-weight: bold;
}

.graphicList-listItem-Button {
  border:none;
  margin:0;
  padding:8px;
  padding-left:32px;
  min-height:32px;
  width:100%;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:5px 5px;
  text-align:left;
  cursor:pointer;
}

.graphicList-listItem-Button {
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAADZQTFRFMU5sMU5sMU5sMU5sMU5sMU5sMU5sMU5sMU5sMU5sMU5sMU5sMU5sQ156R2F8SWWCWnGK////PwxnKgAAAAF0Uk5TAEDm2GYAAAA/SURBVCjPY2DAA7h4eBgYGBkZkQkQEMBUygciuLEZAtLDg0uCEZcE6YCRZDtGLcc0hhdTnB8qjZoO4IkBOwAA70MAn3O8RkEAAAAASUVORK5CYII=');
}

.graphicList-listItem-Delete {
  border:none;
  color:red;
  width:32px;
  height:32px;
  margin:0 0 0 -32px;
  padding:0;
  position: absolute;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAxOCBPY3QgMjAwOSAxMDowMjo0MCAtMDAwMJA/7VAAAAAHdElNRQfZChIKHwiHU2OIAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAHZJREFUeNpj/M9AGmAiUT0DCzbBRrC19YxYdfzHgA3/n4Bhw///WGQZ/6OYigsgbENyUj3DUyQlN5FYr7D7oZEoTzMiXNL4H5sdIPORvY8WrFuheAMQb4FiCuNhVMPw0OANxQFA7APFqAAlxxGTXhlpXgiQrAEAqc4zxVjDvIoAAAAASUVORK5CYII=') no-repeat center center transparent;
  cursor:pointer;
  visibility:hidden;
}

.graphicList-listItem:hover .graphicList-listItem-Delete {
  visibility:visible;
}

.graphicList-listItem-Delete:hover {

}

/* Mobile devices */
@media (max-width: 1024px) {

  .graphicList-docked .graphicList-listBox {
    overflow-y: scroll;
  }

}[component=TrunkInputButton] {
  text-align: center;
  padding: 0;
  margin: auto;
  max-width: 400px;
}

[component=TrunkInputButton] .input-border {
  padding: 0;
  margin: 0;
  border: solid silver 1px;
  border-right: none;
  margin-right: 50px;
  background-color: white;
}

[component=TrunkInputButton] input {
  padding: 8px 0;
  margin: 0;
  height: 19px;
  border: none;
  display: block;
  width: 100%;
}

[component=TrunkInputButton] button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: block;
  float: right;
  width: 50px;
  height: 37px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAHNJREFUOMvtlEEKgDAMBLf9xoL4E+vL7U9EYR/QF+hJ6SEHsQE9dG8JYchmaYGuVgWrKWkguT8BSDrqOhoDI4Dt7YbRgK0tlqMn7L6hpAlAdsikBEeYHcr/LFehJADLVZMMTZZJZgCz6w29oNZzSv1X+k4nXy4pS4KwuvEAAAAASUVORK5CYII=');
}

[component=TrunkInputButton].search button {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAWBJREFUSMetlc11g0AMhD94uTt3HUw6oAR34HQA7oASXILTAXTgEijB7oAcdCcd5CLyNmL5e2ZuwK5GGklDwgRUtQROQOY+tUAtIh0rkEQCfwI34LhwtwEqEelXE6hqDRSsxw9wEpHHIsFE8G/gDgxZ5sB5C8lbIEvhLlUiUkckzEzCgegA1EYer0BVu0DzxbInKr7EEkptWsKGVkvBAUSkNAkHXGPnUhvFP81jWcwgDHo0+UYE4cs72+DPRwlC9FuiL+1AjGB3eIJ8y2VVzdcQtMHzOdaoGVROsjZG4KfmtiH7wnnTuAJzxcZVUa8I3s6M7GiT34HO1j70oStwH6bFAlcThtjY8k2a3ZDV4YWhGZGkQYMettXPFwgKL2/qpuAhIjlwcT7j7bkBPiYa+48kWWhm5tffj+LMT6oRkTLZY1tnSL52sQprbEyuLNnTd1wlT+CU7G1uqnqzvpUi0v8CaSmPya/yj2AAAAAASUVORK5CYII=');
}

[component=TrunkInputButton].new button {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAFdJREFUOMtjZCAAnj59+oGBgYEfyv0oLS0tgE89EwNhwI+DTbaBJIFRAwehgYxPnz79T0XzPlLbhfw0CcOP1PQyIxF5GSWMpaWlGUfT4aiBRKQtHGysAABkgRG24U1vqQAAAABJRU5ErkJggg==');
}
[component="TrunkButton"] {
  display: inline-block;
  text-decoration: none;
  padding: 8px 12px;
  margin: 0px;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px;
  text-transform: capitalize;
  font-size: 14px;
  text-align: center;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;

  /* custom styles */
  color: #333;
  background-color: white;
  border-color: #adadad;
}

[component="TrunkButton"]:hover {
  background-color: #ebebeb;
  border-color: #adadad;
}

[component="TrunkButton"].blue {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

[component="TrunkButton"].blue:hover {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}

[component="TrunkButton"].green {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

[component="TrunkButton"].green:hover {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}

[component="TrunkButton"].aqua {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

[component="TrunkButton"].aqua:hover {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}

[component="TrunkButton"].orange {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

[component="TrunkButton"].orange:hover {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

[component="TrunkButton"].red {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

[component="TrunkButton"].red:hover {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}

[component="TrunkButton"].purple {
  color: #fff;
  background-color: #ca8bca;
  border-color: #bd7ebd;
}

[component="TrunkButton"].purple:hover {
  color: #fff;
  background-color: #b176b1;
  border-color: #8e5e8e;
}

[component="TrunkButton"].gray {
  color: #fff;
  background-color: #888888;
  border-color: #777777;
}

[component="TrunkButton"].gray:hover {
  color: #fff;
  background-color: #555555;
  border-color: #555555;
}

[component="TrunkButton"].none {
  color: #428bca;
  background-color: transparent;
  border-color: transparent;
}

[component="TrunkButton"].none:hover {
  color: #2a6496;
  border-color: #2a6496;
}

[component="TrunkButton"]:focus,
[component="TrunkButton"]:focus {
  outline: none;
  box-shadow: 0 0 4px dodgerblue;
}

[component="TrunkButton"][disabled] {
  opacity: 0.65;
  cursor: none;
}[component] {
   font-family: sans-serif;
}

.TrunkMargin {
   margin: 16px;
}

/* Mobile devices */
@media (max-width: 1024px) {

   .TrunkMargin {
      margin: 0;
   }

}
.graphicPopup {
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255,255,255,0.7);
}

.graphicPopup-frame {
	position:absolute;
	background-color:white;
	border-radius:8px;
	top:50%;
	left:50%;
	border:solid gray 1px;
	box-shadow:4px 4px 4px rgba(0,0,0,0.4);
}

.graphicPopup-content {
	padding:16px;
}

.graphicPopup-buttons {
	padding:16px;
	text-align:right;
}

.graphicPopup-buttons .shadow-button{
	margin-left:4px;
}/* SHADOW BUTTON */

.shadow-button {
	color:white;
	padding:7px;
	margin:0px;
	border-radius:3px;
	background-color: silver;
	border:0px;
	cursor:pointer;
	border:solid silver 1px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}

.shadow-button:hover {
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	border-color:gray;
}

.shadow-button-blue {
	background-color:#4D90FE;
}

.shadow-button-red {
	background-color:#DD4B39;
}

.shadow-button-green {
	background-color:#3D9400;
}

.shadow-button-white {
	background-color:white;
	color:silver;
	cursor:default;
}

.shadow-button-white:hover {
	box-shadow:none;
	border-color:silver;
}
html, body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: dodgerblue;
}

.max-width {
  max-width: 1000px;
  margin: 0 auto;
}

.t-frame {
  padding: 0 0.4rem;
  margin: 4rem auto;
}

/* COMPONENTS MODS */

[component=CreateTerm] {
  margin-top: 1rem;
}

[component=CreateWiki] {
  margin-top: 1rem;
}.first-row img {
  display: block;
  width: 12rem;
  max-width: 100%;
  border-radius: 50%;
  margin: 0 auto;
}

.first-row .description {
  display: block;
  margin: 0 auto;
  max-width: 24rem;
  text-align: center;
}