/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

#login {
    min-height: 100vh;
}

#login .uk-card {
    border-radius: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
}

#login form button[type=submit] {
    width: 100%;
}

#login form input,
#login form button {
    border-radius: 25px;
}

#login-lang-select-lang {
    border-radius: 25px;
    padding-left: 37px;
}

#login h1 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    max-width: 300px;
    text-transform: uppercase;
    margin-top: 15px;
}


#login .w100 {
    width: 100%;
}

#login .logo {
    position: relative;
    display: block;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

html {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
    background-color: #f7f7f7;
}

:root {
    color-scheme: light dark;
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

html, body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

body {
    margin: 0;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    overflow: hidden;
    font-weight: normal;
    font-size: 14px;
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    min-width: 400px;
}

.logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTg3MS40IDM0My43IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODcxLjQgMzQzLjciPjxkZWZzPjxwYXRoIGlkPSIyIiBkPSJtMCAwaDQxMi43djI0Ni4xaC00MTIuN3oiLz48cGF0aCBpZD0iMyIgZD0ibTQ1LjggMjcxLjRoMzIwdjcyLjNoLTMyMHoiLz48Y2xpcFBhdGggaWQ9IjAiPjx1c2UgeGxpbms6aHJlZj0iIzIiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iMSI+PHVzZSB4bGluazpocmVmPSIjMyIvPjwvY2xpcFBhdGg+PC9kZWZzPjxwYXRoIGQ9Im0xNDMuOS02NS4xaC00Ni45di0yMi4yaDEyMC4xdjIyLjJoLTQ2Ljl2MTE5LjRoLTI2LjN2LTExOS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTUuMDQgMjM2LjY3KSIvPjxwYXRoIGQ9Im0yNTcuNCAzMi4ydjIyaC0xMDYuMnYtMTQxLjVoMTAzLjR2MjJoLTc3LjF2MzYuOGg2OC40djIxLjZoLTY4LjR2MzloNzkuOXYuMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYyLjk2IDIzNi42NykiLz48cGF0aCBkPSJNMjIwLjMtNjUuMWgtNDYuOXYtMjIuMmgxMjAuMXYyMi4yaC00Ni45VjU0LjNoLTI2LjNWLTY1LjF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1ODQuMjkgMjM2LjY3KSIvPjxwYXRoIGQ9Im0zMjAuMiA1NC4zbC0yOC45LTQxLjVjLTEuMi4xLTMgLjItNS41LjJoLTMydjQxLjNoLTI2LjN2LTE0MS42aDU4LjJjMTIuMyAwIDIyLjkgMiAzMiA2LjEgOS4xIDQgMTYuMSA5LjggMjAuOSAxNy40IDQuOSA3LjYgNy4zIDE2LjUgNy4zIDI2LjkgMCAxMC43LTIuNiAxOS44LTcuOCAyNy41LTUgNy43LTEyLjQgMTMuNC0yMi4xIDE3LjJsMzIuNiA0Ni41aC0yOC40bS0uNi05MS4yYzAtOS0zLTE2LTguOS0yMC44LTUuOS00LjktMTQuNi03LjMtMjYuMS03LjNoLTMwLjh2NTYuNGgzMC44YzExLjUgMCAyMC4yLTIuNSAyNi4xLTcuNHM4LjktMTEuOSA4LjktMjAuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjkyLjIxIDIzNi42NykiLz48cGF0aCBkPSJtMzU5LjQgMjEuNWgtNzAuOGwtMTQgMzIuOGgtMjcuMWw2My43LTE0MS42aDI1LjlsNjMuOSAxNDEuNmgtMjcuNWwtMTQuMS0zMi44bS04LjctMjAuNmwtMjYuNy02MS45LTI2LjUgNjEuOWg1My4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MTIuMyAyMzYuNjcpIi8+PHBhdGggZD0iTTMyMS4xLTg3LjNoMjYuM1YzMmg3NHYyMi4zSDMyMS4xVi04Ny4zeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcyLjc2IDIzNi42NykiLz48cGF0aCBkPSJtNDIyLjcgNTYuM2MtMTQuNCAwLTI3LjQtMy4xLTM5LTkuNHMtMjAuNy0xNS0yNy4zLTI2LjFjLTYuNi0xMS4xLTkuOS0yMy42LTkuOS0zNy4zczMuMy0yNi4yIDkuOS0zNy4zIDE1LjctMTkuOCAyNy4zLTI2LjFjMTEuNi02LjMgMjQuNi05LjQgMzktOS40czI3LjQgMy4xIDM5IDkuNCAyMC43IDE0LjkgMjcuMyAyNmM2LjYgMTEuMSA5LjkgMjMuNSA5LjkgMzcuNHMtMy4zIDI2LjQtOS45IDM3LjRjLTYuNiAxMS4xLTE1LjcgMTkuNy0yNy4zIDI2LTExLjUgNi4zLTI0LjYgOS40LTM5IDkuNG0wLTIzLjFjOS40IDAgMTcuOS0yLjEgMjUuNS02LjQgNy42LTQuMiAxMy41LTEwLjIgMTcuOC0xNy44czYuNS0xNi4yIDYuNS0yNS42LTIuMi0xOC02LjUtMjUuNi0xMC4yLTEzLjYtMTcuOC0xNy44Yy03LjYtNC4zLTE2LjEtNi40LTI1LjUtNi40cy0xNy45IDIuMS0yNS41IDYuNGMtNy42IDQuMi0xMy41IDEwLjItMTcuOCAxNy44cy02LjUgMTYuMS02LjUgMjUuNmMwIDkuNCAyLjIgMTggNi41IDI1LjZzMTAuMyAxMy42IDE3LjggMTcuOGM3LjYgNC4zIDE2LjEgNi40IDI1LjUgNi40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDc5LjI1IDIzNi42NykiLz48cGF0aCBkPSJNNTMwLjUtODcuM0w0NjguOCw1NC4zaC0yNS45TDM4MS04Ny4zaDI4LjVsNDcuMSwxMDkuMmw0Ny41LTEwOS4ySDUzMC41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIxMi42NCAyMzYuNjcpIi8+PHBhdGggZD0iTTU0NS44LDMyLjJ2MjJINDM5LjZWLTg3LjNINTQzdjIyaC03Ny4xdjM2LjhoNjguNHYyMS42aC02OC40djM5aDc5LjlWMzIuMnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMjguMzcgMjM2LjY3KSIvPjxnIGNsaXAtcGF0aD0idXJsKCMwKSI+PHBhdGggZD0ibTQwNS41IDExNC40Yy0uNy0uMi0xLjEtLjMtMS42LS41bC0xLjUtLjRjLTEtLjItMi0uNS0yLjktLjctMS45LS40LTMuOS0uOC01LjgtMS0zLjktLjYtNy44LS45LTExLjctMS03LjgtLjItMTUuNy41LTIzLjMgMi40LTcuNiAxLjgtMTUgNC44LTIxLjcgOC45LTMuMyAyLTYuNSA0LjMtOS41IDYuOC0uNy42LTEuNCAxLjMtMi4yIDEuOS0uNy43LTEuNCAxLjMtMi4xIDItMS4zIDEuNC0yLjcgMi44LTMuOSA0LjEtOS45IDEwLjgtMTkuNyAyMS44LTI5LjcgMzIuNC01IDUuMy0xMC4xIDEwLjYtMTUuMyAxNS43LTUuMyA1LjEtMTAuNyAxMC0xNi43IDE0LjIgNi4zLTMuNyAxMi4yLTguMiAxNy45LTEyLjkgNS43LTQuNyAxMS4yLTkuNSAxNi43LTE0LjUgMTAuOS05LjkgMjEuNS0yMCAzMi4yLTI5LjkgMS4zLTEuMyAyLjctMi40IDQtMy41LjYtLjYgMS40LTEuMSAyLTEuNi43LS41IDEuNC0xLjEgMi4xLTEuNiAyLjgtMiA1LjgtMy44IDguOC01LjMgNi4xLTMuMSAxMi43LTUuMSAxOS40LTYuMiA2LjctMSAxMy42LTEuMSAyMC40LS40IDMuNC40IDYuOCAxIDEwLjEgMS43LjUuMSAxLjEuMyAxLjYuNC0xIDEuOC0xLjkgMy42LTMgNS40LTIuNCA0LjItNC45IDguMy03LjYgMTIuNC01LjMgOC4xLTExIDE1LjktMTcuMiAyMy4zLTEyLjMgMTQuOC0yNi4zIDI4LjItNDIuMSAzOC45LTcuOSA1LjMtMTYuMiAxMC0yNC44IDEzLjgtMS4xLjUtMi4xIDEtMy4yIDEuNGwtMy4zIDEuM2MtMS4xLjQtMi4yLjktMy4zIDEuM2wtMy40IDEuMS0zLjQgMS4xYy0xLjEuMy0yLjMuNi0zLjQuOS0yLjMuNi00LjYgMS4zLTYuOCAxLjctOC45IDEuOS0xOCAyLjQtMjYuNy45LTEuMS0uMi0yLjItLjMtMy4yLS42bC0zLjItLjgtMS42LS40Yy0uNS0uMi0xLS40LTEuNS0uNmwtMy4xLTEuMWMtMS0uNC0yLS45LTMtMS40bC0xLjUtLjdjLS41LS4yLTEtLjUtMS41LS44LTEuOS0xLjEtMy45LTIuMS01LjYtMy41LS45LS42LTEuOC0xLjItMi43LTEuOWwtLjYtLjVjMi0yLjIgNC00LjUgNS43LTYuOSAxLjctMi4xIDMuMS00LjMgNC42LTYuNWwyLjEtMy4zYy43LTEuMSAxLjQtMi4yIDIuMS0zLjQgMi43LTQuNSA1LTkuMiA3LjMtMTMuOSA0LjQtOS41IDcuOS0xOS4yIDEwLjctMjkuMy4zLTEuMy43LTIuNSAxLTMuOWwuNC0xLjguNC0yYy41LTIuNyAxLTUuMyAxLjMtNy45LjctNS4yIDEuMS0xMC41IDEuMi0xNS43LjUtMjAuOS0zLTQxLjktMTAuMy02MS42LTcuMi0xOS43LTE4LjMtMzcuOC0zMS45LTUzLjVsLTYuMi03LjItNi4yIDcuMmMtMTMuNiAxNS43LTI0LjcgMzMuOC0zMiA1My41LTcuNCAxOS42LTExIDQwLjYtMTAuNSA2MS42LjEgNS4zLjUgMTAuNSAxLjIgMTUuOC4zIDIuNi44IDUuMyAxLjMgNy45bC40IDIgLjQgMS44Yy4zIDEuNC42IDIuNiAxIDMuOSAyLjcgMTAuMSA2LjMgMTkuOSAxMC43IDI5LjQgMi4yIDQuNyA0LjYgOS40IDcuMyAxMy45LjYgMS4xIDEuMyAyLjMgMi4xIDMuNGwyLjEgMy4zYzEuNSAyLjIgMyA0LjQgNC42IDYuNSAxLjkgMi42IDQgNS4xIDYuMiA3LjVsLS4xLjFjLS45LjctMS44IDEuMy0yLjggMS45LTEuOCAxLjQtMy44IDIuNC01LjcgMy41LS41LjMtMSAuNS0xLjUuOGwtMS41LjdjLTEgLjUtMiAxLTMgMS40bC0zLjEgMS4xYy0uNS4yLTEgLjQtMS42LjZsLTEuNi40LTMuMi45Yy0xLjEuMy0yLjIuNC0zLjMuNi04LjggMS41LTE3LjkgMS4xLTI2LjktLjktMi4yLS40LTQuNi0xLjEtNi44LTEuNy0xLjEtLjMtMi4zLS42LTMuNC0uOWwtMy40LTEuMS0zLjQtMS4xYy0xLjEtLjQtMi4yLS44LTMuMy0xLjNsLTMuMy0xLjNjLTEuMS0uNC0yLjItMS0zLjMtMS40LTguNy0zLjgtMTcuMS04LjUtMjUtMTMuOC0xNS45LTEwLjctMzAtMjQuMS00Mi40LTM5LTYuMi03LjQtMTEuOS0xNS4zLTE3LjItMjMuNC0yLjYtNC4xLTUuMi04LjItNy42LTEyLjQtMS4yLTIuMS0yLjMtNC4yLTMuNC02LjMuOS0uMiAxLjktLjQgMi44LS42IDMuNC0uNyA2LjgtMS4xIDEwLjItMS40IDYuOC0uNiAxMy43LS4yIDIwLjQuOSA2LjcgMS4yIDEzLjEgMy40IDE5LjIgNi41IDMgMS41IDUuOSAzLjQgOC43IDUuNC43LjUgMS4zIDEgMiAxLjYuNy41IDEuNCAxIDIgMS42IDEuMyAxLjEgMi42IDIuMiAzLjkgMy41IDEwLjYgMTAgMjEuMyAyMC4xIDMyLjIgMjkuOSA1LjUgNC45IDExLjEgOS43IDE2LjkgMTQuMyA1LjggNC41IDExLjggOC45IDE4LjMgMTIuNC0yLjktMi4zLTUuNy00LjYtOC40LTcuMS0yLjctMi40LTUuMy01LTcuOS03LjYtNS4xLTUuMi0xMC4yLTEwLjUtMTUuMS0xNS45LTkuOS0xMC43LTE5LjYtMjEuNy0yOS43LTMyLjQtMS4yLTEuMy0yLjYtMi43LTQtNC4xLS43LS43LTEuNC0xLjMtMi4xLTItLjctLjYtMS40LTEuMy0yLjItMS45LTEuNS0xLjItMy0yLjUtNC43LTMuNS0uOC0uNi0xLjYtMS4xLTIuNC0xLjdsLTIuNS0xLjVjLTYuOC00LTE0LjMtNi44LTIxLjktOC41LTcuNy0xLjctMTUuNi0yLjItMjMuNC0xLjgtMy45LjItNy44LjctMTEuNiAxLjMtMS45LjMtMy44LjctNS44IDEuMi0xIC4yLTEuOS41LTIuOS44bC0xLjUuNGMtLjUuMi0uOS4zLTEuNi41bC02LjIgMi41IDIuNyA2LjFjLjYgMS4zIDEuMSAyLjQgMS43IDMuNnMxLjEgMi4zIDEuNyAzLjVjMS4yIDIuMyAyLjQgNC41IDMuNiA2LjggMi41IDQuNSA1LjEgOC45IDcuOCAxMy4yIDUuNSA4LjYgMTEuNCAxNi45IDE3LjkgMjQuOSAxMi45IDE1LjggMjcuNyAzMC4zIDQ0LjggNDIuMSAxNyAxMS44IDM2LjIgMjAuNyA1Ni43IDI1LjMgMTAuNCAyLjMgMjEuNSAzLjEgMzIuMyAxLjMgMS40LS4yIDIuNy0uNCA0LjEtLjdsNC0xIDItLjVjLjctLjIgMS4zLS41IDItLjdsMy45LTEuNGMxLjMtLjUgMi41LTEuMSAzLjgtMS43bDEuOS0uOWMuNi0uMyAxLjItLjYgMS44LS45IDIuNC0xLjQgNC44LTIuNyA3LTQuMyAxLjEtLjggMi4zLTEuNSAzLjQtMi4zbDIuMS0xLjcgMi44IDIuMmMxLjEuOCAyLjMgMS42IDMuNCAyLjQgMi4yIDEuNiA0LjcgMi45IDcuMSA0LjMuNi40IDEuMi43IDEuOS45bDEuOS45YzEuMy42IDIuNSAxLjIgMy44IDEuN2wzLjkgMS40Yy43LjIgMS4zLjUgMiAuN2wyIC41IDQuMSAxYzEuNC4zIDIuNy41IDQuMS43IDExIDEuOCAyMi4yIDEuMSAzMi42LTEuMyAyMC42LTQuNiAzOS45LTEzLjYgNTctMjUuNCAxNy4xLTExLjggMzIuMS0yNi4zIDQ1LjEtNDIuMiA2LjUtOCAxMi40LTE2LjMgMTcuOS0yNSAyLjctNC4zIDUuMy04LjcgNy44LTEzLjIgMS4yLTIuMiAyLjQtNC41IDMuNi02LjguNi0xLjIgMS4yLTIuMyAxLjctMy41LjYtMS4yIDEuMS0yLjMgMS43LTMuN2wzLjEtNy4xLTcuMi0yLjRtLTIxOC42IDYxLjhjLTMuOS04LjYtNy4yLTE3LjYtOS43LTI2LjctLjMtMS4xLS42LTIuMy0uOC0zLjNsLS40LTEuOC0uMy0xLjZjLS40LTIuMi0uOC00LjUtMS4xLTYuOC0uNi00LjYtLjktOS4zLTEtMTQtLjMtMTguOCAyLjgtMzcuOCA5LjQtNTUuNSA1LjQtMTQuNyAxMy4yLTI4LjUgMjIuOC00MSA5LjYgMTIuNSAxNy41IDI2LjIgMjIuOSA0MC45IDYuNyAxNy43IDEwIDM2LjcgOS43IDU1LjUtLjEgNC43LS40IDkuNC0xIDE0LjEtLjMgMi4zLS42IDQuNi0xLjEgNi44bC0uMyAxLjYtLjQgMS44Yy0uMiAxLjEtLjUgMi4yLS44IDMuNC0yLjQgOS4xLTUuNyAxOC4yLTkuNiAyNi44LTIgNC4zLTQuMSA4LjYtNi41IDEyLjYtLjYgMS0xLjIgMi0xLjggM2wtMS45IDNjLTEuMyAxLjktMi42IDMuOS00IDUuNy0xLjUgMi0zIDMuOS00LjYgNS43LTEuOC0yLTMuNS00LTUtNi4xLTEuNC0xLjgtMi43LTMuOC00LTUuN2wtMS45LTNjLS42LTEtMS4yLTItMS44LTMtMi43LTMuOC00LjgtOC4xLTYuOC0xMi40IiBmaWxsPSIjMWU4N2YwIi8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCMxKSI+PHBhdGggZD0ibTMzMy45IDI5NS43Yy0yMy44LTE5LjQtNTEuMS0yNi44LTc5LTIxLjUtMjguMiA1LjMtNDIuMiAxNy4yLTQ5LjEgMjcuOC02LjktMTAuNy0yMC45LTIyLjctNDkuMy0yOC4xLTI3LjgtNS4zLTU1LjIgMi4yLTc5IDIxLjUtMTcuNyAxNC40LTI3LjIgMzAuMi0yNy42IDMwLjlsLTQgNi43IDcuMSAzLjRjLjYuMyAxNC40IDYuOSAzNS43IDYuOSAxLjkgMCAzLjktLjEgNS45LS4yIDIxLjctMS4yIDU0LjMtOS45IDg4LjMtNDQuMSAxMS44IDguMSAxNC45IDE4IDE1LjYgMjQuMi0uNCA0LjkuMiA4LjIuMyA4LjlsNy44LTEuNSA2LjEgMS4xYy4xLS4zLjItMS4xLjMtMi4zIDAgMCAwIDAgMC0uMS4xLTEuNS4yLTMuNSAwLTYgLjMtMi44IDEuMS02LjMgMy0xMC4xIDIuNi01LjQgNi44LTEwIDEyLjUtMTMuOSAzNC4xIDM0LjEgNjYuNyA0Mi45IDg4LjQgNDQuMSAyIC4xIDQgLjIgNS45LjIgMjEuNCAwIDM1LjEtNi41IDM1LjctNi45bDcuMS0zLjQtNC02LjhjLS41LS42LTEwLTE2LjQtMjcuNy0zMC44bS0yMzkuMyAzM2MtMTEuNS44LTIwLjktLjgtMjcuMS0yLjQgMTEuNi0xNC45IDQyLTQ2LjYgODYuMy0zOC4yIDUuOSAxLjEgMTEgMi41IDE1LjUgNC4yLTIzLjYgMjIuNC00OC43IDM0LjctNzQuNyAzNi40bTE0Ny41LTM2LjJjNC43LTEuNyA5LjgtMy4xIDE1LjUtNC4yIDIzLjctNC41IDQ2LjIgMS43IDY2LjkgMTguMyA4LjcgNyAxNS4zIDE0LjYgMTkuNSAxOS45LTE2LjkgNC40LTU3LjQgOC40LTEwMS45LTM0IiBmaWxsPSIjMWU4N2YwIi8+PC9nPjwvc3ZnPg==);
}

