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 {
  font-size: 18px;
  font-family: Arial, Verdana, Tahoma; }

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

.main {
  width: 100%;
  height: 100%;
  background-color: #ffffff; }

/**
* Launcher styles
*/
.launcher {
  width: 100%;
  height: 100%;
  background-color: white; }

.center-in-launcher {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

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

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

text {
  font-size: 16px;
  fill: black; }

.textSelected {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  fill: #ffffff;
  font-family: Monospace;
  font-size: 11px; }

.toast text {
  fill: white; }

*:focus {
  outline: none; }

.boldText,
.titleText {
  font-weight: bold; }

.titleText {
  font-size: 22px; }

.center-in-launcher {
  width: 80% !important;
  height: auto !important; }

/*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); }

/*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-screen"] {
  pointer-events: all; }

.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); } }

.dialog-container .g_dialog_footer .btn-confirm-dialog text {
  font-weight: bold; }

.dialog-container .g_dialog_footer text,
.dialog-container .g_dialog_header text {
  font-size: 16px !important; }