@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;500;700&display=swap");
@keyframes toups {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(0.8);
  }
}
* {
  margin: 0px;
  padding: 0px;
  font-family: "Lato", Geneva, Tahoma, sans-serif;
}
*::-webkit-scrollbar-button {
  width: 8px;
  height: 0px;
}
*::-webkit-scrollbar-track {
  background-color: rgb(218.0769230769, 230.3846153846, 231.9230769231);
}
*::-webkit-scrollbar-thumb {
  background: #4b7378;
}
*::-webkit-resizer {
  background-image: url("");
  background-repeat: no-repeat;
  width: 8px;
  height: 0px;
}
*::-webkit-scrollbar {
  width: 8px;
}

a {
  cursor: pointer;
}

small.very {
  font-size: 8px;
  text-transform: uppercase;
  color: rgb(94.6153846154, 145.0769230769, 151.3846153846);
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mr130 {
  margin-right: 130px !important;
}

.mr140 {
  margin-right: 140px !important;
}

.mr150 {
  margin-right: 150px !important;
}

.mr160 {
  margin-right: 160px !important;
}

.mr170 {
  margin-right: 170px !important;
}

.mr180 {
  margin-right: 180px !important;
}

.mr190 {
  margin-right: 190px !important;
}

.mr200 {
  margin-right: 200px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pad10 {
  padding: 10px !important;
}

.pad20 {
  padding: 20px !important;
}

.pad30 {
  padding: 30px !important;
}

.pad40 {
  padding: 40px !important;
}

.pad50 {
  padding: 50px !important;
}

.pad60 {
  padding: 60px !important;
}

.pad70 {
  padding: 70px !important;
}

.pad80 {
  padding: 80px !important;
}

.pad90 {
  padding: 90px !important;
}

.pad100 {
  padding: 100px !important;
}

.pad110 {
  padding: 110px !important;
}

.pad120 {
  padding: 120px !important;
}

.pad130 {
  padding: 130px !important;
}

.pad140 {
  padding: 140px !important;
}

.pad150 {
  padding: 150px !important;
}

.pad160 {
  padding: 160px !important;
}

.pad170 {
  padding: 170px !important;
}

.pad180 {
  padding: 180px !important;
}

.pad190 {
  padding: 190px !important;
}

.pad200 {
  padding: 200px !important;
}

.pad1l {
  padding-left: 1px !important;
}

.pad2l {
  padding-left: 2px !important;
}

.pad3l {
  padding-left: 3px !important;
}

.pad4l {
  padding-left: 4px !important;
}

.pad5l {
  padding-left: 5px !important;
}

.pad6l {
  padding-left: 6px !important;
}

.pad7l {
  padding-left: 7px !important;
}

.pad8l {
  padding-left: 8px !important;
}

.pad9l {
  padding-left: 9px !important;
}

.pad10l {
  padding-left: 10px !important;
}

.pad11l {
  padding-left: 11px !important;
}

.pad12l {
  padding-left: 12px !important;
}

.pad13l {
  padding-left: 13px !important;
}

.pad14l {
  padding-left: 14px !important;
}

.pad15l {
  padding-left: 15px !important;
}

.pad16l {
  padding-left: 16px !important;
}

.pad17l {
  padding-left: 17px !important;
}

.pad18l {
  padding-left: 18px !important;
}

.pad19l {
  padding-left: 19px !important;
}

.pad20l {
  padding-left: 20px !important;
}

.logo {
  display: block;
  text-decoration: none;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  text-align: center;
  font-size: 32px;
}
.logo:before {
  font-family: "icomoon" !important;
  content: "\e902";
}
.logo.mini:before {
  content: "\e93c";
}
.logo.white {
  color: #fff;
}

.icobutton {
  font-size: 20px;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  padding: 10px;
}
.icobutton:hover {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}

.hidden {
  display: none !important;
}

.color-error {
  color: #d31818 !important;
}

.color-success {
  color: #6FB47A !important;
}

.color-primary-lite {
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923) !important;
}

.flex1 {
  -moz-flex: 1;
  flex: 1;
}

.columns {
  display: -moz-flex;
  display: flex;
}
.columns.center {
  -moz-align-items: center;
  align-items: center;
}
.columns.top {
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.columns.right {
  justify-content: flex-end;
}

.button-exit {
  font-family: "icomoon" !important;
  cursor: pointer;
  font-size: 24px;
  color: #d31818;
  text-decoration: none;
}
.button-exit:after {
  content: "\e934";
}

.ui.mini-label {
  font-size: 13px;
  color: #4b7378;
  margin: 4px 0px;
}

.ui.row {
  white-space: nowrap;
  font-size: 14px;
  padding: 4px;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.ui.row span {
  margin-left: 10px;
  font-weight: bold;
}
.ui.row input[type=text] {
  margin-left: 10px;
  -moz-flex: 1;
  flex: 1;
  border: none;
  outline: none;
  resize: none;
  background: none;
  text-decoration: none;
}

.ui.link {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  text-decoration: none;
  display: inline-block;
}
.ui.link > span {
  margin-right: 10px;
}
.ui.link:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 4px auto;
  border-bottom: 1px solid rgb(35.7692307692, 54.8461538462, 57.2307692308);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ui.link:hover:after {
  width: 50%;
}
.ui.link.mini {
  font-size: 12px;
}

.ui.format > span {
  font-size: 80%;
  font-weight: normal;
}

.ui.pages {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  border-radius: 5px;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.ui.pages > a {
  text-decoration: none;
  padding: 10px;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  display: block;
  min-width: 19px;
  font-size: 16px;
  text-align: center;
  font-family: "icomoon" !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 5px;
}
.ui.pages > a:hover {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.pages > a.page-left:before {
  content: "\e920";
}
.ui.pages > a.page-right:before {
  content: "\e921";
}
.ui.pages > p {
  background-color: #fff;
  padding: 10px 0px;
  text-align: center;
  cursor: pointer;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  width: 100px;
  border-radius: 5px;
}
.ui.pages > div {
  position: absolute;
  display: none;
  width: 100px;
  overflow: auto;
  max-height: 199px;
  margin-left: 39px;
  border: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
  border-radius: 5px;
}
.ui.pages > div > a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: rgb(94.6153846154, 145.0769230769, 151.3846153846);
  background-color: #fff;
  padding: 10px 0px;
  border-bottom: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ui.pages > div > a:hover {
  background-color: rgb(218.0769230769, 230.3846153846, 231.9230769231);
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.pages > div > a:last-child {
  border-bottom: none;
}
.ui.pages > div > a.selected {
  background-color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.pages.active > div {
  display: block;
}

.ui.frame {
  border: 1px solid rgb(155.3076923077, 188.5384615385, 192.6923076923);
  border-radius: 5px;
  padding: 15px;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.frame > label {
  display: table;
  white-space: nowrap;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  font-size: 12px;
  position: relative;
  margin-top: -24px;
  margin-left: -6px;
  margin-bottom: 8px;
  padding: 2px 4px;
  background-color: rgb(233.7692307692, 240.8461538462, 241.7307692308);
}
.ui.frame > label:after {
  content: ":";
}
.ui.frame.center {
  text-align: center;
}

.ui.simplelink {
  text-decoration: none;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  white-space: nowrap;
}
.ui.simplelink > span {
  margin-right: 10px;
}

.ui.button {
  padding: 20px;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgb(94.6153846154, 145.0769230769, 151.3846153846);
  color: rgb(16.1538461538, 24.7692307692, 25.8461538462);
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-text-shadow: 1px 1px 0px rgb(123.9230769231, 167.6153846154, 173.0769230769);
  -moz-text-shadow: 1px 1px 0px rgb(123.9230769231, 167.6153846154, 173.0769230769);
  text-shadow: 1px 1px 0px rgb(123.9230769231, 167.6153846154, 173.0769230769);
}
.ui.button:hover {
  background-color: #4b7378;
  color: black;
}
.ui.button:disabled {
  cursor: not-allowed;
  background-color: rgb(218.0769230769, 230.3846153846, 231.9230769231);
  color: rgb(94.6153846154, 145.0769230769, 151.3846153846);
  -webkit-text-shadow: 1px 1px 0px rgb(218.0769230769, 230.3846153846, 231.9230769231);
  -moz-text-shadow: 1px 1px 0px rgb(218.0769230769, 230.3846153846, 231.9230769231);
  text-shadow: 1px 1px 0px rgb(218.0769230769, 230.3846153846, 231.9230769231);
}
.ui.button:disabled:hover {
  background-color: rgb(218.0769230769, 230.3846153846, 231.9230769231);
  color: rgb(94.6153846154, 145.0769230769, 151.3846153846);
}
.ui.button.mini {
  color: #fff;
  font-size: 13px;
  line-height: 1;
  padding: 12px 15px;
  -webkit-text-shadow: 1px 1px 0px rgb(16.1538461538, 24.7692307692, 25.8461538462);
  -moz-text-shadow: 1px 1px 0px rgb(16.1538461538, 24.7692307692, 25.8461538462);
  text-shadow: 1px 1px 0px rgb(16.1538461538, 24.7692307692, 25.8461538462);
}
.ui.button.mini > span {
  margin-right: 10px;
}

.ui.input-container {
  margin-bottom: 20px;
}
.ui.input-container.active > div > p {
  font-size: 10px;
  margin-top: -36px;
}
.ui.input-container.active > div > p:after {
  content: ":";
}
.ui.input-container.active:after {
  background-color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.ui.input-container > div > span {
  display: block;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  width: 32px;
}
.ui.input-container > div > p {
  display: block;
  white-space: nowrap;
  position: absolute;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.input-container > div > p.margin {
  margin-left: 28px;
}
.ui.input-container > div > p {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
.ui.input-container > div input[type=text], .ui.input-container > div input[type=password] {
  display: block;
  padding: 10px 0px;
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  font-size: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.ui.input-container > div {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.ui.input-container:after {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background-color: rgb(218.0769230769, 230.3846153846, 231.9230769231);
  border-radius: 3px;
}

.ui.loadscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  background: rgb(249.4615384615, 251.3076923077, 251.5384615385) url(../pic/alogo.gif) no-repeat center center;
  background-size: 48px auto;
  left: 0px;
  top: 0px;
}
.ui.loadscreen.fadeout {
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.note {
  display: block;
  padding: 10px;
  background-color: rgb(218.0769230769, 230.3846153846, 231.9230769231);
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
}
.note > a {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px dashed rgb(35.7692307692, 54.8461538462, 57.2307692308);
}

.ui.list {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.ui.list > p {
  background-color: #fff;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 4px;
  margin-top: 4px;
  border-radius: 5px;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.ui.list > p.layers:before {
  font-family: "icomoon" !important;
  content: "\e926";
  margin-right: 10px;
}
.ui.list > p:after {
  font-family: "icomoon" !important;
  content: "\e91f";
  margin-left: 10px;
  color: rgb(186.6923076923, 209.4615384615, 212.3076923077);
  align-self: flex-end;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ui.list > div {
  position: absolute;
  text-align: left;
  border-radius: 5px;
  overflow: auto;
  max-height: 300px;
  display: none;
  z-index: 1;
}
.ui.list > div > a {
  background-color: #fff;
  display: block;
  text-transform: lowercase;
  font-size: 15px;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid rgb(233.7692307692, 240.8461538462, 241.7307692308);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ui.list > div > a:hover {
  background-color: rgb(233.7692307692, 240.8461538462, 241.7307692308);
}
.ui.list.active > div {
  display: block;
}
.ui.list.active > p:after {
  transform: rotate(180deg);
}

.ui.chart {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  min-height: 400px;
  width: 100%;
}
.ui.chart > labels {
  display: none;
}
.ui.chart > legend {
  display: none;
}
.ui.chart span {
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  margin-left: -15px;
  margin-top: 5px;
}
.ui.chart .ct-grid {
  stroke: rgb(186.6923076923, 209.4615384615, 212.3076923077);
  shape-rendering: crispEdges;
}
.ui.chart {
  margin-bottom: 20px;
  padding-top: 20px;
  border-radius: 5px;
}

.ui.popup {
  position: fixed;
  z-index: 3;
  top: 10px;
  left: 10px;
  display: -moz-flex;
  display: flex;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -moz-flex-direction: column;
  flex-direction: column;
}
.ui.popup > div {
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
  max-width: 300px;
  color: rgb(123.9230769231, 167.6153846154, 173.0769230769);
  border-radius: 5px;
  display: -moz-flex;
  display: flex;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.ui.popup > div > p {
  padding: 10px;
  margin-right: 10px;
}
.ui.popup > div > canvas {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  border: none;
  outline: none;
  resize: none;
  background: none;
  text-decoration: none;
}
.ui.popup > div.success {
  background-color: #6FB47A;
  color: #fff;
}
.ui.popup > div.error {
  background-color: #d31818;
  color: rgb(252.9574468085, 237.0425531915, 237.0425531915);
}

.ui.daterange {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.ui.daterange > p {
  font-size: 11px;
  margin-left: 26px;
}
.ui.daterange > input {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  border: none;
  outline: none;
  resize: none;
  background: none;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  color: #4b7378;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar' version='1.1' id='svg454' sodipodi:docname='calendar.svg' inkscape:version='1.2.2 (1:1.2.2+202212051551+b0a8486541)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs458' /%3E%3Csodipodi:namedview id='namedview456' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' showgrid='false' inkscape:zoom='7.7395833' inkscape:cx='4.8452221' inkscape:cy='15.05249' inkscape:current-layer='svg454' /%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2' id='rect446' style='stroke:%234b7378;stroke-opacity:1' /%3E%3Cline x1='16' y1='2' x2='16' y2='6' id='line448' style='stroke:%234b7378;stroke-opacity:1' /%3E%3Cline x1='8' y1='2' x2='8' y2='6' id='line450' style='stroke:%234b7378;stroke-opacity:1' /%3E%3Cline x1='3' y1='10' x2='21' y2='10' id='line452' style='stroke:%234b7378;stroke-opacity:1' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0px -2px;
  padding-left: 26px;
  font-size: 15px;
  background-size: contain;
  line-height: 1;
}

.ui.checkbox {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.ui.checkbox > span {
  padding-left: 10px;
}
.ui.checkbox > p {
  cursor: pointer;
  padding: 4px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
  color: rgb(249.4615384615, 251.3076923077, 251.5384615385);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ui.checkbox > p:before {
  font-family: "icomoon" !important;
  content: "\e91e";
  display: block;
}
.ui.checkbox input {
  display: none;
}
.ui.checkbox.selected > p {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}

.ui.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: rgba(35.7692307692, 54.8461538462, 57.2307692308, 0.5);
  z-index: 3;
}
.ui.modal .note {
  max-width: 260px;
}
.ui.modal > div {
  background-color: rgb(249.4615384615, 251.3076923077, 251.5384615385);
  border-radius: 5px;
  min-width: 320px;
}
.ui.modal .caption {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: 100%;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
}
.ui.modal .modal-title {
  padding: 20px;
  -moz-flex: 1;
  flex: 1;
}
.ui.modal .modal-close {
  cursor: pointer;
  padding: 20px;
  font-size: 20px;
  font-family: "icomoon" !important;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.ui.modal .modal-close:before {
  content: "\e933";
}
.ui.modal .modal-content {
  padding: 20px;
}

.ui.chat .chat-open {
  background-color: #fff;
  position: fixed;
  right: 10px;
  bottom: 10px;
  line-height: 1;
  font-size: 24px;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
  border-radius: 5px;
}
.ui.chat .chat-open:before {
  font-family: "icomoon" !important;
  content: "\e936";
  color: rgb(94.6153846154, 145.0769230769, 151.3846153846);
}
.ui.chat > div {
  position: fixed;
  bottom: 0px;
  right: 0px;
  padding: 10px;
  z-index: 2;
  width: 100%;
  max-width: 460px;
  height: 100%;
  max-height: 620px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: -moz-flex;
  display: flex;
  -moz-align-items: right;
  align-items: right;
}
.ui.chat > div > div {
  background-color: #fff;
  border: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-flex-direction: column;
  flex-direction: column;
}
.ui.chat > div .caption {
  width: 100%;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  border-bottom: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
}
.ui.chat > div .caption > p {
  cursor: pointer;
  padding: 10px;
  font-size: 20px;
  font-family: "icomoon" !important;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.ui.chat > div .caption .chat-close:before {
  content: "\e933";
}
.ui.chat > div .caption .chat-resize:before {
  content: "\e935";
}
.ui.chat > div .caption .chat-title {
  -moz-flex: 1;
  flex: 1;
  padding: 10px;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  font-weight: normal;
}
.ui.chat .messages {
  -moz-flex: 1;
  flex: 1;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.ui.chat .inputs {
  border-top: 1px solid rgb(218.0769230769, 230.3846153846, 231.9230769231);
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}
.ui.chat .inputs > textarea {
  -moz-flex: 1;
  flex: 1;
  border: none;
  outline: none;
  resize: none;
  padding: 10px;
}
.ui.chat .inputs > button {
  border: none;
  outline: none;
  background: none;
  text-decoration: none;
  font-size: 24px;
  padding: 10px 20px;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ui.chat .inputs > button:hover {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.chat .messages {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}
.ui.chat .messages > div > span {
  font-size: 11px;
  display: block;
  margin-bottom: 4px;
}
.ui.chat .messages > div > p {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.ui.chat .messages .out {
  align-self: flex-end;
}
.ui.chat .messages .out > p {
  background-color: rgb(249.4615384615, 251.3076923077, 251.5384615385);
}
.ui.chat .messages .out > span {
  text-align: right;
}
.ui.chat .messages .in > p {
  background-color: #4b7378;
  color: white;
  display: inline-block;
}
.ui.chat.full > div {
  max-width: 100vw;
  max-height: 100vh;
}
.ui.chat.full > div .caption .resize:before {
  content: "\e937";
}
.ui.chat.closed > div {
  display: none;
}

.ui.icolink {
  color: #4b7378;
  padding: 5px 0px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border: none;
  outline: none;
  resize: none;
  background: none;
  text-decoration: none;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.ui.icolink:hover {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.icolink > span {
  margin-right: 10px;
}

.ui.tooltype {
  position: absolute;
  z-index: 3;
}
.ui.tooltype > span {
  border: 6px solid transparent;
  border-bottom: 6px solid rgb(35.7692307692, 54.8461538462, 57.2307692308);
  display: block;
  width: 0px;
  height: 0px;
  margin: 0px auto;
}
.ui.tooltype > p {
  background-color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  padding: 10px;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  font-size: 12px;
  max-width: 200px;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
}
.ui.tooltype.r {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.ui.tooltype.r > span {
  border: 6px solid transparent;
  border-right: 6px solid rgb(35.7692307692, 54.8461538462, 57.2307692308);
}
.ui.tooltype.l {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.ui.tooltype.l > span {
  border: 6px solid transparent;
  border-left: 6px solid rgb(35.7692307692, 54.8461538462, 57.2307692308);
}

.search {
  background-color: rgba(255, 255, 255, 0.5);
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.search ::-webkit-input-placeholder {
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.search ::-moz-placeholder {
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.search :-moz-placeholder {
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.search :-ms-input-placeholder {
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
}
.search {
  border-radius: 5px;
  overflow: hidden;
}
.search > input {
  font-size: 16px;
  border: none;
  outline: none;
  resize: none;
  background: none;
  text-decoration: none;
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
  padding: 10px;
  background-color: #fff;
}
.search > button {
  border: none;
  outline: none;
  resize: none;
  background: none;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
  padding: 0px 10px;
  color: rgb(155.3076923077, 188.5384615385, 192.6923076923);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.search > button:after {
  font-family: "icomoon" !important;
  content: "\e92f";
  display: block;
}
.search > button:hover {
  color: rgb(35.7692307692, 54.8461538462, 57.2307692308);
}/*# sourceMappingURL=ui.css.map */