.content {
    position: relative;
    display: inline-block;
    width: calc(100% - 300px);
    padding: 25px;
    transition: 0.3s;
    height: calc(100vh - 50px);
    overflow: hidden;
    overflow-y: auto;
    max-height: 100vh;
}

@media (max-width: 1024px) {
    .content {
        width: calc(100% - 30px);
        padding: 15px;
        height: calc(100% - 30px);
    }
}

#menu {
    background-color: #f6f6f6;
    width: 249px;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    border-right: 1px solid #e0e0e0;
    transition: 0.3s;
}

@media (max-width: 1024px) {
    #menu {
        position: fixed;
        z-index: 9999990;
        left: -260px;
        overflow-x: inherit;
    }

    body.MobileMenuOpen #menu {
        left: 0;
    }
}

#menu .logo {
    position: relative;
    display: block;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 10px 25px;
}

#menu nav a {
    position: relative;
    display: block;
    padding: 5px 25px;
    color: #666666;
    transition: 0.3s;
}

#menu nav a:hover {
    text-decoration: none;
    color: #000000;
}

#menu nav a.active {
    color: #1e87f0;
}

#mobile-menu {
    display: none;
}
@media (max-width: 1024px) {
    #mobile-menu {
        position: fixed;
        top: 15px;
        right: 0;
        background-color: #e5e5e5;
        padding: 15px;
        font-size: 20px;
        border-radius: 10px 0 0 10px;
        color: #666666;
        z-index: 9999991;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    #mobile-menu .close {
        display: none;
    }

    body.MobileMenuOpen #mobile-menu .close {
        display: block;
    }
    body.MobileMenuOpen #mobile-menu .open {
        display: none;
    }
}

