@font-face {
  font-family: lato;
  src: url("../fonts/lato/Lato-Regular.ttf"); }

@font-face {
  font-family: lato;
  src: url("../fonts/lato/Lato-Italic.ttf");
  font-style: italic; }

@font-face {
  font-family: lato;
  src: url("../fonts/lato/Lato-Bold.ttf");
  font-weight: bold; }

@font-face {
  font-family: lato;
  src: url("../fonts/lato/Lato-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: lato;
  src: url("../fonts/lato/Lato-Light.ttf");
  font-weight: lighter; }

@font-face {
  font-family: lato;
  src: url("../fonts/lato/Lato-LightItalic.ttf");
  font-weight: lighter;
  font-style: italic; }

/* another types ... */
@font-face {
  font-family: lato-black;
  src: url("../fonts/lato/Lato-Black.ttf"); }

@font-face {
  font-family: lato-black;
  src: url("../fonts/lato/Lato-BlackItalic.ttf");
  font-style: italic; }

@font-face {
  font-family: lato-hairline;
  src: url("../fonts/lato/Lato-Hairline.ttf"); }

@font-face {
  font-family: lato-hairline;
  src: url("../fonts/lato/Lato-HairlineItalic.ttf");
  font-style: italic; }

html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 0px; }

body {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }

text:not(.not-apply) {
  font-size: 10px;
  font-family: lato; }

.centerText,
.titleText {
  text-anchor: middle;
  alignment-baseline: middle;
  dominant-baseline: middle; }

/*Add Shadow Border for select Button*/
.select-button:active {
  fill: #2a9fd8;
  opacity: 0.9;
  filter: url(#shadowed); }

.select-sadowed:active {
  fill: #2a9fd8;
  opacity: 0.2;
  filter: url(#shadowed); }

.shadowed-card {
  filter: url(#shadowed); }

g[class^="g-window"] {
  pointer-events: all; }

g[class^="g-window"] > rect {
  fill: "#ffffff"; }

.main > svg > .g_header > rect,
.main > svg > .g_content > rect,
.main > svg > .g_footer > rect {
  fill: "#ffffff"; }

.leaflet-pane .leaflet-marker-pane {
  z-index: 200 !important; }

.shake-anim {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

.g_content_general g > rect[class^="d3-overlay"] {
  fill: black;
  fill-opacity: 0.6; }

.gProgressActive .circleProgress {
  animation-duration: .4s;
  animation-iteration-count: 1;
  animation-name: click_effect; }

@keyframes click_effect {
  from {
    fill: #e6e6e6; }
  to {
    fill: transparent; } }

/** Circle Animation. */
.anim-success {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: dash 2.5s; }

@keyframes dash {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.anim-rotate {
  animation: rotate 1s linear infinite; }

.icon-check-change > .path_arrow {
  transition: transform 0.2s ease-in; }

.icon-check-change > .path_circle {
  transition: fill 0.2s ease-in; }

.icon-check-change > .path_arrow {
  transform: rotate(0deg);
  transform-origin: 50% 50%; }

.icon-check-change > .path_circle {
  fill: #D30C7B; }

.icon-check-change.right > .path_arrow {
  transform: rotate(180deg);
  transform-origin: 50% 50%; }

.icon-check-change.right > .path_circle {
  fill: #00D759; }

.g-buttons-container > .g_button {
  opacity: 1; }

.g-buttons-container > .g_button.inactive {
  opacity: 0.5; }