#mobile-fon {
    display: none;
}
@media (max-width: 1024px) {
    #mobile-fon {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        z-index: 9999989;
        height: 100vh;
        transition: 0.3s;
        width: 0;
        background-color: #0000003b;
    }

    body.MobileMenuOpen #mobile-fon {
        width: 100vw;
    }
}

#menu nav a .uk-label {
    float: right;
}

#dashboard {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#last-registrations {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

@media (max-width: 700px) {
    #last-registrations table tr th:nth-child(4),
    #last-registrations table tr td:nth-child(4) {
        display: none;
    }
}

#dashboard-main-numbers {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    padding-bottom: 0;
    border-radius: 15px;
    margin-bottom: 25px;
    border: 1px solid #e0e0e0;
}

#dashboard-main-numbers .list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
@media (max-width: 1024px) {
    #dashboard-main-numbers .list {
        justify-content: center;
    }
}

#dashboard-main-numbers .list .item {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: calc(25% - 49px);
}
#dashboard-main-numbers .list .item:hover {
    text-decoration: none;
}
#dashboard-main-numbers .list .item:last-child {
    margin-right: 0;
}
@media (max-width: 1400px) {
    #dashboard-main-numbers .list .item {
        width: calc(50% - 60px);
        margin: 0 15px;
        margin-bottom: 30px;
    }
    #dashboard-main-numbers .list .item:last-child {
        margin-right: 15px;
    }
}
@media (max-width: 700px) {
    #dashboard-main-numbers .list .item {
        width: calc(100% - 30px);
        margin-left: 0;
        margin-right: 0;
    }
    #dashboard-main-numbers .list .item:last-child {
        margin-right: 0;
    }
}

#dashboard-main-numbers .list .item .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#dashboard-main-numbers .list .item .description {
    color: #000000;
}

#dashboard-chart {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#dashboard-chart .highcharts-background {
    fill: #f6f6f6;
}

#dashboard-chart .highcharts-credits {
    display: none;
}

#dashboard-chart .highcharts-axis-labels {
    color: #000000;
    fill: #000000;
    font-size: 9px;
}

#dashboard-chart .highcharts-point {
    stroke: none;
    fill: #037ed8;
}

#dashboard-chart .highcharts-grid-line {
    display: none;
}

#dashboard-chart .highcharts-tooltip {
    fill: #ffffff;
    stroke: none;
    color: #ffffff;
}

#dashboard-chart-layer {
    height: 300px;
}
@media (max-width: 1024px) {
    #dashboard-chart-layer {
        height: 200px;
    }
}

#dashboard-invest-leaders {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#dashboard-invest-leaders ul {
    color: #000000;
}

#dashboard-invest-leaders ul li {
    position: relative;
    margin-right: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#dashboard-invest-leaders ul li .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#dashboard-invest-leaders ul li .title a {
    color: inherit;
    text-decoration:none;
}

#dashboard-offers {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    padding-bottom: 0;
}

#dashboard-offers .list {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

#dashboard-offers .list .item {
    width: calc(50% - 65px);
    background-color: #e0e0e0;
    margin-right: 15px;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    color: #000000;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    height: 250px;
    justify-content: space-between;
    box-shadow: 0px 4px 5px -5px #000000;
    overflow:hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#dashboard-offers .list .item:nth-child(2n) {
    margin-right: 0;
    margin-left: 15px;
}
@media (max-width: 1200px) {
    #dashboard-offers .list .item {
        margin-right: 0;
        width: calc(100% - 50px);
        height: 200px;
    }
    #dashboard-offers .list .item:nth-child(2n) {
        margin-left: 0;
    }
}
@media (max-width: 500px) {
    #dashboard-offers .list .item {
        height: inherit;
    }
}

#dashboard-offers .list .item::after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    background-color: #0000004d;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(3px) saturate(0%);
    -webkit-backdrop-filter: blur(3px) saturate(0%);
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
}

#dashboard-offers .list .item .header {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 2;
}

#dashboard-offers .list .item .header .title {
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px #000000;

}

#dashboard-offers .list .item .header  .address {
    font-size: 12px;
    color: #ffffff;
    text-transform: inherit;
}

#dashboard-offers .list .item .header  .link a {
    color: #000000;
    border-radius: 30px;
    font-size: 11px;
    border: none;
    background-color: #ffffff;
    font-weight: 500;
}

#dashboard-offers .list .item .bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 2;
    color: #ffffff;
}
@media (max-width: 500px) {
    #dashboard-offers .list .item .bottom {
        flex-direction: column;
    }
}

#dashboard-offers .list .item .bottom .block {
    margin-top: 15px;
}

#dashboard-offers .list .item .bottom .block .title {
    color: #fbfbfb;
    font-size: 12px;
    font-weight: 400;
}

#dashboard-offers .list .item .bottom .block .description {
    font-size: 18px;
}

#dashboard-offers .list .item .bottom .right {
    text-align: right;
}
@media (max-width: 500px) {
    #dashboard-offers .list .item .bottom .right {
        text-align: left;
    }
}

#clients {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#clients_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#clients_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 900px) {
    #clients_list .header {
        flex-direction: column;
    }

    #clients_list .header .left {
        margin-bottom: 25px;
    }

    #clients_list .header .left,
    #clients_list .header .right {
        display: block;
        width: 100%;
    }
}

#clients_list .header  select,
#clients_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#clients_list .header  .calendar {
    margin-left: 15px;
    width: 300px;
}

#clients_list .header  .daterangepicker td.active,
#clients_list .header .daterangepicker .ranges li.active {
    background-color: #1f87f0;
}

#clients_list .header a {
    padding: 0;
    width: 40px;
    border: none;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-left: 15px;
}

@media (max-width: 900px) {
    #clients_list .header .left select {
        width: 150px;
    }
    #clients_list .header .left .calendar {
        width: calc(100% - 170px);
    }

    #clients_list .header .right .uk-inline {
        width: calc(100% - 60px);
    }
}

#clients_list  .numbers {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -25px;
}

#clients_list  .numbers .item {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 225px
}
@media (max-width: 650px) {
    #clients_list  .numbers .item {
        margin-right: 0;
        width: 100%;
    }
}

#clients_list  .numbers .item .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#clients_list  .numbers .item .description {
    color: #000000;
}

@media (max-width: 650px) {
    #clients_list table tr th:nth-child(2),
    #clients_list table tr td:nth-child(2) {
        display: none;
    }
}

#clients_list table td .uk-button {
    border-radius: 7px;
}

#client {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#client .profile {
    position: relative;
    display: inline-block;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    min-width: 332px;
}
@media (max-width: 500px) {
    #client .profile {
        min-width: inherit;
        width: calc(100% - 52px);
    }
}

#client .profile input,
#client .profile select {
    border-radius: 10px;
}

#client .profile button[type=submit] {
    width: 100%;
    border-radius: 10px;
}

#client .profile select[readonly],
#client .profile input:read-only {
    opacity: 0.5;
}

#client .profile input[type=checkbox] {
    opacity: 1;
    border-radius: 2px;
}

#client .profile input.checkbox-active {
    margin-bottom: 3px;
}

#client .profile > ul.tab-title > li {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#client .profile > ul {
    margin-bottom: 0;
}

#client .profile form .uk-margin:last-child {
    margin-bottom: 0;
}

#client .investments .list {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: -25px;
}

#client .investments .list li {
    position: relative;
    display: inline-block;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    margin-right: 25px;
    margin-bottom: 25px;
}
@media (max-width: 500px) {
    #client .investments .list li {
        width: calc(100% - 52px);
        margin-right: 0;
    }
}

#client .investments .list li table:last-child {
    margin-bottom: 0;
}

#client .investments .list li table tr td:nth-child(2) {
    text-align: right;
}

#client .investments .list li .header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#client .investments .list li .header .title {
    font-size: 18px;
    color: #000000;
}

#client .investments .list li .header .right .uk-label {
    padding: 5px 10px;
    border-radius: 5px;
}

#client .transactions .lists {
    position: relative;
    display: block;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    #client .transactions .lists .transactions tr th:nth-child(7),
    #client .transactions .lists .transactions tr td:nth-child(7) {
        display: none;
    }
}
@media (max-width: 800px) {
    #client .transactions .lists .transactions tr th:nth-child(2),
    #client .transactions .lists .transactions tr td:nth-child(2) {
        display: none;
    }
}

#client .refferals .lists {
    position: relative;
    display: block;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#client .refferals  .numbers {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -25px;
}

@media (max-width: 640px) {
    #client .refferals  .numbers {
        justify-content: center;
    }
}

#client .refferals  .numbers .item {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 225px
}

#client .refferals  .numbers .item.priority {
    border: 2px solid #4380c2;
}

#client .refferals  .numbers .item .status {
    display: none;
}

#client .refferals  .numbers .item.priority .status {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    background-color: #4380c2;
    color: #ffffff;
    font-size: 12px;
    border-radius: 8px 0 8px 0;
    padding: 2px 10px;
}

#client .refferals  .numbers .item .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#client .refferals  .numbers .item .description {
    color: #000000;
}

#client .refferals h5 {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
}

#client .highcharts-credits {
    display: none;
}

#client .highcharts-background {
    fill: #f6f6f6;
}

#client .refferals_tree_chart_layer {
    text-align: center;
}

#client #refferals_tree_chart {
    display: inline-block;
    width: 600px;
}

#offers {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#offers_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#offers_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 700px) {
    #offers_list .header {
        flex-direction: column;
    }

    #offers_list .header .left {
        margin-bottom: 25px;
    }

    #offers_list .header .left,
    #offers_list .header .right {
        display: block;
        width: 100%;
    }
}

#offers_list .header  select,
#offers_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#offers_list .header  .calendar {
    margin-left: 15px;
    width: 300px;
}

#offers_list .header  .daterangepicker td.active,
#offers_list .header .daterangepicker .ranges li.active {
    background-color: #1f87f0;
}

#offers_list .header a {
    padding: 0;
    width: 40px;
    border: none;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-left: 15px;
}

@media (max-width: 700px) {
    #offers_list .header .left select {
        width: 150px;
    }
    #offers_list .header .left .calendar {
        width: calc(100% - 170px);
    }

    #offers_list .header .right .uk-inline {
        width: calc(100% - 60px);
    }
}

#offers_list .header a.add-btn {
    width: inherit;
    background-color: #1e87f0;
    padding: 0 30px;
}
@media (max-width: 700px) {
    #offers_list .header a.add-btn {
        width: initial;
        margin-right: 0 !important;
        margin-left: 0;
        margin-top: 25px;
    }
}

#offers_list  .numbers {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -25px;
}

#offers_list  .numbers .item {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 225px
}
@media (max-width: 650px) {
    #offers_list  .numbers .item {
        margin-right: 0;
        width: 100%;
    }
}

#offers_list  .numbers .item .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#offers_list  .numbers .item .description {
    color: #000000;
}

@media (max-width: 650px) {
    #offers_list table tr th:nth-child(5),
    #offers_list table tr td:nth-child(5) {
        display: none;
    }
}
@media (max-width: 500px) {
    #offers_list table tr th:nth-child(4),
    #offers_list table tr td:nth-child(4) {
        display: none;
    }
}

#offers_list table td .uk-button {
    border-radius: 7px;
}

#offer {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#offer .offer {
    position: relative;
    display: inline-block;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    min-width: 332px;
}
@media (max-width: 500px) {
    #offer .offer {
        min-width: inherit;
        width: calc(100% - 52px);
    }
}

#offer .offer input,
#offer .offer select {
    border-radius: 10px;
}

#offer .offer select[readonly],
#offer .offer input:read-only {
    opacity: 0.5;
}

#offer .offer button[type=submit] {
    width: 100%;
    border-radius: 10px;
}

#offer .offer form .uk-margin:last-child {
    margin-bottom: 0;
}

#offer .offer form .uk-margin.first-child {
    margin-top: 0 !important;
}

#offer .offer form .form-offer-add-avatar {
    background-color: #e5e5e5;
    border-radius: 10px;
}

#offer .offer form .form-offer-add-avatar input.info {
    opacity: 1;
    border: none;
    width: calc(100% - 30px);
    padding: 0 10px;
    border-radius: 15px;
    overflow: hidden;
    background-color: inherit;
}

#offer .offer form .form-offer-add-avatar input.file {
    opacity: 0;
}

#offer .offer form .avatar .avatar-img {
    position: relative;
    display: block;
    height: 200px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 4px 5px -5px #000000;
}

#transactions {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#transactions_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#transactions_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1400px) {
    #transactions_list .header {
        flex-direction: column;
    }

    #transactions_list .header .left {
        margin-bottom: 25px;
    }

    #transactions_list .header .left,
    #transactions_list .header .right {
        display: block;
        width: 100%;
    }
}

@media (max-width: 1100px) {
    #transactions_list .header .left {
        margin-bottom: 0;
    }

    #transactions_list .header .left > .uk-inline {
        display: inline-block;
        width: calc(50% - 18px);
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    #transactions_list .header .left > .uk-inline {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

#transactions_list .header  select,
#transactions_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#transactions_list .header  .calendar {
    margin-left: 15px;
    width: 300px;
}

#transactions_list .header  .daterangepicker td.active,
#transactions_list .header .daterangepicker .ranges li.active {
    background-color: #1f87f0;
}

#transactions_list .header a {
    padding: 0;
    width: 40px;
    border: none;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-left: 15px;
}

@media (max-width: 1100px) {
    #transactions_list .header .right .uk-inline {
        width: calc(100% - 75px);
    }
}
@media (max-width: 600px) {
    #transactions_list .header .right .uk-inline {
        width: calc(100% - 60px);
    }
}

#transactions_list .header .select-marging {
    margin-left: 15px;
}

#transactions_list  .numbers {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -25px;
}

#transactions_list  .numbers .item {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 225px
}
@media (max-width: 650px) {
    #transactions_list  .numbers .item {
        margin-right: 0;
        width: 100%;
    }
}

#transactions_list  .numbers .item .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#transactions_list  .numbers .item .description {
    color: #000000;
}

@media (max-width: 1200px) {
    #transactions_list table tr th:nth-child(8),
    #transactions_list table tr td:nth-child(8) {
        display: none;
    }
}
@media (max-width: 750px) {
    #transactions_list table tr th:nth-child(3),
    #transactions_list table tr td:nth-child(3) {
        display: none;
    }
}

#modal-transaction .uk-modal-dialog {
    border-radius: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#modal-transaction .uk-modal-dialog button {
    border-radius: 25px;
}

#modal-transaction .uk-modal-dialog  input,
#modal-transaction .uk-modal-dialog  textarea {
    border-radius: 10px;
    color: #000000;
    background-color: #f5f5f5;
}

#modal-transaction .uk-modal-dialog  textarea {
    padding: 10px;
}

#transactions_list table td .uk-button {
    border-radius: 7px;
}

#admins {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#admins_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#admins_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#admins_list .header .right {
    position: relative;
    display: inherit;
}

#admins_list .header .uk-inline {
    display: block;
}

@media (max-width: 600px) {
    #admins_list .header {
        flex-direction: column;
    }

    #admins_list .header .left {
        margin-bottom: 25px;
    }

    #admins_list .header .left,
    #admins_list .header .right {
        display: block;
        width: 100%;
    }

    #admins_list .header .right > .uk-inline {
        width: calc(100% - 155px);
        display: inline-block;
    }
}

#admins_list .header  select,
#admins_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
    width: 100%;
}

#admins_list .header .add-btn {
    border-radius: 7px;
    margin-left: 15px;
    margin-right: 0 !important;
}

#admins_list table td .uk-button {
    border-radius: 7px;
}

#admin {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#admin .blocks {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: stretch;
}

#admin .blocks section {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    margin-bottom: 25px;
    margin-right: 25px;
    width: calc(50% - 82px);
}
@media (max-width: 900px) {
    #admin .blocks section {
        margin-right: 0;
        width: calc(100% - 52px);
    }
}

#admin .blocks section h4 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}

#admin .blocks section a.uk-button-default,
#admin .blocks section button.uk-button-primary {
    border-radius: 7px;
}

#admin .blocks section input[type=text],
#admin .blocks section input[type=email],
#admin .blocks section select,
#admin .blocks section textarea {
    border-radius: 10px;
    color: #000000;
    background-color: #ffffff;
}

#admin .blocks section input[type=text]:read-only,
#admin .blocks section input[type=email]:read-only,
#admin .blocks section select:disabled,
#admin .blocks section textarea:read-only {
    background-color: #f5f5f5;
}

#admin .admin-password-reload {
    position: relative;
    display: block;
}

#admin .admin-password-reload input {
    padding-right: 45px;
}

#admin .admin-password-reload #admin-autogenerate-password {
    position: absolute;
    top: 1px;
    right: 1px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    width: 38px;
    padding: 0;
    background-color: #e5e5e5;
    border: none;
    border-radius: 0 10px 10px 0;
    color: #000;
    text-align: center;
}

#logs {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#logs_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#logs_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1400px) {
    #logs_list .header {
        flex-direction: column;
    }

    #logs_list .header .left {
        margin-bottom: 25px;
    }

    #logs_list .header .left,
    #logs_list .header .right {
        display: block;
        width: 100%;
    }
}

@media (max-width: 1100px) {
    #logs_list .header .left {
        margin-bottom: 0;
    }

    #logs_list .header .left > .uk-inline {
        display: inline-block;
        width: calc(50% - 18px);
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    #logs_list .header .left > .uk-inline {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

#logs_list .header  select,
#logs_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#logs_list .header .calendar {
    margin-left: 15px;
    width: 300px;
}
@media (max-width: 1100px) {
    #logs_list .header .calendar {
        margin-right: 0 !important;
        width: calc(100% - 15px) !important;
    }
}
@media (max-width: 600px) {
    #logs_list .header .calendar {
        width: 100% !important;
    }
}

#logs_list .header  .daterangepicker td.active,
#logs_list .header .daterangepicker .ranges li.active {
    background-color: #1f87f0;
}

#logs_list .header a {
    padding: 0;
    width: 40px;
    border: none;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-left: 15px;
}

@media (max-width: 1100px) {
    #logs_list .header .right .uk-inline {
        width: calc(100% - 15px);
    }
}
@media (max-width: 600px) {
    #logs_list .header .right .uk-inline {
        width: 100%;
    }
}

#logs_list .header .select-marging {
    margin-left: 15px;
}

#articles {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#articles_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#articles_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 600px) {
    #articles_list .header {
        flex-direction: column;
    }

    #articles_list .header .left {
        margin-bottom: 25px;
    }

    #articles_list .header .left,
    #articles_list .header .right {
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    #articles_list .header .left > .uk-inline {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    #articles_list .header .right > .uk-inline {
        display: inline-block;
        width: calc(100% - 155px);
        margin-left: 0;
        margin-right: 0px;
        margin-bottom: 15px;
        vertical-align: top;
    }
}

#articles_list .header  select,
#articles_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#articles_list .header  .add-btn {
    border-radius: 7px;
    margin-left: 15px;
    margin-right: 0 !important;
}

#articles_list table td .uk-button {
    border-radius: 7px;
}

#article {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#article section {
    position: relative;
    display: inline-block;
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    min-width: 700px;
    max-width: 700px;
}
@media (max-width: 1100px) {
    #article section {
        min-width: inherit;
        width: calc(100% - 52px);
    }
}

#article section input,
#article section textarea,
#article section select {
    border-radius: 10px;
}

#article section select[readonly],
#article section textarea[readonly],
#article section input:read-only {
    opacity: 0.5;
}

#article section .ql-toolbar {
    background-color: #ffffff;
    border-color: #e5e5e5;
    border-radius: 10px 10px 0 0;
}

#article section .ql-editor {
    background-color: #ffffff;
    border-color: #e5e5e5;
    border-radius: 0 0 10px 10px;
    font-size: 13px;
    line-height: 20px;
}

#article section .ql-container {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 10px;
}

#article section .uk-margin:last-child {
    margin-bottom: 0;
}

#article section .uk-margin.first-child {
    margin-top: 0 !important;
}

#article section .uk-margin .publication-status {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: -15px;
}

#article section .uk-margin .publication-status .item {
    text-align: center;
    background-color: #e0e0e0;
    padding: 15px;
    margin-right: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: calc(33.333% - 45px);
}
@media (max-width: 700px) {
    #article section .uk-margin .publication-status .item {
        width: calc(50% - 45px);
    }
}
@media (max-width: 400px) {
    #article section .uk-margin .publication-status .item {
        width: 100%;
        margin-right: 0;
    }
}

#article section .uk-margin .publication-status .item .descriotion .success {
    color: #5c5c5c;
}

#article section .uk-margin .publication-status .item .descriotion .error {
    color: #f10000;
}

#article section .form-article-add-image {
    background-color: #e5e5e5;
    border-radius: 10px;
}

#article section .form-article-add-image input.info {
    opacity: 1;
    border: none;
    width: calc(100% - 30px);
    padding: 0 10px;
    border-radius: 15px;
    overflow: hidden;
    background-color: inherit;
}

#article section .form-article-add-image input.file {
    opacity: 0;
}

#article section .avatar .avatar-img {
    position: relative;
    display: block;
    height: 300px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 4px 5px -5px #000000;
}

#article section .footer-btn a,
#article section .footer-btn button {
    margin-left: 15px;
    border-radius: 10px;
}

@media (max-width: 450px) {
    #article section .footer-btn {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 0 !important;
    }

    #article section .footer-btn a,
    #article section .footer-btn button {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        display: block;
    }
}

#article-chart {
    margin-top: 25px;
}

#article-chart-layer {
    height: 300px;
}
@media (max-width: 1024px) {
    #article-chart-layer {
        height: 200px;
    }
}

#article .highcharts-background {
    fill: #f6f6f6;
}

#article .highcharts-credits {
    display: none;
}

#article .highcharts-axis-labels {
    color: #000000;
    fill: #000000;
    font-size: 9px;
}

#article .highcharts-point {
    stroke: none;
    fill: #037ed8;
}

#article .highcharts-grid-line {
    display: none;
}

#article .highcharts-tooltip {
    fill: #ffffff;
    stroke: none;
    color: #ffffff;
}

#withdrawals {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#withdrawals_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#withdrawals_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1400px) {
    #withdrawals_list .header {
        flex-direction: column;
    }

    #withdrawals_list .header .left {
        margin-bottom: 25px;
    }

    #withdrawals_list .header .left,
    #withdrawals_list .header .right {
        display: block;
        width: 100%;
    }
}

@media (max-width: 1100px) {
    #withdrawals_list .header .left {
        margin-bottom: 0;
    }

    #withdrawals_list .header .left > .uk-inline {
        display: inline-block;
        width: calc(50% - 18px);
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    #withdrawals_list .header .left > .uk-inline {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

#withdrawals_list .header  select,
#withdrawals_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#withdrawals_list .header  .calendar {
    margin-left: 15px;
    width: 300px;
}

#withdrawals_list .header  .daterangepicker td.active,
#withdrawals_list .header .daterangepicker .ranges li.active {
    background-color: #1f87f0;
}

#withdrawals_list .header a {
    padding: 0;
    width: 40px;
    border: none;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-left: 15px;
}

@media (max-width: 1100px) {
    #withdrawals_list .header .right .uk-inline {
        width: calc(100% - 75px);
    }
}
@media (max-width: 600px) {
    #withdrawals_list .header .right .uk-inline {
        width: calc(100% - 60px);
    }
}

#withdrawals_list .header .select-marging {
    margin-left: 15px;
}

#withdrawals_list  .numbers {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -25px;
}

#withdrawals_list  .numbers .item {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 225px
}
@media (max-width: 650px) {
    #withdrawals_list  .numbers .item {
        margin-right: 0;
        width: 100%;
    }
}

#withdrawals_list  .numbers .item .icon {
    color: #1e87f0;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

#withdrawals_list  .numbers .item .description {
    color: #000000;
}

.modal-withdrawal .uk-modal-dialog {
    border-radius: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

.modal-withdrawal .uk-modal-dialog button {
    border-radius: 25px;
}

.modal-withdrawal .uk-modal-dialog  input,
.modal-withdrawal .uk-modal-dialog  select,
.modal-withdrawal .uk-modal-dialog  textarea {
    border-radius: 10px;
    color: #000000;
    background-color: #ffffff;
}

.modal-withdrawal .uk-modal-dialog  input:read-only,
.modal-withdrawal .uk-modal-dialog  select:disabled,
.modal-withdrawal .uk-modal-dialog  textarea:read-only {
    background-color: #f5f5f5;
}


.modal-withdrawal .uk-modal-dialog  textarea {
    padding: 10px;
}

.modal-withdrawal .uk-modal-dialog  p.uk-text-right {
    margin-bottom: 0;
}

#withdrawals_list table td .uk-button {
    border-radius: 7px;
}

.modal-withdrawal .uk-modal-dialog .copy-btn {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #e5e5e5;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    transition: 0.3s;
}

.modal-withdrawal .uk-modal-dialog .copy-btn:active {
    background-color: #dcdcdc;
}

#form-modal-wallet_recipient-id-2 {
    padding-right: 45px;
}

#faq {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

#faq_list {
    box-shadow: 0px 4px 5px -5px #000000;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

#faq_list .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 600px) {
    #faq_list .header {
        flex-direction: column;
    }

    #faq_list .header .left {
        margin-bottom: 25px;
    }

    #faq_list .header .left,
    #faq_list .header .right {
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    #faq_list .header .left > .uk-inline {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    #faq_list .header .right > .uk-inline {
        display: inline-block;
        width: calc(100% - 155px);
        margin-left: 0;
        margin-right: 0px;
        margin-bottom: 15px;
        vertical-align: top;
    }
}

#faq_list .header  select,
#faq_list .header  input {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#faq_list .header  .add-btn {
    border-radius: 7px;
    margin-left: 15px;
    margin-right: 0 !important;
}

#faq_list table td .uk-button {
    border-radius: 7px;
}

.faq-modal .uk-modal-dialog {
    border-radius: 15px;
    box-shadow: 0px 4px 5px -5px #000000;
}

.faq-modal .uk-modal-dialog button {
    border-radius: 25px;
}

.faq-modal .uk-modal-dialog input,
.faq-modal .uk-modal-dialog select,
.faq-modal .uk-modal-dialog textarea {
    border-radius: 10px;
    color: #000000;
    background-color: #f5f5f5;
}

.faq-modal .uk-modal-dialog textarea {
    padding: 10px;
}

#transactions_list table td .uk-button {
    border-radius: 7px;
}

.faq-modal .uk-modal-dialog input:read-only,
.faq-modal .uk-modal-dialog select:disabled,
.faq-modal .uk-modal-dialog textarea:read-only {
    background-color: #e5e5e5;
}

.faq-modal h4 {
    margin-top: 0;
}

.faq-modal .uk-modal-dialog .uk-text-right {
    margin-bottom: 0;
}