@charset "UTF-8";
:root {
  --ui-bar-height: 69px;
  --ui-bar-plus-sb: calc(69px + env(safe-area-inset-bottom));
  --ui-full-minus-bar: calc(100vh - var(--ui-bar-plus-sb));
  --ui-search-visible-area: calc(var(--ui-full-minus-bar) - env(safe-area-inset-top) - 13px - 39px);
}

:root {
  --placeholderColor: #BBB;
}

._barT, ._barB {
  visibility: hidden;
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  BODY {
    --sb:	env(safe-area-inset-bottom);
    --st:	env(safe-area-inset-top);
    --safe-area:	calc(var(--sb) + var(--st));
    --wcoleft:	env(titlebar-area-x);
    --wcotop:	env(titlebar-area-y);
    --wcowidth:	env(titlebar-area-width);
    --wcoheight:	env(titlebar-area-height);
  }
  BODY.barB:not(.barT) .UIMainBar .UIList, BODY.barB:not(.barT) ._barB {
    margin-bottom: min(env(safe-area-inset-bottom), 13px);
  }
  BODY.barB:not(.barT) .UIColumn {
    padding-top: min(env(safe-area-inset-top), 33px);
  }
  @media screen and (orientation: portrait) {
    BODY.barT:not(.barB) .UIMainBar .UIList, BODY.barT:not(.barB) ._barT {
      margin-top: min(env(safe-area-inset-top), 33px);
    }
  }
  .UILayer {
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }
}
:root {
  --weak-search-text: #555;
  --search-bg: #FFF;
  --form-padding: 7px;
}

*::-webkit-scrollbar {
  display: none;
}

* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Define a animação de piscar de opaco a transparente */
@keyframes blinkProtection {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.08;
  }
  100% {
    opacity: 0;
  }
}
/* Estilos para a div de proteção */
.clickProtectionWarn, .clickProtectionInvisible {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clickProtectionWarn {
  opacity: 0; /* Começa transparente */
  z-index: 99999;
  background-color: red;
  pointer-events: none;
  animation: blinkProtection 0.3s ease-in-out;
  will-change: opacity;
}

.clickProtectionInvisible {
  pointer-events: auto;
  z-index: 99998;
}

.clickProtectionBubble {
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: red;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.8;
  animation: bubbleExpand 0.3s ease-out forwards;
  z-index: 11;
  will-change: transform, opacity;
}

.selectionBox {
  position: fixed;
  border: 1px dashed #bce;
  background: rgba(0, 0, 255, 0.6);
  pointer-events: none;
  z-index: 9;
}

BODY.selectionBoxActive {
  user-select: none;
}

@keyframes bubbleExpand {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.justUpdating {
  transition: background-color 1.5s;
}

.justUpdated:not(.fakeSelector):not(.fakeSelector):not(.fakeSelector):not(.fakeSelector):not(.fakeSelector) {
  background-color: #0A0;
}

DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList {
  box-sizing: border-box;
  border-radius: 5px;
  font-size: initial;
  transform: translate(0px);
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI {
  margin: 1px 0px 0px 0px;
  background-color: #FFF;
  background-color: var(--search-bg);
  text-align: left;
  font-size: inherit;
  border-radius: 3px;
  color: #555;
  color: var(--weak-search-text);
  align-items: center;
  padding-right: unset !important;
  cursor: pointer;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI:first-child {
  margin-top: 0px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.dark {
  background-color: #DDD;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.colleague {
  background-color: #faf1ff;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.colleague SPAN.i {
  background-image: url(/img/icon/personBlack.svg);
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.UIEvent SPAN.icon {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (hover: hover) {
  DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI:hover {
    background-color: blue;
    color: white;
  }
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.spacer {
  color: #444;
  min-height: 13px;
  background-color: transparent;
  display: list-item;
  text-align: center;
  margin-top: 0px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.spacer .wrapper {
  width: max-content;
  margin: 0px auto 13px auto;
  display: block;
  border-radius: 0px 0px 5px 5px;
  padding: 4px 8px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.spacer .wrapper > SPAN {
  padding: 0px 5px;
  display: inline-block;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.spacer.subspacer {
  display: none;
  font-size: small;
  background: white;
  margin: 1px 0px 3px 5px;
  border-radius: 0px 0px 3px 3px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI.spacer.subspacer .wrapper {
  margin-bottom: 0px;
  text-align: left;
  margin-left: 0px;
  margin-right: unset;
  opacity: 0.3;
  padding: 0px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI SPAN {
  white-space: nowrap;
  line-height: 1em;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI SPAN.t {
  opacity: 0.5;
  font-size: xx-small;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI DIV.topRight {
  background: #555;
  background: var(--weak-search-text);
  color: white;
  border-radius: 3px;
  vertical-align: middle;
  display: inline-block;
  font-variant: small-caps;
  right: 2px;
  top: 2px;
  text-align: right;
  font-size: 0px;
  overflow: hidden;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI DIV.topRight > SPAN {
  font-size: xx-small;
  display: inline-block;
  line-height: 1em;
  padding: 1px 2px;
  min-width: 34px;
  text-align: center;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI SPAN.entriesIcons DIV.entryLines {
  padding: 0px 8px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI .open, DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI .labelR {
  margin-right: 3px;
  font-size: smaller;
  background: black;
  color: white;
  padding: 2px 4px;
  overflow: hidden;
  border-radius: 3px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI .labelR {
  background-color: #AAA;
  margin-left: 3px;
  padding: 2px 4px;
  overflow: hidden;
  border-radius: 3px;
}
DIV.UISearch DIV.ResultsWrapper UL.UISearchUL.UIList LI SPAN.i {
  background: transparent no-repeat center/34px;
  border-radius: 13px;
  overflow: hidden;
  height: 34px;
  width: 34px;
  vertical-align: middle;
}
DIV.UISearch DIV.ResultsWrapper.subspacerVisible UL.UISearchUL.UIList LI.spacer.subspacer {
  display: list-item;
}
DIV.UISearch.new {
  position: relative;
  transform: none;
  left: 0;
  top: 0;
  width: unset;
  grid-column: 1/-1;
}
DIV.UISearch.new UL.UISearchUL {
  display: none;
  width: 100%;
  transform: unset;
  top: 0;
}
DIV.UISearch.new UL.UISearchUL:has(LI) {
  display: block;
}
DIV.UISearch.new .ActionsWrapper {
  width: 100%;
}
DIV.UISearch.new .ActionsWrapper BUTTON {
  width: 100%;
  text-align: left;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
}
DIV.UISearch.new .ActionsWrapper BUTTON .smallLabel {
  background: #1e871e;
  color: white;
  padding: 0px 5px;
  border-radius: 3px;
  display: grid;
  text-align: center;
}
DIV.UISearch.new .ActionsWrapper BUTTON .smallIcon {
  display: inline-block;
  width: 34px;
  height: 21px;
  vertical-align: middle;
  overflow: visible;
  background: no-repeat url(/img/icon/bell2White.svg) center center/21px;
  overflow: visible;
}
DIV.UISearch.new .ActionsWrapper BUTTON .smallIcon:has(DIV.svgContainer) {
  background: unset;
}
DIV.UISearch.new .ActionsWrapper BUTTON:has(.smallIcon) {
  background: radial-gradient(rgb(0, 68, 0), rgb(0, 68, 0)) !important;
  background-color: #215b21 !important;
  padding-left: 0px;
}
DIV.UISearch.new .ActionsWrapper BUTTON.leave, DIV.UISearch.new .ActionsWrapper BUTTON.leave .proceed {
  background: var(--leaveColor) !important;
  color: var(--leaveColorTxt) !important;
}
DIV.UISearch.new .ActionsWrapper BUTTON.vacation, DIV.UISearch.new .ActionsWrapper BUTTON.vacation .proceed {
  background: var(--vacationColor) !important;
  color: var(--vacationColorTxt) !important;
}
DIV.UISearch.new .ActionsWrapper BUTTON > .proceed {
  border-radius: inset 0px 0px 1px #999;
}
DIV.UISearch.new.suspense {
  z-index: 1;
}
DIV.UISearch.new.suspense .ResultsWrapper {
  background-color: rgba(0, 0, 0, 0.0666666667);
  height: auto;
}
DIV.UISearch.new .ResultsWrapper {
  min-height: unset;
  background-color: unset;
  position: absolute;
  top: 0;
  display: none;
  border-radius: 5px;
  overflow: scroll;
  width: 100%;
  height: 100%;
}
DIV.UISearch.new .ResultsWrapper.hasValue {
  display: block;
}
DIV.UISearch.new .ResultsWrapper UL.UISearchUL {
  padding: 0px;
  position: relative;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: initial;
  transform: unset;
  background: unset;
  transition: padding 0.4s;
}
DIV.UISearch.new .ResultsWrapper UL.UISearchUL:has(LI) {
  padding: 5px;
}
DIV.UISearch.new .ResultsWrapper.folder {
  background-color: #EFF;
}
DIV.UISearch.new .ResultsWrapper.person {
  background-color: #FEF;
}

DIV.searchStats:not(.fakeSelector) {
  margin: 0px;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px;
  padding-bottom: max(5px, var(--sb));
  border-radius: 0px;
  color: #444;
  position: sticky;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.1333333333);
  backdrop-filter: blur(2px);
  display: none;
}
DIV.searchStats:not(.fakeSelector) > SPAN {
  padding: 5px;
  background-color: white;
  margin: 5px;
  border-radius: 3px;
  display: inline-block;
}
DIV.searchStats:not(.fakeSelector) > SPAN.expense {
  color: red;
}
DIV.searchStats:not(.fakeSelector) > SPAN.income {
  color: green;
}
DIV.searchStats:not(.fakeSelector) > SPAN.hidden {
  display: none;
}

.deleting, UL.UIList LI.deleting {
  transition: height 0.4s, opacity 0.4s, padding 0.4s, margin 0.4s, border 0.4s;
}

.collapsed {
  overflow: hidden;
}

.UILayer.waiting > DIV::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 0, 0.1333333333);
  pointer-events: none;
}

.waitLayer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 1;
  transition: opacity 1.366s;
  pointer-events: none;
}

.waitingElement {
  /*@include			absolute;*/
  opacity: 1;
  transition: opacity 0.666s;
  pointer-events: none;
}

BODY {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 0.8em;
}

BODY.BIG {
  font-size: 20px;
}

.tabbedArea2 {
  /*margin-top:					13px;*/
}
.tabbedArea2 > DIV {
  overflow: auto;
  background-color: white;
  padding: 8px;
}
.tabbedArea2 > DIV:not(.visible) {
  display: none;
}
.tabbedArea2 > DIV.visible {
  display: block;
}
.tabbedArea2 > DIV.tabSelector {
  display: block;
  display: flex;
  padding-bottom: 0px !important;
  color: #777;
  overflow: auto;
  background-color: unset;
}
.tabbedArea2 > DIV.tabSelector > DIV {
  border-radius: 13px 13px 0px 0px;
  display: inline-block;
  padding: 13px;
  cursor: pointer;
  background: #DDD;
  margin-right: 3px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-align: center;
  flex: none;
}
.tabbedArea2 > DIV.tabSelector > DIV:last-child {
  margin-right: 0px;
}
.tabbedArea2 > DIV.tabSelector > DIV.selected {
  background: white;
  color: black;
}

.deathBall, .deathBallBlue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 144px;
  width: 144px;
  background: #F00;
  opacity: 0.9;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.1);
  transition: opacity 0.3s, transform 0.3s;
}

.deathBallBlue {
  background: #00F;
}

.deathBallDying {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}

.undo, .confirmInline {
  background: black;
  color: white;
  padding: 3px;
  border: unset;
  min-height: unset;
  text-align: left;
}
@media (hover: hover) {
  .undo:hover, .confirmInline:hover {
    background: red;
  }
}

@media (hover: hover) {
  .undo:hover {
    background: red;
  }
}

@media (hover: hover) {
  .confirmInline:hover {
    background: green;
  }
}

@keyframes removeFromList {
  0% {
    /*transform:					scaleY(1);*/
    opacity: 1;
  }
  100% {
    /*transform:					scaleY(0);*/
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@keyframes addToList {
  0% {
    /*transform:					scaleY(1);*/
    opacity: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    /*transform:					scaleY(0);*/
    opacity: 1;
  }
}
.openConsoleLayer {
  font-size: 0px;
}

.GenericView .UIFullBox {
  margin: 21px auto;
  padding: 13px;
  background: white;
}
.GenericView .UIFullBox .UIListGeneric LI {
  padding: 5px 13px;
}

.UIList.UINotList LI {
  padding: 0px 13px !important;
  display: grid;
  grid-template-columns: 0.6fr 0.2fr 0.2fr;
  border-top: 1px solid #F4F4F4;
}
.UIList.UINotList LI:first-child {
  border-top: unset;
}
.UIList.UINotList LI.sameDevice {
  border-top: unset;
}
.UIList.UINotList LI.new {
  background-color: #28ff00;
}
.UIList.UINotList LI.new::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: radial-gradient(circle at center, red, red 5px, transparent 5px) no-repeat left -3px center/21px;
  content: " ";
  z-index: -1;
}
.UIList.UINotList LI > SPAN {
  padding: 6px 0px;
  background: transparent no-repeat left center/21px;
  background-repeat: no-repeat;
  background-position: left center, left 24px center;
  background-size: 21px;
  word-break: break-all;
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-content: center;
}
.UIList.UINotList LI > SPAN SPAN.action {
  background: blue;
  color: white;
  border-radius: 13px;
  padding: 1px 5px;
  font-size: xx-small;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}
.UIList.UINotList LI > SPAN:nth-child(2n), .UIList.UINotList LI > SPAN:nth-child(3n) {
  text-align: right;
}
.UIList.UINotList LI > SPAN:first-child {
  grid-template-columns: max-content;
  padding-left: 45px;
}
.UIList.UINotList LI > SPAN:first-child > SPAN:first-child {
  font-weight: bold;
}
.UIList.UINotList LI > SPAN:first-child > SPAN:nth-child(3) {
  display: block;
  font-size: smaller;
  color: #AAA;
}
.UIList.UINotList LI > SPAN:nth-child(2) > SPAN {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 9px;
  text-align: right;
}
.UIList.UINotList LI > SPAN:nth-child(1) {
  display: block;
}
.UIList.UINotList LI > SPAN:nth-child(3) {
  display: block;
}
.UIList.UINotList LI.actioned {
  background: #cbcbff;
}
.UIList.UINotList LI.disappeared {
  background: #EEE;
}
.UIList.UINotList LI.closed, .UIList.UINotList LI.closedL {
  background: yellow;
}
.UIList.UINotList LI.closedF {
  background: #FDD;
}
.UIList.UINotList LI.sucessfullyRevoked {
  text-decoration: line-through;
}
.UIList.UINotList LI.opened {
  background: cyan;
}
.UIList.UINotList LI.removed {
  background: red;
  color: white;
}
.UIList.UINotList LI.removed > SPAN > SPAN {
  text-decoration: line-through;
}

.offline .UIFullBox {
  background-color: white;
  padding: 34px;
  margin: 34px auto;
}
.offline .UIFullBox IMG {
  max-width: 100%;
}

.UILayer > .close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 47px;
  height: 47px;
  border-radius: 100%;
  padding: 13px;
  background: #600 url(/img/icon/noWhite.svg) no-repeat center center/21px;
  margin-top: var(--st);
  z-index: 9;
  cursor: pointer;
}
@media (hover: hover) {
  .UILayer > .close:hover {
    background-color: #F00;
  }
}
.UILayer.UILayer-edit.layer_a {
  background-color: rgba(255, 255, 255, 0.6);
}
.UILayer.UILayer-edit.layer_a .UIColumn {
  /*margin:					13px auto;*/
  padding-left: 13px;
  padding-right: 13px;
}
.UILayer.UILayer-edit.layer_a .UIColumn H1, .UILayer.UILayer-edit.layer_a .UIColumn H2, .UILayer.UILayer-edit.layer_a .UIColumn H3 {
  margin-top: unset;
}
.UILayer.UILayer-edit.layer_a .UIColumn P {
  padding-top: unset;
  padding: 13px;
}

.UITable {
  margin: 13px auto;
  border: 1px solid black;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}
.UITable:not(.noFixedLayout) {
  table-layout: fixed;
}

.UIMainBar {
  overflow: auto;
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.UIMainBar.inverted > UL > LI > A > IMG {
  filter: invert(1);
}
.UIMainBar UL.UIList {
  margin: auto;
  display: table;
  display: inline-block;
  margin: 0px;
  font-size: 0px;
}
.UIMainBar UL.UIList#UIMainBar_L1 {
  text-align: right;
  justify-content: flex-end;
}
.UIMainBar UL.UIList#UIMainBar_L2 {
  /*float:						left;*/
}
.UIMainBar UL.UIList > LI > DIV {
  align-content: center;
  height: 100%;
}
.UIMainBar UL.UIList > LI > A > IMG {
  vertical-align: middle;
  max-height: 41px;
  max-width: 41px;
}
.UIMainBar UL.UIList LI > A, .UIMainBar UL.UIList LI > DIV {
  margin: 0px;
  padding: 0px;
  color: transparent;
  /*text-align:				center;			// This is only needed if inner .UIList is display:inline-block*/
}
.UIMainBar UL.UIList LI > A .badge, .UIMainBar UL.UIList LI > DIV .badge {
  position: absolute;
  top: 8px;
  bottom: auto;
  left: auto;
  right: 0px;
  width: auto;
  background: #6495ed;
  color: white;
  height: auto;
  height: 21px;
  width: 21px;
  font-size: 13px;
  display: grid;
  align-items: center;
  align-content: center;
  border-radius: 100%;
}
.UIMainBar UL.UIList LI > A IMG, .UIMainBar UL.UIList LI > DIV IMG {
  padding: 5px;
  border-radius: 8px;
  vertical-align: center;
  margin-top: 4px;
}
@media (hover: hover) {
  .UIMainBar UL.UIList LI > A IMG:hover, .UIMainBar UL.UIList LI > DIV IMG:hover {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(2px);
    -webkitbackdrop-filter: blur(2px);
    transition: all 1s;
  }
}
.UIMainBar UL.UIList LI > A SPAN, .UIMainBar UL.UIList LI > DIV SPAN {
  bottom: 2px;
  font-size: 11px;
  line-height: normal;
}
.UIMainBar UL.UIList#UIMainBar_L1 LI:last-child A IMG {
  padding-right: 13px;
}
.UIMainBar UL.UIList#UIMainBar_L2 LI:first-child A IMG {
  padding-left: 13px;
}

BODY.offline .UIMainBar {
  background-color: rgba(255, 0, 0, 0.4);
}

.UILog.UILayer {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 11;
  max-width: 400px;
  margin: auto;
}
.UILog.UILayer .UIColumn {
  max-width: 377px;
  padding: 0px;
}
.UILog.UILayer > DIV > SPAN.c, .UILog.UILayer > DIV > SPAN.d {
  padding: 21px;
  display: inline-block;
  cursor: pointer;
  color: white;
}
.UILog.UILayer LI {
  padding: 8px;
  line-break: anywhere;
}
.UILog.UILayer .UIList {
  padding: 13px;
  /*background:					rgba(0,0,0,.7);*/
  color: lime;
  min-width: 200px;
  margin: auto;
  margin-botom: 21px;
  /*overflow:					auto;				// This prevents close button to be hidden*/
}
.UILog.UILayer .level_0 {
  background: green;
}
.UILog.UILayer .level_1 {
  background: rgba(255, 255, 0, 0.3) url("/img/icon/alertYellow.svg") no-repeat left 8px center/21px;
  padding-left: 37px;
}
.UILog.UILayer .level_2 {
  background: rgba(255, 0, 0, 0.3) url("/img/icon/errorUdger.png") no-repeat left 8px center/21px;
  padding-left: 37px;
}

@font-face {
  font-family: "Segoe";
  src: url("/font/segoe.woff") format("woff"), url("/font/segoe.ttf") format("ttf");
}
@font-face {
  font-family: "EurostileEx";
  src: url("/font/EurostileEx.ttf") format("truetype");
}
@font-face {
  font-family: "Enchanted";
  src: url("/font/enchanted-land.otf") format("opentype");
}
@font-face {
  font-family: unite;
  src: url("/font/UnitWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: UnitWeb-Bold;
  src: url("/font/UnitWebBold.eot");
  src: url("/font/UnitWebBold.eot?#iefix") format("embedded-opentype");
  src: url("/font/UnitWebBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: UnitWeb;
  /*src: url("/font/UnitWeb.eot");*/
  /*src: url("/font/UnitWeb.eot?#iefix") format("embedded-opentype");*/
  src: url("/font/UnitWeb.woff") format("woff");
}
@font-face {
  font-family: LCD;
  src: url("/font/lcddigital7it-webfont.woff") format("woff"), url("/font/lcddigital7it.woff") format("truetype");
}
@font-face {
  font-family: Barbie;
  src: url("/font/Barbiefont.ttf");
}
@font-face {
  font-family: Barbie2;
  src: url("/font/barbie2.ttf");
}
@font-face {
  font-family: Barbie3;
  src: url("/font/Barbie.otf");
}
@font-face {
  font-family: Barbie4;
  src: url("/font/Barbies.otf");
}
@font-face {
  font-family: jet;
  /*src: url("/font/UnitWeb.eot");*/
  /*src: url("/font/UnitWeb.eot?#iefix") format("embedded-opentype");*/
  src: url("/font/JetBrainsMono.ttf");
}
@font-face {
  font-family: droid;
  src: url("/font/DroidSansMono.ttf");
}
body {
  font-family: unite, Arvo, segoe, segoe2, "segoe wp", helvetica;
}

.UIFullBox {
  padding: 6.5px;
}

/*.UIColumn:first-child .UIFullBox{
	padding-left: 13px;
}
.UIColumn:last-child .UIFullBox{
	padding-right: 13px;
}*/
FORM {
  box-sizing: border-box;
  align-items: center;
  grid-row-gap: 2px;
}
FORM TEXTAREA {
  font: large Kohinoor Telugu, Avenir, Verdana;
}

.UIForm .closeSearch {
  display: block;
  align-items: center;
  align-content: center;
  border-radius: 100%;
  box-sizing: border-box;
  cursor: pointer;
  height: 34px;
  color: white;
}
.UIForm .closeX {
  text-align: center;
  background: black;
  width: 34px;
}
.UIForm .inputButtons {
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  color: #BBB;
  color: var(--placeholderColor);
}
.UIForm .inputButtons > .svgContainer {
  padding: 0px 13px;
}
.UIForm .inputButtons > .svgContainer > svg {
  width: 100%;
}
.UIForm .inputButtons, .UIForm .inputWrapper > .clearSearch {
  position: absolute;
  right: 13px;
}
.UIForm .inputWrapper > .clearSearch {
  background: no-repeat;
  text-align: right;
  width: auto;
  font-size: x-small;
}
.UIForm INPUT {
  background-position: left 13px center, center;
  background-size: 21px, cover;
  background-repeat: no-repeat;
}
.UIForm INPUT.dateTyped .dateTypedDistance {
  display: none;
}
.UIForm DIV.dateTypedWrapper {
  position: relative;
  display: grid;
  grid-column: unset;
  grid-template-columns: 1fr;
}
.UIForm DIV.dateTypedWrapper .dateTypedDistance {
  position: absolute;
  right: 3px;
  bottom: 1px;
  font-size: xx-small;
  color: #AAA;
}
.UIForm TEXTAREA.autosize {
  resize: none;
  height: 34px;
  height: calc(1.2em + var(--form-padding) * 2);
  min-height: unset;
  font: inherit;
  font-size: large;
  line-height: 1em !important;
}
.UIForm .next {
  /*border: 1px solid green;*/
  padding-right: 34px;
  padding-left: 0px;
  background-position: right 13px center, center;
  background-image: url("/img/icon/arrowRight2White.svg"), radial-gradient(green, green);
  /*		@media(hover:hover){
  			&:hover{
  				background-image: url('/img/icon/arrowRight2White.svg'), radial-gradient($green3, $green4);
  			}
  		}*/
  background-image: url("/img/icon/yes3.svg"), radial-gradient(#040, #040);
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .next:hover {
    background-image: url("/img/icon/yes3.svg"), radial-gradient(green, green);
  }
  .UIForm .next:hover:disabled {
    opacity: 0.5;
  }
}
.UIForm .message {
  background-image: url("/img/icon/mail.svg"), radial-gradient(#040, #040);
  /*border: 1px solid green;*/
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .message:hover {
    background-image: url("/img/icon/mail.svg"), radial-gradient(green, green);
  }
  .UIForm .message:hover:disabled {
    opacity: 0.5;
  }
}
@media (hover: hover) {
  .UIForm .message:hover {
    background-image: url("/img/icon/mail.svg"), radial-gradient(green, green);
  }
}
.UIForm .feedbackMessage {
  height: 21px;
  color: red;
  text-align: center;
  font-size: 14px;
  grid-column: 1/-1;
  padding-top: 0px;
}
.UIForm .feedbackMessage.warn {
  color: #AA0;
}
.UIForm .organicTip::placeholder {
  font-size: smaller;
  font-style: italic;
  color: #BBB;
  color: var(--placeholderColor);
}

.UIFormRadioArea {
  margin-bottom: 13px;
  margin-top: 13px;
  grid-column: 1/-1;
}
.UIFormRadioArea LABEL {
  text-align: center;
}

.UIForm .allow, .UIForm .send, .UIForm .deny, .UIForm .cancel, .UIForm .giveUp, .UIForm .save, .UIForm .confirm, .UIForm .edit, .UIForm .revert, .UIForm .destroy, .UIForm .delete, .UIForm .lock, .UIForm .message, .UIForm .next, .UIActions .allow, .UIActions .send, .UIActions .deny, .UIActions .cancel, .UIActions .giveUp, .UIActions .save, .UIActions .confirm, .UIActions .edit, .UIActions .revert, .UIActions .destroy, .UIActions .delete, .UIActions .lock, .UIActions .message, .UIActions .next {
  background-position: left 13px center, center;
  background-size: 21px, cover;
  background-repeat: no-repeat;
  color: white;
  border: none;
  padding-left: 34px;
  padding-right: 13px;
  white-space: break-spaces;
  margin-top: 0px;
}
.UIForm .disabled, .UIForm UL.UIList > LI.disabled, .UIActions .disabled, .UIActions UL.UIList > LI.disabled {
  background-color: rgba(255, 255, 255, 0.05);
  color: #666;
}
.UIForm .allow, .UIForm .save, .UIActions .allow, .UIActions .save {
  background-image: url("/img/icon/yes3.svg"), radial-gradient(#040, #040);
  /*border: 1px solid green;*/
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .allow:hover, .UIForm .save:hover, .UIActions .allow:hover, .UIActions .save:hover {
    background-image: url("/img/icon/yes3.svg"), radial-gradient(green, green);
  }
  .UIForm .allow:hover:disabled, .UIForm .save:hover:disabled, .UIActions .allow:hover:disabled, .UIActions .save:hover:disabled {
    opacity: 0.5;
  }
}
@media (hover: hover) {
  .UIForm .allow:hover, .UIForm .save:hover, .UIActions .allow:hover, .UIActions .save:hover {
    background-image: url("/img/icon/yes3.svg"), radial-gradient(green, green);
  }
}
.UIForm .edit, .UIActions .edit {
  background-image: url("/img/icon/update.svg"), radial-gradient(#440, #440);
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .edit:hover, .UIActions .edit:hover {
    background-image: url("/img/icon/update.svg"), radial-gradient(#880, #880);
  }
  .UIForm .edit:hover:disabled, .UIActions .edit:hover:disabled {
    opacity: 0.5;
  }
}
.UIForm .revert, .UIActions .revert {
  background-image: url("/img/icon/undoYellow.svg"), radial-gradient(#440, #440);
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .revert:hover, .UIActions .revert:hover {
    background-image: url("/img/icon/undoYellow.svg"), radial-gradient(#880, #880);
  }
  .UIForm .revert:hover:disabled, .UIActions .revert:hover:disabled {
    opacity: 0.5;
  }
}
.UIForm .send, .UIActions .send {
  background-image: url("/img/icon/sendGreen.svg"), radial-gradient(#040, #040);
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .send:hover, .UIActions .send:hover {
    background-image: url("/img/icon/sendGreen.svg"), radial-gradient(green, green);
  }
  .UIForm .send:hover:disabled, .UIActions .send:hover:disabled {
    opacity: 0.5;
  }
}
.UIForm .lock, .UIActions .lock {
  background-image: url("/img/icon/padlock2White.svg"), radial-gradient(green, green);
  /*border: 1px solid green;*/
}
@media (hover: hover) {
  .UIForm .lock:hover, .UIActions .lock:hover {
    background-image: url("/img/icon/padlock2White.svg"), radial-gradient(green, green);
  }
  .UIForm .lock:hover:disabled, .UIActions .lock:hover:disabled {
    opacity: 0.5;
  }
}
@media (hover: hover) {
  .UIForm .lock:hover, .UIActions .lock:hover {
    background-image: url("/img/icon/padlockClosedGreen.svg"), radial-gradient(rgba(0, 255, 0, 0.4666666667), rgba(0, 255, 0, 0.4666666667));
  }
}
.UIForm .deny, .UIActions .deny {
  background-image: url("/img/icon/no2.svg"), radial-gradient(#400, #400);
  /*border: 1px solid red;*/
}
@media (hover: hover) {
  .UIForm .deny:hover, .UIActions .deny:hover {
    background-image: url("/img/icon/no2.svg"), radial-gradient(#A00, #A00);
  }
}
.UIForm .cancel, .UIForm .giveUp, .UIForm .delete, .UIActions .cancel, .UIActions .giveUp, .UIActions .delete {
  background-image: url("/img/icon/trash.svg"), radial-gradient(#400, #400);
  /*border: 1px solid red;*/
}
@media (hover: hover) {
  .UIForm .cancel:hover, .UIForm .giveUp:hover, .UIForm .delete:hover, .UIActions .cancel:hover, .UIActions .giveUp:hover, .UIActions .delete:hover {
    background-image: url("/img/icon/trash.svg"), radial-gradient(#A00, #A00);
  }
}
.UIForm .destroy, .UIActions .destroy {
  background-image: url("/img/icon/bombRed.svg"), radial-gradient(#535, #535);
  /*border: 1px solid red;*/
}
@media (hover: hover) {
  .UIForm .destroy:hover, .UIActions .destroy:hover {
    background-image: url("/img/icon/trash.svg"), radial-gradient(#757, #757);
  }
}

.UIActions.horizontal {
  justify-content: center;
  gap: 13px;
  display: flex;
  margin-block: 21px 0px;
}
.UIActions.horizontal BUTTON {
  margin: 0px;
}

DIV.UIConfirmation.deleteMultiConfirm UL.UIList > LI, DIV.UIConfirmation.destroyMultiConfirm UL.UIList > LI {
  background-color: #FEE;
  color: rgba(153, 0, 0, 0.5333333333);
  text-decoration: line-through;
}
DIV.UIConfirmation.deleteMultiConfirm UL.UIList > LI > SPAN.d, DIV.UIConfirmation.destroyMultiConfirm UL.UIList > LI > SPAN.d {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2666666667), transparent 13px);
}

*.UIListActions:not(.fakeSelector) UL > LI {
  box-shadow: 0px 0px 3px #999;
  backdrop-filter: blur(13px);
  background-color: rgba(255, 255, 255, 0.0666666667);
  background-position: left 3px center, center;
  background-size: 8px, cover;
  backdrop-filter: blur(13px);
}
*.UIListActions:not(.fakeSelector) UL > LI.delete {
  background-position: left 3px center, center;
  background-size: 8px, cover;
  background-image: url("/img/icon/trash.svg"), radial-gradient("#311c", "#311c");
}
@media (hover: hover) {
  *.UIListActions:not(.fakeSelector) UL > LI:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  *.UIListActions:not(.fakeSelector) UL > LI:hover.delete {
    background-image: url("/img/icon/trash.svg"), radial-gradient("#911c", "#911c");
    box-shadow: 0px 0px 3px rgba(68, 0, 17, 0.7333333333);
  }
}
*.UIListActions:not(.fakeSelector).dark UL > LI {
  color: #FFF;
  box-shadow: 0px 0px 3px #000;
}
.UIResolveReq {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 13px;
}
.UIResolveReq INPUT[type=submit], .UIResolveReq INPUT[type=button], .UIResolveReq BUTTON {
  background-position: top 7px center, center;
  background-position: top var(--form-padding) center, center;
  padding-top: 34px;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
  white-space: nowrap;
}

LABEL {
  padding: 8px 3px;
}

INPUT, SELECT, TEXTAREA, BUTTON {
  padding: 7px;
  border: 1px solid #DDD;
  border-radius: 3px;
  margin: unset;
}

INPUT, SELECT, BUTTON {
  cursor: pointer;
}

SELECT, INPUT[type=date], INPUT[type=submit], INPUT[type=time], BUTTON {
  min-height: 34px;
  font: inherit;
}

SELECT {
  position: relative;
  -webkit-appearance: none;
  background: white url(/img/icon/arrowDown.svg) right 13px center/13px no-repeat;
}

INPUT {
  -webkit-appearance: none;
}
INPUT[type=checkbox] {
  height: 1em;
  width: 1em;
}
INPUT[type=checkbox]:checked {
  background-color: black;
}
INPUT[type=color] {
  padding: 0px;
}

INPUT[type=submit], INPUT[type=button], BUTTON, INPUT[type=reset] {
  -webkit-appearance: none;
  background-color: #EEE;
  color: black;
  background: radial-gradient(rgba(225, 255, 225, 0.7), rgba(200, 255, 200, 0.7));
}
INPUT[type=submit]:disabled, INPUT[type=button]:disabled, BUTTON:disabled, INPUT[type=reset]:disabled {
  color: rgba(85, 85, 85, 0.4666666667);
  background-image: radial-gradient(rgba(225, 255, 225, 0.2), rgba(200, 255, 200, 0.2));
}

INPUT[type=submit].delete, INPUT[type=submit].alert, BUTTON.delete, BUTTON.alert {
  background: radial-gradient(rgba(255, 225, 225, 0.7019607843), rgba(255, 225, 225, 0.7019607843)) left center/contain no-repeat;
  border-color: red;
}
INPUT[type=submit].delete.note, INPUT[type=submit].alert.note, BUTTON.delete.note, BUTTON.alert.note {
  background-image: url("/img/icon/entryBlack.svg");
}
INPUT[type=submit].abortAction, BUTTON.abortAction {
  background-color: unset;
  background-image: unset;
  border: unset;
}
INPUT[type=submit].bugSubmit, BUTTON.bugSubmit {
  background: url("/img/icon/bugRed.svg") left center/contain no-repeat, radial-gradient(rgba(255, 225, 225, 0.7019607843), rgba(255, 200, 201, 0.7));
}
INPUT[type=submit].noteSubmit, BUTTON.noteSubmit {
  background: url("/img/icon/pencilBlack.svg") left center/contain no-repeat, radial-gradient(rgba(225, 255, 225, 0.7), rgba(201, 255, 200, 0.7));
}

.adding {
  transition: height 1s;
  animation: addToList 1s forwards;
}

.removing {
  animation: removeFromList 1s forwards;
}

.UIWelcome .UIBackground {
  background: unset !important;
}
.UIWelcome .UIColumn .UIFullBox {
  background: rgba(255, 255, 255, 0.6);
  margin: 34px;
  padding: 21px;
  width: auto;
}
.UIWelcome .UINotificationLayer, .UIWelcome .installer, .UIWelcome #UIInstallerLayer, .UIWelcome .UILog {
  display: none;
}

.UIList.carousel {
  overflow: scroll;
  white-space: nowrap;
}
.UIList.carousel LI {
  height: 55px;
  line-height: 49px;
  padding: 3px;
  box-sizing: border-box;
  display: inline-block;
}
.UIList.carousel IMG {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  vertical-align: middle;
}

p {
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
p:last-child {
  margin-block-end: 0px;
}

.UISuggestion {
  margin: 0px 13px;
  box-shadow: 0px 0px 13px #000;
}

.CarouselCont {
  overflow: hidden;
  position: relative;
  height: 100vh;
}
.CarouselCont > .Carousel {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: scroll;
  padding: 13px;
  scroll-snap-type: x mandatory;
}
.CarouselCont > .Carousel > .CarouselItem {
  scroll-snap-align: center;
  flex: none;
  width: 100%;
  box-sizing: border-box;
  max-width: 500px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #ccc;
  margin: 5px;
  background-color: #fff;
}
.CarouselCont > .Carousel > .CarouselItem.CarouselSelected {
  background-color: greenyellow;
}
.CarouselCont > .menuCarousel {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.CarouselCont.translateX > .Carousel {
  width: fit-content;
  transition: transform 300ms ease;
}

.allUsers LI {
  font-size: small;
}
.allUsers LI IMG {
  height: 55px;
  background: center center/contain no-repeat;
}

.UIColumn {
  /*padding-top:				5px;*/
}

.UIVisit .UIColumn {
  background-color: rgba(255, 255, 255, 0.6);
}
.UIVisit .UIColumn.selectedVisitor {
  background-color: white;
}
.UIVisit .UIFullBox {
  background-color: white;
}

DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal {
  border-radius: 23px;
  margin-bottom: 1px;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal DIV.sessionAlerts {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: xx-small;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal DIV.sessionAlerts > * {
  padding: 1px 3px;
  border-radius: 5px;
  margin-right: 8px;
  display: inline-block;
  margin-bottom: 2px;
  background-color: #DDD;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal DIV.sessionAlerts > *.e, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal DIV.sessionAlerts > *.w {
  background-color: red;
  color: white;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal DIV.sessionAlerts > *:last-child {
  margin-right: unset;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal:last-child {
  margin-bottom: unset;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal.installerReplaced {
  opacity: 0.4;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal LI:nth-child(3) > A {
  background-color: rgba(255, 215, 0, 0.8);
  border-radius: 5px;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal.Server1 LI:nth-child(3) > A {
  background-color: unset;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal.notStandalone > LI A SPAN.standalone {
  display: block;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal.selected > LI {
  background-color: rgba(0, 221, 221, 0.0666666667);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal.selected > LI A {
  width: 55px;
  background-size: 55px;
  padding-top: 55px;
  min-height: 84px;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI {
  padding-left: 8px;
  padding-right: 8px;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI.uRemotetrabalho\.app {
  background-color: #dfebff;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI.noInstaller {
  opacity: 0.5;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A {
  min-height: 55px;
  width: 55px;
  background-size: 34px;
  padding-top: 34px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: xx-small;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A > SPAN {
  position: absolute;
  background: no-repeat center center/21px;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.noPic, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.sessText {
  top: 0;
  bottom: 0;
  left: 5px;
  right: 5px;
  margin: auto;
  background-color: black;
  border-radius: 13px;
  z-index: 2;
  text-align: center;
  align-self: center;
  display: block;
  color: white;
  padding: 3px;
  height: min-content;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.sessText {
  border-radius: 5px;
  font-size: xx-small;
  bottom: unset;
  top: 13px;
  white-space: nowrap;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.cleanSession {
  left: 0px;
  right: 0px;
  font-size: xx-small;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.cleanSession SPAN.hits {
  color: #AAA;
  position: relative;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.topright {
  top: 2px;
  right: 0;
  background: white;
  padding: 1px 3px;
  border-radius: 5px;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone {
  top: 8px;
  right: 8px;
  width: 21px;
  height: 21px;
  filter: drop-shadow(1px 1px 1px black);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn.n, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone.n {
  background-image: url(/img/icon/bell2Gray.svg);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn.t, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone.t {
  background-image: url(/img/icon/no2.svg);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn.d, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone.d {
  background-image: url(/img/icon/waitDarkYellow.svg);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn.x, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone.x {
  background-image: url(/img/icon/trashRed.svg);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn.z, DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone.z {
  background-image: url(/img/icon/alertYellow.svg);
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.dn {
  font-size: initial;
  color: white;
  text-shadow: 1px 1px 1px black;
}
DIV.UISelectedVisitor UL.UISessionInfo.UIList.horizontal > LI A SPAN.standalone {
  display: none;
  right: unset;
  left: 8px;
  background-image: url("/img/icon/browserBlack.svg");
}

.UIInstallersList LI A {
  display: grid;
  grid-template-columns: 76px auto auto;
  align-items: center;
  background: white;
  margin: 1px 0px 0px 0px;
  padding: 2px 5px;
}
.UIInstallersList LI A > SPAN {
  text-align: right;
}
.UIInstallersList LI A DIV {
  display: grid;
  grid-auto-flow: column;
}
.UIInstallersList LI A DIV SPAN {
  background: transparent center center/34px no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
}
.UIInstallersList LI:first-child A {
  margin-top: 0px;
}

.UIAccessList {
  margin: 13px auto;
  border: 1px solid #AAA;
  padding: 13px;
  width: 100%;
  table-layout: fixed;
}
.UIAccessList TR {
  /*		&.a4{ // sync
  			color:					red;
  			>TD:first-child,>TH:first-child{
  				background-image:	url('/img/icon/updateBlack.svg');
  			}
  		}*/
}
.UIAccessList TR > TD, .UIAccessList TR > TH {
  background: left 13px center/contain no-repeat;
  overflow: scroll;
  white-space: nowrap;
}
.UIAccessList TR > TD > A > IMG, .UIAccessList TR > TH > A > IMG {
  width: 13px;
  filter: invert(1);
}
.UIAccessList TR > TD:first-child, .UIAccessList TR > TH:first-child {
  padding-left: 34px;
  width: 79px;
}
.UIAccessList TR > TD:nth-child(2), .UIAccessList TR > TH:nth-child(2) {
  width: 61px;
}
.UIAccessList TR.a6 {
  color: pink;
}
.UIAccessList TR.a6 > TD:first-child, .UIAccessList TR.a6 > TH:first-child {
  background-image: url("/img/icon/cloudGray2.svg");
}
.UIAccessList TR.a0 {
  font-weight: 900;
  color: blue;
  background-color: #EEE;
}
.UIAccessList TR.a1 {
  color: gold;
}
.UIAccessList TR.a1 > TD:first-child, .UIAccessList TR.a1 > TH:first-child {
  background-image: url("/img/icon/installer.png");
}
.UIAccessList TR.a2 > TD:first-child {
  background-image: url("/img/icon/fast-icon.png");
}
.UIAccessList TR.a2.a1 > TD:first-child {
  background: url("/img/icon/fast-icon.png") left 13px center/contain no-repeat, url("/img/icon/installer.png") left center/contain no-repeat;
}
.UIAccessList TR.a3 {
  color: red;
}
.UIAccessList TR.a3 > TD:first-child, .UIAccessList TR.a3 > TH:first-child {
  background-image: url("/img/icon/updateBlack.svg");
}
.UIAccessList TR.a5 {
  color: #AAA;
}
.UIAccessList TR.a5 > TD:first-child, .UIAccessList TR.a5 > TH:first-child {
  background-image: url("/img/icon/tunnel5Black.svg");
}
.UIAccessList TR.a-1 {
  color: green;
  font-weight: bolder;
  text-decoration: underline;
}
.UIAccessList TR.a-1 > TD:first-child, .UIAccessList TR.a-1 > TH:first-child {
  background-image: url("/img/icon/calendarBlack.svg");
}
.UIAccessList TR.a-2 {
  color: purple;
  font-weight: bolder;
}
.UIAccessList TR.a-2 > TD:first-child, .UIAccessList TR.a-2 > TH:first-child > TD:first-child,
.UIAccessList TR.a-2 > TH:first-child {
  background-image: url("/img/icon/mailBlack.svg");
}

.UIUserAgentsList.iconized LI A {
  background-color: rgba(255, 255, 255, 0.4);
  margin: 1px 0px;
  background-size: 34px;
  background-position: left, 34px, 68px, 102px;
  padding: 8px 8px 8px 102px;
}

.UIList.UIUsersList.dark LI {
  border-radius: 8px;
  overflow: hidden;
}
.UIList.UIUsersList.dark LI A {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: black !important;
  color: #BBB;
  grid-template-columns: 55px 34px auto 102px;
}
.UIList.UIUsersList.dark LI A SPAN.hitsAgo SPAN.hits {
  background-color: unset;
}
@media (hover: hover) {
  .UIList.UIUsersList.dark LI A:hover DIV.destroySession {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: red;
    color: white;
    border-radius: 5px;
    margin: 3px;
    align-content: center;
    padding: 13px;
  }
}
.UIList.UIUsersList LI.b {
  opacity: 0.8;
}
.UIList.UIUsersList LI.b > A {
  box-shadow: inset 9px 2px 0px -7px red;
}
.UIList.UIUsersList > LI {
  margin-bottom: 1px;
}
.UIList.UIUsersList > LI.sameIP > A {
  background-color: #d8fffe;
}
.UIList.UIUsersList > LI.selected {
  filter: drop-shadow(2px 4px 6px black);
}
.UIList.UIUsersList > LI.selected A {
  background-color: #EFE;
}
.UIList.UIUsersList > LI.sessionDeleted > A {
  background-color: red;
  opacity: 0.5;
}
.UIList.UIUsersList > LI.instDeactivated > A {
  background-color: #F44;
  opacity: 0.6;
}
.UIList.UIUsersList > LI.instDestroyed > A {
  background-color: red;
}
.UIList.UIUsersList > LI.active > A:after, .UIList.UIUsersList > LI.blurred > A:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  border-radius: 100%;
  width: 5px;
  height: 5px;
  top: 5px;
  right: 5px;
  left: unset;
}
.UIList.UIUsersList > LI.active > A:after {
  background: #0F0;
}
.UIList.UIUsersList > LI.active.live > A {
  background-color: #AFA;
}
.UIList.UIUsersList > LI.active.live > A .taS {
  background-color: #0F0;
  color: #050;
}
.UIList.UIUsersList > LI.blurred > A:after {
  background: #FF0;
}
.UIList.UIUsersList > LI > A {
  padding: 0px 5px 0px 21px;
  background: white left 5px center/34px no-repeat;
  display: grid;
  grid-template-columns: 34px 34px auto 102px;
  align-items: center;
  /*background-color:			#FFD*/
}
.UIList.UIUsersList > LI > A > SPAN.up {
  display: block;
  width: 34px;
  height: 34px;
  position: relative;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.u {
  display: block;
  width: 34px;
  height: 34px;
  background: no-repeat center center/34px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.o, .UIList.UIUsersList > LI > A > SPAN.up > SPAN.d, .UIList.UIUsersList > LI > A > SPAN.up > SPAN.a, .UIList.UIUsersList > LI > A > SPAN.up > SPAN.a2, .UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn {
  position: absolute;
  display: block;
  width: 13px;
  height: 13px;
  background: no-repeat center center/13px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.d {
  bottom: 3px;
  left: -13px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.o {
  top: 3px;
  left: -13px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.b {
  bottom: 3px;
  left: -13px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn {
  top: 3px;
  right: -13px;
  left: unset;
  filter: drop-shadow(1px 1px 1px black);
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn.n {
  background-image: url(/img/icon/bell2Gray.svg);
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn.t {
  background-image: url(/img/icon/no2.svg);
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn.d {
  background-image: url(/img/icon/waitDarkYellow.svg);
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn.x {
  background-image: url(/img/icon/trashRed.svg);
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.dn.z {
  background-image: url(/img/icon/alertYellow.svg);
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.a {
  bottom: 3px;
  right: -13px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.a2 {
  right: 0px;
  bottom: 0px;
  background-position: bottom right;
  background-color: white;
  border-radius: 3px;
}
.UIList.UIUsersList > LI > A > SPAN.up > SPAN.ds {
  font-size: xx-small;
  position: absolute;
  bottom: 0;
  left: -13px;
  right: -13px;
  bottom: -5px;
  color: white;
  text-align: center;
  white-space: nowrap;
}
.UIList.UIUsersList > LI > A > SPAN.d {
  font-size: xx-small;
}
.UIList.UIUsersList > LI > A IMG.u {
  background-color: black;
  margin: auto;
  max-height: 34px;
  max-width: 34px;
  vertical-align: middle;
  border-radius: 100%;
}
.UIList.UIUsersList > LI > A > SPAN.os > SPAN.b {
  position: absolute;
  background: no-repeat center center/13px;
  bottom: 0px;
  right: 0px;
  height: 13px;
  width: 13px;
}
.UIList.UIUsersList > LI > A SPAN.os {
  position: relative;
  height: 34px;
  width: 34px;
}
.UIList.UIUsersList > LI > A SPAN.os IMG.o {
  margin: auto;
  max-height: 34px;
  max-width: 30px;
  /*filter:					grayscale(1);*/
  vertical-align: middle;
}
.UIList.UIUsersList > LI > A SPAN.os::after {
  filter: drop-shadow(1px 1px 1px black);
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  background: no-repeat right top/13px;
  left: 0;
  bottom: 0;
}
.UIList.UIUsersList > LI > A SPAN.os.n::after {
  background-image: url(/img/icon/bell2Gray.svg);
}
.UIList.UIUsersList > LI > A SPAN.os.t::after {
  background-image: url(/img/icon/no2.svg);
}
.UIList.UIUsersList > LI > A SPAN.os.d::after {
  background-image: url(/img/icon/waitDarkYellow.svg);
}
.UIList.UIUsersList > LI > A SPAN.os.x::after {
  background-image: url(/img/icon/trashRed.svg);
}
.UIList.UIUsersList > LI > A SPAN.os.z::after {
  background-image: url(/img/icon/alertYellow.svg);
}
.UIList.UIUsersList > LI > A SPAN.hitsAgo {
  overflow: hidden;
  margin: 13px 13px 0px 0px;
  display: inline-block;
  white-space: nowrap;
}
.UIList.UIUsersList > LI > A SPAN.hitsAgo SPAN.taS {
  white-space: nowrap;
  border-radius: 3px;
  padding: 3px 0px;
}
.UIList.UIUsersList > LI > A SPAN.hitsAgo SPAN.taS.blurred {
  color: yellowgreen;
  font-size: xx-small;
}
.UIList.UIUsersList > LI > A SPAN.hitsAgo SPAN.hits {
  background-color: #DDD;
  border-radius: 3px;
  padding: 3px;
  margin-right: 5px;
}
.UIList.UIUsersList > LI > A SPAN.lu {
  margin-top: 3px;
  display: block;
  font-size: xx-small;
  color: #AAA;
}
.UIList.UIUsersList > LI > A SPAN.dv {
  font-size: x-small;
  padding-top: 13px;
  padding-bottom: 13px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-size: small;
  min-height: 13px;
}
.UIList.UIUsersList > LI > A SPAN.dv.latestV {
  color: #AAA;
}
.UIList.UIUsersList > LI > A SPAN.dv .device {
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  font-size: x-small;
}

.UIConversation .UIList LI IMG {
  float: left;
}
.UIConversation .UIList LI A {
  height: 34px;
  line-height: 13px;
}
.UIConversation .UIList LI A SPAN {
  display: block;
  margin-top: 5px;
  margin-left: 55px;
}
.UIConversation .UIList LI.r {
  text-align: right;
}
.UIConversation .UIList LI.r IMG {
  float: right;
}
.UIConversation .UIList LI.r A SPAN {
  margin-left: unset;
  margin-right: 55px;
}

.UIConversation FORM {
  display: grid;
  grid-template-columns: 0px auto 68px;
}
.UIConversation FORM INPUT[type=submit] {
  grid-column: unset;
  margin: auto;
}
.UIConversation FORM TEXTAREA {
  padding: 5px;
  font: inherit;
}

.AddressBook #UIMainLayer {
  -webkit-backdrop-filter: blur(7px) grayscale(0.5);
  background: rgba(255, 255, 255, 0.8);
}
.AddressBook #UIBackground {
  background-image: url(/img/bg3.jpg);
}
.AddressBook h1, .AddressBook h2 {
  font-family: segoe;
  padding: 0px 21px;
  margin: 8px 0px;
  margin-block-start: 8px;
  margin-block-end: 8px;
}
.AddressBook H1 {
  font-size: 25px;
}
.AddressBook .whiter {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  box-shadow: 0px 0px 3px #AAA;
  border-radius: 8px;
  overflow: auto;
  margin-bottom: 13px;
  padding-bottom: 8px;
}
.AddressBook .UIList LI A.sta {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: unset !important;
  border-radius: unset;
}
.AddressBook .UIList LI A.sta IMG {
  width: 21px;
  margin: auto 13px;
  height: 100%;
}
.AddressBook .UIList.dark LI {
  background: #333333;
  text-decoration: none;
  margin: 1px;
  border-radius: 5px;
  overflow: hidden;
  padding-right: 60px;
}
.AddressBook .phoneLine {
  display: grid;
  grid-template-columns: auto auto 110px;
}
.AddressBook .phoneLine .number {
  text-align: right;
}
.AddressBook h3 {
  margin-bottom: 5px;
  margin-top: 8px;
}
.AddressBook .subOffice {
  box-shadow: 0px 0px 11px -5px #666;
  padding: 5px;
  margin-block-end: 21px;
  transition: background 0.5s;
}
.AddressBook .subOffice:not(first-child) {
  margin-block-start: 21px;
}
.AddressBook .subOffice:hover {
  background: #f0f8ff;
}

DIV.UIOfficePhones {
  box-shadow: 0px 0px 11px -5px #666;
  border: unset;
  padding: 5px;
}

/*#UISettings .UIColumn{padding-left: 13px; padding-right: 13px;}#UISettings .UIFullBox{background: white; margin-top: 13px; border-radius: 13px;}#UISettings .UIFullBox .UIList{margin: 21px;}#UISettings .UIFullBox .UIList A{height: 34px; line-height: 34px;}*/
#UISettings {
  z-index: 1;
  max-width: unset;
}
#UISettings .UIColumn {
  width: 400px;
}
#UISettings .UIColumn:first-child {
  width: 300px;
}
#UISettings .UIFullBox {
  border-radius: 13px;
  background: white;
  padding: 21px;
  color: #444;
}
#UISettings .UIFullBox.UIMainSettings .UIList LI {
  padding-left: 8px;
}
#UISettings .UIFullBox.UIMainSettings .UIList LI A {
  padding: 8px 8px 8px 40px;
}
#UISettings .UISwitcher LI A {
  display: grid;
  grid-template-columns: auto 81px;
  align-items: center;
}
#UISettings .UISwitcher LI A INPUT {
  justify-self: right;
}

.layer_a .UIColumn {
  max-width: 1000px;
}

.UICalendar.advanced {
  display: grid !important;
  grid-template-columns: 21px 1fr 21px;
  align-items: center;
}
.UICalendar.advanced .prev, .UICalendar.advanced .next {
  width: 100%;
  height: 100%;
}
.UICalendar.advanced .prev SPAN, .UICalendar.advanced .next SPAN {
  margin: auto;
  height: fit-content;
}
.UICalendar {
  color: white;
  text-align: center;
  bottom: auto;
  top: 100%;
  max-width: 100%;
  box-sizing: border-box;
  z-index: 1;
  /*font-size:				initial;*/
  /*padding:				13px;*/
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  /*	>P{ // month name
  		padding-top:			34px;
  		padding-bottom:		13px;
  		&:first-child{
  			padding-top:		0px;
  		}
  		&.f{ // footer info, office name
  			padding-top:		13px;
  			padding-bottom:	0px;
  		}
  	}*/
}
.UICalendar P.e2, .UICalendar P.e2T {
  opacity: 0;
  color: #CC0 !important;
}
.UICalendar P.e2T {
  top: 2px;
  bottom: auto;
}
.UICalendar.themed P.f {
  padding: 0px 21px;
  position: relative;
}
.UICalendar.themed P.f SPAN {
  padding: 2px 5px;
  border-radius: 3px;
  cursor: pointer;
  transition: opacity 2s;
}
.UICalendar.themed P.f SPAN.mustValidate {
  opacity: 0.2;
}
.UICalendar.themed P.f SPAN.mustValidate A {
  pointer-events: none;
}
.UICalendar.themed P.f SPAN.lf {
  margin-left: 21px;
  overflow: hidden;
  padding: 0px;
  display: inline;
  white-space: nowrap;
}
@media (hover: hover) {
  .UICalendar.themed P.f SPAN:hover {
    background: #595 !important;
  }
}
.UICalendar.themed P.f A {
  position: absolute;
  color: inherit !important;
  background: none;
  display: block;
  padding: 0px;
}
.UICalendar.themed P.f A.rightButton, .UICalendar.themed P.f A.leftButton {
  display: none;
}
@media (hover: hover) {
  .UICalendar.themed P.f A.rightButton, .UICalendar.themed P.f A.leftButton {
    display: block;
  }
}
.UICalendar .m A {
  min-height: 41px;
}
.UICalendar.withDays .m A:nth-child(1), .UICalendar.withDays .m A:nth-child(2), .UICalendar.withDays .m A:nth-child(3), .UICalendar.withDays .m A:nth-child(4), .UICalendar.withDays .m A:nth-child(5), .UICalendar.withDays .m A:nth-child(6), .UICalendar.withDays .m A:nth-child(7) {
  height: 8px;
  min-height: unset;
  padding: 3px 3px;
  background: unset !important;
  font-size: small;
}
.UICalendar A {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 8px 0px;
  margin: 0px 1px 1px 0px !important;
  border-radius: 2px;
}
.UICalendar A .p, .UICalendar A .a {
  display: block;
  color: red;
}
.UICalendar A:nth-child(7n) {
  /*margin-right:0px !important;*/
}
.UICalendar A.h:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 0px !important;
  background: linear-gradient(135deg, red 10px, transparent 10px) no-repeat;
  z-index: 2;
  border-radius: inherit;
}
.UICalendar A > P {
  display: block;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  display: grid;
}
.UICalendar A.w {
  opacity: 0.4;
}
.UICalendar A.e {
  background-color: transparent !important;
  cursor: inherit;
}
.UICalendar A.e:hover {
  background-color: initial;
}
@media (hover: hover) {
  .UICalendar A:hover {
    background-color: white;
    color: black;
  }
}
.UICalendar DIV.m {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, 1fr);
}
.UICalendar.themed SPAN.calTitle {
  position: relative;
  display: block;
  padding: 4px 0px;
}
.UICalendar.themed SPAN.calTitle .calSet {
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0;
  right: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.UICalendar.themed SPAN.calTitle .boardOpener {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  padding-left: 5px;
  padding-right: 0px;
  background: url(/img/icon/rotativeWhite.svg) no-repeat center center/21px;
  width: 21px;
}
.UICalendar.themed SPAN.calTitle .calSetRight {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  padding-left: 5px;
  padding-right: 0px;
  background: url(/img/icon/rotativeWhite.svg) no-repeat center center/21px;
  width: 21px;
}
.UICalendar.themed SPAN.calTitle .ti {
  background: unset !important;
  color: unset !important;
}
.UICalendar.themed SPAN.calTitle A {
  display: inline-block;
  background: unset;
  padding: 2px 0px;
  color: inherit !important;
}

.UIScale .userPic {
  background: rgba(255, 0, 0, 0.6) no-repeat center center/contain;
  background: black no-repeat center center/contain;
  margin: 3px 8px 0px 13px;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  display: block;
}

.UIScale.third SPAN.calTitle A.calSet {
  background-color: rgba(255, 0, 0, 0.6);
}
.UIScale.third.thirdF SPAN.calTitle A.calSet {
  background-color: rgba(255, 0, 153, 0.6);
}

DIV.UIBoardCalendar {
  max-width: 377px;
  box-sizing: content-box;
  height: fit-content;
  margin: 0px auto;
  grid-template-rows: min-content;
}
DIV.UIBoardCalendar A {
  padding: 5px 0px;
}
DIV.UIBoardCalendar A P {
  padding: 1px;
  font-size: 12px;
}

.UIEmployeeCalendar {
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.UIEmployeeCalendar A {
  overflow: hidden;
  color: #666;
  background-color: rgba(0, 0, 0, 0.0666666667);
  position: relative;
  display: grid;
  align-content: center;
  z-index: 2;
}
.UIEmployeeCalendar A.w {
  opacity: 0.1;
}
.UIEmployeeCalendar A.d, .UIEmployeeCalendar A.o, .UIEmployeeCalendar A.v, .UIEmployeeCalendar A.l, .UIEmployeeCalendar A.di {
  color: black;
}
.UIEmployeeCalendar A.d {
  background-color: white;
}
.UIEmployeeCalendar A.r {
  background-color: rgba(255, 221, 187, 0.2666666667);
}
.UIEmployeeCalendar A.o {
  background-color: #EEE7E7;
}
.UIEmployeeCalendar A.v {
  background-color: #EEF;
}
.UIEmployeeCalendar A.v.d {
  background-color: #D0D0F0;
}
.UIEmployeeCalendar A.m {
  background-color: red;
}
.UIEmployeeCalendar A.l {
  background-color: #FEE;
}
.UIEmployeeCalendar A.l.d {
  background-color: #F0D0D0;
}
.UIEmployeeCalendar A.di {
  background-color: #EFE;
}
.UIEmployeeCalendar A.ex, .UIEmployeeCalendar A.exW {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.UIEmployeeCalendar A.unknown {
  background-color: #633;
  color: #D33;
}
.UIEmployeeCalendar A.unknown:after {
  content: "";
  display: block;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3333333333);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.UIEmployeeCalendar A.t {
  color: white !important;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 119, 0, 0.8);
}
.UIEmployeeCalendar A.p::before {
  content: attr(data-d);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 0px !important;
  background: rgba(0, 0, 255, 0.5333333333);
  z-index: -1;
  z-index: 0;
  color: white;
  align-content: center;
  border-radius: inherit;
  display: grid;
}
.UIEmployeeCalendar A.p.t::before {
  left: 1px;
  right: 1px;
  bottom: 1px !important;
}
.UIEmployeeCalendar A P {
  overflow: auto;
  white-space: nowrap;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 4px;
  z-index: 2;
}
.UIEmployeeCalendar A P.t, .UIEmployeeCalendar A P.p {
  top: 0;
}
.UIEmployeeCalendar A P.t {
  z-index: 1;
  bottom: auto;
  overflow: hidden;
}
.UIEmployeeCalendar A P.t:before {
  width: 100%;
  background: rgba(0, 119, 0, 0.8);
  border-radius: 5px 5px 0px 0px;
  margin: 0px auto;
  padding: 0.5px 0px;
  z-index: 2;
  content: "hoje";
}
.UIEmployeeCalendar A P.e, .UIEmployeeCalendar A P.req, .UIEmployeeCalendar A P.reqP, .UIEmployeeCalendar A P.sim, .UIEmployeeCalendar A P.askInb {
  top: 2px;
  z-index: 3;
  right: 2px;
  height: 13px;
  width: 13px;
  background-position: center center;
  background-size: 13px;
  background-repeat: no-repeat;
}
.UIEmployeeCalendar A P.e {
  left: 2px;
  background-image: url(/img/icon/bell2.svg);
  opacity: 0.5;
  color: transparent !important;
}

DIV.themed {
  margin-top: 13px;
  overflow: auto;
}
@media (max-width: 630px) {
  DIV.themed {
    margin-left: 13px;
    margin-right: 13px;
  }
}
DIV.themed:last-child {
  margin-bottom: 13px;
}
DIV.themed > P, DIV.themed DIV > P {
  margin-top: 13px;
  margin-bottom: 13px;
}
DIV.themed > P {
  text-align: center;
}
@media (min-width: 360px) {
  DIV.themed {
    padding-left: 13px;
    padding-right: 13px;
  }
}
DIV.themed A {
  margin: 0.5px;
  border-radius: 5px;
}
DIV.themed LI A {
  padding: 8px 0px;
}

.UIFullBox {
  padding: unset;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: visible;
}
.UIFullBox:first-child {
  margin-bottom: 5px;
}

DIV.UIYear {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 5px;
  margin-left: 0px;
  margin-right: 0px;
  /*	.MonthDiv,.singleMonth:nth-child(3n){
  		margin-left:		3px;
  	}*/
}
DIV.UIYear .singleMonth {
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 2px;
}
DIV.UIYear .MonthDiv, DIV.UIYear .singleMonth:nth-child(3n) {
  margin-left: 2px;
  margin-right: 2px;
}
DIV.UIYear P.ti {
  margin: 0px;
  font-size: 12px;
  padding: 8px 0px 2px 0px;
}
DIV.UIYear .m A {
  font-size: 9px;
  padding: 0px 0px;
  min-height: 21px;
  background-color: rgba(0, 0, 0, 0.05);
}
DIV.UIYear .m A P {
  display: none !important;
}

@media (min-width: 630px) {
  .layer_a > .UIColumn.divided {
    display: grid;
    /*		grid-template:		"barT barT" auto
    							"UIMonthContainer UIEntriesContainer" 1fr
    							"barB barB" 0px / 1fr 1fr;*/
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
  }
  .layer_a > .UIColumn.divided .UIFullBox {
    padding-right: 6.5px;
    padding-left: 6.5px;
    margin-top: 13px;
  }
  DIV.UIYear {
    margin-left: 13px;
    margin-right: 13px;
  }
  DIV.UIYear .m A {
    min-height: 34px;
  }
}
@media (max-width: 1200px) {
  .layer_a > .UIColumn.divided.UITA {
    display: block !important;
  }
}
@media (max-width: 1200px) and (min-width: 510px) {
  .layer_a > .UIColumn.divided.UITA TD.cW {
    background: #777;
    min-width: 200px;
  }
  .layer_a > .UIColumn.divided.UITA TD.cW SPAN {
    right: unset;
    margin: unset;
  }
  .layer_a > .UIColumn.divided.UITA TD.cW SPAN.info {
    left: 21px;
    text-align: left;
    display: block;
    position: relative;
    font-size: small;
  }
}
.UIEmployeeCalendarExchanging .w {
  visibility: hidden;
  opacity: 0;
}

.UIAvailableEmployees LI.w {
  opacity: 0.7;
}
.UIAvailableEmployees LI.w A {
  color: #666;
}
.UIAvailableEmployees A {
  white-space: nowrap;
}
.UIAvailableEmployees A > SPAN {
  padding: 1px 3px;
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
  border-radius: 3px;
  margin-right: 1px;
}

.theMatrix3 .themed {
  color: #d2d2d2;
  background-color: transparent;
  /*background-image:			$degradenovo;*/
  background-image: radial-gradient(rgba(100, 100, 100, 0.7), rgba(27, 27, 27, 0.7));
  background-image: radial-gradient(circle at 99px, rgba(70, 70, 70, 0.7), rgba(17, 17, 17, 0.7));
  border-radius: 8px;
  box-shadow: 0px 0px 8px black;
}
.theMatrix3 .themed A {
  background-color: rgba(255, 255, 255, 0.07);
}
.theMatrix3 .themed A.selected {
  background-color: rgba(187, 187, 187, 0.2666666667);
  color: white;
}
@media (hover: hover) {
  .theMatrix3 .themed A:hover {
    background-color: rgba(187, 187, 187, 0.2666666667);
    color: white;
  }
  .theMatrix3 .themed A:hover.d {
    background-color: rgba(0, 0, 51, 0.2666666667);
  }
}
.theMatrix3 .themed.w A, .theMatrix3 .themed .w A {
  color: #888;
}
.theMatrix3 .UILayer.UIBackground {
  background: url(/img/bg/iPad.png) repeat;
}
.theMatrix3 .UIEmployeeCalendar A {
  /*background-color:		$normalBG;*/
}
.theMatrix3 .UIEmployeeCalendar A.d {
  background-color: black;
  color: white;
}

/*	$normalBG:						#0002;
	$weakColor:						#9572f3;*/
/*$normalColorStrong:*/
.theMatrix2 {
  /*$degradenovo:					linear-gradient(281deg, rgba(100, 100, 100, 0.7), rgba(27, 27, 27, 0.7));*/
}
.theMatrix2 .themed {
  color: #CCC;
  background-color: transparent;
  /*background-image:			$degradenovo;*/
  /*		background-image:			radial-gradient(rgba(100, 100, 100, 0.7), rgba(27, 27, 27, 0.7));
  		background-image:			radial-gradient(circle at 99px, rgba(70,70,70, 0.7), rgba(17,17,17, 0.7));
  		border-radius:				8px;
  		box-shadow:					0px 0px 8px black;*/
}
.theMatrix2 .themed.w A, .theMatrix2 .themed .w A {
  color: #888;
}
.theMatrix2 .themed A, .theMatrix2 .themed .bgA {
  background-color: rgba(255, 255, 255, 0.07);
}
.theMatrix2 .themed A {
  /*			@media(hover:hover){
  				&:hover{
  					background-color:	#BBB4;
  					color:				white;
  					&.d{
  						background-color: #0034;
  					}
  				}
  			}*/
}
.theMatrix2 .themed A.d, .theMatrix2 .themed A.edo {
  background-color: black;
  /*color:				$normalColorStrong;*/
}
.theMatrix2 .themed A.d.dx {
  background-color: rgba(0, 17, 68, 0.3333333333);
}
.theMatrix2 .themed A.ex {
  background-color: rgba(255, 255, 255, 0.07);
}
.theMatrix2 .themed A.special {
  background-color: black;
  color: #ca2b2b;
}
.theMatrix2 .themed A.special P {
  color: #ca2b2b;
}
.theMatrix2 .themed A.special.h:after {
  display: none;
}
.theMatrix2 .themed A P {
  color: #CCC;
}
.theMatrix2 .themed A.selected {
  background-color: rgba(187, 187, 187, 0.2666666667);
  color: white;
}
.theMatrix2 .themed A.v {
  background-color: #585800;
}
.theMatrix2 .themed A.v.d {
  background-color: #2a2a00;
}
.theMatrix2 .themed A.exW {
  background-color: rgba(255, 255, 255, 0.07);
}
.theMatrix2 .themed A.nh, .theMatrix2 .themed A.unknown2 {
  color: #ffee00;
  background-color: #ff00f4;
  /*background-color:		color.adjust($invertedBg, $red: 140, $green: 140);*/
}
.theMatrix2 .themed A.nh P, .theMatrix2 .themed A.unknown2 P {
  color: #ffee00;
}
.theMatrix2 .themed A.strike {
  background-color: #36105b !important;
  /*color:					red !important;*/
}
.theMatrix2 .themed A.strike P {
  /*color:				red !important;*/
}
.theMatrix2 .themed A.l {
  background-color: #5b0000;
}
.theMatrix2 .themed A.l.d {
  background-color: #3c0000;
}
.theMatrix2 .themed A.confer {
  background-color: #008c00;
  color: white;
}
.theMatrix2 .themed A.lP {
  background-color: rgba(91, 0, 0, 0.2);
}
.theMatrix2 .themed A.lP.d {
  background-color: rgba(60, 0, 0, 0.2);
}
.theMatrix2 .themed A.di {
  background-color: #000044;
}
.theMatrix2 .themed A.m {
  background-color: #8c0000;
}
.theMatrix2 .themed A.o {
  background-color: #004444;
}
.theMatrix2 .themed A.o.d {
  background-color: #003232;
}
.theMatrix2 .themed A.d:not(.exW):not(.ex), .theMatrix2 .themed A.edo, .theMatrix2 .themed A.o, .theMatrix2 .themed A.v, .theMatrix2 .themed A.l, .theMatrix2 .themed A.lP, .theMatrix2 .themed A.di, .theMatrix2 .themed A.m, .theMatrix2 .themed A.strike {
  color: #CCC;
  /*				P{
  					color:$normalColorStrong;
  				}*/
}
.theMatrix2 .themed A.selected {
  background-color: rgba(0, 0, 255, 0.5333333333);
  color: #CCC;
}
@media (hover: hover) {
  .theMatrix2 .themed A:hover {
    background-color: rgba(0, 0, 255, 0.2666666667);
    color: #CCC;
  }
  .theMatrix2 .themed A:hover.d {
    background-color: rgba(0, 0, 51, 0.2666666667);
  }
}
.theMatrix2 .themed {
  background-color: transparent;
  /*background-image:			$degradenovo;*/
  background-image: radial-gradient(rgba(100, 100, 100, 0.7), rgba(27, 27, 27, 0.7));
  background-image: radial-gradient(circle at 99px, rgba(70, 70, 70, 0.7), rgba(17, 17, 17, 0.7));
  border-radius: 8px;
  box-shadow: 0px 0px 8px black;
}
.theMatrix2 .UILayer.UIBackground {
  background: url(/img/bg/iPad.png) repeat;
}

.theMatrix2.third .themed {
  color: #d2d2d2;
  background-color: transparent;
  /*background-image:			$degradenovo;*/
  /*		background-image:			radial-gradient(rgba(100, 100, 100, 0.7), rgba(27, 27, 27, 0.7));
  		background-image:			radial-gradient(circle at 99px, rgba(70,70,70, 0.7), rgba(17,17,17, 0.7));
  		border-radius:				8px;
  		box-shadow:					0px 0px 8px black;*/
}
.theMatrix2.third .themed.w A, .theMatrix2.third .themed .w A {
  color: #888;
}
.theMatrix2.third .themed A, .theMatrix2.third .themed .bgA {
  background-color: rgba(255, 210, 210, 0.1);
}
.theMatrix2.third .themed A {
  /*			@media(hover:hover){
  				&:hover{
  					background-color:	#BBB4;
  					color:				white;
  					&.d{
  						background-color: #0034;
  					}
  				}
  			}*/
}
.theMatrix2.third .themed A.d, .theMatrix2.third .themed A.edo {
  background-color: #000;
  /*color:				$normalColorStrong;*/
}
.theMatrix2.third .themed A.d.dx {
  background-color: rgba(0, 17, 68, 0.3333333333);
}
.theMatrix2.third .themed A.ex {
  background-color: rgba(255, 210, 210, 0.1);
}
.theMatrix2.third .themed A.special {
  background-color: black;
  color: #ca2b2b;
}
.theMatrix2.third .themed A.special P {
  color: #ca2b2b;
}
.theMatrix2.third .themed A.special.h:after {
  display: none;
}
.theMatrix2.third .themed A P {
  color: #d2d2d2;
}
.theMatrix2.third .themed A.selected {
  background-color: rgba(187, 187, 187, 0.2666666667);
  color: white;
}
.theMatrix2.third .themed A.v {
  background-color: #585800;
}
.theMatrix2.third .themed A.v.d {
  background-color: #2a2a00;
}
.theMatrix2.third .themed A.exW {
  background-color: rgba(255, 210, 210, 0.1);
}
.theMatrix2.third .themed A.nh, .theMatrix2.third .themed A.unknown2 {
  color: #ffee00;
  background-color: #ff00f4;
  /*background-color:		color.adjust($invertedBg, $red: 140, $green: 140);*/
}
.theMatrix2.third .themed A.nh P, .theMatrix2.third .themed A.unknown2 P {
  color: #ffee00;
}
.theMatrix2.third .themed A.strike {
  background-color: #36105b !important;
  /*color:					red !important;*/
}
.theMatrix2.third .themed A.strike P {
  /*color:				red !important;*/
}
.theMatrix2.third .themed A.l {
  background-color: #5b0000;
}
.theMatrix2.third .themed A.l.d {
  background-color: #3c0000;
}
.theMatrix2.third .themed A.confer {
  background-color: #008c00;
  color: white;
}
.theMatrix2.third .themed A.lP {
  background-color: rgba(91, 0, 0, 0.2);
}
.theMatrix2.third .themed A.lP.d {
  background-color: rgba(60, 0, 0, 0.2);
}
.theMatrix2.third .themed A.di {
  background-color: #000044;
}
.theMatrix2.third .themed A.m {
  background-color: #8c0000;
}
.theMatrix2.third .themed A.o {
  background-color: #004444;
}
.theMatrix2.third .themed A.o.d {
  background-color: #003232;
}
.theMatrix2.third .themed A.d:not(.exW):not(.ex), .theMatrix2.third .themed A.edo, .theMatrix2.third .themed A.o, .theMatrix2.third .themed A.v, .theMatrix2.third .themed A.l, .theMatrix2.third .themed A.lP, .theMatrix2.third .themed A.di, .theMatrix2.third .themed A.m, .theMatrix2.third .themed A.strike {
  color: #d2d2d2;
  /*				P{
  					color:$normalColorStrong;
  				}*/
}
.theMatrix2.third .themed A.selected {
  background-color: rgba(0, 0, 255, 0.5333333333);
  color: #d2d2d2;
}
@media (hover: hover) {
  .theMatrix2.third .themed A:hover {
    background-color: rgba(0, 0, 255, 0.2666666667);
    color: #d2d2d2;
  }
  .theMatrix2.third .themed A:hover.d {
    background-color: rgba(0, 0, 51, 0.2666666667);
  }
}
.theMatrix2.third .themed {
  background-image: radial-gradient(circle at 99px, rgba(84, 70, 70, 0.7), rgba(21, 17, 17, 0.7));
}

/*$normalColorStrong:*/
BODY.theMatrixPink#UIBody .themed, BODY.theMatrixBirthday#UIBody .themed {
  color: white;
  background-color: transparent;
  /*background-image:			$degradenovo;*/
  /*		background-image:			radial-gradient(rgba(100, 100, 100, 0.7), rgba(27, 27, 27, 0.7));
  		background-image:			radial-gradient(circle at 99px, rgba(70,70,70, 0.7), rgba(17,17,17, 0.7));
  		border-radius:				8px;
  		box-shadow:					0px 0px 8px black;*/
}
BODY.theMatrixPink#UIBody .themed.w A, BODY.theMatrixPink#UIBody .themed .w A, BODY.theMatrixBirthday#UIBody .themed.w A, BODY.theMatrixBirthday#UIBody .themed .w A {
  color: #9572f3;
}
BODY.theMatrixPink#UIBody .themed A, BODY.theMatrixPink#UIBody .themed .bgA, BODY.theMatrixBirthday#UIBody .themed A, BODY.theMatrixBirthday#UIBody .themed .bgA {
  background-color: none;
}
BODY.theMatrixPink#UIBody .themed A, BODY.theMatrixBirthday#UIBody .themed A {
  /*			@media(hover:hover){
  				&:hover{
  					background-color:	#BBB4;
  					color:				white;
  					&.d{
  						background-color: #0034;
  					}
  				}
  			}*/
}
BODY.theMatrixPink#UIBody .themed A.d, BODY.theMatrixPink#UIBody .themed A.edo, BODY.theMatrixBirthday#UIBody .themed A.d, BODY.theMatrixBirthday#UIBody .themed A.edo {
  background-color: #321877;
  /*color:				$normalColorStrong;*/
}
BODY.theMatrixPink#UIBody .themed A.d.dx, BODY.theMatrixBirthday#UIBody .themed A.d.dx {
  background-color: rgba(0, 17, 68, 0.3333333333);
}
BODY.theMatrixPink#UIBody .themed A.ex, BODY.theMatrixBirthday#UIBody .themed A.ex {
  background-color: none;
}
BODY.theMatrixPink#UIBody .themed A.special, BODY.theMatrixBirthday#UIBody .themed A.special {
  background-color: black;
  color: #ca2b2b;
}
BODY.theMatrixPink#UIBody .themed A.special P, BODY.theMatrixBirthday#UIBody .themed A.special P {
  color: #ca2b2b;
}
BODY.theMatrixPink#UIBody .themed A.special.h:after, BODY.theMatrixBirthday#UIBody .themed A.special.h:after {
  display: none;
}
BODY.theMatrixPink#UIBody .themed A P, BODY.theMatrixBirthday#UIBody .themed A P {
  color: white;
}
BODY.theMatrixPink#UIBody .themed A.selected, BODY.theMatrixBirthday#UIBody .themed A.selected {
  background-color: rgba(187, 187, 187, 0.2666666667);
  color: white;
}
BODY.theMatrixPink#UIBody .themed A.v, BODY.theMatrixBirthday#UIBody .themed A.v {
  background-color: #8a7077;
}
BODY.theMatrixPink#UIBody .themed A.v.d, BODY.theMatrixBirthday#UIBody .themed A.v.d {
  background-color: #5c4277;
}
BODY.theMatrixPink#UIBody .themed A.exW, BODY.theMatrixBirthday#UIBody .themed A.exW {
  background-color: none;
}
BODY.theMatrixPink#UIBody .themed A.nh, BODY.theMatrixPink#UIBody .themed A.unknown2, BODY.theMatrixBirthday#UIBody .themed A.nh, BODY.theMatrixBirthday#UIBody .themed A.unknown2 {
  color: #ffee00;
  background-color: #ff00f4;
  /*background-color:		color.adjust($invertedBg, $red: 140, $green: 140);*/
}
BODY.theMatrixPink#UIBody .themed A.nh P, BODY.theMatrixPink#UIBody .themed A.unknown2 P, BODY.theMatrixBirthday#UIBody .themed A.nh P, BODY.theMatrixBirthday#UIBody .themed A.unknown2 P {
  color: #ffee00;
}
BODY.theMatrixPink#UIBody .themed A.strike, BODY.theMatrixBirthday#UIBody .themed A.strike {
  background-color: #6828d2 !important;
  /*color:					red !important;*/
}
BODY.theMatrixPink#UIBody .themed A.strike P, BODY.theMatrixBirthday#UIBody .themed A.strike P {
  /*color:				red !important;*/
}
BODY.theMatrixPink#UIBody .themed A.l, BODY.theMatrixBirthday#UIBody .themed A.l {
  background-color: #8d1877;
}
BODY.theMatrixPink#UIBody .themed A.l.d, BODY.theMatrixBirthday#UIBody .themed A.l.d {
  background-color: #6e1877;
}
BODY.theMatrixPink#UIBody .themed A.confer, BODY.theMatrixBirthday#UIBody .themed A.confer {
  background-color: #32a477;
  color: white;
}
BODY.theMatrixPink#UIBody .themed A.lP, BODY.theMatrixBirthday#UIBody .themed A.lP {
  background-color: rgba(141, 24, 119, 0.2);
}
BODY.theMatrixPink#UIBody .themed A.lP.d, BODY.theMatrixBirthday#UIBody .themed A.lP.d {
  background-color: rgba(110, 24, 119, 0.2);
}
BODY.theMatrixPink#UIBody .themed A.di, BODY.theMatrixBirthday#UIBody .themed A.di {
  background-color: #3218bb;
}
BODY.theMatrixPink#UIBody .themed A.m, BODY.theMatrixBirthday#UIBody .themed A.m {
  background-color: #be1877;
}
BODY.theMatrixPink#UIBody .themed A.o, BODY.theMatrixBirthday#UIBody .themed A.o {
  background-color: #325cbb;
}
BODY.theMatrixPink#UIBody .themed A.o.d, BODY.theMatrixBirthday#UIBody .themed A.o.d {
  background-color: #324aa9;
}
BODY.theMatrixPink#UIBody .themed A.d:not(.exW):not(.ex), BODY.theMatrixPink#UIBody .themed A.edo, BODY.theMatrixPink#UIBody .themed A.o, BODY.theMatrixPink#UIBody .themed A.v, BODY.theMatrixPink#UIBody .themed A.l, BODY.theMatrixPink#UIBody .themed A.lP, BODY.theMatrixPink#UIBody .themed A.di, BODY.theMatrixPink#UIBody .themed A.m, BODY.theMatrixPink#UIBody .themed A.strike, BODY.theMatrixBirthday#UIBody .themed A.d:not(.exW):not(.ex), BODY.theMatrixBirthday#UIBody .themed A.edo, BODY.theMatrixBirthday#UIBody .themed A.o, BODY.theMatrixBirthday#UIBody .themed A.v, BODY.theMatrixBirthday#UIBody .themed A.l, BODY.theMatrixBirthday#UIBody .themed A.lP, BODY.theMatrixBirthday#UIBody .themed A.di, BODY.theMatrixBirthday#UIBody .themed A.m, BODY.theMatrixBirthday#UIBody .themed A.strike {
  color: white;
  /*				P{
  					color:$normalColorStrong;
  				}*/
}
BODY.theMatrixPink#UIBody .themed A.selected, BODY.theMatrixBirthday#UIBody .themed A.selected {
  background-color: rgba(0, 0, 255, 0.5333333333);
  color: white;
}
@media (hover: hover) {
  BODY.theMatrixPink#UIBody .themed A:hover, BODY.theMatrixBirthday#UIBody .themed A:hover {
    background-color: rgba(0, 0, 255, 0.2666666667);
    color: white;
  }
  BODY.theMatrixPink#UIBody .themed A:hover.d, BODY.theMatrixBirthday#UIBody .themed A:hover.d {
    background-color: rgba(0, 0, 51, 0.2666666667);
  }
}
BODY.theMatrixPink#UIBody .themed, BODY.theMatrixBirthday#UIBody .themed {
  background-image: linear-gradient(-21deg, rgba(252, 119, 173, 0.8), rgba(123, 123, 249, 0.8));
  background-image: linear-gradient(-21deg, #ffdcfb, #ff0caa);
  box-shadow: 0px 0px 13px #f4cff5;
}
BODY.theMatrixPink#UIBody .themed DIV.gigInfo, BODY.theMatrixBirthday#UIBody .themed DIV.gigInfo {
  font-family: Barbie;
  font-size: 55px;
  color: #ff0caa;
  white-space: nowrap;
  /*text-shadow:			3px 2px 5px #e2a3e7;*/
}
BODY.theMatrixPink#UIBody .themed, BODY.theMatrixPink#UIBody .calendarInfoSpecial, BODY.theMatrixBirthday#UIBody .themed, BODY.theMatrixBirthday#UIBody .calendarInfoSpecial {
  box-shadow: 0px 0px 13px #ad2dd0;
}
BODY.theMatrixPink#UIBody .calendarInfoSpecial, BODY.theMatrixBirthday#UIBody .calendarInfoSpecial {
  box-shadow: unset !important;
}
@media (max-width: 630px) {
  BODY.theMatrixPink#UIBody .themed, BODY.theMatrixBirthday#UIBody .themed {
    margin-left: 13px;
    margin-right: 13px;
    border-radius: 8px;
  }
}
BODY.theMatrixPink#UIBody .UILayer.UIBackground, BODY.theMatrixBirthday#UIBody .UILayer.UIBackground {
  background-image: linear-gradient(-21deg, rgb(44, 49, 74), rgb(37, 46, 70));
  background-image: linear-gradient(-21deg, #d99aa5, #993576);
  background-image: linear-gradient(-21deg, #ffdcfb, #ff0caa);
  background-image: linear-gradient(-21deg, rgba(123, 123, 249, 0.8), rgba(252, 119, 173, 0.8));
}
BODY.theMatrixPink#UIBody .UIMainBar, BODY.theMatrixBirthday#UIBody .UIMainBar {
  background-image: linear-gradient(170deg, #444e82, #00081d);
  background-image: linear-gradient(170deg, #321877, #00081d);
  filter: unset;
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.2666666667);
}
BODY.theMatrixPink#UIBody DIV.UIOfficeBoard .attendance, BODY.theMatrixBirthday#UIBody DIV.UIOfficeBoard .attendance {
  color: white;
  filter: brightness(5.5);
  -webkit-filter: brightness(5.5);
}

.theMatheMatrixCleartrix2 .UILayer.UIBackground {
  background-image: none;
  background-color: #999;
}
.theMatheMatrixCleartrix2 .UIEmployeeCalendar, .theMatheMatrixCleartrix2 .UIOfficeBoard {
  /*background-image:	radial-gradient(circle, rgb(252,119,173), rgb(123, 123, 249));*/
  background-image: linear-gradient(-21deg, rgba(252, 119, 173, 0.8), rgba(123, 123, 249, 0.8));
  background-image: none;
  background-color: #666;
}

.UIEmployeeCalendar A {
  /*&.t,*/
  /*	&.v{		// vacation
  		background-color:	#EEF;
  		&.d{
  			background-color: #D0D0F0;
  		}
  	}*/
}
.UIEmployeeCalendar A.p {
  color: white;
}
.UIEmployeeCalendar A.r {
  /*background-color:	#FDB4;*/
}
.UIEmployeeCalendar A.o {
  background-color: #EEE7E7;
}
.UIEmployeeCalendar A.m {
  background-color: red;
}
.UIEmployeeCalendar A.l, .UIEmployeeCalendar A.lP {
  background-color: #FEE;
}
.UIEmployeeCalendar A.l.d, .UIEmployeeCalendar A.lP.d {
  background-color: #F0D0D0;
}
.UIEmployeeCalendar A.di {
  background-color: #EFE;
}
.UIEmployeeCalendar A P.req, .UIEmployeeCalendar A P.reqP, .UIEmployeeCalendar A P.askInb, .UIEmployeeCalendar A P.sim {
  right: 2px;
  left: auto;
  background-image: url(/img/icon/wait4Yellow.svg);
  box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 0, 0.1764705882);
}
.UIEmployeeCalendar A P.sim {
  background-image: url("/img/icon/lamp.svg");
  box-shadow: inset 0px 0px 1px 0px rgba(255, 170, 85, 0.1764705882);
}
.UIEmployeeCalendar A P.reqP {
  background-image: url(/img/icon/waitPersonYellow.svg);
}
.UIEmployeeCalendar A P.askInb {
  background-image: url(/img/icon/questionYellow.svg);
  background-image: url(/img/icon/ask2Green2.svg);
}
.UIEmployeeCalendar A.exD P.req, .UIEmployeeCalendar A.exW P.req {
  background-image: url(/img/icon/wait4White.svg);
}

.OfficeMonthlyBoard {
  margin-bottom: 21px;
}
.OfficeMonthlyBoard > P {
  text-align: center;
  margin-bottom: 5px !important;
}
.OfficeMonthlyBoard > P.officeTitle {
  font-family: Segoe;
  font-size: larger;
}
.OfficeMonthlyBoard UL.monthly {
  margin-left: 13px;
  margin-right: 13px;
}
.OfficeMonthlyBoard UL.monthly LI {
  text-align: center;
  grid-template-columns: 0.5fr 0.5fr;
}
.OfficeMonthlyBoard UL.monthly LI A {
  display: block;
  background-color: rgba(0, 0, 0, 0.3333333333);
  padding: 13px 8px 3px 8px;
}
.OfficeMonthlyBoard UL.monthly LI A SPAN.w {
  opacity: 0.3;
}
.OfficeMonthlyBoard UL.monthly LI A.i {
  background: unset !important;
  text-align: right;
  padding-right: 3px;
}
.OfficeMonthlyBoard UL.monthly LI A em {
  opacity: 0.5;
}
.OfficeMonthlyBoard UL.monthly LI A.eR {
  grid-column: 2/3;
}
.OfficeMonthlyBoard UL.monthly LI A.eM {
  grid-column: 1/2;
}
.OfficeMonthlyBoard UL.monthly LI A.boardRole {
  color: #777 !important;
  /*opacity:				.5;*/
}
.OfficeMonthlyBoard UL.monthly LI A > SPAN.board {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: 5px;
  text-align: center;
  width: 100%;
  bottom: unset;
  font-size: 9px;
  box-sizing: border-box;
  width: 100%;
  bottom: unset;
  font-size: 9px;
  box-sizing: border-box;
  right: 0;
  left: auto;
  width: 55px;
  transform: translateX(50%);
  background: #222;
  background: #000;
  height: fit-content;
  /* color: black; */
  z-index: 99;
  bottom: 0;
  margin: auto;
  font-size: 11px;
  padding: 1px 1px;
}
.OfficeMonthlyBoard UL.monthly LI A > SPAN.board X {
  /*text-decoration: line-through;*/
  font-style: italic;
}
.OfficeMonthlyBoard UL.monthly LI.title A {
  opacity: 0.6;
  background: transparent;
  padding: 0px;
  font-size: small;
}

.third .OfficeMonthlyBoard UL.monthly LI A {
  background-color: rgba(34, 0, 0, 0.3333333333);
}

.UIEmployeeCalendarExchanging.UICalendar A {
  transition: color 1.5s, background 1.5s, background-color 1.5s;
}
.UIEmployeeCalendarExchanging.UICalendar A:after {
  transition: color 1.5s;
}
.UIEmployeeCalendarExchanging.UICalendar A P {
  transition: opacity 1.5s;
}
.UIEmployeeCalendarExchanging.UICalendar A P.req {
  background-image: url(/img/icon/wait4White.svg);
}
.UIEmployeeCalendarExchanging.UICalendar .singleMonth {
  background-color: rgba(0, 0, 0, 0.2666666667);
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.UIEmployeeCalendarExchanging.UICalendar .singleMonth:last-child {
  margin-bottom: unset;
}
.UIEmployeeCalendarExchanging.UICalendar .singleMonth > P.ti {
  margin-top: unset;
  margin-bottom: 5px;
}
.UIEmployeeCalendarExchanging.UICalendar .singleMonth P A {
  color: rgba(255, 255, 255, 0.3333333333);
}

.UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride) {
  color: rgba(255, 255, 255, 0.3333333333);
}
.UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride):after {
  color: transparent;
}
.UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).d2, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).o2, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).v2, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).l2, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).di2, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).m2 {
  /*background:			transparent;*/
  /*color:				transparent;*/
}
.UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride) P.t:before {
  content: " ";
  min-height: 12px;
}
.UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride) P.e2, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride) P.e2T {
  /*transition:			color 1.5s, background 1.5s, background-color 1.5s;*/
  transition: inherit;
  background: transparent;
}
.UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).exW2 P.e2T, .UIScaleExchange .UIEmployeeCalendarExchanging.UICalendar.themed A:not(.hackToOverride).ex2 P.e2T {
  display: none;
}

.hider {
  padding: 8px;
  border-radius: 8px;
  background: black;
  color: #0F0;
  box-shadow: inset 0px 0px 0px 2px #0f0;
  cursor: pointer;
}

.UICalendarVacationFixing .UIEmployeeCalendar.UICalendar A.selected {
  color: black;
  background: rgba(0, 255, 0, 0.3333333333);
  box-shadow: 0px 0px 3px 3px #0f0, inset 0px 0px 0px 4px #0f0;
  cursor: pointer;
}
.UICalendarVacationFixing .UIEmployeeCalendar.UICalendar A.selected:after {
  content: "folgar";
  top: 2px;
  right: 0;
  left: 0;
  position: absolute;
  margin: auto;
  font-size: 9px;
  color: black;
}
.UICalendarVacationFixing .UIEmployeeCalendar.UICalendar A.selected P.e2 {
  color: #0F0;
}

.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride) {
  cursor: default;
  color: transparent;
  /*	P.p{ //		the one that goes up
  		top:					3px;
  		color:					transparent;
  	}*/
  /*	&.d{						// requesting employee can work
  		&:not(.l2):not(.v2):not(.o2):not(.di2):not(.m2){ // involved employee can rest
  		}
  	}
  }

  .calendarInfo{
  	/*display:					none;*/
}
@media (hover: hover) {
  .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride):hover {
    background: default;
  }
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).p:not(.hackToOverride) {
  background: rgba(0, 0, 255, 0.4666666667);
  background: red;
  color: white !important;
  /*		&:after{
  			content:			'dia';
  			top:				0;
  			bottom:				0;
  			right:				0;
  			left:				0;
  			font-size:			21px;
  			position:			absolute;
  			height:				max-content;
  			margin:				auto;
  			color:				white !important;
  		}*/
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).p:not(.hackToOverride) P {
  display: none !important;
  color: transparent !important;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).p:not(.hackToOverride):before {
  content: "";
  display: none;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d:not(.exW), .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).edo, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).o, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).v, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).vf, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).l, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).di, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).m {
  background: black;
  /*color:					white;*/
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).o P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).v P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).vf P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).l P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).di P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).m P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).exD P.e2 {
  display: none;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).edo2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).exD2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).o2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).v2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).vf2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).l2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).di2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).m2 {
  /*		&.d,&.o,&.v,&.v2,&.l,&.di,&.m{
  			background:			#777;
  			background-image:	linear-gradient(180deg, black 50%, white 50%);
  			color:				#777;
  		}*/
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).edo2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).edo2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).exD2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).exD2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).o2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).o2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).v2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).v2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).vf2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).vf2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).l2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).l2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).di2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).di2 P.e2T, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).m2 P.e2, .UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).m2 P.e2T {
  opacity: 1;
  border-radius: 3px;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d:not(.edo):not(.exW):not(.l):not(.v):not(.vf):not(.exD):not(.o):not(.di):not(.d2):not(.edo2):not(.l2):not(.v2):not(.vf2):not(.exD2):not(.o2):not(.di2) {
  background: #0F0;
  color: black;
  background: #040;
  color: #0F0;
  box-shadow: inset 0px 0px 0px 2px #0f0;
  cursor: pointer;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d:not(.edo):not(.exW):not(.l):not(.v):not(.vf):not(.exD):not(.o):not(.di):not(.d2):not(.edo2):not(.l2):not(.v2):not(.vf2):not(.exD2):not(.o2):not(.di2):after {
  content: "pagar";
  top: 2px;
  right: 2px;
  left: 2px;
  position: absolute;
  margin: auto;
  font-size: 11px;
  color: #0F0;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d:not(.edo):not(.exW):not(.l):not(.v):not(.vf):not(.exD):not(.o):not(.di):not(.d2):not(.edo2):not(.l2):not(.v2):not(.vf2):not(.exD2):not(.o2):not(.di2) P.e2 {
  color: #0F0;
}
.UIScaleExchange .UIEmployeeCalendar.UICalendar A:not(.hackToOverride).d:not(.edo):not(.exW):not(.l):not(.v):not(.vf):not(.exD):not(.o):not(.di):not(.d2):not(.edo2):not(.l2):not(.v2):not(.vf2):not(.exD2):not(.o2):not(.di2) P.e2 {
  color: inherit !important;
  opacity: 1;
}

.concept .UIMap {
  background: unset !important;
  box-shadow: unset !important;
  display: block !important;
  border-radius: 13px;
  padding: 0px;
}
.concept DIV.themed DIV.calendarInfo DIV.gigInfo {
  margin-bottom: 13px;
  margin-top: 13px;
  font-family: Enchanted;
  font-size: 25px;
}
.concept DIV.themed DIV.calendarInfo DIV.gigInfo DIV.icons {
  display: flex;
  justify-content: center;
}
.concept DIV.themed DIV.calendarInfo DIV.gigInfo DIV.icons A {
  padding: 2px 9px;
  background: rgba(255, 0, 0, 0.2666666667);
  font-size: 21px;
  width: max-content;
}
.concept .UIEmployeeCalendar {
  padding-top: 8px;
}
.concept .UIEmployeeCalendar > A {
  display: inline-block;
  background: none;
}
.concept #UIMonthContainer P SPAN {
  display: block;
  padding-left: 24px;
}
.concept #UIMonthContainer P SPAN.d {
  background: linear-gradient(90deg, black 21px, transparent 21px) no-repeat;
}
.concept #UIMonthContainer P SPAN.di {
  background: linear-gradient(90deg, #000044 21px, transparent 21px) no-repeat;
}
.concept #UIMonthContainer P SPAN.l {
  background: linear-gradient(90deg, #5b0000 21px, transparent 21px) no-repeat;
}
.concept #UIMonthContainer P SPAN.v {
  background: linear-gradient(90deg, #585800 21px, transparent 21px) no-repeat;
}
.concept .UIOfficeBoard {
  display: grid;
  padding-left: 0px;
}
.concept DIV.themed DIV.calendarInfo {
  border-radius: 5px;
  padding-top: 8px;
  margin-right: 0.5px;
  text-align: center;
  align-items: center;
}
.concept DIV.themed DIV.calendarInfo A {
  background: transparent;
  width: 55px;
  display: block;
  padding: 0px 8px 0px 13px;
}
.concept DIV.themed DIV.calendarInfo SPAN {
  display: block;
}
.concept DIV.themed DIV.calendarInfo SPAN.j {
  font-size: 34px;
  height: 28px;
}
.concept DIV.themed DIV.calendarInfo SPAN.m {
  /*font-size:		13px;*/
  font-style: small-caps;
  font-variant: all-small-caps;
}
.concept DIV.themed DIV.calendarInfo .li {
  font-size: 21px;
  margin-top: 13px !important;
  background: rgba(0, 0, 0, 0.2) center 11px/21px url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+RWRpdDwvdGl0bGU+PHBhdGggZD0iTTMxOC4zNyw4NS40NUw0MjIuNTMsMTkwLjExLDE1OC44OSw0NTUsNTQuNzksMzUwLjM4Wk01MDEuNTYsNjAuMkw0NTUuMTEsMTMuNTNhNDUuOTMsNDUuOTMsMCwwLDAtNjUuMTEsMEwzNDUuNTEsNTguMjQsNDQ5LjY2LDE2Mi45bDUxLjktNTIuMTVBMzUuOCwzNS44LDAsMCwwLDUwMS41Niw2MC4yWk0wLjI5LDQ5Ny40OWExMS44OCwxMS44OCwwLDAsMCwxNC4zNCwxNC4xN2wxMTYuMDYtMjguMjhMMjYuNTksMzc4LjcyWiI+PC9wYXRoPjwvc3ZnPg==) no-repeat;
  margin: auto;
  border-radius: 5px;
  width: 55px;
  height: 55px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
.concept DIV.themed DIV.calendarInfo .li SPAN {
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
}
.concept DIV.themed DIV.calendarInfo .li:last-child {
  /*margin-bottom:	0px;*/
}

DIV.VacationSelectCalendar .UICalendar .prev, DIV.VacationSelectCalendar .UICalendar .next {
  display: none;
}
DIV.VacationSelectCalendar .UICalendar SPAN.calTitle {
  width: unset;
  text-align: center;
  padding: unset;
}
DIV.VacationSelectCalendar .UICalendar P.ti {
  padding: 13px 0px 3px 0px !important;
  margin: 5px 0px 0px;
  display: block;
  font-size: 13px;
}
DIV.VacationSelectCalendar .UICalendar P.ti A {
  padding: 0px;
  margin-bottom: 0px !important;
  font-size: inherit;
  display: block !important;
}
DIV.VacationSelectCalendar .UICalendar P.ti A SPAN {
  display: inline;
  padding: unset;
}
DIV.VacationSelectCalendar .UICalendar A {
  min-height: 13px;
  padding: 4px 0px 14px 0px;
  opacity: 0.8;
}
DIV.VacationSelectCalendar .UICalendar A P {
  padding: unset !important;
  /*font-size:			10px;*/
  bottom: 2px;
}
DIV.VacationSelectCalendar .UICalendar A.setVacation {
  background: blue !important;
  color: white !important;
  opacity: 1;
}
DIV.VacationSelectCalendar .UICalendar A.setVacation.d {
  background: #005 !important;
}

.UILayer-add {
  top: auto;
  max-width: 500px;
  top: 0px;
  max-width: unset;
  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;
}
.UILayer-add .UIColumn {
  max-width: 500px;
}

.collapsing {
  transition: height 0.5s;
}

@keyframes gameTip {
  from {
    top: -13px;
  }
  40% {
    opacity: 1;
  }
  to {
    top: -34px;
    opacity: 0;
  }
}
@keyframes blinking {
  50% {
    background-color: #0AF;
  }
}
/*$bgT:			rgba(255,255,255,.8);
$bgTa:			rgba(100,100,100,.8);*/
/* AQUI SÃO DEFINIDOS OS ELEMENTOS MAIS BÁSICOS DE TODOS, DO FRAMEWORK */
/*@-webkit-keyframes animatedScroll {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes animatedScroll {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes animatedScroll {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animatedScroll {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@mixin animatedScrolling(){
	-webkit-animation: animatedScroll	$defaultTime cubic-bezier(0, 1.41, 1, 1);
	-moz-animation: animatedScroll		$defaultTime cubic-bezier(0, 1.41, 1, 1);
	-ms-animation: animatedScroll		$defaultTime cubic-bezier(0, 1.41, 1, 1);
	-o-animation: animatedScroll			$defaultTime cubic-bezier(0, 1.41, 1, 1);
	animation: animatedScroll			$defaultTime cubic-bezier(0, 1.41, 1, 1);
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}*/
/* 
	1. http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-animations-the-hiccups-and-bugs-youll-want-to-avoid/
	2. http://www.jamiebutler.com/tutorials/iphone_web.php

	Document   : object.css
	Created on : 03/03/2013, 16:11:43
	author     : senavinicius
	Description:
	Purpose of the stylesheet follows.
*/
* {
  -webkit-tap-highlight-color: transparent !important;
}

@font-face {
  font-family: "LCD";
  src: url("/font/lcddigital7it.woff") format("truetype");
}
@font-face {
  font-family: "digital-7_monoitalic";
  src: url("/font/lcddigital7it-webfont.woff2") format("woff2"), url("/font/lcddigital7it-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "lsd";
  src: url("/font/lsd.woff") format("truetype");
}
@font-face {
  font-family: "Nixie One";
  font-style: normal;
  font-weight: 400;
  src: local("Nixie One"), local("NixieOne-Regular");
}
@font-face {
  font-family: "arvo"; /* NOME ORIGINAL wf_SegoeUILight */
  src: url("/font/arvo.woff") format("woff");
}
@font-face {
  font-family: "Roboto"; /* NOME ORIGINAL wf_SegoeUILight */
  src: url("/font/roboto.woff") format("woff");
}
@font-face {
  font-family: unite;
  src: url("/font/UnitWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: UnitWeb-Bold;
  src: url("/font/UnitWebBold.eot");
  src: url("/font/UnitWebBold.eot?#iefix") format("embedded-opentype");
  src: url("/font/UnitWebBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: UnitWeb;
  /*src: url("/font/UnitWeb.eot");*/
  /*src: url("/font/UnitWeb.eot?#iefix") format('embedded-opentype');*/
  src: url("/font/UnitWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: UnitWebLight; /*Unit Light*/
  src: url("/font/UnitWeb-Light.eot");
  src: url("/font/UnitWeb-Light.eot?#iefix") format("embedded-opentype");
  src: url("/font/UnitWeb-Light.woff") format("woff");
  font-weight: lighter;
  font-style: normal;
}
/*
@font-face {
	font-family: UnitWeb-Bold;src: url("/css/fonts/unit/UnitWeb-Bold.eot");
	src: url("/css/fonts/unit/UnitWeb-Bold.eot?#iefix") format('embedded-opentype');
	src: url("/css/fonts/unit/UnitWeb-Bold.woff") format("woff");
	font-weight: bold;font-style: normal;} 

@font-face {
	font-family: UnitWeb;src: url("/css/fonts/unit/UnitWeb.eot");
	src: url("/css/fonts/unit/UnitWeb.eot?#iefix") format('embedded-opentype');
	src: url("/css/fonts/unit/UnitWeb.woff") format("woff");
	font-weight: normal;font-style: normal;
} 
@font-face {
	font-family: UnitWeb-Light;src: url("/css/fonts/unit/UnitWeb-Light.eot");
	src: url("/css/fonts/unit/UnitWeb-Light.eot?#iefix") format('embedded-opentype');
	src: url("/css/fonts/unit/UnitWeb-Light.woff") format("woff");
	font-weight: lighter;font-style: normal;
} 
*/
.UIMax500Height {
  max-height: 500px;
  overflow: auto;
}

/* container perspective */
.UILayer {
  perspective: 1000px;
}

@keyframes rotateIn {
  from {
    transform: rotateY(-180deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes rotateOut {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(180deg);
  }
}
.rotate-in {
  backface-visibility: hidden;
  transform: rotateY(-180deg);
  animation: rotateIn 333ms linear forwards;
}

.rotate-out {
  backface-visibility: hidden;
  animation: rotateOut 333ms linear forwards;
}

.UITipCard {
  min-height: 300px;
}

.geoDiv {
  background: radial-gradient(circle, red 0px, red 50px, transparent 51px);
  position: relative;
}
.geoDiv .compass {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: black;
  width: 3px;
  height: 50px;
  left: 50%;
  bottom: 50%;
  transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
}
.geoDiv .gMap {
  width: 100%;
  height: 400px;
}

.UIColumn DIV.grided, .UIColumn FORM.grided {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: 100vh;
  max-height: 100%;
  overflow: hidden;
  /*min-height:					-webkit-fill-available;*/
  grid-template-columns: 1fr;
  /*min-height:						100vh;*/
}
.UIColumn DIV.grided > DIV, .UIColumn FORM.grided > DIV {
  position: relative;
  overflow: scroll;
  max-height: 100%;
}
.UIColumn DIV.grided > DIV:first-child, .UIColumn FORM.grided > DIV:first-child {
  box-shadow: 0px 0px 13px #AAA;
}
.UIColumn DIV.grided > DIV:nth-child(2), .UIColumn FORM.grided > DIV:nth-child(2) {
  padding: 0px 13px 13px 13px;
}
.UIColumn DIV.grided > DIV.footer, .UIColumn FORM.grided > DIV.footer {
  background: black;
  color: white;
  padding-bottom: max(env(safe-area-inset-top), 21px) !important;
}
.UIColumn DIV.grided > DIV.footer UL, .UIColumn FORM.grided > DIV.footer UL {
  justify-content: space-between;
}
.UIColumn DIV.grided > DIV.footer UL LI, .UIColumn FORM.grided > DIV.footer UL LI {
  padding: 21px 21px 0px 21px;
  flex: 1;
}
.UIColumn DIV.grided > *, .UIColumn FORM.grided > * {
  overflow: auto;
}

.UIScale DIV DIV DIV.UITomorrowFilesUpload, DIV.UITomorrowFilesUpload {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 8px !important;
  text-align: center;
  align-items: center;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload.UITomorrowFilesUploadBottom, DIV.UITomorrowFilesUpload.UITomorrowFilesUploadBottom {
  display: none;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload .UIRawUpload P, DIV.UITomorrowFilesUpload .UIRawUpload P {
  margin: 0px;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload .up, DIV.UITomorrowFilesUpload .up {
  background: url(/img/icon/uploadFileGreen.svg) no-repeat left center/21px;
  min-height: 21px;
  align-items: center;
  display: grid;
  padding-left: 25px;
  text-align: center;
  width: fit-content;
  margin: auto;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload P.info, DIV.UITomorrowFilesUpload P.info {
  font-size: smaller;
  text-align: left;
  grid-column: 1/-1;
  margin: 5px 0px 0px 0px;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload P.sender, DIV.UITomorrowFilesUpload P.sender {
  padding: 5px;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload.hasASO .ASO .up, DIV.UITomorrowFilesUpload.hasASO .ASO .up {
  opacity: 0.2;
  filter: grayscale(1);
  background-image: url(/img/icon/yesWhite.svg);
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload.hasPEO .PEO .up, DIV.UITomorrowFilesUpload.hasPEO .PEO .up {
  opacity: 0.2;
  filter: grayscale(1);
  background-image: url(/img/icon/yesWhite.svg);
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload.hasPEO.hasASO:not(.UITomorrowFilesUploadBottom), DIV.UITomorrowFilesUpload.hasPEO.hasASO:not(.UITomorrowFilesUploadBottom) {
  display: none;
}
.UIScale DIV DIV DIV.UITomorrowFilesUpload.hasPEO.hasASO.UITomorrowFilesUploadBottom, DIV.UITomorrowFilesUpload.hasPEO.hasASO.UITomorrowFilesUploadBottom {
  display: grid;
}

DIV.WidgetExchangeBar {
  max-height: 13em;
  padding: 0px;
}
DIV.WidgetExchangeBar.haspEB UL LI:not(.pEB) {
  background-color: unset;
  opacity: 0.2;
}
DIV.WidgetExchangeBar UL LI {
  align-items: center;
  padding: 0px 5px;
  margin-top: 1px;
  display: grid;
  grid-template-columns: 144px 1fr;
  background-color: rgba(0, 0, 0, 0.2666666667);
}
DIV.WidgetExchangeBar UL LI.matched > SPAN:first-child {
  background: url(/img/icon/starWhite.svg) no-repeat right 5px center/21px;
  padding-right: 26px;
}
DIV.WidgetExchangeBar UL LI.compatible > SPAN:first-child {
  background: url(/img/icon/negotiation3White.svg) no-repeat right 5px center/21px;
  padding-right: 26px;
}
DIV.WidgetExchangeBar UL LI > SPAN {
  padding: 5px;
  /*background-color:		#0004;*/
}
DIV.WidgetExchangeBar UL LI > SPAN > SPAN {
  padding: 3px 5px;
  border-radius: 3px;
  display: inline-block;
}
DIV.WidgetExchangeBar UL LI > SPAN > SPAN.currentDate {
  color: white;
  font-weight: bold;
  background-color: blue;
}
DIV.WidgetExchangeBar UL LI > SPAN > SPAN.matchedWorkDay {
  background: white;
  color: green;
}
DIV.WidgetExchangeBar UL LI.compatible SPAN.inc {
  opacity: 0.2;
}
DIV.WidgetExchangeBar UL LI:first-child {
  margin-top: unset;
}
DIV.WidgetExchangeBar UL LI.matched {
  background-color: rgba(0, 255, 0, 0.2666666667);
  opacity: 1;
}
DIV.WidgetExchangeBar UL LI.matched.inc {
  background-color: rgba(255, 0, 0, 0.2666666667);
}
DIV.WidgetExchangeBar UL LI.inc {
  opacity: 0.2;
}
DIV.WidgetExchangeBar UL LI.pEB {
  background-color: rgba(29, 29, 255, 0.6509803922);
  opacity: 1;
}
DIV.WidgetExchangeBar UL LI.pEB.inc {
  background-color: rgba(255, 0, 0, 0.2666666667);
}

.UIEmployeeCalendar.UIExchangeBarOldCalendar DIV.m A P {
  display: none;
}
.UIEmployeeCalendar.UIExchangeBarOldCalendar DIV.m A.ebarW P.ebar {
  display: block;
  background: blue;
}
.UIEmployeeCalendar.UIExchangeBarOldCalendar DIV.m A.ebarD P.ebar {
  display: block;
  background: green;
}
.UIEmployeeCalendar.UIExchangeBarOldCalendar DIV.m A.p::before {
  display: none;
}

#UIEntryTipLayer .UITip {
  padding: 0px !important;
  padding-top: max(env(safe-area-inset-top), 0px);
}
#UIEntryTipLayer .UITip > DIV {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 100vh;
  background: unset;
  box-shadow: unset;
  padding: 13px;
  padding-top: max(env(safe-area-inset-top), 13px) !important;
  padding-bottom: max(env(safe-area-inset-bottom), 13px) !important;
}
#UIEntryTipLayer .UITip > DIV > DIV {
  background: white;
  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.6);
  padding: 0px;
  padding-top: 13px;
  padding-left: 13px !important;
  padding-right: 13px !important;
  padding-bottom: 13px !important;
  margin-bottom: 13px;
  max-width: 100%;
  min-width: 300px;
  box-sizing: border-box;
  overflow: auto;
}
#UIEntryTipLayer .UITip > DIV > DIV H2 {
  margin-top: 13px;
}
#UIEntryTipLayer .UITip > DIV > DIV:last-child {
  margin-bottom: unset;
}
#UIEntryTipLayer .UITip > DIV > DIV#Comments > DIV {
  overflow: scroll;
}

#UIEditTA P:not(.inlineSetMissed) {
  display: grid;
  grid-template-columns: 89px auto 144px;
}
#UIEditTA P:not(.inlineSetMissed) SPAN:last-child {
  text-align: right;
}
#UIEditTA P:not(.inlineSetMissed).type {
  margin-top: 13px;
  display: block;
}

.UIList.UIEventsOnScale {
  margin-right: 3px;
  margin-left: 3px;
  border-radius: 5px !important;
}
.UIList.UIEventsOnScale:not(:empty) {
  margin-bottom: 8px;
}
.UIList.UIEventsOnScale LI {
  margin: 0px 0px 1px 0px;
  line-height: 21px;
  background: rgba(255, 255, 255, 0.07) url(/img/icon/bell1.svg) no-repeat left 10px center/21px;
  /*border-bottom:			1px solid #999;*/
  border-radius: 0px;
  padding: 0px 8px 0px 31px;
  overflow: hidden;
}
.UIList.UIEventsOnScale LI:last-child {
  border-bottom: unset;
  margin-bottom: unset;
}
.UIList.UIEventsOnScale LI.completed {
  color: #999;
  background-image: url("/img/icon/yesWhite.svg") !important;
}

#theAppOpener {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#theAppOpener UL.UIList.horizontal LI A {
  padding: 8px;
}

#EvolutionConf .UIColumn {
  background: radial-gradient(#d01919, rgba(94, 22, 210, 0.2666666667));
  border-radius: 13px;
}
#EvolutionConf .UIColumn FORM TEXTAREA {
  grid-column: 1/-1;
  min-height: 144px;
}
#EvolutionConf .UIColumn FORM.UISendEvolution {
  grid-template-columns: 1fr auto;
}
#EvolutionConf .UIColumn FORM.UISendEvolution LABEL {
  background: transparent no-repeat left center/34px;
}
#EvolutionConf .UIColumn FORM.UISendEvolution LABEL.notifiable {
  background: no-repeat left center/34px, #EEE url(/img/icon/bell2Black.svg) no-repeat right center/23px;
  padding-right: 26px;
  border-radius: 8px;
}
#EvolutionConf .UIColumn FORM.UISendEvolution [name=tag], #EvolutionConf .UIColumn FORM.UISendEvolution [name=title], #EvolutionConf .UIColumn FORM.UISendEvolution [name=uri] {
  grid-column: 1/-1;
}
#EvolutionConf .UIColumn FORM.evoMessageForm [name=who], #EvolutionConf .UIColumn FORM.evoMessageForm [name=icon] {
  grid-column: 1/-1;
}

#UIEvolutionLayer, #UICommentTrabalho {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.2666666667);
  font-family: Segoe;
  color: black;
}
#UIEvolutionLayer H2, #UICommentTrabalho H2 {
  text-align: center;
  position: relative;
  margin: auto;
}
#UIEvolutionLayer H2 .close, #UIEvolutionLayer H2 .conf, #UICommentTrabalho H2 .close, #UICommentTrabalho H2 .conf {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: fit-content;
  left: auto;
  right: 8px;
  margin: auto;
  /*width:				21px;*/
  /*height:				21px;*/
  font-size: 0.6em;
  /*background:			transparent url(/img/icon/no.svg) no-repeat center center/contain;*/
}
#UIEvolutionLayer H2 .close.waiting, #UIEvolutionLayer H2 .conf.waiting, #UICommentTrabalho H2 .close.waiting, #UICommentTrabalho H2 .conf.waiting {
  color: transparent;
}
#UIEvolutionLayer H2 .conf, #UICommentTrabalho H2 .conf {
  right: auto;
  left: 8px;
  background: transparent url(/img/icon/settingsBlack.svg) no-repeat left center/contain;
  width: 34px;
  height: 34px;
  opacity: 0.2;
}
#UIEvolutionLayer:not(.hidden), #UICommentTrabalho:not(.hidden) {
  background-color: initial;
  display: grid;
  align-content: end;
}
#UIEvolutionLayer > DIV, #UICommentTrabalho > DIV {
  overflow: hidden;
  padding-top: unset;
  margin-right: 13px;
  box-shadow: 0px 0px 8px #000;
  border-radius: 8px 8px 3px 0px;
}
@media (max-width: 500px) {
  #UIEvolutionLayer > DIV, #UICommentTrabalho > DIV {
    width: 100%;
    margin-right: 0px;
  }
}
#UIEvolutionLayer > DIV .UIEvolutionDiv, #UICommentTrabalho > DIV .UIEvolutionDiv {
  background: #EEE;
  padding: 13px 0px 13px 0px;
  overflow: hidden;
  min-height: unset;
  min-width: 277px;
}
#UIEvolutionLayer > DIV .scrollable, #UICommentTrabalho > DIV .scrollable {
  max-height: 433px;
  overflow: scroll;
}
#UIEvolutionLayer UL#UIEvolutionList, #UIEvolutionLayer UL.UIEvolutionList, #UICommentTrabalho UL#UIEvolutionList, #UICommentTrabalho UL.UIEvolutionList {
  overflow: scroll;
  padding: 8px;
}
#UIEvolutionLayer UL#UIEvolutionList LI, #UIEvolutionLayer UL.UIEvolutionList LI, #UICommentTrabalho UL#UIEvolutionList LI, #UICommentTrabalho UL.UIEvolutionList LI {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  background-color: white;
  overflow: hidden;
  background: white;
  box-shadow: 0px 0px 5px #AAA;
  margin: 5px 0px 5px 0px;
  border-radius: 23px 3px 3px 23px;
}
#UIEvolutionLayer UL#UIEvolutionList LI SPAN.ta, #UIEvolutionLayer UL#UIEvolutionList LI SPAN.taS, #UIEvolutionLayer UL.UIEvolutionList LI SPAN.ta, #UIEvolutionLayer UL.UIEvolutionList LI SPAN.taS, #UICommentTrabalho UL#UIEvolutionList LI SPAN.ta, #UICommentTrabalho UL#UIEvolutionList LI SPAN.taS, #UICommentTrabalho UL.UIEvolutionList LI SPAN.ta, #UICommentTrabalho UL.UIEvolutionList LI SPAN.taS {
  color: #888;
  font-size: small;
}
#UIEvolutionLayer UL#UIEvolutionList LI .d, #UIEvolutionLayer UL.UIEvolutionList LI .d, #UICommentTrabalho UL#UIEvolutionList LI .d, #UICommentTrabalho UL.UIEvolutionList LI .d {
  padding: 8px 13px 8px 34px;
  display: block;
}
#UIEvolutionLayer UL#UIEvolutionList LI .d.withIcon, #UIEvolutionLayer UL.UIEvolutionList LI .d.withIcon, #UICommentTrabalho UL#UIEvolutionList LI .d.withIcon, #UICommentTrabalho UL.UIEvolutionList LI .d.withIcon {
  /*padding-left: 34px;*/
  background: transparent no-repeat left 13px center/13px;
}
#UIEvolutionLayer UL#UIEvolutionList LI .pic, #UIEvolutionLayer UL.UIEvolutionList LI .pic, #UICommentTrabalho UL#UIEvolutionList LI .pic, #UICommentTrabalho UL.UIEvolutionList LI .pic {
  background: transparent no-repeat left center/44px;
  border-radius: 100%;
  height: 44px;
  width: 44px;
  position: relative;
}
#UIEvolutionLayer UL#UIEvolutionList LI .pic.noPic, #UIEvolutionLayer UL.UIEvolutionList LI .pic.noPic, #UICommentTrabalho UL#UIEvolutionList LI .pic.noPic, #UICommentTrabalho UL.UIEvolutionList LI .pic.noPic {
  background-image: none;
}
#UIEvolutionLayer UL#UIEvolutionList LI .pic.noPic:after, #UIEvolutionLayer UL.UIEvolutionList LI .pic.noPic:after, #UICommentTrabalho UL#UIEvolutionList LI .pic.noPic:after, #UICommentTrabalho UL.UIEvolutionList LI .pic.noPic:after {
  display: block;
  position: absolute;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-name);
  height: fit-content;
  text-align: center;
  font-size: 11px;
  margin: auto;
}
#UIEvolutionLayer UL#UIEvolutionList LI .pic.emoji:after, #UIEvolutionLayer UL.UIEvolutionList LI .pic.emoji:after, #UICommentTrabalho UL#UIEvolutionList LI .pic.emoji:after, #UICommentTrabalho UL.UIEvolutionList LI .pic.emoji:after {
  font-size: 34px;
}
#UIEvolutionLayer UL#UIEvolutionList LI A, #UIEvolutionLayer UL.UIEvolutionList LI A, #UICommentTrabalho UL#UIEvolutionList LI A, #UICommentTrabalho UL.UIEvolutionList LI A {
  padding: 0px;
}
#UIEvolutionLayer.waiting H2, #UICommentTrabalho.waiting H2 {
  background: url(/img/icon/stopBlack_2.svg) no-repeat right 5px center/34px;
}

DIV#UICommentTrabalho DIV {
  padding: 0px;
  max-width: 100%;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation {
  background-color: black;
  color: white;
  padding: 0px !important;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation FORM {
  padding: 13px;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation FORM TEXTAREA {
  height: 34px;
  min-height: unset;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation UL {
  padding: 0px 13px 13px 13px;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation UL LI {
  background-color: #444;
  box-shadow: unset;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation UL LI DIV.pic {
  box-shadow: unset;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation UL LI A {
  background-color: unset;
  text-align: left;
}
DIV#UICommentTrabalho DIV DIV.UIBoardConversation UL LI A SPAN.d {
  padding: 8px 13px 8px 13px !important;
}

DIV.miniTip {
  min-width: 240px;
  box-sizing: border-box;
  right: 0px;
  bottom: max(env(safe-area-inset-bottom), 69px);
  left: auto;
  top: auto;
  background: unset !important;
  backdrop-filter: unset !important;
}
DIV.miniTip H3 {
  text-align: center;
}
DIV.miniTip > DIV.UITip {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: unset;
}
DIV.miniTip > DIV.UITip .UIFormRadioArea {
  display: grid;
  grid-auto-flow: column;
}
DIV.miniTip > DIV.UITip > DIV {
  min-width: unset;
  background: white;
  min-height: 377px;
}
DIV.miniTip > DIV.UITip > DIV .UISearchUL LI {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0px;
}
DIV.miniTip > DIV.UITip > DIV .UISearchUL LI > SPAN:first-child {
  padding: 13px 5px;
}
DIV.miniTip > DIV.UITip > DIV FORM {
  grid-template-columns: auto 1fr auto;
}
DIV.miniTip > DIV.UITip > DIV FORM BUTTON {
  grid-column: auto;
  min-width: 55px;
  background: black;
  color: white;
  border: 1px solid white;
}
DIV.miniTip > DIV.UITip > DIV FORM BUTTON, DIV.miniTip > DIV.UITip > DIV FORM INPUT {
  margin: 3px;
  text-align: center;
  min-height: 55px;
}
DIV.miniTip > DIV.UITip > DIV .shiftsOpeners {
  margin-top: 34px;
  display: grid;
  grid-template-columns: 0.7fr 1fr 0.7fr;
}
DIV.miniTip > DIV.UITip > DIV .shiftsOpeners P {
  min-width: unset;
  text-align: center;
  padding: 21px 0px;
  margin: 1px;
  background-color: black;
  color: white;
  border-radius: 8px;
}
DIV.miniTip > DIV.UITip > DIV .shiftsOpeners P:nth-child(3n+1) {
  margin-left: 0px;
}
DIV.miniTip > DIV.UITip > DIV .shiftsOpeners P:nth-child(3n) {
  margin-right: 0px;
}
DIV.miniTip > DIV.UITip > DIV .shiftsOpeners P:nth-child(3n+2) {
  padding-left: 26px;
}
DIV.miniTip > DIV.UITip > DIV DIV.UIOpenerBoardControls {
  opacity: 0.1;
  pointer-events: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 55px;
}
DIV.miniTip > DIV.UITip > DIV DIV.UIOpenerBoardControls > DIV {
  padding: 13px;
  text-align: center;
  /*background:			url(/img/icon/notebook1Black.svg) no-repeat left center/23px;*/
}
DIV.miniTip > DIV.UITip > DIV DIV.UIOpenerBoardControls .BoardControlsUpload {
  background: #080 url(/img/icon/uploadFileWhite.svg) no-repeat center center/34px;
  visibility: hidden;
  border-radius: 13px;
  grid-row: 1/3;
}
DIV.miniTip > DIV.UITip > DIV DIV.dayOfWeek {
  text-align: center;
  grid-column: 1/-1;
}
DIV.miniTip > DIV.UITip > DIV P {
  min-width: 233px;
  padding: 13px 0px 13px 31px;
  cursor: pointer;
  background: transparent no-repeat left 8px center/23px;
  border-radius: 3px;
  position: relative;
}
DIV.miniTip > DIV.UITip > DIV P.leave {
  background-image: url(/img/icon/health.svg);
}
DIV.miniTip > DIV.UITip > DIV P.vacation {
  background-image: url(/img/icon/vacation2.svg);
}
DIV.miniTip > DIV.UITip > DIV P.annotation {
  background-image: url(/img/icon/pencilBlack.svg);
}
DIV.miniTip > DIV.UITip > DIV P.shift1 {
  background-image: url(/img/icon/sunYellow.svg);
}
DIV.miniTip > DIV.UITip > DIV P.shift2 {
  background-image: url(/img/icon/moon.svg);
}
DIV.miniTip > DIV.UITip > DIV P > SPAN {
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  left: 26px;
  text-align: center;
  font-size: small;
}
@media (hover: hover) {
  DIV.miniTip > DIV.UITip > DIV P:hover {
    background-color: black;
    color: white !important;
  }
}

#employeeConf FORM {
  grid-template-columns: auto 1fr;
}
#employeeConf LABEL {
  text-align: left;
}

.moveInWhere {
  position: relative;
  padding: 5px 0px 0px 13px;
  font-size: smaller;
  grid-column: 1/-1;
}

.setMissed H2 {
  margin-bottom: 13px;
  text-align: center;
}
.setMissed FORM {
  grid-row-gap: 0px;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto auto 89px;
}
.setMissed FORM.onlyImport {
  grid-template-rows: auto auto 89px;
}
.setMissed FORM .clear {
  visibility: hidden;
  color: black;
  grid-column: 3/4;
}
.setMissed FORM#new\/Missed INPUT {
  margin-top: 13px !important;
}
.setMissed FORM .UIFormRadioArea {
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
.setMissed FORM .andOther {
  grid-column: 1/-1;
  text-align: center;
  margin-top: 13px;
  padding-top: 13px;
  font-weight: bold;
}
.setMissed FORM .inlineSetMissed {
  align-items: end;
  padding: 5px 13px;
  display: none;
}
.setMissed FORM .andOther, .setMissed FORM .inlineSetMissed, .setMissed FORM .UIFormRadioArea {
  background-color: #EEE;
  opacity: 0;
  transition: opacity 3s;
  padding-bottom: 13px;
}
.setMissed FORM .andOther.visible, .setMissed FORM .inlineSetMissed.visible, .setMissed FORM .UIFormRadioArea.visible {
  opacity: 1;
}
.setMissed FORM .save {
  align-self: end;
}
.setMissed FORM .moveOutside {
  background-color: black;
  background-image: url(/img/icon/byeWhite.svg);
}

#UIEditTA .UISearchUL, #setMissed .UISearchUL, #setAppointment .UISearchUL {
  max-height: 240px;
  overflow: scroll;
}
#UIEditTA .UISearchUL LI, #setMissed .UISearchUL LI, #setAppointment .UISearchUL LI {
  display: grid;
  grid-template-columns: auto 42px;
  padding: 0px;
  border-radius: 3px 43px 43px 3px;
}
#UIEditTA .UISearchUL LI.w50, #UIEditTA .UISearchUL LI.w60, #UIEditTA .UISearchUL LI.w80, #setMissed .UISearchUL LI.w50, #setMissed .UISearchUL LI.w60, #setMissed .UISearchUL LI.w80, #setAppointment .UISearchUL LI.w50, #setAppointment .UISearchUL LI.w60, #setAppointment .UISearchUL LI.w80 {
  opacity: 0.7;
  background-color: #AAA;
}
#UIEditTA .UISearchUL LI > SPAN:first-child, #setMissed .UISearchUL LI > SPAN:first-child, #setAppointment .UISearchUL LI > SPAN:first-child {
  padding: 13px 5px;
}
#UIEditTA .UISearchUL LI SPAN.i, #setMissed .UISearchUL LI SPAN.i, #setAppointment .UISearchUL LI SPAN.i {
  background: transparent no-repeat center/42px;
  border-radius: 13px;
  overflow: hidden;
  height: 42px;
  width: 42px;
  vertical-align: middle;
}
#UIEditTA P.inlineSetMissed, #setMissed P.inlineSetMissed, #setAppointment P.inlineSetMissed {
  grid-column: 1/-1;
}
#UIEditTA .edit, #setMissed .edit, #setAppointment .edit {
  margin-top: 34px;
}
#UIEditTA H3, #setMissed H3, #setAppointment H3 {
  margin-bottom: 23px;
}
#UIEditTA FORM, #setMissed FORM, #setAppointment FORM {
  margin-top: unset;
}
#UIEditTA FORM DIV.UIFormRadioArea, #setMissed FORM DIV.UIFormRadioArea, #setAppointment FORM DIV.UIFormRadioArea {
  margin-top: unset;
}
#UIEditTA FORM P.awareness, #setMissed FORM P.awareness, #setAppointment FORM P.awareness {
  padding: 5px 0px 5px 34px;
  grid-column: 1/-1;
  display: block;
  background: url(/img/icon/waitPersonBlack.svg) no-repeat left 5px center/21px;
}
#UIEditTA FORM P.awareness.noNotification, #setMissed FORM P.awareness.noNotification, #setAppointment FORM P.awareness.noNotification {
  background: unset;
}
#UIEditTA FORM P.awareness.aware, #setMissed FORM P.awareness.aware, #setAppointment FORM P.awareness.aware {
  background: url(/img/icon/yesBlack.svg) no-repeat left 5px center/21px;
}
#UIEditTA INPUT[type=radio] + LABEL, #setMissed INPUT[type=radio] + LABEL, #setAppointment INPUT[type=radio] + LABEL {
  background: #FAFAFA no-repeat left 2px center/18px;
  color: #666;
  margin: 3px 3px 0px 0px;
  border: 1px solid #999;
  text-align: left;
}
#UIEditTA INPUT[type=radio] + LABEL.u, #UIEditTA INPUT[type=radio] + LABEL.x, #UIEditTA INPUT[type=radio] + LABEL.y, #UIEditTA INPUT[type=radio] + LABEL.e, #UIEditTA INPUT[type=radio] + LABEL.r, #UIEditTA INPUT[type=radio] + LABEL.f, #UIEditTA INPUT[type=radio] + LABEL.alternate, #setMissed INPUT[type=radio] + LABEL.u, #setMissed INPUT[type=radio] + LABEL.x, #setMissed INPUT[type=radio] + LABEL.y, #setMissed INPUT[type=radio] + LABEL.e, #setMissed INPUT[type=radio] + LABEL.r, #setMissed INPUT[type=radio] + LABEL.f, #setMissed INPUT[type=radio] + LABEL.alternate, #setAppointment INPUT[type=radio] + LABEL.u, #setAppointment INPUT[type=radio] + LABEL.x, #setAppointment INPUT[type=radio] + LABEL.y, #setAppointment INPUT[type=radio] + LABEL.e, #setAppointment INPUT[type=radio] + LABEL.r, #setAppointment INPUT[type=radio] + LABEL.f, #setAppointment INPUT[type=radio] + LABEL.alternate {
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 13px;
  padding-left: 16px;
}
#UIEditTA INPUT[type=radio] + LABEL.e, #setMissed INPUT[type=radio] + LABEL.e, #setAppointment INPUT[type=radio] + LABEL.e {
  background-image: url("/img/icon/exit6Black.svg");
}
#UIEditTA INPUT[type=radio] + LABEL.u, #setMissed INPUT[type=radio] + LABEL.u, #setAppointment INPUT[type=radio] + LABEL.u {
  background-image: url("/img/icon/busBlack.svg");
}
#UIEditTA INPUT[type=radio] + LABEL.x, #UIEditTA INPUT[type=radio] + LABEL.y, #setMissed INPUT[type=radio] + LABEL.x, #setMissed INPUT[type=radio] + LABEL.y, #setAppointment INPUT[type=radio] + LABEL.x, #setAppointment INPUT[type=radio] + LABEL.y {
  background-image: url("/img/icon/infoBlack.svg");
}
#UIEditTA INPUT[type=radio] + LABEL.r, #setMissed INPUT[type=radio] + LABEL.r, #setAppointment INPUT[type=radio] + LABEL.r {
  background-image: url("/img/icon/delayBlack.svg");
}
#UIEditTA INPUT[type=radio] + LABEL.f, #setMissed INPUT[type=radio] + LABEL.f, #setAppointment INPUT[type=radio] + LABEL.f {
  background-image: url("/img/icon/meal2Black.svg");
}
#UIEditTA INPUT[type=radio] + LABEL.alternate, #setMissed INPUT[type=radio] + LABEL.alternate, #setAppointment INPUT[type=radio] + LABEL.alternate {
  background-image: url("/img/icon/arrowCross3Black.svg");
}
#UIEditTA INPUT[type=radio] + LABEL:last-child, #setMissed INPUT[type=radio] + LABEL:last-child, #setAppointment INPUT[type=radio] + LABEL:last-child {
  margin-right: 0px;
}
#UIEditTA INPUT[type=radio]:checked + LABEL, #setMissed INPUT[type=radio]:checked + LABEL, #setAppointment INPUT[type=radio]:checked + LABEL {
  background-color: #3F9;
  color: black;
  border: 1px solid #0E0;
}
.UIVisitOffice .UIColumn {
  padding-top: 13px !important;
}
.UIVisitOffice .UIForm .UIFormRadioArea {
  margin: auto;
}
.UIVisitOffice .UITip FORM {
  margin-top: 0px;
}
.UIVisitOffice .tarde, .UIVisitOffice .manha {
  margin-top: 13px;
  display: none;
}
.UIVisitOffice.tarde .tarde {
  display: block;
}
.UIVisitOffice.manha .manha {
  display: block;
}
@media (hover: hover) {
  .UIVisitOffice .tarde A:hover, .UIVisitOffice .manha A:hover, .UIVisitOffice .openScaleMonthly:hover {
    background: #DDD;
    cursor: pointer;
  }
}
.UIVisitOffice .UIOfficesList {
  /*		>A.officeConfered{
  			font-style:			inherit;
  			&:before{
  				@include			absolute;
  				content:			' ';
  				text-align:		left;
  				content:			"arrumada";
  				width:			auto;
  				right:			auto;
  				align-self:		center;
  				display:			grid;
  				height:			auto;
  				align-content:	center;
  				border-radius:	13px;
  				padding:			5px 5px 5px 15px;
  				font-size:		small;
  				margin:			9px;
  				color:			white;
  				background:		#0F0 url(/img/icon/yes2White.svg) no-repeat left 1px center/13px;
  			}
  		}*/
}
.UIVisitOffice .UIOfficesList > A > SPAN {
  color: #BBB;
}
.UIVisitOffice.new .UIOfficesList > A {
  padding: 8px 5px;
}

#setAppointment FORM {
  grid-template-columns: auto 1fr auto;
}
#setAppointment FORM .hour {
  grid-column: 2/-1;
}
#setAppointment .UIFormRadioArea INPUT[type=radio] + LABEL {
  border: 1px solid #888;
  margin-right: 5px;
  min-width: 34px;
  text-align: center;
}
#setAppointment .UIFormRadioArea INPUT[type=radio] + LABEL.ref {
  padding-left: 21px;
  background-image: url(/img/icon/mealBlack.svg);
}
#setAppointment .UIFormRadioArea INPUT[type=radio] + LABEL:last-child {
  margin-right: 0px;
}

#UIConfirmValidity P {
  margin: 8px;
  padding: 5px 0px 5px 0px;
}
#UIConfirmValidity P.c, #UIConfirmValidity P.ano {
  padding-left: 34px;
  background: url("/img/icon/yesGreen.svg") no-repeat left center/21px;
}
#UIConfirmValidity P.ano {
  background-image: url("/img/icon/pencil2Black.svg");
}
#UIConfirmValidity P:first-child {
  margin-top: 0px;
}
#UIConfirmValidity TEXTAREA {
  height: 144px;
  min-height: unset;
}

.UIEmployee .userPic {
  display: inline-block;
}
.UIEmployee .meta {
  display: inline-block;
  vertical-align: top;
  margin-top: 13px;
}
.UIEmployee .meta P {
  margin: 0px;
  padding-top: 0px;
}

LI.tau A, LI.taz A, LI.ref A, LI.el A, LI.greve A, LI.replace A {
  background-image: url(/img/icon/meal2Black.svg);
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 18px;
}
LI.replace A {
  background-image: url(/img/icon/arrowLeftBlack.svg);
}
LI.greve A {
  background-image: url(/img/icon/strike3Black.svg);
}
LI.el A {
  background-image: url(/img/icon/exit6Black.svg);
}
LI.el A, LI.tau A, LI.taz A, LI.ref A {
  background-position: right 5px center;
}
LI.miss A {
  background-color: #CFC;
}
LI.tau {
  /*		&:not(.disabledTA){
  			A{
  				background-image: url(/img/icon/bus2Black.svg);
  			}
  		}*/
}
LI.tau A {
  background-image: url(/img/icon/bus2Black.svg);
}
LI.taz A {
  background-image: url(/img/icon/babyBottleBlack.svg);
}

.UIConversation {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.UIConversation UL.UIList .entryT {
  display: grid;
  grid-template-columns: 34px auto;
}
.UIConversation UL.UIList .entryT.a {
  background: linear-gradient(90deg, transparent 35px, yellow 36px, yellow 36px, transparent 34px);
}
.UIConversation UL.UIList .entryT.a .s {
  filter: grayscale(1) opacity(0.5);
}
.UIConversation UL.UIList .entryT.t {
  /*background:				linear-gradient(90deg, blue 2px, transparent 1px)*/
}
.UIConversation UL.UIList .entryT SPAN.s {
  display: inline-block;
  background: url("/i/u/no.png") no-repeat center center/34px;
  border-radius: 100%;
  height: 34px;
  width: 34px;
  margin: 3px auto;
}
.UIConversation UL.UIList .entryT > P, .UIConversation UL.UIList .entryT P.message {
  margin: 8px 3px 5px 8px;
  display: inline-block;
}
.UIConversation UL.UIList LI {
  padding: 0px;
  margin: 5px 0px;
  text-align: left;
  border-bottom: 1px solid #333;
}
@media (hover: hover) {
  .UIConversation UL.UIList LI:hover {
    cursor: pointer;
    background-color: #000;
  }
}
.UIConversation UL.UIList LI .collapsable {
  grid-column: 1/-1;
}
.UIConversation UL.UIList LI DIV.collapsable {
  height: 0px;
  /*overflow:				hidden;*/
}
.UIConversation UL.UIList LI DIV.replies {
  /*display:				none;*/
}
.UIConversation UL.UIList LI DIV.replies DIV.entryT {
  border-top: 1px solid #222;
  position: relative;
}
.UIConversation UL.UIList LI.new {
  margin-top: 3px;
  background: inherit;
}
.UIConversation UL.UIList LI.noPic {
  background-image: none;
}
.UIConversation UL.UIList LI.noPic SPAN.name5 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: x-small;
  text-align: center;
  width: 34px;
  padding: 0px 3px;
  overflow: hidden;
  height: fit-content;
  right: unset;
  margin: auto;
}
.UIConversation UL.UIList LI .actions {
  border-top: 1px solid #222;
  background: black;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 13px;
}
.UIConversation UL.UIList LI .actions TEXTAREA {
  grid-column: 1/-1;
  margin: 8px 8px 5px 34px;
  border: unset;
}
.UIConversation UL.UIList LI .actions > SPAN {
  margin: 0px 4px 5px 8px;
  display: inline-block;
}
.UIConversation UL.UIList LI .actions > SPAN:first-of-type {
  margin-left: 34px;
}
.UIConversation UL.UIList LI .actions .finish, .UIConversation UL.UIList LI .actions .reply, .UIConversation UL.UIList LI .actions .delete {
  color: white;
  padding: 8px 5px 8px 31px;
  border-radius: 3px;
  background: url(/img/icon/yesWhite.svg) no-repeat left 5px center/21px;
  background-color: green;
}
.UIConversation UL.UIList LI .actions .finish.inactive, .UIConversation UL.UIList LI .actions .reply.inactive, .UIConversation UL.UIList LI .actions .delete.inactive {
  color: #999;
  opacity: 0.5;
  background: unset;
}
.UIConversation UL.UIList LI .actions .delete {
  background: #822 url(/img/icon/trash1Red.svg) no-repeat center center/auto 21px;
  display: inline;
  margin-left: 13px;
}
.UIConversation UL.UIList LI .actions .reply {
  background-image: url(/img/icon/sendWhite.svg);
}
.UIConversation UL.UIList LI:first-child {
  border-top: 1px solid #333;
}
.UIConversation UL.UIList LI > A {
  display: inline;
  background: unset;
}
.UIConversation UL.UIList.highlighted LI {
  opacity: 0.3;
}
.UIConversation UL.UIList.highlighted LI.highlighted {
  opacity: 1;
  background-color: black;
  border-radius: 13px 13px 0px 0px;
}
.UIConversation UL.UIList.highlighted LI.highlighted DIV.replies {
  display: block;
}
.UIConversation.homeShit .UIList LI.entryT {
  margin: 0px 0px 1px 0px;
  border: unset;
}
.UIConversation.homeShit .UIList LI.entryT:last-child {
  margin-bottom: 0px;
}
.UIConversation.homeShit .UIList LI.entryT SPAN.s {
  background-color: black;
  border-radius: 35px 0px 0px 35px;
  min-height: 100%;
  /*					color:				transparent; // the sender name*/
}
.UIConversation.homeShit .UIList LI.entryT P {
  background-color: black;
  color: white;
  margin: 0px;
  border-radius: 0px 3px 3px 0px;
  padding: 8px 8px 3px 8px;
}
.UIConversation.homeShit .UIList LI.entryT SPAN.title {
  display: none;
}
.UIConversation.homeShit .UIList LI.entryT SPAN.name5 {
  color: white;
}
.UIConversation.homeShit .UIList LI.entryT SPAN {
  margin: 0px;
}

.UISendFeedback P {
  font-style: italic;
}
.UISendFeedback FORM {
  margin-bottom: 21px;
  position: relative;
}
.UISendFeedback FORM TEXTAREA, .UISendFeedback FORM INPUT[type=BUTTON] {
  grid-column: 1/-1;
}
.UISendFeedback FORM TEXTAREA.leave, .UISendFeedback FORM INPUT[type=BUTTON].leave {
  background-color: #5b0000;
  box-shadow: inset 0px 0px 1px 1px white;
  background-image: url(/img/icon/medicalRed.svg);
}

.UIRolesEditor .UITip {
  max-width: unset;
}
.UIRolesEditor TABLE TR TD {
  position: relative;
}
.UIRolesEditor TABLE TR TD P {
  border-radius: 3px;
  background-color: #EEE;
  padding: 9px 5px 2px 5px;
  text-align: center;
}
.UIRolesEditor TABLE TR TD P SPAN {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: auto;
  font-size: xx-small;
  padding: 2px;
}

#EmployeeInfo .h {
  display: grid;
  grid-template-columns: 1fr auto;
}
#EmployeeInfo .h .online {
  grid-column: 1/-1;
}
#EmployeeInfo .h .p {
  grid-row: 1/span 2;
  grid-column: 2/3;
}
#EmployeeInfo .h .p LI {
  width: 34px;
  height: 34px;
  background: transparent no-repeat center center/34px;
  filter: invert(1);
  margin: 0px 8px;
}
#EmployeeInfo .h .p LI:last-child {
  margin-right: 0px;
}
#EmployeeInfo .tabbedArea2 > DIV:not(.tabSelector) {
  height: 400px;
}
#EmployeeInfo .UIList {
  padding-top: 13px;
}
#EmployeeInfo .UIList.EmployeeActions {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#EmployeeInfo .UIList.EmployeeActions .replace, #EmployeeInfo .UIList.EmployeeActions .miss, #EmployeeInfo .UIList.EmployeeActions .greve, #EmployeeInfo .UIList.EmployeeActions .greveNot, #EmployeeInfo .UIList.EmployeeActions .fullTime, #EmployeeInfo .UIList.EmployeeActions .checkIn {
  grid-column: 1/-1;
}
#EmployeeInfo .UIList.EmployeeActions LI A {
  margin: 1px;
}
#EmployeeInfo .UIList.EmployeeActions LI.disabledTA A {
  background-image: none;
  color: #DDD;
}
#EmployeeInfo .UIList.EmployeeActions.dynamic {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  /*				.replace,.miss,.greve,.greveNot,.fullTime,.checkIn{
  					grid-column:		1/-1;
  				}
  				.checkIn{
  					grid-column:		unset;
  				}*/
}
#EmployeeInfo .UIList.EmployeeActions.dynamic > LI {
  grid-column: span 3;
}
#EmployeeInfo .UIList.EmployeeActions.dynamic > LI.miss {
  margin-top: 13px;
}
#EmployeeInfo .UIList.EmployeeActions.dynamic > LI.replace, #EmployeeInfo .UIList.EmployeeActions.dynamic > LI.miss, #EmployeeInfo .UIList.EmployeeActions.dynamic > LI.greve, #EmployeeInfo .UIList.EmployeeActions.dynamic > LI.greveNot {
  grid-column: 1/-1;
}
#EmployeeInfo .UIList.EmployeeActions.dynamic .checkInOut, #EmployeeInfo .UIList.EmployeeActions.dynamic .refOut, #EmployeeInfo .UIList.EmployeeActions.dynamic .earlierOut {
  grid-column: span 2;
}
#EmployeeInfo .UITip > DIV {
  padding: 13px !important;
  background-color: #EEE;
  border-radius: 13px;
}
#EmployeeInfo UL.undoes LI {
  color: white;
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 8px;
  background: black;
  padding-left: 21px;
  min-height: 21px;
  /*			&.notEditable:not(.move):not(.alt):not(.alt2){
  				background:			black !important;
  				padding-left:		5px;
  			}*/
}
#EmployeeInfo UL.undoes LI .by {
  display: none;
}
#EmployeeInfo UL.undoes LI .by, #EmployeeInfo UL.undoes LI .rBy {
  text-align: right;
}
#EmployeeInfo UL.undoes LI.r .d {
  text-decoration: line-through;
}
@media (hover: hover) {
  #EmployeeInfo UL.undoes LI:not(.locked):not(.r):hover {
    background-color: red;
  }
}
#EmployeeInfo UL.undoes LI.notHere:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tal:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tad:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tap:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tau {
  background: black url(/img/icon/busWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tau:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/busWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tau:not(.locked):not(.r):not(.notEditable).aware {
  background: url(/img/icon/busWhite.svg) no-repeat left 4px center/14px, url(/img/icon/doubleCheckedGreen.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tax, #EmployeeInfo UL.undoes LI.tay {
  background: black url(/img/icon/infoWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tax:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tay:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/infoWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.taf {
  background: black url(/img/icon/meal2White.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.taf:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/meal2White.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.taf:not(.locked):not(.r):not(.notEditable).aware {
  background: url(/img/icon/meal2White.svg) no-repeat left 4px center/14px, url(/img/icon/doubleCheckedGreen.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tar {
  background: black url(/img/icon/delayWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tar:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/delayWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tae {
  background: black url(/img/icon/exit6White.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tae:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/exit6White.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.tae:not(.locked):not(.r):not(.notEditable).aware {
  background: url(/img/icon/exit6White.svg) no-repeat left 4px center/14px, url(/img/icon/doubleCheckedGreen.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.move {
  background: black url(/img/icon/arrowLeftWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.move:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/arrowLeftWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.move.int {
  background: black url(/img/icon/arrowRightShortWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.move.int:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/arrowRightShortWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.extra {
  background: black url(/img/icon/plusWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.extra:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/plusWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.extraFix {
  background: black url(/img/icon/asteriskWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.extraFix:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/asteriskWhite.svg) no-repeat left 4px center/14px, url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px;
}
#EmployeeInfo UL.undoes LI.alt {
  background: black url(/img/icon/arrowUpDownWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.alt:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px, url(/img/icon/arrowUpDownWhite.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.alt2 {
  background: black url(/img/icon/arrowCross3White.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.alt2:not(.locked):not(.r):not(.notEditable) {
  background: url(/img/icon/pencil3White.svg) no-repeat right 4px center/14px, url(/img/icon/arrowCross3White.svg) no-repeat left 4px center/14px;
}
#EmployeeInfo UL.undoes LI.extra:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.extraFix:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.move:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tae:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tar:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.taf:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tau:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tax:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tay:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tal:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tad:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.tap:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.alt:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.alt2:not(.locked):not(.r):not(.notEditable), #EmployeeInfo UL.undoes LI.notHere:not(.locked):not(.r):not(.notEditable) {
  padding-right: 21px;
  background-color: black !important;
}
#EmployeeInfo UL.undoes LI.r, #EmployeeInfo UL.undoes LI.rep {
  opacity: 0.4;
}

#UIScaleMontlyContainer .UIOfficeAddresses {
  margin-top: max(0px, var(--st));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  color: #EEE;
  z-index: 9;
  display: none;
}
#UIScaleMontlyContainer .UIOfficeAddresses.visible {
  display: block;
}
#UIScaleMontlyContainer .UIOfficeAddresses UL LI {
  padding: 8px 13px !important;
  display: grid;
  grid-template-columns: 89px auto;
  text-align: left;
}
#UIScaleMontlyContainer .UIOfficeAddresses UL LI SPAN:first-child {
  text-align: right;
  padding-right: 13px;
}
#UIScaleMontlyContainer .UIOfficeAddresses UL LI.selected {
  background-color: #a52a2a;
}
#UIScaleMontlyContainer .disclaimer {
  color: white;
  padding: 0px 21px;
  padding-bottom: 13px;
  background: black;
  position: relative;
  min-height: 84px;
}
#UIScaleMontlyContainer .disclaimer UL.UIList LI {
  /*				&:nth-child(2){
  					background: maroon;
  					color:		white;
  				}*/
  padding: 8px 5px;
  background: #444;
  color: black;
  border: unset;
  margin-right: 13px;
  border-radius: 3px;
}
#UIScaleMontlyContainer .disclaimer UL.UIList LI:last-child {
  margin-right: 0px;
}
#UIScaleMontlyContainer .disclaimer UL.UIList LI.selected {
  background: white;
  color: black;
}
#UIScaleMontlyContainer .disclaimer P {
  padding: 0px 21px;
  min-height: 26px;
}
#UIScaleMontlyContainer .disclaimer P.star {
  background: url(/img/icon/starWhite.svg) no-repeat left center/13px;
}
#UIScaleMontlyContainer .disclaimer P:first-child {
  margin-top: 5px;
}
#UIScaleMontlyContainer .disclaimer P .applyRotation {
  background-color: green;
  padding: 5px;
  border-radius: 3px;
}
#UIScaleMontlyContainer .disclaimer .discInfo {
  background: brown url(/img/icon/exit6White.svg) no-repeat left 13px center/34px;
  padding: 21px;
  padding-left: 55px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#UIScaleMontlyContainer .disclaimer .discInfo.today {
  background-color: green;
}
#UIScaleMontlyContainer H2 {
  text-align: center;
  padding-top: max(0px, var(--st));
  background: black url(/img/icon/close3White.svg) no-repeat right 13px bottom 13px/23px;
  padding-bottom: 0px;
  color: white;
  margin-top: 0px;
  margin-bottom: 0px;
}
#UIScaleMontlyContainer H2.restrict {
  padding: 13px;
  background-image: unset;
}
#UIScaleMontlyContainer H2 SPAN.print {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  right: auto;
  left: 13px;
  width: 34px;
  height: 34px;
  bottom: 13px;
  top: auto;
  background: url(/img/icon/printWhite.svg) no-repeat center bottom/34px;
}
#UIScaleMontlyContainer H2 SPAN.edit {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  left: 13px;
  right: auto;
  width: 34px;
  height: 34px;
  bottom: 13px;
  top: auto;
  background: url(/img/icon/config.svg) no-repeat center bottom/34px;
}
#UIScaleMontlyContainer H2 A {
  background: unset;
  padding: 13px 8px;
}
#UIScaleMontlyContainer H2 DIV {
  cursor: pointer;
  display: inline-block;
  padding: 13px 8px;
}
#UIScaleMontlyContainer .UITip {
  max-width: unset;
  margin: auto;
  padding: 0px !important;
  /*min-height:				100%;*/
}
#UIScaleMontlyContainer .bg {
  position: sticky;
  top: 0;
  z-index: 1;
  margin-bottom: unset;
  background: url(/img/four-horsemen-of-the-apocalypse-digital-remastered-edition-viktor-mikhaylovich-vasnetsov.jpeg) no-repeat center center/cover;
  height: 233px;
}
#UIScaleMontlyContainer .bg H2 {
  color: white;
  background-image: radial-gradient(from left, black 50% white);
}
#UIScaleMontlyContainer .TableArea {
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  background-color: #EEE;
  background: black;
  position: relative;
  min-height: 100vh;
}
#UIScaleMontlyContainer .TableArea .TableAreaDiv {
  display: flex;
  /*margin:					auto;*/
  grid-template-columns: auto auto;
  overflow: scroll;
  max-height: 100%;
  /*width:					100%;*/
  place-content: center;
  background: #EEE;
  /*padding:				5px;*/
}
#UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV {
  position: relative;
  height: fit-content;
  padding-right: 2px;
  background: white;
}
#UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV:first-child {
  padding-right: 0px;
  padding-left: 2px;
}
#UIScaleMontlyContainer .TableArea H2, #UIScaleMontlyContainer .TableArea DIV.bg, #UIScaleMontlyContainer .TableArea UL {
  grid-column: -1/1;
}
#UIScaleMontlyContainer .TableArea H2.print {
  display: none;
}
#UIScaleMontlyContainer .TableArea UL {
  margin-top: 8px;
  margin-bottom: max(var(--sb), 8px);
}
#UIScaleMontlyContainer .TableArea UL LI {
  padding: 3px 2px;
  border-bottom: 1px solid #EEE;
}

.UIEditOffice .containerRoles .role {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
}
.UIEditOffice .containerRoles .role:nth-child(2n) {
  background-color: #EEE;
}
.UIEditOffice .containerRoles .role SPAN {
  padding: 5px 3px;
}
.UIEditOffice #EditOfficeRoles {
  grid-template-columns: auto auto auto;
}
.UIEditOffice #EditOfficeRoles H2, .UIEditOffice #EditOfficeRoles H3, .UIEditOffice #EditOfficeRoles P, .UIEditOffice #EditOfficeRoles .newRole {
  grid-column: 1/-1;
}
.UIEditOffice #EditOfficeRoles BUTTON {
  grid-column: auto;
  margin: 0px;
  padding: 0px;
}
.UIEditOffice #EditOfficeRoles .newRole {
  margin-top: 21px;
  display: grid;
}

TABLE.UIMonthlyScaleLeft TR.h TD:first-child {
  color: red;
  font-weight: bold;
}
TABLE.UIMonthlyScaleLeft TR.hi TD:first-child:not(.shit) {
  background-color: #333;
}
TABLE.UIMonthlyScaleLeft TR.hi TD:first-child:not(.shit) P.r:not(.shit):not(.pizza) {
  color: white !important;
}
TABLE.UIMonthlyScaleLeft TR.su TD:first-child, TABLE.UIMonthlyScaleLeft TR.sa TD:first-child {
  font-weight: bold;
}
TABLE.UIMonthlyScaleLeft TR.t TD.c, TABLE.UIMonthlyScaleLeft TR.hi TD.c {
  background-image: url(/img/icon/yesWhite2.svg) !important;
}
TABLE.UIMonthlyScaleLeft TR.t TD.c {
  background-position: bottom 8px right 1px;
}
TABLE.UIMonthlyScaleLeft TR TD {
  position: relative;
  text-align: right;
}
TABLE.UIMonthlyScaleLeft TR TD:nth-child(2) {
  width: 8px;
}
TABLE.UIMonthlyScaleLeft TR TD P:not(.r):not(.fakeSelector):not(.fakeSelector2):not(.pizza) {
  color: transparent !important;
  padding-right: 15px;
}
TABLE.UIMonthlyScaleLeft TR TD P.r {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: unset !important;
  margin: auto;
  background: transparent !important;
  height: 100%;
}
TABLE.UIMonthlyScaleLeft TR TD P.r A {
  padding-top: 4px;
  /*height:		100%;*/
  display: grid;
  align-items: center;
  text-align: right;
  padding-right: 15px;
}
TABLE.UIMonthlyScaleLeft TR TD.c {
  background-image: url(/img/icon/yesGreen.svg);
}
TABLE.UIMonthlyScaleLeft TR:not(.h):not(.t) TD.c P.r A {
  color: green;
}

.BoardView #UIScaleMontlyContainer .MonthDiv .TableAreaDiv > DIV {
  background: black;
}

.TableAreaDiv.highlighted TABLE.UIMonthlyScaleLeft TR TD P {
  color: #EEE !important;
}
.TableAreaDiv.highlighted TABLE.UIMonthlyScale TR TD > P {
  color: #EEE;
}
.TableAreaDiv.highlighted TABLE.UIMonthlyScale TR TD, .TableAreaDiv.highlighted ABLE.UIMonthlyScaleLeft TR TD {
  background-color: #F6F6F6;
}

DIV TABLE.UIMonthlyScaleLeft.UIMonthlyScaleHeader, TABLE.UIMonthlyScale.UIMonthlyScaleHeader {
  position: sticky;
  top: 0;
  z-index: 9;
}
DIV TABLE.UIMonthlyScaleLeft.UIMonthlyScaleHeader TBODY, TABLE.UIMonthlyScale.UIMonthlyScaleHeader TBODY {
  border-spacing: 1px 0px;
  /*background:			#EEE;*/
}
DIV TABLE.UIMonthlyScaleLeft.UIMonthlyScaleHeader TR TH P, TABLE.UIMonthlyScale.UIMonthlyScaleHeader TR TH P {
  background: white;
  color: black;
}
DIV TABLE.UIMonthlyScaleLeft TBODY, DIV TABLE.UIMonthlyScaleLeft THEAD, TABLE.UIMonthlyScale TBODY, TABLE.UIMonthlyScale THEAD {
  border-spacing: 1px;
  display: table-cell;
  overflow: scroll;
  width: 100%;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR, TABLE.UIMonthlyScale TBODY TR {
  width: fit-content;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.hi TD:not(.shit), TABLE.UIMonthlyScale TBODY TR.hi TD:not(.shit) {
  background-color: #FFF;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.hi TD:not(.shit) > P, DIV TABLE.UIMonthlyScaleLeft TBODY TR.hi TD:not(.shit) P.greve2, TABLE.UIMonthlyScale TBODY TR.hi TD:not(.shit) > P, TABLE.UIMonthlyScale TBODY TR.hi TD:not(.shit) P.greve2 {
  color: #66F !important;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.hi.h TD P.r, TABLE.UIMonthlyScale TBODY TR.hi.h TD P.r {
  color: red;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.strike, TABLE.UIMonthlyScale TBODY TR.strike {
  /*			TD P.r A{
  				position:			relative;
  				&::before{
  					@include			mixins.absolute;
  					color:			#ff00ff;
  					content:			'greve';
  					text-align:		center;
  					font-family:	segoe;
  					font-size:		x-small;
  				}
  			}*/
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.strike TD > P, TABLE.UIMonthlyScale TBODY TR.strike TD > P {
  color: #555;
  background-color: rgba(150, 53, 245, 0.2666666667);
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.strike TD.wd ::before, TABLE.UIMonthlyScale TBODY TR.strike TD.wd ::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ff00ff;
  font-size: smaller;
  content: "greve";
  text-align: center;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.p TD, TABLE.UIMonthlyScale TBODY TR.p TD {
  background: #49F;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.p TD P, TABLE.UIMonthlyScale TBODY TR.p TD P {
  color: white;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.p TD P.r, TABLE.UIMonthlyScale TBODY TR.p TD P.r {
  color: white;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD, DIV TABLE.UIMonthlyScaleLeft TBODY TR TH, TABLE.UIMonthlyScale TBODY TR TD, TABLE.UIMonthlyScale TBODY TR TH {
  padding: 0px;
  background: no-repeat bottom 4px right 1px/13px;
  background-color: white;
  white-space: nowrap;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P, DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P, TABLE.UIMonthlyScale TBODY TR TD P, TABLE.UIMonthlyScale TBODY TR TH P {
  padding: 4px 0px 0px 0px;
  overflow: scroll;
  display: block;
  height: 20px;
  line-height: 20px;
}
@media (hover: hover) {
  DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P, DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P, TABLE.UIMonthlyScale TBODY TR TD P, TABLE.UIMonthlyScale TBODY TR TH P {
    cursor: pointer;
  }
  DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P:hover, DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P:hover, TABLE.UIMonthlyScale TBODY TR TD P:hover, TABLE.UIMonthlyScale TBODY TR TH P:hover {
    background-color: #EEE;
  }
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P A, DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P A, TABLE.UIMonthlyScale TBODY TR TD P A, TABLE.UIMonthlyScale TBODY TR TH P A {
  padding: unset;
  background: unset;
  margin: unset;
  min-width: unset;
  border-radius: unset;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected0:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected1:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected2:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected3:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected4:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected5:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected6:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected7:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected0:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected1:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected2:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected3:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected4:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected5:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected6:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected7:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected0:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected1:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected2:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected3:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected4:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected5:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected6:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected7:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected0:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected1:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected2:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected3:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected4:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected5:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected6:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected7:not(.el):not(.fz) {
  background-color: #22F;
  color: white !important;
  border-radius: 0px;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected1:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected1:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected1:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected1:not(.el):not(.fz) {
  background-color: #266;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected2:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected2:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected2:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected2:not(.el):not(.fz) {
  background-color: #662;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected3:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected3:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected3:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected3:not(.el):not(.fz) {
  background-color: #A37;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected4:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected4:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected4:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected4:not(.el):not(.fz) {
  background-color: #248;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected5:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected5:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected5:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected5:not(.el):not(.fz) {
  background-color: #842;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected6:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected6:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected6:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected6:not(.el):not(.fz) {
  background-color: #A42;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P.selected7:not(.el):not(.fz), DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P.selected7:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TD P.selected7:not(.el):not(.fz), TABLE.UIMonthlyScale TBODY TR TH P.selected7:not(.el):not(.fz) {
  background-color: #24A;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.v TD, TABLE.UIMonthlyScale TBODY TR.v TD {
  /*background-color:				#E6FFE6 !important;*/
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.w > TD, TABLE.UIMonthlyScale TBODY TR.w > TD {
  background-color: #F6F6F6;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P, TABLE.UIMonthlyScale TBODY TR.w TD P {
  /*					&.alt:before{
  						background:	url(/img/icon/arrowLeftRight9Gray.svg) no-repeat center center/6px;
  					}*/
  /*					&.pc{ // ponto corrido
  						background:	radial-gradient(circle at 50% 3px, #BBB 2px, transparent 2px);
  					}*/
  /*					&.alt2:before{
  						background:	url(/img/icon/arrowCross3Gray.svg) no-repeat center center/8px !important;
  					}*/
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P.tar, TABLE.UIMonthlyScale TBODY TR.w TD P.tar {
  background: transparent url(/img/icon/delayBlack.svg) no-repeat left 1px top 1px/8px;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P.el, TABLE.UIMonthlyScale TBODY TR.w TD P.el {
  background: linear-gradient(315deg, #BBB 7px, transparent 8px);
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P.elA, TABLE.UIMonthlyScale TBODY TR.w TD P.elA {
  background: url(/img/icon/busGray.svg) no-repeat right 1px bottom 1px/8px;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P.tay, TABLE.UIMonthlyScale TBODY TR.w TD P.tay {
  background: url(/img/icon/info2Blue.svg) no-repeat right 1px bottom 1px/8px;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.sa TD, TABLE.UIMonthlyScale TBODY TR.sa TD {
  /*border-bottom:	1px solid #444;*/
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.selected, TABLE.UIMonthlyScale TBODY TR.selected {
  background-color: black;
  color: white;
}
DIV TABLE.UIMonthlyScaleLeft TBODY TR.selected TD, TABLE.UIMonthlyScale TBODY TR.selected TD {
  padding: 13px 1px;
}

DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD {
  background-color: #070;
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD.c P, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD.c P {
  height: auto;
  top: auto;
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.greve2, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.greve2 {
  color: white;
  /*
  */
  /*
  					&.req{ // request leave
  						background:		url(/img/icon/waitBlack.svg) no-repeat right 1px top 1px/8px;
  					}
  						&.requ{
  						color:			#CCC;
  					}
  */
  /*
  &.alt:before{
  	background:		url(/img/icon/arrowLeftRight9White.svg) no-repeat center center/6px;
  }

  &.alt2:before{
  	background:	url(/img/icon/arrowCross3White.svg) no-repeat center center/8px !important;
  }*/
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.r, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.greve2.r, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.r, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.greve2.r {
  color: white;
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P P.el, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.greve2 P.el, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P P.el, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.greve2 P.el {
  background: linear-gradient(315deg, #FFF 6px, #000 7px, transparent 8px);
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P P.pc, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.greve2 P.pc, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P P.pc, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.greve2 P.pc {
  /*background:		radial-gradient(circle at 50% 3px, #FFF 2px, transparent 2px);*/
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P P.elU, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P P.elA, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.greve2 P.elU, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD > P.greve2 P.elA, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P P.elU, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P P.elA, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.greve2 P.elU, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD > P.greve2 P.elA {
  background: url(/img/icon/busWhite.svg) no-repeat right 1px bottom 1px/8px;
}
DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScaleLeft TBODY TR.t TD P.greve2, DIV.TableAreaDiv:not(.UIexternalView):not(.UIrefView):not(.UIdelayView):not(.UIexitView) TABLE.UIMonthlyScale TBODY TR.t TD P.greve2 {
  color: #bce5f4;
}

#monthlyTableStats {
  /*	.anotherDay{
  		padding-top:			34px;
  		color:					white;
  		background:				#d66161;
  		&.today{
  			color:				black;
  			background:			white;
  		}
  	}*/
}
#monthlyTableStats .UIColumn {
  border-radius: 13px;
}
#monthlyTableStats .UITip {
  max-width: 577px;
}
#monthlyTableStats .anotherDayP {
  padding-top: 21px;
  color: #D00;
}
#monthlyTableStats .anotherDayP.today {
  color: #0A0;
}

TABLE.officeMonthlyStats {
  text-align: center;
  background: #000;
  min-width: 100%;
  margin: auto;
}
TABLE.officeMonthlyStats TR.thisMonth {
  color: #02F;
  /*font-weight:		bold;*/
}
TABLE.officeMonthlyStats TR:not(.thisMonth) {
  color: #AAA;
}
TABLE.officeMonthlyStats TR:not(.thisMonth) TD {
  background-color: #F3F3F3;
}
TABLE.officeMonthlyStats TR TD {
  background: white;
  font-size: smaller;
  border-top: 1px solid black;
  border-left: 1px solid black;
  position: relative;
}
TABLE.officeMonthlyStats TR TD:last-child {
  border-right: 1px solid black;
}
TABLE.officeMonthlyStats TR TD.info {
  min-height: 5px;
}
TABLE.officeMonthlyStats TR TD P.delay {
  /*@include absolute;*/
  color: red;
  font-size: xx-small;
  /*float:			left;*/
}
TABLE.officeMonthlyStats TR:last-child TD {
  border-bottom: 1px solid black;
}
TABLE.officeMonthlyStats TR:first-child TD {
  background: black;
  color: white;
  font-size: initial;
  border-top: unset;
  border-left: 1px solid white;
  padding-top: 8px;
  padding-bottom: 8px;
}
TABLE.officeMonthlyStats TR:first-child TD:last-child {
  border-right: 1px solid black;
}
TABLE.officeMonthlyStats TR:first-child TD:first-child {
  border-left: 1px solid black;
}

DIV TABLE.UIMonthlyScale {
  overflow: scroll;
  max-width: 100%;
  width: 100%;
  margin: auto;
  table-layout: fixed;
  display: table;
  max-width: 1209px;
}
DIV TABLE.UIMonthlyScale.r2 {
  max-width: 174px;
}
DIV TABLE.UIMonthlyScale.r3 {
  max-width: 243px;
}
DIV TABLE.UIMonthlyScale.r4 {
  max-width: 312px;
}
DIV TABLE.UIMonthlyScale.r5 {
  max-width: 381px;
}
DIV TABLE.UIMonthlyScale.r6 {
  max-width: 450px;
}
DIV TABLE.UIMonthlyScale.r7 {
  max-width: 519px;
}
DIV TABLE.UIMonthlyScale.r8 {
  max-width: 588px;
}
DIV TABLE.UIMonthlyScale.r9 {
  max-width: 657px;
}
DIV TABLE.UIMonthlyScale.r10 {
  max-width: 726px;
}
DIV TABLE.UIMonthlyScale.r11 {
  max-width: 795px;
}
DIV TABLE.UIMonthlyScale.r12 {
  max-width: 864px;
}
DIV TABLE.UIMonthlyScale.r13 {
  max-width: 933px;
}
DIV TABLE.UIMonthlyScale.r14 {
  max-width: 1002px;
}
DIV TABLE.UIMonthlyScale.r15 {
  max-width: 1071px;
}
DIV TABLE.UIMonthlyScale.r16 {
  max-width: 1140px;
}
DIV TABLE.UIMonthlyScale.r17 {
  max-width: 1209px;
}
DIV TABLE.UIMonthlyScale TBODY {
  /*TR:not(.t){*/
}
DIV TABLE.UIMonthlyScale TBODY TR TD.multi {
  /*vertical-align: bottom;*/
  background-color: red;
}
DIV TABLE.UIMonthlyScale TBODY TR TD.multi > P {
  background-color: #F4FFF4;
  background-color: #0F0;
  display: grid;
  height: 10px;
  font-size: xx-small;
  align-content: center;
  padding: 0px;
  margin-bottom: 1px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD.multi > P:last-child {
  margin-bottom: unset;
}
DIV TABLE.UIMonthlyScale TBODY TR.t TD.multi > P {
  background-color: #6FB66F;
}
DIV TABLE.UIMonthlyScale TBODY TR {
  width: max-content;
  text-align: left;
}
DIV TABLE.UIMonthlyScale TBODY TR TD, DIV TABLE.UIMonthlyScale TBODY TR TH {
  font-size: 0px;
  position: relative;
  text-align: center;
  /*				P.pc{ // ponto corrido
  					background:		radial-gradient(circle at 50% 3px, #000 2px, transparent 2px);
  				}*/
  /*				P.mov{
  					&:before{
  						content:	'→';
  					}
  					&.exAu{
  						&:before{
  							content:	'→<';
  						}
  					}
  				}*/
  /*				P.alt{
  					&:before{
  						content:	''; // removes arrow
  						background:	url(/img/icon/arrowLeftRight9Black.svg) no-repeat center center/6px;
  						display:	inline-block;
  						height:		10px;
  						width:		8px;
  					}
  					&.exAu{
  						&:before{
  							content:	'→<';
  						}
  					}
  				}

  				P.alt2{
  					&:before{
  						content:	' ';
  						background:	url(/img/icon/arrowCross3Black.svg) no-repeat center center/11px;
  						display:	inline-block;
  						height:		10px;
  						width:		11px;
  					}
  					&.exAu{
  						&:before{
  							content:	'→<';
  						}
  					}
  				}*/
}
DIV TABLE.UIMonthlyScale TBODY TR TD.multi P, DIV TABLE.UIMonthlyScale TBODY TR TH.multi P {
  /*box-shadow:		inset 0px 0px 0px 1px #eee;*/
}
DIV TABLE.UIMonthlyScale TBODY TR TD > P, DIV TABLE.UIMonthlyScale TBODY TR TH > P {
  position: relative;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P, DIV TABLE.UIMonthlyScale TBODY TR TH P {
  z-index: 2;
  width: 68px;
  overflow: hidden;
  display: inline-block;
  font-size: 16px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.greve2, DIV TABLE.UIMonthlyScale TBODY TR TH P.greve2 {
  color: #8989ef;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.elA {
  z-index: 1;
  padding: 0px;
  width: 100%;
  /*background:		linear-gradient(315deg,#000 7px, transparent 8px);*/
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.tar {
  background: url(/img/icon/delayWhite.svg) no-repeat left 1px top 8px/8px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.req {
  background: url(/img/icon/wait.svg) no-repeat right 1px top 1px/8px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.requ, DIV TABLE.UIMonthlyScale TBODY TR TH P.requ {
  color: #CCC;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.elA {
  background: url(/img/icon/busBlack.svg) no-repeat right 1px bottom 1px/8px;
  opacity: 1;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exAu:before, DIV TABLE.UIMonthlyScale TBODY TR TD P.exAu:after, DIV TABLE.UIMonthlyScale TBODY TR TD P.exBu:before, DIV TABLE.UIMonthlyScale TBODY TR TD P.exBu:after, DIV TABLE.UIMonthlyScale TBODY TR TD P.mov:before, DIV TABLE.UIMonthlyScale TBODY TR TD P.mov:after, DIV TABLE.UIMonthlyScale TBODY TR TD P.e:before, DIV TABLE.UIMonthlyScale TBODY TR TD P.e:after, DIV TABLE.UIMonthlyScale TBODY TR TD P.fix:before, DIV TABLE.UIMonthlyScale TBODY TR TD P.fix:after, DIV TABLE.UIMonthlyScale TBODY TR TH P.exAu:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exAu:after, DIV TABLE.UIMonthlyScale TBODY TR TH P.exBu:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exBu:after, DIV TABLE.UIMonthlyScale TBODY TR TH P.mov:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.mov:after, DIV TABLE.UIMonthlyScale TBODY TR TH P.e:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.e:after, DIV TABLE.UIMonthlyScale TBODY TR TH P.fix:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.fix:after {
  /*color:		#AAA;*/
  font-size: xx-small;
  vertical-align: middle;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.e:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.e:before {
  content: "﹢";
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.fix:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.fix:before {
  content: "*";
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exAu:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exAu:before {
  content: "<";
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exBu:after, DIV TABLE.UIMonthlyScale TBODY TR TH P.exBu:after {
  content: ">";
}
DIV TABLE.UIMonthlyScale TBODY TR TD P > P, DIV TABLE.UIMonthlyScale TBODY TR TH P > P {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  position: absolute;
  color: transparent;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P > P:before, DIV TABLE.UIMonthlyScale TBODY TR TH P > P:before {
  width: 100%;
  position: absolute;
  font-size: smaller;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exA:before, DIV TABLE.UIMonthlyScale TBODY TR TD P.exB:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exA:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exB:before {
  color: #AAA;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.rep, DIV TABLE.UIMonthlyScale TBODY TR TH P.rep {
  bottom: auto;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.rep:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.rep:before {
  font-size: 6px;
  left: 3px;
  content: "→";
  text-align: left;
  /*						top:		0;
  						bottom:		auto;
  						line-height: 13px;*/
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exA, DIV TABLE.UIMonthlyScale TBODY TR TH P.exA {
  right: auto;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exA:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exA:before {
  left: 0;
  content: "<";
  text-align: left;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exB, DIV TABLE.UIMonthlyScale TBODY TR TH P.exB {
  left: auto;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.exB:before, DIV TABLE.UIMonthlyScale TBODY TR TH P.exB:before {
  right: 0;
  content: ">";
  text-align: right;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 {
  color: red;
  /*					&.alt2:before{
  						background:	url(/img/icon/arrowCross3White.svg) no-repeat center center/8px;
  					}*/
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P {
  /*color:				green;*/
  /*						&.requ{
  							color:			#CCC;
  						}*/
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P.el, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P.el {
  background: linear-gradient(315deg, #FFF 7px, transparent 8px);
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P.pc, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P.pc {
  background: radial-gradient(circle at 50% 3px, #FFF 2px, transparent 2px);
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P.req, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P.req {
  background: url(/img/icon/waitBlack.svg) no-repeat right 1px top 1px/8px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P.elA, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P.elU, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P.elA {
  background: url(/img/icon/busWhite.svg) no-repeat right 1px bottom 1px/8px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD P.selected0 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected1 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected2 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected3 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected4 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected5 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected6 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TD P.selected7 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected0 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected1 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected2 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected3 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected4 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected5 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected6 > P.tar, DIV TABLE.UIMonthlyScale TBODY TR TH P.selected7 > P.tar {
  background: url(/img/icon/delayWhite.svg) no-repeat left 1px top 1px/8px;
}
DIV TABLE.UIMonthlyScale TBODY TR TD.wd P, DIV TABLE.UIMonthlyScale TBODY TR TH.wd P {
  width: 34px;
  font-family: segoe;
  font-size: small;
}

.BIG DIV TABLE TBODY TR TD.wd P, .BIG DIV TABLE TBODY TR TH.wd P {
  font-size: 15px;
}
.BIG DIV TABLE TBODY TR TD P, .BIG DIV TABLE TBODY TR TH P {
  font-size: 18px;
}

DIV.TableAreaDiv TD.dark P {
  background-color: #CCC;
}

DIV.TableAreaDiv.UIrefView TABLE tbody TR TD.c, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH.c, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD.c, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH.c, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD.c, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH.c, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD.c, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH.c {
  background-image: unset;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P {
  /*>P{ // the times of REF, etc*/
  display: block;
  z-index: -1;
  font-size: x-small;
  padding-top: unset;
  height: 100%;
  /*}*/
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.pc, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.pc, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.pc, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.pc {
  background-color: #8bc34a;
  background-color: #E1E7C0;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal {
  color: black;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.taf.ext, DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.ext, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.taf.ext, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.ext, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.taf.ext, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.ext, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.taf.ext, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.taf.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.taf.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.ext, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.taf.ext, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.ext, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.taf.ext, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.ext {
  display: none;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tar, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tar, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tar, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tar {
  top: 0;
  position: absolute;
  background-color: #ffd1ff;
  display: none;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal {
  top: 0;
  position: absolute;
  background-color: rgba(255, 190, 170, 0.4666666667);
  display: none;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.g3, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.g3, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.g3, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.g3, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.g3, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.g3, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.g3, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.g3 {
  background-color: #0f0;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.g2, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.g2, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.g2, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.g2, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.g2, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.g2, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.g2, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.g2 {
  background-color: rgba(0, 255, 0, 0.6666666667);
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.g1, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.g1, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.g1, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.g1, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.g1, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.g1, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.g1, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.g1 {
  background-color: rgba(0, 255, 0, 0.4666666667);
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.g0, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.g0, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.g0, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.g0, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.g0, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.g0, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.g0, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.g0 {
  background-color: #fcfc6a;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.y1, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.y1, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.y1, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.y1, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.y1, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.y1, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.y1, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.y1 {
  background-color: #fca86a;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.y2, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.y2, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.y2, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.y2, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.y2, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.y2, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.y2, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.y2 {
  background-color: #ffc107;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tal.y3, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tal.y3, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal.y3, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal.y3, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tal.y3, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tal.y3, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tal.y3, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tal.y3 {
  background-color: rgba(255, 0, 0, 0.5215686275);
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tad, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tad, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tad, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tad, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tad, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tad, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tad, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tad {
  top: 0;
  position: absolute;
  background-color: #EEF;
  display: none;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tad.g1, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tad.g1, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tad.g1, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tad.g1, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tad.g1, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tad.g1, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tad.g1, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tad.g1 {
  background-color: #BFB;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.tad.g2, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.tad.g2, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tad.g2, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tad.g2, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tad.g2, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tad.g2, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tad.g2, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tad.g2 {
  background-color: #0F0;
}

DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P.tap, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P.tap {
  color: #54554D;
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.taf {
  background-color: rgba(255, 193, 7, 0.2);
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > P.taf.out, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > P.taf.out {
  color: red;
  background: rgba(255, 193, 7, 0.4666666667);
}
DIV.TableAreaDiv.UIrefView TABLE tbody TR TD P > p.pc, DIV.TableAreaDiv.UIrefView TABLE tbody TR TH P > p.pc {
  color: #4E9366;
}

DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tar, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.pc {
  display: none;
}
DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tal, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tal {
  color: black;
  display: block;
}
DIV.TableAreaDiv.UIdelayView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIdelayView TABLE tbody TR TH P > P.tar {
  color: black;
  display: block;
}

/*DIV.TableAreaDiv.UIexitView TABLE tbody,*/
DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TD P > P.elA, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TH P > P.elA {
  background-image: url(/img/icon/busBlack.svg) !important;
  background-position-y: 3px;
  /*background-color:		#00567d;*/
  /*color:					#CCC;*/
  color: transparent !important;
  display: block;
}

DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P.tae, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P.tae {
  color: white;
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P.tau, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P.tau {
  color: #CCC;
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tar, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.pc {
  display: none;
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tae, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tay, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.elA, DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.el, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tae, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tay, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.elA, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.el {
  color: black;
  display: block;
  background-color: #03a9f4;
  /*background-image:linear-gradient(225deg, white 7px, transparent 8px);*/
  background-image: url(/img/icon/exit2White.svg);
  background-position-y: 3px;
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.el, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.el {
  background: #03a9f4 url(/img/icon/exit2White.svg) no-repeat right 1px top 3px/8px;
  background-image: url(/img/icon/exit2White.svg) !important;
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.elA, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.elA {
  background-image: url(/img/icon/busWhite.svg);
  background-position-y: 3px;
  background-color: #00567d;
  color: #CCC;
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tay, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tay {
  color: white;
  background-color: #27e7ff;
  background-color: #dc0;
  background-position-y: 3px;
  background-image: url(/img/icon/infoWhite.svg);
}
DIV.TableAreaDiv.UIexitView TABLE tbody TR TD P > P.tad, DIV.TableAreaDiv.UIexitView TABLE tbody TR TH P > P.tad {
  color: #77f;
  display: block;
  /*color:					#bbbd;*/
  /*				background-color:		#27e7ff;
  				background-position-y: 3px;
  				background-image:url(/img/icon/infoWhite.svg);*/
}

#UIScaleMontlyContainer .disclaimer .discInfo.UIexternalView, #UIScaleMontlyContainer .disclaimer .discInfo.UIrefView, #UIScaleMontlyContainer .disclaimer .discInfo.UIdelayView, #UIScaleMontlyContainer .disclaimer .discInfo.UIexitView {
  background: saddlebrown url(/img/icon/mealWhite.svg) no-repeat left 13px center/34px;
  background-image: url(/img/icon/mealWhite.svg), url(/img/icon/close3White.svg);
  background-position: left 13px center, right 13px center;
  background-size: 34px, 21px;
  font-size: initial;
  overflow: scroll;
  padding-top: unset;
  padding-right: 37px;
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIexternalView P, #UIScaleMontlyContainer .disclaimer .discInfo.UIrefView P, #UIScaleMontlyContainer .disclaimer .discInfo.UIdelayView P, #UIScaleMontlyContainer .disclaimer .discInfo.UIexitView P {
  margin: unset;
  padding: 3px 0px 3px 13px;
  min-height: unset;
  opacity: 0.3;
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIexternalView P:first-child, #UIScaleMontlyContainer .disclaimer .discInfo.UIrefView P:first-child, #UIScaleMontlyContainer .disclaimer .discInfo.UIdelayView P:first-child, #UIScaleMontlyContainer .disclaimer .discInfo.UIexitView P:first-child {
  opacity: 1;
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIrefView P.r, #UIScaleMontlyContainer .disclaimer .discInfo.UIrefView P.pc {
  opacity: 1;
  background: radial-gradient(circle at left 6px bottom 50%, rgb(255, 255, 255) 3px, transparent 4px);
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIexternalView P.r_.out {
  opacity: 1;
  background: radial-gradient(circle at left 6px bottom 50%, rgb(255, 255, 255) 3px, transparent 4px);
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIdelayView {
  background-color: blue;
  background-image: url(/img/icon/biometryWhite.svg), url(/img/icon/close3White.svg);
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIdelayView P.a {
  opacity: 1;
  background: radial-gradient(circle at left 6px bottom 50%, rgb(255, 255, 255) 3px, transparent 4px);
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIexitView {
  background-color: black;
  background-image: unset;
}
#UIScaleMontlyContainer .disclaimer .discInfo.UIexitView P.c {
  opacity: 1;
  background: radial-gradient(circle at left 6px bottom 50%, rgb(255, 255, 255) 3px, transparent 4px);
}

DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD > P > P.tay, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH > P > P.tay, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TD > P > P.tay, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TH > P > P.tay {
  background-color: rgba(69, 19, 139, 0.0666666667);
  display: block !important;
  color: transparent;
}
DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD > P > P.taf, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH > P > P.taf, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TD > P > P.taf, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TH > P > P.taf {
  background-color: rgba(139, 69, 19, 0.0666666667);
  display: block !important;
  color: transparent;
}
DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD > P > P.pc, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH > P > P.pc, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TD > P > P.pc, DIV.TableAreaDiv.UIMonthDefaultView TABLE tbody TR TH > P > P.pc {
  background-color: rgba(139, 195, 74, 0.2666666667);
  display: block !important;
}

DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD > P.tafOut, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH > P.tafOut {
  color: white;
}
DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD > P.tafOut > P.tafOut, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH > P.tafOut > P.tafOut {
  background-color: #8b4513;
  color: white !important;
}
DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD > P.tafOut > P.tafOut.taf, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH > P.tafOut > P.tafOut.taf {
  display: none !important;
}
DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.taf, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tar, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.pc, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.taf, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tar, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.pc {
  display: none;
}
DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.taf.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.tar.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TD P > P.pc.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.taf.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.tar.ext, DIV.TableAreaDiv.UIexternalView TABLE tbody TR TH P > P.pc.ext {
  display: block;
  color: #920000;
}

#TATable {
  border-spacing: 2px;
}
#TATable TR TD {
  position: relative;
  padding: 18px 8px 5px 8px;
  background-color: #666;
  color: white;
  min-width: 55px;
  text-align: center;
  font-size: 24px;
}
#TATable TR TD SPAN {
  font-size: 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: 2px;
}

.UIColumn.divided {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0);
  will-transform: height;
}

.exchanging {
  animation: blinking 1s reverse infinite;
}

.UISwipeCardLayer.UILayer {
  background-color: rgba(51, 51, 51, 0.4);
  z-index: 3;
}
.UISwipeCardLayer.UILayer DIV.UIColumn {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.UISwipeCardLayer.UILayer DIV.UIColumn > ._barB {
  display: none;
}
.UISwipeCardLayer.UILayer .UISwipeCard {
  overflow: auto;
  padding: 13px 13px 0px 13px;
  padding-bottom: min(env(safe-area-inset-bottom), 13px);
  border-radius: 34px 34px 0px 0px;
  background-color: rgba(255, 255, 255, 0.8666666667);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.UISwipeCardLayer.UILayer .UISwipeCard H3 {
  margin-top: 13px !important;
}
.UISwipeCardLayer.UILayer .UISwipeCard #lengthArea.UIFormRadioArea INPUT[type=radio] + LABEL {
  padding-left: 0px;
  padding-right: 0px;
}
.UISwipeCardLayer.UILayer .UISwipeCard FORM {
  margin-bottom: 13px;
  padding: 13px;
  box-sizing: border-box;
  min-height: 400px;
  /*grid-template-rows:	55px 1fr 34px;*/
}
.UISwipeCardLayer.UILayer .UISwipeCard FORM .UIFormRadioArea INPUT[type=radio] + LABEL {
  padding: 8px 3px;
  border: 1px solid #DDD;
}
.UISwipeCardLayer.UILayer .UISwipeCard FORM .UIFormRadioArea INPUT[type=radio]:focus + LABEL {
  border: 1px solid #000;
}
.UISwipeCardLayer.UILayer .UISwipeCard FORM.addVacation {
  grid-template-columns: auto;
  grid-template-rows: auto 1fr 34px !important;
}
.UISwipeCardLayer.UILayer .UISwipeCard ._barB {
  height: 0px;
  display: table;
}

.isDEV .allTimeAttendance {
  display: block !important;
}

.online {
  background: radial-gradient(circle at bottom 50% left 6px, #0F0 3px, transparent 4px);
  padding-left: 13px;
}

.divided {
  display: grid;
  /*grid-template-columns:	repeat(auto-fill, minmax(350px, 1fr));*/
  display: block;
  /*grid-template-columns:	1fr 1fr;*/
}
.divided ._barB, .divided ._barT {
  grid-column: 1/-1;
}

.UIScale .UIEmployeeLists {
  will-transform: transition, transform;
  transition: opacity 0.4s, transform 0.4s;
  opacity: 0;
  transform: translateZ(0) scale(0.5);
}
.UIScale .UIEmployeeLists.visible {
  opacity: 1;
  background: linear-gradient(110deg, #333 0px, #000 946px);
  transform: scale(1);
}
.UIScale .UIEmployeeLists h3 {
  margin-bottom: 21px;
  padding-left: 55px;
  background: url(/img/icon/eyeWhite.svg) no-repeat left center/34px;
}
.UIScale .UIEmployeeLists FORM.UIForm {
  min-height: unset;
}
.UIScale .UIEmployeeLists UL {
  margin: 0px auto 13px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.UIScale .UIEmployeeLists UL LI {
  background: #EEE;
  border-radius: 3px;
  margin: 1px;
}
.UIScale .UIEmployeeLists UL LI A {
  padding: 13px 0px;
}
.UIScale .UIEmployeeLists UL:not(.withThumb) LI SPAN {
  display: none;
}
.UIScale .UIEmployeeLists UL.withThumb LI {
  background: black no-repeat top -13px right -13px/34px;
  border-radius: 34px 8px 8px 34px;
  color: white;
}
.UIScale .UIEmployeeLists UL.withThumb LI.v {
  background-color: #220;
  background-image: url(/img/icon/sunYellow2.svg);
}
.UIScale .UIEmployeeLists UL.withThumb LI.v > A > SPAN {
  background-color: #220;
}
.UIScale .UIEmployeeLists UL.withThumb LI.l {
  background-color: #300;
  /*background-image:	url(/img/icon/medicalRed.svg);*/
}
.UIScale .UIEmployeeLists UL.withThumb LI.l > A > SPAN {
  background-color: #300;
}
.UIScale .UIEmployeeLists UL.withThumb LI.birthday {
  background: #69144b url(/img/icon/cakePink.svg) no-repeat top 2px right 2px/13px;
  /*box-shadow:			0px 0px 5px deeppink;*/
}
.UIScale .UIEmployeeLists UL.withThumb LI.birthday A SPAN:not(.location) {
  background-color: #69144b;
}
.UIScale .UIEmployeeLists UL.withThumb LI A {
  padding: 9px 0px;
  padding-left: 35px;
}
.UIScale .UIEmployeeLists UL.withThumb LI SPAN:not(.location) {
  background: black no-repeat center/34px;
  border-radius: 100%;
  width: 34px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  margin: auto;
}
.UIScale .UIEmployeeLists UL.withThumb LI SPAN.location {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  color: #666;
  font-size: small;
  font-variant: all-petite-caps;
  padding-left: 35px;
}
.UIScale #scaleSetLayer .UIForm .save {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ny45OTk4OSAzMCIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5Bc3NldCA2MzM8L3RpdGxlPjxwYXRoIGQ9Ik00Ny4zODQzNCwxMi44MDRDNDEuOTE3MDUsMy43NzUzMywzMy44MzEzNiwwLDIzLjk5OTg4LDBTNi4wODI3LDMuNzc1MzMuNjE2NTIsMTIuODAyOEE0LjIyNDcsNC4yMjQ3LDAsMCwwLC42MTU0MiwxNy4xOTZDNi4wODI3LDI2LjIyNDY3LDE0LjE2ODQsMzAsMjMuOTk5ODgsMzBzMTcuOTE3MTctMy43NzUzMywyMy4zODQ0Ni0xMi44MDRBNC4yMjUsNC4yMjUsMCwwLDAsNDcuMzg0MzQsMTIuODA0Wk0yMy45OTk4OCwyM2E4LDgsMCwxLDEsOC04QTgsOCwwLDAsMSwyMy45OTk4OCwyM1oiPjwvcGF0aD48L3N2Zz4="), radial-gradient(#060, #060);
}
.UIScale #scaleSetLayer.UILayer {
  background-color: rgba(0, 0, 0, 0.3333333333);
  color: black;
}
.UIScale #scaleSetLayer.UILayer .UIColumn {
  grid-template-rows: 1fr auto 1fr;
}
.UIScale #scaleSetLayer.UILayer .UIColumn .UISwipeCard {
  min-height: unset;
  background: unset;
  color: white;
}
.UIScale #scaleSetLayer.UILayer .UIColumn .UISwipeCard H3 {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr;
}
.UIScale #scaleSetLayer.UILayer .UIColumn .UISwipeCard FORM {
  margin: 0px;
}
.UIScale #scaleSetLayer.UILayer .UIColumn .UISwipeCard FORM INPUT {
  background: unset;
  color: inherit;
  border: unset;
}

.tabbedArea .tabSelector {
  display: block;
  padding-bottom: 0px !important;
  color: #777;
  overflow: scroll;
  max-width: 100%;
}
.tabbedArea .tabSelector DE {
  display: block;
  white-space: nowrap;
}
.tabbedArea .tabSelector SPAN {
  border-radius: 13px 13px 0px 0px;
  display: inline-block;
  padding: 13px;
  cursor: pointer;
}
.tabbedArea .tabSelector SPAN.selected {
  background: white;
  color: black;
}
.tabbedArea > DIV {
  display: none;
}

#addEntryLayer {
  min-height: 700px;
}
#addEntryLayer .tabbedLeave > DIV, #addEntryLayer .tabbedVacation > DIV, #addEntryLayer .tabbedAbsense > DIV {
  display: none;
  background: white;
  padding: 0px;
}
#addEntryLayer .tabbedLeave .tabLeave {
  display: grid;
}
#addEntryLayer .tabbedVacation .tabVacation {
  display: grid;
}
#addEntryLayer .tabbedAbsense .tabAbsense {
  display: grid;
}
#addEntryLayer .tabbedHelp .tabHelp {
  display: grid;
}
#addEntryLayer .tabbedAppoint .tabAppoint {
  display: grid;
}
#addEntryLayer #monthArea {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
#addEntryLayer #durationArea {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}
#addEntryLayer FORM #monthArea LABEL, #addEntryLayer FORM #monthArea INPUT, #addEntryLayer FORM #durationArea LABEL, #addEntryLayer FORM #durationArea INPUT {
  min-width: unset;
  padding-left: 0px;
  padding-right: 0px;
}
#addEntryLayer TEXTAREA {
  min-height: 144px;
}

.UIForm.addEntryForm.m #type_maternidade, .UIForm.addEntryForm.m #type_maternidade + LABEL {
  display: none;
}
.UIForm.addEntryForm.f #type_paternidade, .UIForm.addEntryForm.f #type_paternidade + LABEL {
  display: none;
}
.UIForm.addEntryForm LABEL {
  margin: 3px;
}
.UIForm.addEntryForm SPAN {
  width: 55px;
  display: inline-block;
  text-align: right;
  padding: 8px;
}
.UIForm.addEntryForm #lengthArea {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.UIForm.addEntryForm #lengthArea LABEL {
  text-align: center;
}
.UIForm.addEntryForm #lengthLabel, .UIForm.addEntryForm #lengthArea {
  visibility: hidden;
}

DIV.UITipC {
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  max-height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

DIV.EmbedingCalendar .UICalendar {
  background: unset !important;
  box-shadow: unset;
  padding: unset;
  margin: unset;
  color: black;
  border-radius: unset;
  margin-bottom: 13px !important;
  color: black !important;
  grid-template-columns: 0px 1fr 0px;
}
DIV.EmbedingCalendar .UICalendar .next, DIV.EmbedingCalendar .UICalendar .prev {
  visibility: hidden;
}
DIV.EmbedingCalendar .UICalendar A {
  min-width: unset;
  background-position: left 3px top 3px;
  margin: 0.5px;
  align-items: center;
  display: grid;
  /*transition:		background-color 1s;*/
  min-height: 36px;
  border-radius: 2px;
  color: inherit !important;
  font-size: 13px;
  background-color: #EFEFEF;
}
DIV.EmbedingCalendar .UICalendar A P {
  font-size: 12px;
  bottom: 2px;
  color: inherit;
}
DIV.EmbedingCalendar .UICalendar A P.t {
  bottom: unset;
}
DIV.EmbedingCalendar .UICalendar A P.t::before {
  padding: 0px;
  font-size: 10px;
  color: white;
}
DIV.EmbedingCalendar .UICalendar A.exW, DIV.EmbedingCalendar .UICalendar A.ex {
  background-color: #EFEFEF;
  color: inherit !important;
}
DIV.EmbedingCalendar .UICalendar A.p {
  color: white !important;
}
DIV.EmbedingCalendar .UICalendar A.d:not(.exW):not(.ex), DIV.EmbedingCalendar .UICalendar A.edo, DIV.EmbedingCalendar .UICalendar A.o, DIV.EmbedingCalendar .UICalendar A.v, DIV.EmbedingCalendar .UICalendar A.vf, DIV.EmbedingCalendar .UICalendar A.l, DIV.EmbedingCalendar .UICalendar A.lP, DIV.EmbedingCalendar .UICalendar A.di, DIV.EmbedingCalendar .UICalendar A.m, DIV.EmbedingCalendar .UICalendar A.strike {
  color: white !important;
}
DIV.EmbedingCalendar .UICalendar P.ti A {
  display: block;
  height: unset;
  padding: 0px;
  min-height: unset;
}
DIV.EmbedingCalendar .UICalendar .f {
  display: none;
}

.EmbedingCalendar.UIExchangeBar .UICalendar .calTitle P.ti {
  display: block;
  margin-top: 13px;
}
.EmbedingCalendar.UIExchangeBar .UICalendar .calTitle P.ti A {
  display: block !important;
  white-space: nowrap;
  margin-bottom: unset;
  padding: 0px;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A {
  /*opacity:					.7;*/
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.p {
  opacity: 1;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.p::before {
  background: red;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.w {
  visibility: hidden;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A > P {
  color: black;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.d {
  background-color: #333;
  opacity: 0.5;
  color: white;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.d > P {
  color: white;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.exW {
  background-color: #EEE !important;
  /*opacity:				.7;*/
  color: black;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.exW > P {
  color: black;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.l, .EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.v, .EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.edo, .EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.exD {
  background-color: #555 !important;
  /*opacity:				.7 !important; // overrides .d opacity 1*/
  color: white;
}
.EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.l > P, .EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.v > P, .EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.edo > P, .EmbedingCalendar.UIExchangeBar DIV.singleMonth DIV.m > A.exD > P {
  color: white;
}
.EmbedingCalendar.UIExchangeBar.iCanWork .singleMonth .m > A:not(.d) {
  background: lime;
}
.EmbedingCalendar.UIExchangeBar.iWantRest .singleMonth .m > A.d {
  background-color: #397c39;
  opacity: 1;
}
.EmbedingCalendar.UIExchangeBar.iWantRest .singleMonth .m > A.picked:not(.foo):not(.bar) {
  background: #58bb58 url(/img/icon/yes2White.svg) no-repeat center center/21px;
  color: transparent !important;
  /*background-color:	#58bb58 !important;*/
  box-shadow: inset 0px 0px 0px 2px #0f0;
}

#UIExchangeBarView BUTTON.next1 SPAN {
  background-color: white;
  color: green;
  border-radius: 3px;
  padding: 5px 8px;
  display: inline-block;
}

.UIExchangeBarScreen2 H3 {
  text-align: center;
}
.UIExchangeBarScreen2 P {
  padding: 3px 0px;
}
.UIExchangeBarScreen2 FORM {
  grid-template-columns: 1fr;
}

.UITipC.UITipCFullPaddined .UITip.absolute {
  padding: 0px;
}
.UITipC.UITipCFullPaddined .UITip.absolute .UIColumn {
  height: 100vh;
  box-sizing: border-box;
  background: unset;
  padding-top: calc(env(safe-area-inset-top) + 13px) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 13px) !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.UITipC.UITipCFullPaddined .UITip.absolute .UIColumn DIV.grided > DIV:nth-child(3) {
  padding-bottom: 21px !important;
  /*				LI{
  					padding-bottom:unset !important;
  				}*/
}

.UITip {
  padding-top: max(env(safe-area-inset-top), 13px);
  margin: auto;
  color: black;
  z-index: 4;
  font-size: inherit;
  padding: 13px;
  width: auto;
  text-align: left;
  word-spacing: initial;
  white-space: initial;
  display: grid;
  grid-auto-rows: max-content;
  height: max-content;
  box-sizing: border-box;
  font-size: big;
  min-width: 233px;
  max-width: 440px;
  max-height: 100%;
  max-height: 100vh;
  overflow-y: auto;
}
.UITip > DIV {
  /*transition:	background-color .7s, opacity .3s;*/
  /*filter:		opacity(1);*/
}
.UITip P {
  clear: both;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.UITip P.b {
  background: url(/img/icon/busBlack.svg) no-repeat 89px center/13px;
}
.UITip P > SPAN {
  float: right;
}
.UITip FORM {
  margin-top: 13px;
}
.UITip FORM textarea.bugText {
  background-color: black;
  color: #0F0;
  font: 18px Apple Color Emoji, Kohinoor Telugu, Avenir, Verdana;
}
.UITip FORM .clear {
  color: transparent;
  padding: 0px 3px;
}
.UITip FORM .clear.active {
  color: inherit;
}
.UITip .card {
  height: auto;
}
.UITip .card.eActionscard > A {
  background: #F4F4F4 center center/auto 21px no-repeat;
  float: right;
  min-width: 44px;
  height: 30px;
  align-content: center;
}
.UITip .card .emplDayTimeAttendance {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 1px;
}
.UITip .card .emplDayTimeAttendance > SPAN {
  margin: 0px 1px;
  background-color: #444;
  color: white;
  padding: 13px 2px 3px 2px;
  text-align: center;
  cursor: text;
  position: relative;
}
.UITip .card .emplDayTimeAttendance > SPAN .t {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: unset;
  text-align: center;
  padding-top: 2px;
  font-size: 11px;
  background: transparent;
}
.UITip .card .emplDayTimeAttendance > SPAN .t.w {
  color: #FBB;
}
.UITip .card .emplDayTimeAttendance > SPAN .t.elA {
  background: url(/img/icon/busWhite2.svg) no-repeat right 3px center/auto 10px;
}
.UITip .card .emplDayTimeAttendance > SPAN.csp {
  grid-column: 2/4;
}
@media (hover: hover) {
  .UITip .card .emplDayTimeAttendance > SPAN:hover {
    background-color: #464;
  }
}
.UITip .card.allTimeAttendance > DIV:first-child {
  margin-bottom: 34px;
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance {
  /*grid-template-columns:	109px 1fr 1fr 1fr 1fr;*/
  grid-template-columns: 89px 1fr 1fr 1fr 1fr;
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance > SPAN:first-child {
  background: white left bottom/23px no-repeat;
  color: black;
  text-align: left;
  /*padding-left:		27px;*/
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance > SPAN.csp {
  grid-column: 3/5;
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance > SPAN.ref {
  color: #777;
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance > SPAN.ref .t {
  /*color:			white;*/
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance > SPAN.alert {
  color: #F99;
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance.sent > SPAN:first-child {
  background-image: url(/img/icon/waitYellow.svg);
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance.halfAware > SPAN:first-child {
  background-color: yellow;
  background-image: url(/img/icon/yes.svg);
  color: green;
}
.UITip .card.allTimeAttendance .emplDayTimeAttendance.aware > SPAN:first-child {
  background-image: url(/img/icon/yes2.svg);
  color: green;
}
.UITip .card A {
  display: block;
}
.UITip .card A.note {
  background-image: url("/img/icon/pencilBlack.svg");
}
.UITip .card A.eInfo {
  background-image: url("/img/icon/notebookBlack.svg");
}
.UITip .card A.eRef {
  background-image: url("/img/icon/refBlack.svg");
}
.UITip .card A.eCal {
  background-image: url("/img/icon/calendarBlack.svg");
}
.UITip .card A.eBio {
  background-image: url("/img/icon/bioBlack.svg");
}
.UITip .card A.eSlot {
  background-image: url("/img/icon/sawBlack.svg");
}
.UITip .card H2 {
  white-space: break-spaces;
}
.UITip .tabbedAnnotation .UIShiftHour {
  display: none;
}
.UITip .tabbedAnnotation .UIShiftHour P {
  grid-column: 1/-1;
}
.UITip .tabbedShiftHour .UIAnnotation {
  display: none;
}
.UITip > DIV {
  background: white;
  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.6);
  padding-top: 13px !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
  padding-bottom: 13px !important;
  margin-bottom: 13px;
  max-width: 100%;
  min-width: 300px;
  box-sizing: border-box;
  overflow: auto;
}
.UITip > DIV:last-child {
  margin-bottom: 0px;
}
.UITip.desc {
  grid-template-columns: auto auto;
  grid-gap: 3px 11px;
}
.UITip LI.disabled {
  color: #CCC;
  pointer-events: none;
  opacity: 0.2;
  pointer-events: none;
}
.UITip A {
  /*display:					inline-block								!important;*/
  background-color: #F4F4F4;
  margin: 1px 3px;
  padding: 8px 5px;
  border-radius: 3px;
  min-width: 60px;
  text-align: center;
  cursor: pointer;
  /*transition:					border .5s, background .5s;*/
  position: relative;
}
.UITip A.disabled {
  color: #CCC;
  pointer-events: none;
  opacity: 0.2;
}
@media (hover: hover) {
  .UITip A:hover {
    background-color: transparent;
  }
  .UITip A:hover:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #DDD;
    /*border:		1px solid transparent; // why this?? because hovering generates a border*/
  }
}
.UITip .tipE {
  /*padding:					0px 5px;*/
  margin: 0px 0px 13px 0px;
  /*SPAN:not(.ae){*/
}
.UITip .tipE H2 {
  max-width: 100;
  white-space: initial;
}
.UITip .tipE P {
  display: block;
}
.UITip .tipE SPAN {
  float: none;
}
.UITip DIV.Ecard {
  overflow: visible;
}
.UITip DIV.Ecard FORM.importFree {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-auto-flow: column;
}
.UITip DIV.Ecard FORM.importFree > * {
  margin-top: auto;
  margin-bottom: auto;
}
.UITip DIV.Ecard FORM.importFree DIV.searchResultsArea UL.UISearchUL {
  margin-top: 55px;
}
.UITip DIV.Ecard FORM.importFree BUTTON {
  grid-column: 2/3;
  margin-left: 8px;
}
.UITip DIV.mh {
  padding: 3px;
  background-color: black;
  color: white;
  /*border-radius:				3px;*/
  margin-bottom: 1px;
}
.UITip DIV.mh.replaced {
  opacity: 0.5;
}
.UITip DIV.mh P.c {
  /*color:					#CCC;*/
  display: grid;
  grid-template-columns: 89px auto;
}
.UITip DIV.mh P.c SPAN:nth-child(2) {
  /*text-align:			right;*/
}
.UITip DIV.mh P.undo-m {
  margin-top: 3px;
  background-color: white;
  color: black;
}
.UITip .undo-osa, .UITip .undo-osa1, .UITip .undo-s, .UITip .undo-exc, .UITip .undo-m {
  background: black;
  color: white;
  padding: 3px;
  border-radius: 3px;
  cursor: pointer;
}
@media (hover: hover) {
  .UITip .undo-osa:hover, .UITip .undo-osa1:hover, .UITip .undo-s:hover, .UITip .undo-exc:hover, .UITip .undo-m:hover {
    background: red;
  }
}

.UIBackground {
  background-image: url(/img/bg/bg4.jpg);
}

DIV.UIOfficeSettings {
  background: black;
  color: white;
  box-shadow: none;
}

#UIOfficeList {
  width: 30px;
  -webkit-border-horizontal-spacing: 0px;
}
#UIOfficeList TBODY {
  overflow: visible;
}
#UIOfficeList TR {
  width: auto;
}
#UIOfficeList TR.v TD {
  background-color: green;
}
#UIOfficeList TR TD {
  color: white;
}
#UIOfficeList TD {
  padding: 11px 0px 2px 0px;
}
#UIOfficeList.description TR TD {
  height: 46px;
}

DIV.UIOfficeBoard {
  padding-top: unset !important;
  /*	DIV.over{
  		position:					absolute;
  		left:0;right:0;
  		background:					#333 url(/img/icon/meal2White.svg) no-repeat left 2px bottom 8px/8px;
  		color:						#666;
  		padding-top:				unset !important;
  		bottom:						0;
  		padding-left:				21px !important;
  		SPAN{
  			font-variant:			small-caps;
  			font-size:				smaller;
  		}
  	}*/
}
DIV.UIOfficeBoard DIV.additionalBoard {
  margin-top: 15px;
}
DIV.UIOfficeBoard DIV.additionalBoard FORM.confDayOffBoard INPUT {
  background-color: #040;
  /*box-shadow:					inset 0px 0px 0px .5px #030;*/
}
DIV.UIOfficeBoard #empBoard > DIV:last-child UL.colleagues {
  margin-bottom: unset;
  overflow: hidden;
}
DIV.UIOfficeBoard LI.outsideInfo {
  padding: 5px 8px 3px 8px;
  font-size: smaller;
}
DIV.UIOfficeBoard .ScaleViewArea P {
  padding: 8px 0px;
  margin-bottom: 5px;
}
DIV.UIOfficeBoard .ScaleViewArea P.otherShift {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  width: max-content;
}
DIV.UIOfficeBoard .ScaleViewArea P.validShift {
  background: url(/img/icon/yesWhite.svg) no-repeat left center/13px;
  padding-left: 18px;
}
DIV.UIOfficeBoard .ScaleViewArea P.unCollapser {
  margin-top: 13px;
}
DIV.UIOfficeBoard .ScaleViewArea P.h {
  padding: 0px;
}
DIV.UIOfficeBoard .ScaleViewArea P SPAN.h {
  padding-top: 8px;
  padding-bottom: 8px;
  background: linear-gradient(135deg, red 8px, transparent 8px) no-repeat;
}
DIV.UIOfficeBoard .ScaleViewArea P SPAN.h.Natal {
  background: url(/img/icon/christmas6Red.svg) no-repeat left center/21px;
}
DIV.UIOfficeBoard .ScaleViewArea P SPAN.h.AnoNovo {
  background: url(/img/icon/newYearRed.svg) no-repeat left center/21px;
}
DIV.UIOfficeBoard .ScaleViewArea .UIEmployeeBoardEntries P {
  margin: 0px;
}
DIV.UIOfficeBoard .ScaleViewArea .UIEmployeeBoardEntries P:first-child {
  margin-top: unset;
}
DIV.UIOfficeBoard .ScaleViewArea .UIEmployeeBoardEntries P:last-child {
  margin-bottom: unset;
}
DIV.UIOfficeBoard.UISubgroupView, DIV.UIOfficeBoard.UISubgroupView2, DIV.UIOfficeBoard.UISubgroupView3 {
  padding-right: 0px;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale {
  grid-template-columns: 1fr;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale LI.res, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale LI.res, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale LI.res {
  /*padding-left:	$horizontalMargin;*/
  padding-left: 37px;
  align-items: center;
  grid-template-columns: 1fr auto !important;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale LI.res > SPAN, DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale LI.res > DIV, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale LI.res > SPAN, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale LI.res > DIV, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale LI.res > SPAN, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale LI.res > DIV {
  white-space: break-spaces;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale LI.res > SPAN:last-child, DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale LI.res > DIV:last-child, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale LI.res > SPAN:last-child, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale LI.res > DIV:last-child, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale LI.res > SPAN:last-child, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale LI.res > DIV:last-child {
  /*margin-right: 0px;*/
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale LI.res SPAN.t, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale LI.res SPAN.t, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale LI.res SPAN.t {
  margin: unset;
  padding: unset;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale.OfficeEvents, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale.OfficeEvents, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale.OfficeEvents {
  box-shadow: unset;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale.OfficeEvents LI, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale.OfficeEvents LI, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale.OfficeEvents LI {
  background-color: unset !important;
  align-items: center;
  vertical-align: middle;
  display: grid;
  grid-template-columns: auto 1fr !important;
  overflow: scroll;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale.OfficeEvents LI > SPAN, DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale.OfficeEvents LI > SPAN, DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale.OfficeEvents LI > SPAN {
  white-space: nowrap;
}
DIV.UIOfficeBoard.UISubgroupView UL.UIEventsOnScale.OfficeEvents LI > SPAN:nth-child(2), DIV.UIOfficeBoard.UISubgroupView2 UL.UIEventsOnScale.OfficeEvents LI > SPAN:nth-child(2), DIV.UIOfficeBoard.UISubgroupView3 UL.UIEventsOnScale.OfficeEvents LI > SPAN:nth-child(2) {
  color: #999;
  font-size: small;
  padding-left: 8px;
}
DIV.UIOfficeBoard.UISubgroupView .ScaleViewArea, DIV.UIOfficeBoard.UISubgroupView2 .ScaleViewArea, DIV.UIOfficeBoard.UISubgroupView3 .ScaleViewArea {
  margin-left: 0px;
}
DIV.UIOfficeBoard.UISubgroupView .ScaleViewArea > P, DIV.UIOfficeBoard.UISubgroupView .ScaleViewArea > DIV > P, DIV.UIOfficeBoard.UISubgroupView2 .ScaleViewArea > P, DIV.UIOfficeBoard.UISubgroupView2 .ScaleViewArea > DIV > P, DIV.UIOfficeBoard.UISubgroupView3 .ScaleViewArea > P, DIV.UIOfficeBoard.UISubgroupView3 .ScaleViewArea > DIV > P {
  margin-left: 13px;
  margin-right: 13px;
}
DIV.UIOfficeBoard.UISubgroupView .ScaleViewArea.simplesao UL LI.inactive, DIV.UIOfficeBoard.UISubgroupView .ScaleViewArea.simplesao UL LI.notHere, DIV.UIOfficeBoard.UISubgroupView2 .ScaleViewArea.simplesao UL LI.inactive, DIV.UIOfficeBoard.UISubgroupView2 .ScaleViewArea.simplesao UL LI.notHere, DIV.UIOfficeBoard.UISubgroupView3 .ScaleViewArea.simplesao UL LI.inactive, DIV.UIOfficeBoard.UISubgroupView3 .ScaleViewArea.simplesao UL LI.notHere {
  display: none;
}
DIV.UIOfficeBoard.UISubgroupView .ScaleViewArea.withOutside UL LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView2 .ScaleViewArea.withOutside UL LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView3 .ScaleViewArea.withOutside UL LI.outsideInfo {
  display: none;
}
@media (max-width: 630px) {
  DIV.UIOfficeBoard.UISubgroupView, DIV.UIOfficeBoard.UISubgroupView2, DIV.UIOfficeBoard.UISubgroupView3 {
    display: block;
  }
  DIV.UIOfficeBoard.UISubgroupView.themed, DIV.UIOfficeBoard.UISubgroupView2.themed, DIV.UIOfficeBoard.UISubgroupView3.themed {
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 0px;
    box-shadow: unset;
  }
}
DIV.UIOfficeBoard.UISubgroupView > div, DIV.UIOfficeBoard.UISubgroupView2 > div, DIV.UIOfficeBoard.UISubgroupView3 > div {
  margin-left: 13px;
}
DIV.UIOfficeBoard.UISubgroupView UL:not(.monthly):not(.UIEventsOnScale):first-child, DIV.UIOfficeBoard.UISubgroupView2 UL:not(.monthly):not(.UIEventsOnScale):first-child, DIV.UIOfficeBoard.UISubgroupView3 UL:not(.monthly):not(.UIEventsOnScale):first-child {
  /*margin-top:		13px;*/
}
DIV.UIOfficeBoard.UISubgroupView UL:not(.monthly):not(.UIEventsOnScale) LI A.oRole, DIV.UIOfficeBoard.UISubgroupView2 UL:not(.monthly):not(.UIEventsOnScale) LI A.oRole, DIV.UIOfficeBoard.UISubgroupView3 UL:not(.monthly):not(.UIEventsOnScale) LI A.oRole {
  padding: 16px 0px 3px 13px;
  padding-left: 3px;
}
DIV.UIOfficeBoard.UISubgroupView UL:not(.monthly):not(.UIEventsOnScale) LI:not(.entry), DIV.UIOfficeBoard.UISubgroupView2 UL:not(.monthly):not(.UIEventsOnScale) LI:not(.entry), DIV.UIOfficeBoard.UISubgroupView3 UL:not(.monthly):not(.UIEventsOnScale) LI:not(.entry) {
  grid-template-columns: 89px auto;
}
DIV.UIOfficeBoard.UISubgroupView UL:not(.monthly):not(.UIEventsOnScale) LI:not(.entry) SPAN.e A > SPAN, DIV.UIOfficeBoard.UISubgroupView2 UL:not(.monthly):not(.UIEventsOnScale) LI:not(.entry) SPAN.e A > SPAN, DIV.UIOfficeBoard.UISubgroupView3 UL:not(.monthly):not(.UIEventsOnScale) LI:not(.entry) SPAN.e A > SPAN {
  padding: 16px 0px 3px 13px;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo {
  padding: 13px;
  padding-top: 21px;
  overflow: scroll;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto 1fr;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo P.LI, DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo A.li:not(.foo), DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo A.li, DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo SPAN.li, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo P.LI, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo A.li:not(.foo), DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo A.li, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo SPAN.li, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo P.LI, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo A.li:not(.foo), DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo A.li, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo SPAN.li {
  margin: 0px 0px 0px 13px !important;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo .dayWidget, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo .dayWidget, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo .dayWidget {
  box-sizing: border-box;
  width: 55px;
  height: 55px;
  /*box-shadow:			inset 0px 0px 0px .5px black;*/
  padding: 0px 8px;
  margin: 0px;
  min-height: 100%;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo .dayWidget > SPAN.y, DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo .dayWidget > SPAN.month, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo .dayWidget > SPAN.y, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo .dayWidget > SPAN.month, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo .dayWidget > SPAN.y, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo .dayWidget > SPAN.month {
  display: none !important;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo .dayWidget > SPAN.m, DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo .dayWidget > SPAN.j, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo .dayWidget > SPAN.m, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo .dayWidget > SPAN.j, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo .dayWidget > SPAN.m, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo .dayWidget > SPAN.j {
  display: block;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo .li, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo .li, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo .li {
  margin-top: 0px !important;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo.newCalendarInfo, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo.newCalendarInfo, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo.newCalendarInfo {
  color: white;
  /*background-color:		#0002;*/
  border-radius: unset;
  /*box-shadow:				inset 0px 0px 3px black;*/
  /*				padding-bottom:		21px;
  				.li{
  					background-size:	26px;
  					background-position: center center;
  					>SPAN{
  						top:				unset;
  						bottom:			-16px;
  					}
  				}*/
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo.newCalendarInfo .dayWidget:not(.n), DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo.newCalendarInfo .dayWidget:not(.n), DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo.newCalendarInfo .dayWidget:not(.n) {
  /*box-shadow:			inset 0px 0px 0px .5px;*/
  background-color: rgba(255, 255, 255, 0.07);
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo.newCalendarInfo .dayWidget .n, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo.newCalendarInfo .dayWidget .n, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo.newCalendarInfo .dayWidget .n {
  background-color: #DDD;
  color: black;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo.newCalendarInfo.leave .dayWidget, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo.newCalendarInfo.leave .dayWidget, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo.newCalendarInfo.leave .dayWidget {
  background-color: #F99;
  background-color: #5b0000;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo.newCalendarInfo.vacation .dayWidget, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo.newCalendarInfo.vacation .dayWidget, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo.newCalendarInfo.vacation .dayWidget {
  background: #EE6 url(/img/icon/sunYellow.svg) no-repeat left -13px top -11px/34px;
  color: black;
}
DIV.UIOfficeBoard.UISubgroupView DIV.calendarInfo.newCalendarInfo.dayOff .dayWidget, DIV.UIOfficeBoard.UISubgroupView2 DIV.calendarInfo.newCalendarInfo.dayOff .dayWidget, DIV.UIOfficeBoard.UISubgroupView3 DIV.calendarInfo.newCalendarInfo.dayOff .dayWidget {
  background-color: #000;
  color: #EEE;
}
DIV.UIOfficeBoard.UISubgroupView .calendarInfo, DIV.UIOfficeBoard.UISubgroupView2 .calendarInfo, DIV.UIOfficeBoard.UISubgroupView3 .calendarInfo {
  display: none;
}
DIV.UIOfficeBoard.UISubgroupView > DIV, DIV.UIOfficeBoard.UISubgroupView2 > DIV, DIV.UIOfficeBoard.UISubgroupView3 > DIV {
  margin-left: 13px;
}
DIV.UIOfficeBoard.UISubgroupView > DIV #empBoard, DIV.UIOfficeBoard.UISubgroupView2 > DIV #empBoard, DIV.UIOfficeBoard.UISubgroupView3 > DIV #empBoard {
  /*overflow:				visible !important;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV UL, DIV.UIOfficeBoard.UISubgroupView2 > DIV UL, DIV.UIOfficeBoard.UISubgroupView3 > DIV UL {
  border-radius: 8px;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A {
  border-radius: unset;
}
DIV.UIOfficeBoard.UISubgroupView:not(.UISubgroupViewMonthly) {
  padding-top: 13px !important;
}
DIV.UIOfficeBoard.UISubgroupView .calendarInfo {
  display: none;
}
DIV.UIOfficeBoard.UISubgroupView.UISubgroupViewMonthly .ScaleViewArea .OfficeMonthlyBoard UL {
  opacity: unset;
  filter: unset;
  box-shadow: unset;
}
DIV.UIOfficeBoard.UISubgroupView .UIList.UIScaleConf {
  display: block;
  opacity: 1;
  overflow: auto;
  margin-top: 21px;
  box-shadow: unset;
}
DIV.UIOfficeBoard.UISubgroupView .UIList.UIScaleConf LI {
  display: inline-block;
  display: inline-grid;
  margin-right: 13px;
  grid-template-columns: auto !important;
  background-color: rgba(0, 0, 0, 0.3333333333);
  border-radius: 13px;
  padding: 13px;
  height: 55px;
  align-self: center;
  align-content: center;
}
DIV.UIOfficeBoard.UISubgroupView .UIList.UIScaleConf LI:last-child {
  margin-right: 0px;
}
DIV.UIOfficeBoard.UISubgroupView LI.LIConf FORM.confDayOffBoard {
  margin-top: 0px;
}
DIV.UIOfficeBoard.UISubgroupView .UIScaleConf {
  filter: grayscale(1);
}
DIV.UIOfficeBoard.UISubgroupView > DIV > DIV > DIV {
  margin-top: 21px;
}
DIV.UIOfficeBoard.UISubgroupView > DIV > DIV > DIV:first-child {
  margin-top: unset;
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=supervisao] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=supervisao] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=supervisao] LI.outsideInfo {
  background-color: rgba(255, 255, 255, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=supervisao] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=supervisao] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=supervisao] LI.outsideInfo {
  background-color: rgba(255, 255, 255, 0.01);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilarinho] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilarinho] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilarinho] LI.outsideInfo {
  background-color: rgba(255, 100, 100, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilarinho] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilarinho] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilarinho] LI.outsideInfo {
  background-color: rgba(255, 100, 100, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=floramar] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=floramar] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=floramar] LI.outsideInfo {
  background-color: rgba(100, 255, 100, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=floramar] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=floramar] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=floramar] LI.outsideInfo {
  background-color: rgba(100, 255, 100, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=waldomiroLobo] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=waldomiroLobo] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=waldomiroLobo] LI.outsideInfo {
  background-color: rgba(100, 100, 255, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=waldomiroLobo] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=waldomiroLobo] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=waldomiroLobo] LI.outsideInfo {
  background-color: rgba(100, 100, 255, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=primeirodeMaio] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=primeirodeMaio] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=primeirodeMaio] LI.outsideInfo {
  background-color: rgba(177, 177, 100, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=primeirodeMaio] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=primeirodeMaio] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=primeirodeMaio] LI.outsideInfo {
  background-color: rgba(177, 177, 100, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=saoGabriel] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=saoGabriel] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=saoGabriel] LI.outsideInfo {
  background-color: rgba(177, 100, 177, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=saoGabriel] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=saoGabriel] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=saoGabriel] LI.outsideInfo {
  background-color: rgba(177, 100, 177, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=minasShopping] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=minasShopping] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=minasShopping] LI.outsideInfo {
  background-color: rgba(100, 177, 177, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=minasShopping] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=minasShopping] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=minasShopping] LI.outsideInfo {
  background-color: rgba(100, 177, 177, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=joseCandido] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=joseCandido] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=joseCandido] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=central] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=central] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=central] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilaOeste] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilaOeste] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilaOeste] LI.outsideInfo {
  background-color: rgba(33, 177, 255, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=joseCandido] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=joseCandido] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=joseCandido] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=central] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=central] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=central] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilaOeste] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilaOeste] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=vilaOeste] LI.outsideInfo {
  background-color: rgba(33, 177, 255, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaInes] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaInes] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaInes] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=lagoinha] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=lagoinha] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=lagoinha] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=cidadeIndustrial] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=cidadeIndustrial] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=cidadeIndustrial] LI.outsideInfo {
  background-color: rgba(255, 177, 33, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaInes] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaInes] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaInes] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=lagoinha] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=lagoinha] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=lagoinha] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=cidadeIndustrial] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=cidadeIndustrial] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=cidadeIndustrial] LI.outsideInfo {
  background-color: rgba(255, 177, 33, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=hortoFlorestal] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=hortoFlorestal] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=hortoFlorestal] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=carlosPrates] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=carlosPrates] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=carlosPrates] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=eldorado] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=eldorado] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=eldorado] LI.outsideInfo {
  background-color: rgba(177, 255, 33, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=hortoFlorestal] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=hortoFlorestal] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=hortoFlorestal] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=carlosPrates] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=carlosPrates] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=carlosPrates] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=eldorado] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=eldorado] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=eldorado] LI.outsideInfo {
  background-color: rgba(177, 255, 33, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaTereza] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaTereza] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaTereza] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=gameleira] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=gameleira] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=gameleira] LI.outsideInfo {
  background-color: rgba(177, 33, 255, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaTereza] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaTereza] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaTereza] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=gameleira] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=gameleira] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=gameleira] LI.outsideInfo {
  background-color: rgba(177, 33, 255, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaEfigenia] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaEfigenia] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaEfigenia] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=calafate] LI:not(.notHere) A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=calafate] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=calafate] LI.outsideInfo {
  background-color: rgba(33, 177, 255, 0.12);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaEfigenia] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaEfigenia] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=santaEfigenia] LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=calafate] LI:not(.notHere).inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=calafate] FORM.confDayOffBoard::after, DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow UL[data-office=calafate] LI.outsideInfo {
  background-color: rgba(33, 177, 255, 0.04);
}
DIV.UIOfficeBoard.UISubgroupView > DIV.rainbow .UIScaleConf {
  filter: grayscale(0);
}
DIV.UIOfficeBoard.UISubgroupView > DIV UL:not(.monthly) {
  border-radius: 8px;
  box-shadow: 0px 0px 8px #222;
}
DIV.UIOfficeBoard.UISubgroupView > DIV UL:not(.monthly) LI:not(.LIConf) {
  filter: grayscale(1);
  /*opacity:				.5;*/
  transition: height 0.4s, filter 2s, opacity 2s;
}
DIV.UIOfficeBoard.UISubgroupView > DIV UL:not(.monthly).validated LI:not(.LIConf) {
  opacity: 1;
  filter: unset;
}
DIV.UIOfficeBoard.UISubgroupView > DIV FOOTER.validateInfo {
  display: none;
}
DIV.UIOfficeBoard.UISubgroupView > DIV FORM.confDayOffBoard:not(.isRightHere) {
  /*opacity:					.5;*/
  pointer-events: none;
  visibility: hidden;
  margin-top: 0px;
}
DIV.UIOfficeBoard.UISubgroupView > DIV FORM.confDayOffBoard:not(.isRightHere) INPUT {
  margin-top: 0px;
}
DIV.UIOfficeBoard.UISubgroupView > DIV FORM.confDayOffBoard:not(.isRightHere)::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  align-items: center;
  /*background:			#444;*/
  content: "Não está conferida";
  background-color: #666617 !important;
  visibility: visible;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A {
  border-radius: unset;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.selected2::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2666666667) 1px, transparent 1px);
}
DIV.UIOfficeBoard.UISubgroupView .withOutArrows LI SPAN.e A DIV.mov, DIV.UIOfficeBoard.UISubgroupView .withOutArrows LI SPAN.e A DIV.alt, DIV.UIOfficeBoard.UISubgroupView .withOutArrows LI SPAN.e A DIV.alt2 {
  visibility: hidden;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI.outsideInfo, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI.outsideInfo {
  /*color:					$inactiveColor;*/
  color: #888;
  /*background-color:		rgba(255, 255, 255, 0.07);*/
  font-size: smaller;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI.outsideInfo.active, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI.outsideInfo.active, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI.outsideInfo.active {
  color: white;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef:not(.outside) SPAN.taf, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef:not(.outside) SPAN.taf, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef:not(.outside) SPAN.taf {
  background-image: url(/img/icon/meal3White.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave SPAN.tae, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave SPAN.tae, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave SPAN.tae {
  background-image: url(/img/icon/exit9White.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave SPAN.tau, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave SPAN.tau, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave SPAN.tau {
  background-image: url(/img/icon/busFinalWhite.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave SPAN.tad, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave SPAN.tad, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave SPAN.tad {
  background-image: url(/img/icon/infoWhite.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave SPAN.tay, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave SPAN.tay, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave SPAN.tay {
  background-image: url(/img/icon/infoWhite.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave SPAN.taz, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave SPAN.taz, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave SPAN.taz {
  background-image: url(/img/icon/infoWhite.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate SPAN.tar, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate SPAN.tar, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate SPAN.tar {
  background-image: url(/img/icon/delayWhite.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate SPAN.tad, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate SPAN.tad, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate SPAN.tad {
  background-image: url(/img/icon/delayWhite.svg);
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate > SPAN {
  /*color:			#999;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef > SPAN::after, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave > SPAN::after, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate > SPAN::after {
  content: " no intervalo";
  position: relative;
  font-size: normal;
  color: #777;
  font-size: inherit;
  /*font-size:	small;*/
  bottom: unset;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate {
  /*&:not(.outside)>SPAN{*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef .mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef .alt, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef .alt2, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave .mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave .alt, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave .alt2, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate .mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate .alt, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate .alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef .mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef .alt, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef .alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave .mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave .alt, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave .alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate .mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate .alt, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate .alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef .mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef .alt, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef .alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave .mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave .alt, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave .alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate .mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate .alt, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate .alt2 {
  display: none;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate > SPAN {
  /*color:			#CCC;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayRef > SPAN::before, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave > SPAN::before, DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayRef > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayRef > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate > SPAN::before {
  /*content:		'(';*/
  position: relative;
  bottom: unset;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave > SPAN::before {
  content: "(";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate > SPAN::before {
  content: "(";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLeave > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLeave > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLeave > SPAN::after {
  content: " encerrou)";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI A.awayLate > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI A.awayLate > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI A.awayLate > SPAN::after {
  content: " chegará " attr(data-delayh) ")";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI.inactive A, DIV.UIOfficeBoard.UISubgroupView > DIV LI.inactive .e, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI.inactive A, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI.inactive .e, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI.inactive A, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI.inactive .e {
  color: #777 !important;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.updated, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.updated, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.updated {
  /*background-color: #1b4a55;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate > SPAN {
  /*color:		$inactiveColor;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave > SPAN > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate > SPAN > SPAN {
  color: #a9a9a9;
  /*color:		#e18b4a;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave > SPAN > SPAN.awayEmployee, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate > SPAN > SPAN.awayEmployee {
  color: white;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave > SPAN DIV.alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate > SPAN DIV.mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate > SPAN DIV.alt, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate > SPAN DIV.alt2 {
  opacity: 0.2 !important;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave.outside > SPAN::before, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate.outside > SPAN::before {
  content: "↗ ";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef.outside .mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef.outside .alt2, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave.outside .mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave.outside .alt2, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate.outside .mov, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate.outside .alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef.outside .mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef.outside .alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave.outside .mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave.outside .alt2, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate.outside .mov, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate.outside .alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef.outside .mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef.outside .alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave.outside .mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave.outside .alt2, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate.outside .mov, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate.outside .alt2 {
  display: none;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate.outside > SPAN::after {
  content: " foi render";
  position: relative;
  font-size: normal;
  /*font-size:	small;*/
  bottom: unset;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave.outside .attendance > SPAN, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate.outside .attendance > SPAN {
  /*opacity: .2;*/
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave.outside > SPAN::after {
  content: " foi fechar";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate .tar, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate .tar, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate .tar {
  color: white;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLate.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLate.outside > SPAN::after, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLate.outside > SPAN::after {
  content: " foi abrir";
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayRef:not(.outside) .taf, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayRef:not(.outside) .taf, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayRef:not(.outside) .taf {
  color: white;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave .tae, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave .tau, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave .taz, DIV.UIOfficeBoard.UISubgroupView > DIV LI SPAN.e A.awayLeave .tay, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave .tae, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave .tau, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave .taz, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI SPAN.e A.awayLeave .tay, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave .tae, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave .tau, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave .taz, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI SPAN.e A.awayLeave .tay {
  color: white;
}
DIV.UIOfficeBoard.UISubgroupView > DIV LI.away, DIV.UIOfficeBoard.UISubgroupView2 > DIV LI.away, DIV.UIOfficeBoard.UISubgroupView3 > DIV LI.away {
  opacity: 0.2;
}
DIV.UIOfficeBoard .optional.tot0 {
  height: 0px;
  overflow: auto;
  transform: translateY(0);
}
DIV.UIOfficeBoard UL.validated LI.tot0 {
  height: 0px;
  overflow: auto;
  transform: translateY(0);
}
DIV.UIOfficeBoard UL.validated LI.tot0[data-role=PEO] {
  height: unset;
  overflow: unset;
  transform: unset;
}
DIV.UIOfficeBoard.moving.ASO1 .ASO2 {
  opacity: 0.1;
}
DIV.UIOfficeBoard.moving.ASO2 .ASO1 {
  opacity: 0.1;
}
DIV.UIOfficeBoard .UIEntryList.UIList {
  color: black;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-bottom: 5px;
}
DIV.UIOfficeBoard .UIEntryList.UIList LI SPAN {
  opacity: initial;
  white-space: break-spaces;
}
DIV.UIOfficeBoard .UIEntryList.UIList LI SPAN.e-wait {
  background-image: url("/img/icon/wait.svg");
}
DIV.UIOfficeBoard .UIEntryList.UIList LI SPAN.e-waitPerson {
  background-image: url("/img/icon/waitPersonBlack.svg");
}
DIV.UIOfficeBoard .UIEntryList.UIList LI SPAN.e-askInbox {
  background-image: url("/img/icon/questionBlack.svg");
}
DIV.UIOfficeBoard .UIEntryList.UIList LI SPAN.e-send {
  filter: brightness(0.6);
}
DIV.UIOfficeBoard .pp {
  background: white;
}
DIV.UIOfficeBoard FORM.confDayOffBoard, DIV.UIOfficeBoard FOOTER.validateInfo, DIV.UIOfficeBoard FOOTER.conferedDayOffBoard {
  display: block;
  text-align: center;
  box-sizing: border-box;
}
DIV.UIOfficeBoard FOOTER.conferedDayOffBoard {
  text-decoration: none;
}
DIV.UIOfficeBoard FORM.confDayOffBoard {
  grid-column: 1/-1;
  cursor: pointer;
  margin-top: 3px;
  white-space: unset;
  width: 100%;
  margin: 0px;
  /*margin-top:				13px;*/
}
DIV.UIOfficeBoard FORM.confDayOffBoard INPUT {
  background: green;
  color: white;
  border: unset;
  border-radius: 0px 0px 5px 5px;
  margin-top: unset;
  width: 100%;
  padding: 11px 0px;
}
DIV.UIOfficeBoard FORM.confDayOffBoard INPUT.transitioning {
  transition: opacity 2s;
}
DIV.UIOfficeBoard FOOTER.validateInfo {
  /*width:					max-content;*/
  padding: 0px 8px;
  padding-top: 8px;
  opacity: 0.3;
}
DIV.UIOfficeBoard FOOTER.validateInfo.newV {
  margin: auto;
  text-align: center;
  width: max-content;
  background: url(/img/icon/atom3White.svg) no-repeat left center/21px;
  padding-left: 26px;
  padding-top: 13px;
  padding-bottom: 8px;
}
DIV.UIOfficeBoard FOOTER.validateInfo.newV.ready {
  background-image: url(/img/icon/jpeg1White.svg);
}
DIV.UIOfficeBoard FOOTER.validateInfo.newV.ready.manha {
  background-image: url(/img/icon/documentWhite.svg);
}
DIV.UIOfficeBoard FOOTER.validateInfo.newV.valid {
  background-image: url(/img/icon/yesWhite.svg);
}
DIV.UIOfficeBoard .UIList {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0);
  will-transform: height;
  transition: height 0.5s;
}
DIV.UIOfficeBoard .UIList.colleagues {
  margin: 21px 13px 0px 13px;
}
DIV.UIOfficeBoard .UIList.colleagues:first-child {
  margin-top: 0px;
}
DIV.UIOfficeBoard .UIList LI {
  -webkit-transform: translate3d(0, 0, 0);
}
DIV.UIOfficeBoard .UIList.colleagues.otherShift LI.ASO1 .oRole {
  color: rgba(255, 255, 255, 0.0666666667);
}
DIV.UIOfficeBoard .UIList.colleagues.otherShift LI.tot0 {
  display: none;
}
DIV.UIOfficeBoard LI {
  white-space: nowrap;
  display: grid;
  /*opacity:					1;*/
  grid-template-columns: 78px auto;
  transition: height 0.4s, opacity 0.4s;
}
DIV.UIOfficeBoard LI.inactive A.oRole, DIV.UIOfficeBoard LI.inactive SPAN.e A, DIV.UIOfficeBoard LI.notHere A.oRole, DIV.UIOfficeBoard LI.notHere SPAN.e A {
  /*background-color:	rgba(255, 255, 255, 0.2); // this makes it more visible even with lower opacity*/
  /*color:				$inactiveColor !important; // only applies to Role, because employee gets opacity*/
  /*opacity:				.2;*/
  /*				DIV{
  					&.mov,&.alt,&.alt2{
  						opacity:	$inactiveSpanOpacity !important;
  					}
  				}*/
}
DIV.UIOfficeBoard LI.notHere A.oRole, DIV.UIOfficeBoard LI.notHere SPAN.e A {
  /*background-color:	rgba(255, 255, 255, 0.2); // this makes it more visible even with lower opacity*/
  /*color:				$inactiveColor !important; // only applies to Role, because employee gets opacity*/
  opacity: 0.2;
  /*				DIV{
  					&.mov,&.alt,&.alt2{
  						opacity:	$inactiveSpanOpacity !important;
  					}
  				}*/
}
DIV.UIOfficeBoard LI > A {
  text-align: right;
}
DIV.UIOfficeBoard LI A {
  display: inline-block;
  text-align: center;
  word-spacing: initial;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  cursor: pointer;
  position: relative;
}
DIV.UIOfficeBoard LI A.single {
  grid-column: 1/-1 !important;
}
DIV.UIOfficeBoard LI A.eM {
  grid-column: 2/3;
}
DIV.UIOfficeBoard LI A.eR {
  grid-column: 3/4;
}
@media (hover: none) {
  DIV.UIOfficeBoard LI A {
    padding: 8px;
  }
}
DIV.UIOfficeBoard LI A > SPAN.caller {
  display: none;
}
DIV.UIOfficeBoard LI A > SPAN:not(.w) {
  width: 21px;
  position: relative;
  padding: 0px 5px;
  height: 100%;
  cursor: pointer;
  /*border-radius:		5px;*/
  white-space: nowrap;
  overflow: hidden;
}
DIV.UIOfficeBoard LI A > SPAN:not(.w).caller {
  display: none;
}
@media (hover: hover) {
  DIV.UIOfficeBoard LI A > SPAN:not(.w).w:hover, DIV.UIOfficeBoard LI A > SPAN:not(.w).p:hover {
    background-color: rgba(255, 255, 255, 0.2666666667);
  }
}
DIV.UIOfficeBoard LI A > SPAN:not(.w) IMG {
  display: none;
  width: 21px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: grayscale(1);
  opacity: 0.4;
  margin: auto;
}
DIV.UIOfficeBoard LI A > SPAN:not(.w):after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  top: unset;
  font-size: 9px;
  text-align: center;
}
DIV.UIOfficeBoard LI A.single > SPAN {
  right: auto !important;
  left: 13px !important;
  transform: unset !important;
}
DIV.UIOfficeBoard SPAN.i {
  background-color: initial;
  display: inline-block;
  min-width: 40px;
}
DIV.UIOfficeBoard LI A {
  /*&.ae{*/
  color: white !important;
  /*}*/
}
DIV.UIOfficeBoard .noTA SPAN.e A > SPAN:first-child {
  padding: 8px 0px 8px 13px;
}
DIV.UIOfficeBoard .noTA SPAN.e A > SPAN:first-child .mov, DIV.UIOfficeBoard .noTA SPAN.e A > SPAN:first-child .alt, DIV.UIOfficeBoard .noTA SPAN.e A > SPAN:first-child .alt2 {
  background-position: center center;
}
DIV.UIOfficeBoard SPAN.e {
  display: inline-block;
  white-space: initial;
  display: grid;
  /*grid-template-columns:			repeat(auto-fit, minmax(90px, 1fr));*/
  /*		&.isInRef,&.isInLeave{
  			A>SPAN{
  				background-color:	#333;
  				color:				#555;

  				DIV.mov,DIV.alt{
  					opacity:		.3;
  				}
  			}

  			DIV.attendance SPAN{
  				opacity:			.3 !important;
  			}
  		}
  		&.isInRef{
  			DIV.attendance SPAN.ref{
  				opacity:			1;
  				color:				#de7777;
  			}
  		}

  		&.isInLeave{
  			DIV.attendance SPAN.elA{
  				opacity:			1 !important;
  				color:				#9f9fe7;
  			}
  			DIV.over{
  				background-image:	url(/img/icon/exit6White.svg);
  			}
  		}*/
}
DIV.UIOfficeBoard SPAN.e A {
  -webkit-transform: translate3d(0, 0, 0);
  transition: background-color 1.5s;
  will-change: background-color, animation;
  text-align: left;
  padding: 0px;
  overflow: hidden;
}
DIV.UIOfficeBoard SPAN.e A.e-sim {
  padding-left: 34px;
}
DIV.UIOfficeBoard SPAN.e A.selected2 {
  /*				&::after{
  					@include			mixins.absolute;
  					content:			'';
  					background:		linear-gradient(90deg, #FFF4 1px, transparent 1px);
  				}*/
}
DIV.UIOfficeBoard SPAN.e A.ae {
  /*				display:				inline-block;
  				padding-left:			13px;
  				background:				radial-gradient(#0F0 35%, white 50%) no-repeat -1px center/13px 13px;*/
  color: white !important;
}
DIV.UIOfficeBoard SPAN.e A .loadingHover {
  background-color: rgba(0, 136, 0, 0.4);
}
DIV.UIOfficeBoard SPAN.e A .loadingHover::after {
  content: none;
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child {
  padding: 13px 0px 3px 13px;
  height: auto;
  width: auto;
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.alt, DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.mov, DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.alt2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  background: url(/img/icon/arrowLeftRight9White.svg) no-repeat center bottom 7px/9px;
  width: 13px;
  height: auto;
  opacity: 0.6;
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.mov {
  background-image: url(/img/icon/arrowTopWhite.svg);
  background-image: url(/img/icon/arrowLeftWhite.svg);
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.mov.int {
  background-image: url(/img/icon/arrowRightShortWhite.svg);
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.alt {
  background-image: url(/img/icon/arrowRightLeftWhite.svg);
  background-image: url(/img/icon/arrowUpDownWhite.svg);
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.alt2 {
  background-image: url(/img/icon/arrowCross3White.svg);
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.extra {
  background-image: url(/img/icon/plusWhite.svg);
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV.extraFix {
  background-image: url(/img/icon/asteriskWhite.svg);
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child DIV._2shift {
  background-image: url(/img/icon/infoWhite.svg);
  background: red;
  width: 1px;
}
DIV.UIOfficeBoard SPAN.e A > SPAN:first-child.online {
  padding-left: 13px;
}
DIV.UIOfficeBoard .lacks {
  background-color: rgb(255, 220, 220);
}
DIV.UIOfficeBoard .exceeds {
  background-color: rgb(220, 255, 220);
}
DIV.UIOfficeBoard .spacer {
  color: #666;
  background-color: unset;
}
DIV.UIOfficeBoard .spacer.ASO1 {
  /*background-color:		#513d3d;*/
}
DIV.UIOfficeBoard .spacer.mini {
  width: 8px;
  padding: 0px;
}
@media (hover: hover) {
  DIV.UIOfficeBoard .spacer:hover {
    cursor: initial;
    background-color: unset;
  }
}
DIV.UIOfficeBoard LI .oRole {
  /*padding:				13px 0px 3px 13px;*/
}
DIV.UIOfficeBoard LI:not(.noTA) .i, DIV.UIOfficeBoard LI:not(.noTA) .oRole {
  padding: 13px 0px 3px;
}
DIV.UIOfficeBoard .i, DIV.UIOfficeBoard .oRole, DIV.UIOfficeBoard SPAN.e {
  vertical-align: middle;
}
DIV.UIOfficeBoard .t {
  padding: 0px 3px;
  text-align: center;
  margin: 13px 0px 8px;
}
DIV.UIOfficeBoard .d {
  background: #F9F9F9;
  color: #DDD;
}
DIV.UIOfficeBoard .attendance {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.6em;
  bottom: auto;
  /*left:						unset;*/
  width: auto;
  height: auto;
  padding-top: 3px;
  padding-right: 3px;
  text-align: right;
  color: #888;
}
DIV.UIOfficeBoard .attendance:after {
  display: none;
}
DIV.UIOfficeBoard .attendance > SPAN {
  display: inline;
  min-width: unset;
  width: auto;
  padding: 0px;
  text-align: center;
  margin: 1px;
  border-radius: 0px;
  /*			background-color:		#d2d2d299;
  			color:					black;*/
}
DIV.UIOfficeBoard .attendance > SPAN.s {
  padding-left: 1px;
  padding-right: 1px;
  border: unset;
}
DIV.UIOfficeBoard .attendance > SPAN.el, DIV.UIOfficeBoard .attendance > SPAN.tau, DIV.UIOfficeBoard .attendance > SPAN.elx, DIV.UIOfficeBoard .attendance > SPAN.ely, DIV.UIOfficeBoard .attendance > SPAN.ref, DIV.UIOfficeBoard .attendance > SPAN.greve {
  padding-left: 11px;
}
DIV.UIOfficeBoard .attendance > SPAN.tau {
  background: url(/img/icon/busFinalWeakWhite.svg) no-repeat left center/auto 10px;
}
DIV.UIOfficeBoard .attendance > SPAN.tax, DIV.UIOfficeBoard .attendance > SPAN.tay {
  background: url(/img/icon/infoWeakWhite.svg) no-repeat left center/auto 10px;
}
DIV.UIOfficeBoard .attendance > SPAN.tae, DIV.UIOfficeBoard .attendance > SPAN.tau, DIV.UIOfficeBoard .attendance > SPAN.taf, DIV.UIOfficeBoard .attendance > SPAN.taa, DIV.UIOfficeBoard .attendance > SPAN.tar, DIV.UIOfficeBoard .attendance > SPAN.tax, DIV.UIOfficeBoard .attendance > SPAN.tay {
  padding-left: 13px;
}
DIV.UIOfficeBoard .attendance > SPAN.tal, DIV.UIOfficeBoard .attendance > SPAN.tad {
  display: none;
}
DIV.UIOfficeBoard .attendance > SPAN.greve, DIV.UIOfficeBoard .attendance > SPAN.taa {
  background: url(/img/icon/strike3White.svg) no-repeat left center/auto 10px;
}
DIV.UIOfficeBoard .attendance > SPAN.tar {
  background: url(/img/icon/delayWeakWhite.svg) no-repeat left center/auto 10px;
}
DIV.UIOfficeBoard .attendance > SPAN.taf {
  background: url(/img/icon/meal3WeakWhite.svg) no-repeat left center/auto 10px;
}
DIV.UIOfficeBoard .attendance > SPAN.tae {
  background: url(/img/icon/exit9WeakWhite.svg) no-repeat left center/auto 10px;
}
DIV.UIOfficeBoard .attendance .del {
  /*background-color:		#FF9999AA;*/
  color: rgba(255, 153, 153, 0.8666666667);
}
DIV.UIOfficeBoard .v {
  /*color:						red;*/
}
DIV.UIOfficeBoard .l {
  background-color: rgb(180, 92, 92);
}
DIV.UIOfficeBoard .o {
  background-color: white;
  color: #D5A0A0;
  text-decoration: line-through;
}
DIV.UIOfficeBoard .oa {
  font-size: x-small;
  vertical-align: middle;
}
DIV.UIOfficeBoard .s {
  border-left: 3px solid black;
}
DIV.UIOfficeBoard .lts {
  text-decoration: line-through;
}
DIV.UIOfficeBoard.simple .o, DIV.UIOfficeBoard.simple .d, DIV.UIOfficeBoard.simple .oa {
  display: none !important;
}

#UIMonthContainer .MonthDiv {
  text-align: center;
}

.UIList LI.entry, .entry {
  display: grid;
  grid-template-columns: 34px 1fr auto auto;
  align-items: center;
}
.UIList LI.entry > *, .entry > * {
  padding: 8px 0px;
}

TR.entry {
  display: table-row;
}

.UIList.UIEntryList.older LI.entry {
  background: rgb(240, 230, 200);
}

.e-deny, .e-trash, .e-confirm, .e-allow, .e-wait, .e-waitPerson, .e-askInbox, .e-sim, .e-send {
  min-width: 55px;
  padding: 0px 13px 0px 13px;
  background: transparent left 13px center/21px no-repeat;
  text-align: left !important;
  min-height: 21px;
  box-sizing: border-box;
  cursor: pointer;
}
.e-deny:first-child, .e-trash:first-child, .e-confirm:first-child, .e-allow:first-child, .e-wait:first-child, .e-waitPerson:first-child, .e-askInbox:first-child, .e-sim:first-child, .e-send:first-child {
  background-position-x: 8px;
  min-width: 55px;
  /*$sum:			$iconP+$paddingP;*/
  padding: 0px 13px 0px 44px;
}
.e-deny:last-child, .e-trash:last-child, .e-confirm:last-child, .e-allow:last-child, .e-wait:last-child, .e-waitPerson:last-child, .e-askInbox:last-child, .e-sim:last-child, .e-send:last-child {
  min-width: 42px;
  padding-right: 8px;
}

.e-deny {
  background-image: url("/img/icon/no2.svg");
}

.e-trash {
  background-image: url("/img/icon/trash.svg");
}

.e-confirm, .e-allow {
  background-image: url("/img/icon/yes3.svg");
}

.e-send {
  background-image: url("/img/icon/sendGreen.svg");
}

.entry-wait, .entry-sim {
  color: black;
  border-radius: 5px;
}

.entry-wait {
  background-color: yellow;
}

.entry-sim {
  background-color: #f5dbac;
}

.e-wait, .e-waitPerson, .e-sim, .e-askInbox {
  background-image: url("/img/icon/wait.svg");
}
.e-wait A, .e-waitPerson A, .e-sim A, .e-askInbox A {
  background-color: transparent !important;
}

.UITip DIV DIV P.statusP, .UIMeta P.statusP {
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: #F6F6F6;
  padding: 21px 8px;
  box-shadow: 0px 0px 5px #BBB;
  align-items: center;
}
.UITip DIV DIV P.statusP > SPAN.iconStatus, .UIMeta P.statusP > SPAN.iconStatus {
  width: 31px;
  min-width: unset;
  padding: 0px;
  margin-right: 8px;
  background-size: 31px;
  height: 31px;
  background-position: center;
}
.UITip DIV DIV P.statusP SPAN.notify, .UIMeta P.statusP SPAN.notify {
  display: block;
  padding: 21px;
  grid-column: 1/-1;
}

FORM.UIFormExchange INPUT[type=submit] {
  line-height: 34px;
}

P SPAN.e-wait {
  background-image: url("/img/icon/wait.svg");
}

P SPAN.e-waitPerson {
  background-image: url("/img/icon/waitPersonBlack.svg");
}

P SPAN.e-sim {
  background-image: url("/img/icon/lamp.svg");
}

P SPAN.e-askInbox {
  background-image: url("/img/icon/questionBlack.svg");
}

.e-sim {
  background-image: url("/img/icon/lamp.svg");
  color: inherit;
}

.e-askInbox {
  background-image: url("/img/icon/questionYellow.svg");
}

#UIOpenRequests LI.entry {
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0px;
}
#UIOpenRequests LI.entry > * {
  padding: 4px 5px;
}
@media (hover: hover) {
  #UIOpenRequests LI.entry:hover {
    background-color: black;
    color: white;
  }
  #UIOpenRequests LI.entry:hover .e-wait, #UIOpenRequests LI.entry:hover .e-waitPerson, #UIOpenRequests LI.entry:hover .e-sim, #UIOpenRequests LI.entry:hover .e-askInbox {
    opacity: 1;
  }
}

.UIBoardEntries UL.UIList LI.entry {
  background: #E5E5E5;
}
.UIBoardEntries UL.UIList LI.entry.t {
  padding-top: 5px;
  border-top: 0px solid black;
  display: block;
}
.UIBoardEntries UL.UIList LI.entry.t:not(:first-child) {
  margin-top: 21px;
}
.UIBoardEntries UL.UIList LI.entry.t H2 {
  margin-top: 0px;
}
.UIBoardEntries UL.UIList LI.entry > * {
  padding: 8px 0px;
}
@media (hover: hover) {
  .UIBoardEntries UL.UIList LI.entry:hover {
    background-color: black;
  }
}
.UIEntryList.UIList .entry {
  text-align: left;
}
.UIEntryList.UIList .entry A {
  background: initial;
}
.UIEntryList.UIList .e-wait, .UIEntryList.UIList .e-waitPerson, .UIEntryList.UIList .e-askInbox, .UIEntryList.UIList .e-sim, .UIEntryList.UIList .e-trash, .UIEntryList.UIList .e-confirm, .UIEntryList.UIList .e-allow, .UIEntryList.UIList .e-deny, .UIEntryList.UIList .e-send {
  opacity: 0.6;
}
@media (hover: hover) {
  .UIEntryList.UIList .e-wait:hover, .UIEntryList.UIList .e-waitPerson:hover, .UIEntryList.UIList .e-askInbox:hover, .UIEntryList.UIList .e-sim:hover, .UIEntryList.UIList .e-trash:hover, .UIEntryList.UIList .e-confirm:hover, .UIEntryList.UIList .e-allow:hover, .UIEntryList.UIList .e-deny:hover, .UIEntryList.UIList .e-send:hover {
    opacity: 1;
  }
}
.UIEntryList.UIList .e-wait {
  background-image: url("/img/icon/waitYellow.svg");
}
.UIEntryList.UIList .e-waitPerson {
  background-image: url("/img/icon/waitPersonYellow.svg");
}
.UIEntryList.UIList .e-askInbox {
  background-image: url("/img/icon/questionYellow.svg");
}

#UIEvents .UIList {
  padding: 0px 13px 13px 13px;
}

#UIScaleInfo {
  height: max-content;
  padding: 13px 6.5px;
}

.UIList.UIEntryList.UIDayOffList TR TD {
  padding-left: 8px;
  padding-right: 8px;
}
.UIList.UIEntryList.UIDayOffList TR > TD:first-child {
  padding-left: unset;
  width: 30px;
}
.UIList.UIEntryList.UIDayOffList TR.s7, .UIList.UIEntryList.UIDayOffList TR.s8, .UIList.UIEntryList.UIDayOffList TR.s9 {
  text-decoration: line-through;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR TD {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #AAA;
  background-size: 13px;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR TD:first-child {
  background: url(/img/icon/waitWhite.svg) no-repeat center center/13px;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR TD.s {
  background: unset;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR:not(.suspicious).req TD.s {
  background: url(/img/icon/pencilBlack.svg) no-repeat left 8px center/13px;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR.selected {
  background: blue;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR.selected TD {
  color: white;
  padding-top: 3px;
  padding-bottom: 3px;
}
.UIList.UIEntryList.UIDayOffList.Simplified TBODY TR.selected:not(.suspicious).req TD.s {
  background: url(/img/icon/pencilWhite.svg) no-repeat left 8px center/13px;
}
.UIList.UIEntryList.UIDayOffList TR.req TD.s {
  min-width: 55px;
}
.UIList.UIEntryList.UIDayOffList TR.req > TD:first-child {
  background: url(/img/icon/wait.svg) no-repeat center center/21px;
}
.UIList.UIEntryList.UIDayOffList TR.req:not(.suspicious) TD.s {
  background: url(/img/icon/pencilBlack.svg) no-repeat left 8px center/21px;
}
.UIList.UIEntryList.UIDayOffList TR.req.suspicious {
  background: #ffc9c9;
}
.UIList.UIEntryList.UIDayOffList TR.req.suspicious TD:first-child {
  background: url(/img/icon/alertYellow.svg) no-repeat center center/21px;
}
.UIList.UIEntryList.UIDayOffList TR.req.suspicious TD.s {
  color: red;
}

.UIList.UIListExtraDayOff LI {
  display: grid;
  grid-template-columns: 89px 1fr auto;
  padding: 5px;
  margin: 1px;
}
.UIList.UIListExtraDayOff LI P.e-trash {
  opacity: 0;
  transition: opacity 0.5s;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.UIList.UIListExtraDayOff LI.selected {
  background-color: #EEE;
}
.UIList.UIListExtraDayOff LI.selected P {
  display: block;
  background-color: red;
  color: white;
  padding: 0px 13px;
  margin: auto;
  text-align: center;
}
@media (hover: hover) {
  .UIList.UIListExtraDayOff LI:hover {
    opacity: 1;
  }
  .UIList.UIListExtraDayOff LI:hover P {
    display: block;
    opacity: 1;
    color: white;
    text-align: center;
  }
}
.UIList.UIListExtraDayOff SPAN {
  display: inline-block;
  padding: 3px;
  overflow: hidden;
}

#UIExtraDayBankForm {
  padding: 13px;
  box-sizing: border-box;
}

.ExtraDayBankColumn {
  background-color: #FAFAFA;
}
.ExtraDayBankColumn webkit-date-and-time-value, .ExtraDayBankColumn .webkit-date-and-time-value, .ExtraDayBankColumn input::-webkit-date-and-time-value {
  margin: 0px;
}
.ExtraDayBankColumn INPUT[type=date] {
  min-height: 2em;
}
.ExtraDayBankColumn .c {
  padding: 13px;
  box-shadow: 0px 0px 13px #CCC;
  width: fit-content;
  margin: 13px auto;
  max-width: 380px;
  background-color: white;
}
.ExtraDayBankColumn .c.old {
  background-color: #EEE;
}
.ExtraDayBankColumn FORM {
  display: block;
}
.ExtraDayBankColumn DIV.UIFormLine.holidays, .ExtraDayBankColumn DIV.UIFormLine.carnival, .ExtraDayBankColumn DIV.UIFormLine.tre, .ExtraDayBankColumn DIV.UIFormLine.extraHour, .ExtraDayBankColumn DIV.UIFormLine.extraDay {
  background-color: #444;
  color: white;
  padding: 13px;
  display: grid;
  grid-template-columns: 125px 71px auto;
  max-height: 265px;
  overflow: auto;
  padding-bottom: 0px;
  margin: 8px auto;
  box-shadow: 0px 0px 13px #CCC;
}
.ExtraDayBankColumn DIV.UIFormLine.holidays SPAN, .ExtraDayBankColumn DIV.UIFormLine.carnival SPAN, .ExtraDayBankColumn DIV.UIFormLine.tre SPAN, .ExtraDayBankColumn DIV.UIFormLine.extraHour SPAN, .ExtraDayBankColumn DIV.UIFormLine.extraDay SPAN {
  padding: 8px;
}
.ExtraDayBankColumn DIV.UIFormLine.holidays P, .ExtraDayBankColumn DIV.UIFormLine.carnival P, .ExtraDayBankColumn DIV.UIFormLine.tre P, .ExtraDayBankColumn DIV.UIFormLine.extraHour P, .ExtraDayBankColumn DIV.UIFormLine.extraDay P {
  text-align: center;
  grid-column: 1/-1;
}
.ExtraDayBankColumn DIV.UIFormLine.holidays .resolved, .ExtraDayBankColumn DIV.UIFormLine.carnival .resolved, .ExtraDayBankColumn DIV.UIFormLine.tre .resolved, .ExtraDayBankColumn DIV.UIFormLine.extraHour .resolved, .ExtraDayBankColumn DIV.UIFormLine.extraDay .resolved {
  padding: 8px;
  color: black;
  background-color: #EEE;
}
.ExtraDayBankColumn DIV.UIFormLine.holidays *:last-child, .ExtraDayBankColumn DIV.UIFormLine.carnival *:last-child, .ExtraDayBankColumn DIV.UIFormLine.tre *:last-child, .ExtraDayBankColumn DIV.UIFormLine.extraHour *:last-child, .ExtraDayBankColumn DIV.UIFormLine.extraDay *:last-child {
  margin-bottom: 13px;
}
.ExtraDayBankColumn DIV.UIFormLine.extraDay2, .ExtraDayBankColumn DIV.UIFormLine.extraDay3, .ExtraDayBankColumn DIV.UIFormLine.extraDay4, .ExtraDayBankColumn DIV.UIFormLine.extraDay5 {
  display: none;
}
.ExtraDayBankColumn DIV.UIFormLine.extraHour .UIFormRadioArea {
  text-align: left;
  margin: unset;
}
.ExtraDayBankColumn DIV.UIFormLine.tre INPUT {
  grid-column: 2/4;
}
.ExtraDayBankColumn DIV.UIFormLine.tre INPUT INPUT[type=date] {
  width: auto;
}
.ExtraDayBankColumn DIV.UIFormLine.extraDay {
  grid-template-columns: 125px 164px auto;
}
.ExtraDayBankColumn DIV.UIFormLine.extraDay P {
  grid-column: 1/4;
}
.ExtraDayBankColumn DIV.UIFormLine.extraDay INPUT {
  height: max-content;
  grid-column: 2/4;
}
.ExtraDayBankColumn DIV.UIFormLine.extraDay SPAN {
  min-height: 1.5em;
}
.ExtraDayBankColumn #firstHoliDiv {
  margin-top: 13px;
}
.ExtraDayBankColumn #firstTREDiv {
  margin-bottom: 13px;
}
.ExtraDayBankColumn #firstHoliDiv, .ExtraDayBankColumn #firstTREDiv {
  display: grid;
  grid-template-columns: 1fr 144px 65px 71px;
  align-items: center;
}
.ExtraDayBankColumn #firstHoliDiv.disabled, .ExtraDayBankColumn #firstTREDiv.disabled {
  opacity: 0.5;
  background-color: #DDD;
}
.ExtraDayBankColumn #firstHoliDiv LABEL, .ExtraDayBankColumn #firstTREDiv LABEL {
  padding-left: 0px;
  padding-right: 0px;
}
.ExtraDayBankColumn P.locked {
  padding: 8px 47px;
  background: url(/img/icon/padlock.svg) no-repeat left 13px center/34px;
}
.ExtraDayBankColumn H2, .ExtraDayBankColumn P {
  padding-left: 13px;
  padding-right: 13px;
}

.UIExtraDayOffAvailable LI {
  display: grid;
  grid-template-columns: 101px 76px 89px 1fr;
  padding: 3px;
}
.UIExtraDayOffAvailable LI SPAN {
  padding: 0px 3px;
  display: inline-block;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
}
.UIExtraDayOffAvailable LI SPAN:first-child {
  text-align: center;
}
.UIExtraDayOffAvailable LI SPAN.availableDay {
  cursor: pointer;
}
@media (hover: hover) {
  .UIExtraDayOffAvailable LI SPAN.availableDay:hover {
    background: #7fff00;
  }
}
.UIExtraDayOffAvailable.h {
  margin-bottom: 0px;
  margin-top: 8px;
}

#addExtraDayOffLayer #extraDayOffPicker {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  padding: 13px 2px 2px 2px;
  box-shadow: 0px 0px 13px #666;
}

#UIExtraDayOffAvailable {
  margin: 21px auto 0px auto;
  background: white;
  color: black;
  padding: 13px;
  display: grid;
  /*grid-template-rows:			89px auto 1fr;*/
  grid-template-rows: 1fr;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
#UIExtraDayOffAvailable FORM {
  max-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}
#UIExtraDayOffAvailable FORM .UIFormRadioArea {
  overflow: scroll;
  max-height: 100%;
}
#UIExtraDayOffAvailable > DIV {
  overflow: hidden;
}
#UIExtraDayOffAvailable > DIV.last {
  max-height: 89px;
  background-color: #EEE;
  padding: 5px 0px;
  margin-bottom: 5px;
  overflow: auto;
  display: none;
}
#UIExtraDayOffAvailable > DIV.last P {
  margin: 0px;
  font-size: smaller;
  padding: 0px 0px 0px 13px;
}
#UIExtraDayOffAvailable > DIV.last P.header {
  padding: 5px;
  font-size: inherit;
}
#UIExtraDayOffAvailable > DIV.last P.a {
  background: url(/img/icon/pencilBlack.svg) no-repeat left 3px center/8px;
}
#UIExtraDayOffAvailable .UIFormRadioArea LABEL {
  display: block;
  text-align: left;
}

.UIShiftHour TABLE {
  border-collapse: collapse;
  margin: 8px;
}
.UIShiftHour TABLE TR {
  cursor: pointer;
}
@media (hover: hover) {
  .UIShiftHour TABLE TR:hover {
    background-color: #444;
    color: white;
  }
}
.UIShiftHour TABLE TR:first-child TD {
  text-align: center;
}
.UIShiftHour TABLE TR.expired {
  opacity: 0.5;
  background-color: #EEE;
}
.UIShiftHour TABLE TR.info TD:first-child {
  background: url(/img/icon/infoBlue.svg) top 3px right 3px/13px no-repeat;
  vertical-align: bottom;
}
.UIShiftHour TABLE TD {
  border: 1px solid #666;
  min-width: 55px;
  padding: 5px 3px;
  text-align: center;
}
.UIShiftHour TABLE TD:first-child {
  text-align: left;
}

.UIListBankDayOffColumn .UIListBankDayOff {
  background-color: white;
  margin-top: 55px;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
}
.UIListBankDayOffColumn .UIListBankDayOff:first-child {
  margin-top: unset;
}
.UIListBankDayOffColumn .UIListBankDayOff LI A {
  display: grid;
  grid-template-columns: 21px 21px 1fr 21px;
  padding: 3px;
}
.UIListBankDayOffColumn .UIListBankDayOff LI A SPAN {
  padding: 0px 3px;
  display: inline-block;
  overflow: hidden;
}
.UIListBankDayOffColumn .UIListBankDayOff LI.locked {
  background: #0F0 url(/img/icon/padlock.svg) no-repeat right center/contain;
}
.UIListBankDayOffColumn .UIListBankDayOff LI.locked2 {
  background: yellow url(/img/icon/padlock.svg) no-repeat right center/contain;
}
.UIListBankDayOffColumn .UIListBankDayOff LI.locked3 {
  background: #89f4eb url(/img/icon/padlock.svg) no-repeat right center/contain;
}

@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
  .UILog {
    display: none;
  }
  .UILayer, .UIMainBar {
    display: none;
  }
  .BoardView .UIMainLayer {
    display: block;
  }
  .BoardView .UIMainLayer .UIColumn:first-child {
    width: 100%;
  }
  .BoardView .UIMainLayer TR:last-child {
    display: none;
  }
  .BoardView .UIMainLayer TD {
    color: white !important;
    background-color: #666 !important;
  }
  .BoardView .UIMainLayer TD.spacer {
    background-color: transparent !important;
  }
  .BoardView .UIMainLayer TD SPAN, .BoardView .UIMainLayer TD P {
    display: none;
  }
  .BoardView .UIMainLayer TD.optional {
    background: transparent;
  }
  .BoardView .UIMainLayer TD.ASO1.lacks {
    display: none;
  }
  .BoardView .UIMainLayer .UIBoardEntries {
    display: none;
  }
  .BoardView .UIMainLayer .calendarOpenner, .BoardView .UIMainLayer .bolotSuperCont {
    display: none;
  }
  #UIScaleMontlyContainer {
    background: unset;
    display: block;
  }
  #UIScaleMontlyContainer .TableArea {
    background: unset;
  }
  #UIScaleMontlyContainer .TableArea H2 {
    background: unset;
    color: black;
  }
  #UIScaleMontlyContainer .TableArea H2 A {
    display: none;
  }
  #UIScaleMontlyContainer .TableArea H2.phone {
    display: none;
  }
  #UIScaleMontlyContainer .TableArea H2.print {
    margin-top: 55px;
    display: block;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv {
    background: unset;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV {
    background-color: #888;
    border-top: 1px solid #555;
    margin-top: 13px;
    /*&:first-child{*/
    padding: 0px !important;
    /*}*/
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.t TD, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.t TH, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.w TD, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.w TH, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TD, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TH, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TH {
    background: white;
    color: black;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.t TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.t TH P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.w TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.w TH P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TH P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TH P {
    color: black;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.t TD P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.t TH P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.w TD P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR.w TH P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TD P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TH P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TH P A {
    color: black;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR P {
    font-size: 16px;
    padding-top: 3px;
    color: black;
    padding: 4px 0px 1px 0px;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR P A, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR P A {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 17px;
    text-align: center;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR P P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR P P {
    display: none;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR P::before, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR P::before {
    display: none;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScale TBODY TR TD.wd P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR TD.wd P {
    font-size: 15px;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR TH P {
    padding-left: 4px;
    padding-right: 4px;
  }
  #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.t TH P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TD P, #UIScaleMontlyContainer .TableArea .TableAreaDiv > DIV TABLE.UIMonthlyScaleLeft TBODY TR.w TH P {
    padding-left: 4px;
    padding-right: 4px;
  }
  #UIScaleMontlyContainer .disclaimer {
    display: none;
  }
}
#addTrainScheduleLayer {
  overflow: hidden;
}

@keyframes moveV1 {
  100% {
    transform: translateY(-100%);
    background-color: blue;
  }
}
@keyframes moveV2 {
  100% {
    transform: translateY(100%);
    background-color: purple;
  }
}
@keyframes gameTip {
  from {
    top: -13px;
  }
  40% {
    opacity: 1;
  }
  to {
    top: -34px;
    opacity: 0;
  }
}
DIV.dragGhost {
  position: absolute;
  transform: translate(0, 0);
  top: -9999px;
  font-size: x-small;
  overflow: hidden;
  border-radius: 3px;
}
DIV.dragGhost > DIV.gameTip {
  background-color: #6F6;
  width: 100px;
  padding: 13px;
  align-content: center;
  white-space: nowrap;
}
DIV.dragGhost.unavailable {
  color: #888 !important;
}
DIV.dragGhost.unavailable > DIV {
  background-color: red !important;
}

SPAN.gameTip, DIV.gameTip {
  background: white;
  color: black;
  font-size: 13px;
  margin: auto;
  text-align: center;
}
SPAN.gameTip SPAN.tail, DIV.gameTip SPAN.tail {
  position: absolute;
  background: green;
  width: 10px;
  height: 10px;
  padding: 0px !important;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: unset;
  display: block;
  transform: rotate(45deg);
  border-radius: 20px 0px 0px 0px !important;
  overflow: hidden;
}

SPAN.gameTip {
  padding: 5px 8px;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  top: -13px;
  bottom: unset;
  animation: gameTip;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  width: min-content;
}

.UITrainSchedule {
  padding: 13px;
  background-color: white;
  height: 100%;
  box-sizing: border-box;
  border-radius: 13px;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
  color: white;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.UITrainSchedule.advanced FORM .leftItem > SPAN.play {
  display: inline-block;
  visibility: visible;
}
.UITrainSchedule.speed4 .stations .vias .train {
  /*transition: opacity .8s, background-color .8s, transform .01s;*/
  transition: opacity 0.8s, background-color 0.8s;
}
.UITrainSchedule.speed8 .stations .vias .train {
  /*transition: opacity .4s, background-color .4s, transform .01s;*/
  transition: opacity 0.4s, background-color 0.4s;
}
.UITrainSchedule.speed16 .stations .vias .train {
  /*					transition: opacity .2s, background-color .2s, transform .01s;*/
  transition: opacity 0.2s, background-color 0.2s;
}
.UITrainSchedule.speed32 .stations .vias .train {
  transition: opacity 0.1s, background-color 0.1s, transform 0.01s;
}
.UITrainSchedule .vias {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  transform: translateZ(0);
}
.UITrainSchedule .vias .train {
  pointer-events: all;
  box-shadow: 0px 0px 3px black;
  box-shadow: 0px 0px 7px -1px black;
  position: absolute;
  width: 13px;
  width: 34px;
  height: 55px;
  background: #e77320 no-repeat center bottom 3px/8px;
  top: 0px;
  /*will-change:	transform;*/
  transform: rotateZ(360deg) translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  will-change: transform;
  /*transition:	transform .5s, opacity 15s, background-color 1s, top .5s, bottom .5s, height .5s;*/
  transition: transform 0.5s, opacity 2s, background-color 1s, height 0.5s;
  opacity: 1;
  /*			transition:	top 2s ease 0s;
  			animation-fill-mode:forwards;*/
  height: 34px;
  color: black;
  /*color: rgb(42, 30, 114);*/
  color: white;
  /*overflow:	hidden; // the clickable area on :after*/
}
.UITrainSchedule .vias .train .items, .UITrainSchedule .vias .train .info {
  position: absolute;
  left: 0;
  right: 0;
  color: white;
}
.UITrainSchedule .vias .train .items, .UITrainSchedule .vias .train .info {
  font-size: smaller;
}
.UITrainSchedule .vias .train .items {
  text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}
.UITrainSchedule .vias .train .items .item {
  /*transition: transform 1s;*/
  min-height: 13px;
  height: 13px;
  min-width: 34px;
  text-align: center;
  overflow: hidden;
  display: grid;
  align-items: center;
  box-sizing: border-box;
  margin-top: 1px;
  text-shadow: none;
  background-repeat: no-repeat;
  background-size: 11px;
  background-color: #666;
  color: #999;
  color: white;
  padding: 0px;
  border-radius: 3px;
  box-shadow: 0px 0px 7px -1px black;
}
.UITrainSchedule .vias .train .items .item:first-child {
  margin-top: unset;
}
.UITrainSchedule .vias .train .items .item.notShownItem {
  /*display:					none;*/
  background-color: red;
}
.UITrainSchedule .vias .train .items .item.pastItem, .UITrainSchedule .vias .train .items .item.willPostItem, .UITrainSchedule .vias .train .items .item.h {
  color: white;
}
.UITrainSchedule .vias .train .items .item.pastItem {
  opacity: 0.1;
  display: none;
}
.UITrainSchedule .vias .train .items .item.willPostItem {
  opacity: 0.4;
}
.UITrainSchedule .vias .train .items .item.PCDW {
  background-image: url(/img/icon/wheelWhite.svg);
}
.UITrainSchedule .vias .train .items .item.PCDW.departuringItem {
  background-image: url(/img/icon/wheelBlack.svg);
}
.UITrainSchedule .vias .train .items .item.PMR {
  background-image: url(/img/icon/pmrWhite.svg);
}
.UITrainSchedule .vias .train .items .item.PMR.departuringItem {
  background-image: url(/img/icon/pmrBlack.svg);
}
.UITrainSchedule .vias .train .items .item.PCDS {
  background-image: url(/img/icon/blindWhite.svg);
}
.UITrainSchedule .vias .train .items .item.PCDS.departuringItem {
  background-image: url(/img/icon/blindBlack.svg);
}
.UITrainSchedule .vias .train .items .item.malote {
  background-image: url(/img/icon/workWhite.svg);
}
.UITrainSchedule .vias .train .items .item.malote.departuringItem {
  background-image: url(/img/icon/workBlack.svg);
}
.UITrainSchedule .vias .train .items .item.willPostItem {
  background-image: url(/img/icon/waitWhite.svg);
}
.UITrainSchedule .vias .train .items .item.h {
  background-color: #070;
  opacity: 1;
  /*box-shadow:				0px 0px 2px 0.5px #0F0;*/
}
.UITrainSchedule .vias .train .items .item.departuringItem {
  background-color: yellow;
  color: black;
}
.UITrainSchedule .vias .train .info {
  height: auto;
  /*				background:	black;
  				color:		white;*/
  border-radius: 1px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
}
.UITrainSchedule .vias .train .info.past {
  display: none;
}
.UITrainSchedule .vias .train .info > SPAN.cloneOld, .UITrainSchedule .vias .train .info > SPAN.cloneNew {
  color: white;
  position: absolute;
  top: inherit;
  bottom: inherit;
  left: 0;
  right: 0;
  transition: transform 1s;
  transform: translateY(0px);
}
.UITrainSchedule .vias .train .name {
  position: absolute;
  left: 0;
  right: 0;
  height: fit-content;
  margin: auto;
}
.UITrainSchedule .vias .train.v2 {
  background: #e77320 no-repeat center top 3px/8px;
}
.UITrainSchedule .vias .train.air {
  /*background-image: url(/img/icon/coldDarkBlue.svg);*/
  color: rgb(11, 35, 241);
  color: blue;
}
.UITrainSchedule .vias .train.synced {
  background-color: rgba(0, 255, 0, 0.6);
  background-color: rgba(45, 231, 32, 0.3333333333);
  background-color: rgba(141, 231, 32, 0.6);
  background-color: #d426ec;
  background-color: white;
  transition: opacity 2s, background-color 1s, height 0.5s, top 0.5s, bottom 0.5s;
  display: none;
  z-index: 1;
  color: black;
}
.UITrainSchedule .vias .train.synced.alreadyParsed {
  display: block;
  transition: transform 0.5s, opacity 2s, background-color 1s, height 0.5s, top 0.5s, bottom 0.5s;
}
.UITrainSchedule .vias .train.synced.noStatus {
  color: #ff7878;
}
.UITrainSchedule .vias .train.synced.merged {
  background-color: rgb(0, 255, 0);
  background-color: #2de720;
  background-color: white;
}
.UITrainSchedule .vias .train.stopped, .UITrainSchedule .vias .train.stopped.merged {
  background-image: url(/img/icon/waitBlack.svg);
  /*background-color:	#e72d20;*/
}
.UITrainSchedule .vias .train.reverseWay, .UITrainSchedule .vias .train.reverseWay.synced {
  background-image: url(/img/icon/arrowBottom2White.svg);
  background-color: #666;
  color: white;
  /*background-color:	#e72d20;*/
}
.UITrainSchedule .vias .train.reverseWay.v2, .UITrainSchedule .vias .train.reverseWay.synced.v2 {
  background-image: url(/img/icon/arrowTop2White.svg);
}
.UITrainSchedule .vias .train.finished {
  background-image: url(/img/icon/flagWhite.svg);
  /*box-shadow:			0px 0px 3px black, inset 0px 0px 1px 1px #CCC;*/
}
.UITrainSchedule .vias .train.finished.synced {
  background-image: url(/img/icon/flagWhite.svg);
  background-color: #666;
  color: white;
}
.UITrainSchedule .vias .train .counter {
  display: block;
}
.UITrainSchedule .vias .train.savingItem, .UITrainSchedule .vias .train.savingItem.merged {
  background-color: yellow;
}
.UITrainSchedule .vias .train:after {
  position: absolute;
  width: 55px;
  height: 70px;
  top: 50%;
  content: " ";
  transform: translateY(-50%);
  color: black;
  position: absolute;
  text-align: center;
}
.UITrainSchedule .vias .train.v1:after {
  left: -2px;
}
.UITrainSchedule .vias .train.v2:after {
  right: -2px;
}
.UITrainSchedule .vias .train.i {
  background-color: black;
  box-shadow: inset 0px 0px 1px 0.5px white;
}
.UITrainSchedule .vias .train.i:after {
  color: white;
  content: "" !important;
}
.UITrainSchedule .vias .train.v1 {
  left: 2px;
  bottom: 0px;
  top: unset;
  border-radius: 13px 13px 3px 3px;
}
.UITrainSchedule .vias .train.v1 .items {
  top: 0px;
  left: 14px;
  left: 20px;
}
.UITrainSchedule .vias .train.v1 .items .item {
  padding-left: 13px;
  background-position: left 2px center;
  border-radius: 3px 13px 13px 3px;
}
.UITrainSchedule .vias .train.v1 .items .item.PCDS:not(.willPostItem) {
  background-position: left 3px center;
}
.UITrainSchedule .vias .train.v2 {
  right: 2px;
  border-radius: 3px 3px 13px 13px;
}
.UITrainSchedule .vias .train.v2 .items {
  bottom: 0px;
  left: unset;
  right: 14px;
  right: 20px;
}
.UITrainSchedule .vias .train.v2 .items .item {
  background-position: right 2px center;
  left: unset;
  padding-right: 13px;
  border-radius: 13px 3px 3px 13px;
}
.UITrainSchedule .vias .train.v2 .items .item.PCDS:not(.willPostItem) {
  background-position: right 1px center;
}
.UITrainSchedule .vias.fine .train {
  text-align: center;
  width: 13px;
  width: 18px;
}
.UITrainSchedule .vias.fine .train .info {
  color: white;
  /*background-color: black;*/
  text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}
.UITrainSchedule .vias.fine .train.v1 .name {
  top: 5px;
}
.UITrainSchedule .vias.fine .train.v1 .info {
  left: 19px;
  right: unset;
  top: 0;
}
.UITrainSchedule .vias.fine .train.v2 .name {
  bottom: 5px;
}
.UITrainSchedule .vias.fine .train.v2 .info {
  right: 19px;
  left: unset;
  bottom: 0px;
}
.UITrainSchedule .stations {
  display: grid;
  grid-template-rows: repeat(19, 1fr);
  overflow: auto;
  position: relative;
  border-radius: 5px;
  grid-row-gap: 1px;
}
.UITrainSchedule FORM {
  margin: 0px auto 0px auto;
  background-color: white;
  grid-template-columns: 1fr 144px 1fr;
}
.UITrainSchedule FORM .leftItem, .UITrainSchedule FORM .rightItem {
  /*visibility: hidden;*/
  color: black;
  text-align: center;
}
.UITrainSchedule FORM .leftItem > SPAN {
  display: inline-block;
  background: no-repeat top center/21px;
  width: 55px;
  position: relative;
  text-align: center;
}
.UITrainSchedule FORM .leftItem > SPAN > SPAN {
  font-size: x-small;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.UITrainSchedule FORM .leftItem > SPAN.cal {
  height: 34px;
  background-image: url(/img/icon/calendarBlack.svg);
}
.UITrainSchedule FORM .leftItem > SPAN.play {
  display: none;
  visibility: hidden;
}
.UITrainSchedule FORM .leftItem > SPAN.heights {
  display: none;
}
.UITrainSchedule FORM .leftItem > SPAN.heights > SPAN {
  position: relative;
}
.UITrainSchedule FORM INPUT {
  width: min-content;
  width: 144px;
  border: unset;
  background-color: black;
  color: red;
  font-size: 31px;
  /*grid-column:	1/-1;*/
  margin: auto;
  text-align: center;
  font-family: LCD;
  margin-bottom: 5px;
}
.UITrainSchedule .TrainScheduleInfo {
  color: black;
  font-size: smaller;
  padding: 5px 0px 0px 0px;
  max-height: 34px;
  overflow: scroll;
}
.UITrainSchedule .TrainScheduleInfo LI {
  border-radius: 3px;
  padding: 3px;
}
.UITrainSchedule .TrainScheduleInfo.alerted {
  color: white;
}
.UITrainSchedule .TrainScheduleInfo.alerted LI.alert {
  background: red;
}
.UITrainSchedule .TrainScheduleInfo.alerted .disclaimer {
  display: none;
}
.UITrainSchedule .mainV1, .UITrainSchedule .mainV2 {
  background: linear-gradient(90deg, black 13px, #444 14px, #444 21px, black 22px);
}
.UITrainSchedule .officeLine {
  border-radius: 3px;
  background-color: black;
  transition: transform 0.6s, background 1s, color 1s, height 1s;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 21px;
}
.UITrainSchedule .officeLine:last-child {
  border-bottom: none;
}
.UITrainSchedule .officeLine.selected {
  min-height: 55px;
}
.UITrainSchedule .officeLine .next {
  font-family: droid, jet, monospace;
}
.UITrainSchedule .officeLine .v1, .UITrainSchedule .officeLine .v2 {
  text-align: center;
  left: 0;
  right: 0;
  overflow: scroll;
  margin: 5px 0px;
  white-space: nowrap;
}
.UITrainSchedule .officeLine .v1 .hasLeft, .UITrainSchedule .officeLine .v1 .rem, .UITrainSchedule .officeLine .v2 .hasLeft, .UITrainSchedule .officeLine .v2 .rem {
  /*opacity:		.4;*/
}
.UITrainSchedule .officeLine .v1 .now, .UITrainSchedule .officeLine .v2 .now {
  color: yellow;
}
.UITrainSchedule .officeLine .v1 .now.hasLeft, .UITrainSchedule .officeLine .v2 .now.hasLeft {
  color: red;
}
.UITrainSchedule .officeLine .v1 .next, .UITrainSchedule .officeLine .v2 .next {
  opacity: 0.4;
  display: block;
  font-size: smaller;
}
.UITrainSchedule .officeLine .v1 .current, .UITrainSchedule .officeLine .v2 .current {
  opacity: 1;
}
.UITrainSchedule .officeLine .v1 .current .rem, .UITrainSchedule .officeLine .v2 .current .rem {
  opacity: 1;
}
.UITrainSchedule .officeLine.highlighted {
  background-color: blue;
  background-color: rgb(42, 30, 114) !important;
  color: white;
  /*color:					rgb(231,115,32);*/
  height: 89px;
}
.UITrainSchedule .officeLine .v1 {
  text-align: left;
}
.UITrainSchedule .officeLine .v1 .next {
  margin-left: 42px;
  margin-left: 21px;
}
.UITrainSchedule .officeLine .v2 {
  text-align: right;
}
.UITrainSchedule .officeLine .v2 .next {
  margin-right: 42px;
  margin-right: 21px;
}
.UITrainSchedule .officeLine .office {
  text-align: center;
  align-self: center;
  white-space: nowrap;
}
.UITrainSchedule .officeLine .office .clock {
  color: #0F0;
  display: block;
}
.UITrainSchedule.scheduledView .officeLine {
  /*background-color: orange;*/
  background-color: #493000;
  /*color:				black;*/
}
.UITrainSchedule.scheduledView .vias .train.synced {
  display: none;
}
.UITrainSchedule.realDataView .officeLine {
  /*			background-color: orange;
  			color:				black;*/
}
.UITrainSchedule.realDataView .vias .train:not(.synced) {
  display: none;
  /*opacity:			.2;*/
}
.UITrainSchedule.delayedDataView .stations DIV.vias DIV.train.synced {
  background-color: yellow;
  background-image: url(/img/icon/alertBlack.svg);
}
.UITrainSchedule.highlightedOffice .vias .train.synced {
  /*background-color:	white;*/
}
.UITrainSchedule.highlightedOffice .vias .train.synced.v1 .items {
  top: 14px;
}
.UITrainSchedule.highlightedOffice .vias .train.synced.v2 .items {
  bottom: 14px;
}
.UITrainSchedule.highlightedOffice .vias .train.synced:has(.items .item.h:not(.pastItem)) {
  background-color: #2de720;
}
.UITrainSchedule.highlightedOffice .vias .train.synced:has(.info.past) {
  background-color: #777;
}
.UITrainSchedule.highlightedOffice .vias .train.synced:has(.info.past):not(.merged) {
  background-color: rgba(212, 38, 236, 0.3333333333);
}
.UITrainSchedule.highlightedOffice .vias .train.synced:has(.info.past).v1 .items {
  top: 0;
}
.UITrainSchedule.highlightedOffice .vias .train.synced:has(.info.past).v2 .items {
  bottom: 0;
}

FORM#addTrainSchedule {
  background-color: #EEE;
  grid-template-columns: auto auto 1fr;
}
FORM#addTrainSchedule #addTrainSchedule_ph, FORM#addTrainSchedule #addTrainSchedule_start, FORM#addTrainSchedule #addTrainSchedule_end, FORM#addTrainSchedule #addTrainSchedule_firstTrip, FORM#addTrainSchedule #addTrainSchedule_lastTrip {
  grid-column: 2/-1;
}
FORM#addTrainSchedule .tabbedArea2 {
  grid-column: 1/-1;
}
FORM#addTrainSchedule .tabbedArea2 > DIV.visible {
  display: grid;
  grid-template-columns: auto auto auto auto;
  height: unset;
}
FORM#addTrainSchedule .spacer {
  grid-column: unset;
  margin: unset;
  font-size: 9px;
}
FORM#addTrainSchedule SPAN.stop {
  background: url(/img/icon/stopBlack.svg) no-repeat center center/21px;
  min-width: 21px;
  min-height: 21px;
}

.editTrainTrip .UIColumnCard {
  margin: 21px 8px;
  border-radius: 13px;
}
.editTrainTrip H1 .close {
  display: inline-block;
  float: right;
  background: red;
  color: white;
  border-radius: 5px;
  padding: 13px;
  font-size: 13px;
}
.editTrainTrip DIV.containerTrip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5px, 1fr));
  text-align: center;
  background: #333;
  color: white;
  border-radius: 3px;
  margin-top: 13px;
  padding: 5px 0px;
  font-size: small;
}
.editTrainTrip DIV.containerTrip DIV.s {
  padding-bottom: 21px;
  display: grid;
  align-items: center;
}
.editTrainTrip DIV.containerTrip DIV.s > SPAN {
  writing-mode: tb-rl;
  transform: rotate(-180deg), translateX(0);
  display: grid;
  align-items: center;
}
.editTrainTrip DIV.containerTrip DIV.s.w {
  color: #666;
}
.editTrainTrip DIV.containerTrip DIV.s.c {
  background: url(/img/icon/train2White.svg) no-repeat bottom center/21px;
}
.editTrainTrip DIV.summaryAdvanced DIV.divETA, .editTrainTrip DIV.summary DIV.divETA {
  margin-bottom: 55px;
  background-color: rgba(0, 68, 0, 0.0666666667);
  border-radius: unset;
}
.editTrainTrip DIV.summaryAdvanced P, .editTrainTrip DIV.summary P {
  background: no-repeat left 5px center/21px;
  padding: 8px 5px 8px 34px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  font-size: smaller;
}
.editTrainTrip DIV.summaryAdvanced P.PCDS, .editTrainTrip DIV.summary P.PCDS {
  background-image: url(/img/icon/blindBlack.svg);
}
.editTrainTrip DIV.summaryAdvanced P.PMR, .editTrainTrip DIV.summary P.PMR {
  background-image: url(/img/icon/pmrBlack.svg);
}
.editTrainTrip DIV.summaryAdvanced P.PCDW, .editTrainTrip DIV.summary P.PCDW {
  background-image: url(/img/icon/wheelBlack.svg);
}
.editTrainTrip DIV.summaryAdvanced P.malote, .editTrainTrip DIV.summary P.malote {
  background-image: url(/img/icon/workBlack.svg);
}
.editTrainTrip DIV.summaryAdvanced P > SPAN, .editTrainTrip DIV.summary P > SPAN {
  display: inline-block;
  float: none;
}
.editTrainTrip DIV.summaryAdvanced P.json, .editTrainTrip DIV.summary P.json {
  word-break: break-all;
  padding: 0px;
}
.editTrainTrip DIV.summaryAdvanced P.json > SPAN, .editTrainTrip DIV.summary P.json > SPAN {
  padding: 8px 5px 8px 8px;
}
.editTrainTrip DIV.summaryAdvanced P.tripInfo, .editTrainTrip DIV.summary P.tripInfo {
  font-size: smaller;
}
.editTrainTrip DIV.summaryAdvanced P.eta, .editTrainTrip DIV.summary P.eta {
  background-color: #EFE;
  color: green;
}
.editTrainTrip DIV.summaryAdvanced.summaryAdvanced, .editTrainTrip DIV.summary.summaryAdvanced {
  margin-top: 21px;
}
.editTrainTrip DIV.summaryAdvanced.summaryAdvanced > P:first-child, .editTrainTrip DIV.summary.summaryAdvanced > P:first-child {
  background-image: url(/img/icon/pencil2Black.svg);
}
.editTrainTrip DIV.summaryAdvanced.summary P.stopped, .editTrainTrip DIV.summaryAdvanced.summary P.delayed, .editTrainTrip DIV.summary.summary P.stopped, .editTrainTrip DIV.summary.summary P.delayed {
  background-color: yellow;
}
.editTrainTrip DIV.summaryAdvanced.summary P.stopped, .editTrainTrip DIV.summary.summary P.stopped {
  /*background-color:	red;*/
  background-image: url(/img/icon/waitBlack.svg);
}
.editTrainTrip DIV.summaryAdvanced.summary P.reverseWay, .editTrainTrip DIV.summary.summary P.reverseWay {
  /*background-color:	red;*/
  background-color: #666;
  background-image: url(/img/icon/arrowBottom2White.svg);
  color: white;
}
.editTrainTrip DIV.summaryAdvanced.summary P.delayed, .editTrainTrip DIV.summary.summary P.delayed {
  background-image: url(/img/icon/alertBlack.svg);
}
.editTrainTrip DIV.summaryAdvanced.summary P.finished, .editTrainTrip DIV.summary.summary P.finished {
  background-color: #666;
  background-image: url(/img/icon/flagWhite.svg);
  color: white;
}
.editTrainTrip FORM.addItem .UIFormRadioArea {
  grid-column: 2/4;
}
.editTrainTrip FORM.addItem .UIFormRadioArea.selectStation {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(41px, 1fr));
}
.editTrainTrip FORM.addItem .UIFormRadioArea INPUT[type=radio]:not(:checked) + LABEL {
  background-color: #E5E5E5;
  color: #999;
}
.editTrainTrip FORM.addItem .UIFormRadioArea INPUT[type=radio]:disabled + LABEL {
  background-color: #FFF;
  color: #CCC;
}
.editTrainTrip FORM.addItem .UIFormRadioArea LABEL {
  padding: 13px 8px 3px 8px;
  min-width: 41px;
  box-sizing: border-box;
}
.editTrainTrip FORM.addItem .UIFormRadioArea LABEL > SPAN {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 9px;
  top: 2px;
}
.editTrainTrip .trainItems {
  border-spacing: 0px 1px;
  width: 100%;
}
.editTrainTrip .trainItems TR {
  background-color: #F9F9F9;
  width: 100%;
}
.editTrainTrip .trainItems TR:not(.s9):not(.past) TD.departureT {
  background-color: #DFD;
  font-weight: bold;
}
.editTrainTrip .trainItems TR:not(.s9):not(.past) TD.departureT SPAN.taS {
  color: green;
}
.editTrainTrip .trainItems TR TD {
  background-color: transparent;
  background-image: none;
  padding: 8px 3px;
}
.editTrainTrip .trainItems TR TD.departureT {
  text-align: center;
}
.editTrainTrip .trainItems TR TD.creator, .editTrainTrip .trainItems TR TD.revoker {
  color: #BBB;
  font-size: smaller;
}
.editTrainTrip .trainItems TR TD:first-child {
  background: no-repeat center left 5px/21px;
  width: 34px;
  padding: 0px;
}
.editTrainTrip .trainItems TR TD:nth-child(2) {
  text-align: left;
}
.editTrainTrip .trainItems TR TD:last-child {
  padding-left: 8px;
}
.editTrainTrip .trainItems TR.PCDS TD:first-child {
  background-image: url(/img/icon/blindBlack.svg);
}
.editTrainTrip .trainItems TR.PMR TD:first-child {
  background-image: url(/img/icon/pmrBlack.svg);
}
.editTrainTrip .trainItems TR.PCDW TD:first-child {
  background-image: url(/img/icon/wheelBlack.svg);
}
.editTrainTrip .trainItems TR.malote TD:first-child {
  background-image: url(/img/icon/workBlack.svg);
}
.editTrainTrip .trainItems TR.s9 {
  /*			>SPAN:first-child{*/
  text-decoration: line-through;
  /*}*/
}
.editTrainTrip .trainItems TR.separator {
  background: unset;
}
.editTrainTrip .trainItems TR.separator TD {
  padding-top: 21px;
  text-align: center;
  font-size: small;
}
.editTrainTrip .trainItems TR.past TD.departureT {
  background-color: unset;
  color: unset;
  font-weight: unset;
}

.UIReportView DIV.grided > DIV:nth-child(2) {
  background-color: #DDD;
}
.UIReportView DIV.grided DIV.controls {
  padding-bottom: unset !important;
}
.UIReportView DIV.grided DIV.controls UL {
  padding-bottom: max(env(safe-area-inset-bottom), 13px) !important;
}
.UIReportView DIV.grided DIV.controls UL LI {
  padding: 21px 8px 8px 8px;
}
.UIReportView DIV.grided DIV.controls UL LI.selected {
  background: white;
  color: black;
  border-radius: 0px 0px 3px 3px;
}

.UIReportList LI {
  margin-bottom: 34px;
}
.UIReportList LI > SPAN {
  color: black;
}
.UIReportList LI DIV {
  /*display:				block;*/
}
.UIReportList LI DIV.d {
  /*font-size:			smaller;*/
  color: #999;
}

.UIEventsList LI {
  display: list-item;
}
.UIEventsList LI > SPAN.ev {
  padding-top: 8px;
  padding-bottom: 8px;
}
.UIEventsList LI SPAN.ev .d {
  font-size: small;
  color: #AAA;
}
.UIEventsList LI.jit SPAN.buttons, .UIEventsList LI.late SPAN.buttons {
  margin-right: 0px;
  display: grid;
  grid-template-columns: auto auto;
}
.UIEventsList LI.jit SPAN.buttons .finishBT, .UIEventsList LI.jit SPAN.buttons .postponeBT, .UIEventsList LI.late SPAN.buttons .finishBT, .UIEventsList LI.late SPAN.buttons .postponeBT {
  /*display:		inline-block;*/
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.UIEventsList LI.jit SPAN.buttons .finishBT, .UIEventsList LI.late SPAN.buttons .finishBT {
  padding-left: 3px;
  padding-right: 19px;
  background: url(/img/icon/yes2White.svg) no-repeat right 3px center/13px;
}
.UIEventsList LI.jit SPAN.buttons .postponeBT, .UIEventsList LI.late SPAN.buttons .postponeBT {
  margin-right: 5px;
  padding-right: 3px;
  padding-left: 19px;
  background: url(/img/icon/arrowLeftWhite.svg) no-repeat left 3px center/13px;
}
.UIEventsList LI.late:not(.separator):not(.cu) {
  background-color: rgba(255, 0, 0, 0.4666666667);
}
.UIEventsList LI.completed {
  background-image: url("/img/icon/yesWhite.svg");
}
.UIEventsList LI.completed .buttons {
  display: none;
}

.UIEventsView FORM {
  padding: 21px 13px;
  /*		BUTTON{
  			display:					none;
  		}*/
}
.UIEventsView FORM BUTTON, .UIEventsView FORM .UIFormRadioArea, .UIEventsView FORM ._hidden, .UIEventsView FORM BUTTON.anr:disabled {
  opacity: 0;
  transition: opacity 1s;
}
.UIEventsView FORM .removeDate {
  background: black;
  color: white;
  border-radius: 3px;
  padding: 3px;
}
.UIEventsView .UIEventsList LI SPAN.t {
  margin-right: 5px;
  /*opacity:			.5;*/
  font-size: small;
}
.UIEventsView .UIEventsList LI.recent::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  right: 5px;
  left: auto;
  background: #bd8fe9;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  top: 5px;
}
.UIEventsView .UIEventsList LI:not(.separator) {
  background: black no-repeat left 5px center/21px;
  cursor: pointer;
  color: white;
  border-radius: 3px;
  margin: 0px 0px 1px;
  padding: 8px 5px 8px 31px;
}
@media (hover: hover) {
  .UIEventsView .UIEventsList LI:not(.separator):hover {
    background-color: blueviolet;
  }
}
.UIEventsView .UIEventsList LI:not(.separator).new {
  background-color: #00bcd4;
}
.UIEventsView .UIEventsList LI:not(.separator).last-child {
  margin-bottom: unset;
}
.UIEventsView .UIEventsList LI.completed {
  background-color: #CCC;
}
.UIEventsView .UIEventsList LI.separator SPAN {
  color: #555;
  margin-left: 8px;
  background-color: #EEE;
  border-radius: 5px;
  padding: 0px 8px;
  display: inline-block;
  font-size: small;
  vertical-align: middle;
}

FORM.UIForm.UIEventForm DIV.saveButtons {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: auto;
}
FORM.UIForm.UIEventForm BUTTON.saveDone {
  display: none;
}

.UIEventsView.creating FORM BUTTON, .UIEventsView.creating FORM .UIFormRadioArea, .UIEventsView.creating FORM ._hidden {
  opacity: 1;
  /*display:					block;*/
}
.UIEventsView.creating FORM.pastDate DIV.saveButtons {
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
}
.UIEventsView.creating FORM.pastDate DIV.saveButtons BUTTON {
  grid-column: unset;
}
.UIEventsView.creating FORM.pastDate BUTTON.saveDone {
  display: unset;
}

#eventOpen {
  background: transparent;
}
#eventOpen DIV.UIColumn {
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.6);
  border-radius: 21px;
}

#Comments, .UIFormWithComments {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 8px;
}
#Comments.concept, .UIFormWithComments.concept {
  grid-template-rows: auto 1fr auto auto !important;
  overflow: visible !important;
}
#Comments.concept INPUT, .UIFormWithComments.concept INPUT {
  border: unset;
  background-color: #F3F3F3;
}
#Comments.concept input[type=checkbox].switch:checked:before, .UIFormWithComments.concept input[type=checkbox].switch:checked:before {
  background-color: #EFE;
}
#Comments.concept DIV.file, .UIFormWithComments.concept DIV.file {
  background-size: cover;
  margin: -13px;
  margin-top: -13px;
  background-position: center;
  margin-bottom: 13px;
  width: unset !important;
  transition: background-color 0.8s, opacity 0.8s;
}
#Comments.concept DIV.file DIV.metadata, .UIFormWithComments.concept DIV.file DIV.metadata {
  display: none;
}
#Comments.concept DIV.file.loadingFile, .UIFormWithComments.concept DIV.file.loadingFile {
  background: rgba(0, 0, 0, 0.6666666667) url(/img/icon/loading.gif) no-repeat center center/55px;
}
#Comments DIV.headerPicture DIV.image, .UIFormWithComments DIV.headerPicture DIV.image {
  opacity: 0;
  transition: opacity 0.8s;
}
#Comments DIV.headerPicture DIV.image.loaded, .UIFormWithComments DIV.headerPicture DIV.image.loaded {
  opacity: 1;
}
#Comments DIV.header, .UIFormWithComments DIV.header {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 8px;
  overflow: visible !important;
  padding: 0px !important;
}
#Comments.grided, .UIFormWithComments.grided {
  max-height: 80vh;
  box-sizing: border-box;
  /*height:				calc(100vh - var(--st) - var(--sb) - 52px);*/
  max-height: calc(100vh - var(--st) - var(--sb) - 52px) !important;
  margin-top: 0px;
}
#Comments.grided DIV.footer, .UIFormWithComments.grided DIV.footer {
  min-height: 89px;
}
#Comments DIV.middleContainer:not(.fakeA):not(.fakeB), .UIFormWithComments DIV.middleContainer:not(.fakeA):not(.fakeB) {
  padding: 0px 0px 0px 0px;
  overflow: scroll;
  height: 100%;
  align-content: end;
}
#Comments DIV.footer:not(.fakeA):not(.fakeB):not(.fakeC), .UIFormWithComments DIV.footer:not(.fakeA):not(.fakeB):not(.fakeC) {
  background-color: unset !important;
  padding-bottom: 0px !important;
  color: black;
}
#Comments INPUT.left, .UIFormWithComments INPUT.left {
  grid-column: 1/2;
}
#Comments INPUT.right, .UIFormWithComments INPUT.right {
  grid-column: 2/3;
  min-width: 34px;
}
#Comments DIV.titleArea, .UIFormWithComments DIV.titleArea {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 8px;
}
#Comments DIV.titleArea DIV.closeIcon, #Comments DIV.titleArea DIV.titleIcon, .UIFormWithComments DIV.titleArea DIV.closeIcon, .UIFormWithComments DIV.titleArea DIV.titleIcon {
  width: 34px;
  height: 34px;
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: center center;
  /*transition:		background-image 1s;*/
}
#Comments DIV.titleArea DIV.closeIcon, .UIFormWithComments DIV.titleArea DIV.closeIcon {
  right: -5px;
  background-image: url(/img/icon/closeRoundBlack.svg);
  align-content: center;
  text-align: center;
  font-size: 34px;
}
#Comments #editLocalEvent_iconArea, .UIFormWithComments #editLocalEvent_iconArea {
  overflow: hidden;
  pointer-events: none;
}
#Comments #editLocalEvent_iconArea.uncollapsed, .UIFormWithComments #editLocalEvent_iconArea.uncollapsed {
  pointer-events: auto;
}
#Comments DIV.Comments, .UIFormWithComments DIV.Comments {
  height: 100%;
  min-height: 165px;
  align-content: end;
  position: relative;
}
#Comments DIV.Comments, #Comments DIV.UIEventControls, #Comments DIV.titleArea, .UIFormWithComments DIV.Comments, .UIFormWithComments DIV.UIEventControls, .UIFormWithComments DIV.titleArea {
  grid-column: 1/-1;
}
#Comments DIV.UIEventControls, .UIFormWithComments DIV.UIEventControls {
  grid-template-columns: auto 1fr;
  grid-gap: 8px;
}
#Comments DIV.UIEventControls > *, .UIFormWithComments DIV.UIEventControls > * {
  grid-column: auto;
}
#Comments DIV.finished, #Comments DIV.UIEventControls, .UIFormWithComments DIV.finished, .UIFormWithComments DIV.UIEventControls {
  display: grid;
  align-items: center;
}
#Comments DIV.inTime, #Comments DIV.postpone, .UIFormWithComments DIV.inTime, .UIFormWithComments DIV.postpone {
  height: 34px;
  align-content: center;
}
#Comments DIV.finished, #Comments DIV.postpone, .UIFormWithComments DIV.finished, .UIFormWithComments DIV.postpone {
  border-radius: 3px;
}
#Comments DIV.postpone, .UIFormWithComments DIV.postpone {
  background-color: #EEE;
  padding-left: 21px;
  padding-right: 3px;
  background: #EEE url(/img/icon/arrowLeftBlack.svg) no-repeat left 3px center/13px;
  cursor: pointer;
}
#Comments DIV.finished, .UIFormWithComments DIV.finished {
  /*padding:				2px;*/
  grid-template-columns: auto 1fr;
  background-color: #FDF;
}
#Comments DIV.finished:has(INPUT[type=checkbox]:checked), .UIFormWithComments DIV.finished:has(INPUT[type=checkbox]:checked) {
  background-color: unset;
}
#Comments .title, .UIFormWithComments .title {
  font-size: larger;
  font-weight: bolder;
}
#Comments .UIFormLine.commentArea, .UIFormWithComments .UIFormLine.commentArea {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 5px;
  grid-column: 1/-1;
}
#Comments .UIFormLine.commentArea INPUT[type=submit], .UIFormWithComments .UIFormLine.commentArea INPUT[type=submit] {
  grid-column: unset;
  width: 55px;
  background: green no-repeat center center/34px;
  background-image: url(/img/icon/personTalkingMaleWhite.svg);
  margin: 0px;
  border: none;
}
#Comments .UIFormLine.commentArea TEXTAREA, .UIFormWithComments .UIFormLine.commentArea TEXTAREA {
  min-width: unset;
}
#Comments .UIFormLine.commentArea DIV.attach, #Comments .UIFormLine.commentArea DIV.saveCom, .UIFormWithComments .UIFormLine.commentArea DIV.attach, .UIFormWithComments .UIFormLine.commentArea DIV.saveCom {
  width: 34px;
  height: 34px;
  text-align: center;
  align-content: center;
  position: relative;
  pointer: cursor;
}
#Comments .UIFormLine.commentArea DIV.saveCom, .UIFormWithComments .UIFormLine.commentArea DIV.saveCom {
  background-color: #DFD;
  border-radius: 13px;
  margin-left: 5px;
  height: 100%;
}
#Comments .UIFormLine.commentArea DIV.attach, .UIFormWithComments .UIFormLine.commentArea DIV.attach {
  background: url(/img/icon/clipBlack.svg) no-repeat center center/34px;
}
#Comments .UIFormLine.commentArea:has(DIV.attach), .UIFormWithComments .UIFormLine.commentArea:has(DIV.attach) {
  grid-template-columns: auto 1fr auto;
}
#Comments .UIFormLine.commentArea .dateEndInfoWrapper DIV.evtInfo, .UIFormWithComments .UIFormLine.commentArea .dateEndInfoWrapper DIV.evtInfo {
  width: 34px;
  background: url(/img/icon/infoBlack.svg) center center/21px no-repeat;
  margin-left: 10px;
  margin-top: 13px;
}

FORM.editingNote .UIList.Conversation:has(LI.highlighted) LI:not(.highlighted) {
  filter: brightness(0.7);
}
FORM.editingNote DIV.saveCom {
  color: transparent;
}
FORM.editingNote DIV.saveCom::after {
  content: "";
  background: url(/img/icon/updateBlack.svg) no-repeat center center/21px;
  border-radius: 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UIList.Conversation {
  max-height: 100%;
  overflow: scroll;
  display: flex;
  flex-direction: column-reverse;
  flex-direction: column;
}
.UIList.Conversation:has(LI.highlighted) > LI:not(.highlighted) {
  filter: blur(1px) saturate(0);
}
.UIList.Conversation:has(LI.highlighted) > LI.highlighted {
  background-color: #00F;
}
.UIList.Conversation:has(LI.highlighted) > LI {
  opacity: 1;
}
.UIList.Conversation.hideCompleted LI.finished {
  height: 3px;
  min-height: unset;
  overflow: hidden;
  padding: 0px;
  color: transparent;
}
.UIList.Conversation > LI {
  flex-shrink: 0;
  clear: both;
  border-radius: 13px;
  border-radius: 3px;
  /*box-shadow:				0px 0px 13px #999;*/
  margin: 1px 0px 0px 0px;
  padding: 8px;
  overflow: visible;
  background: no-repeat left bottom/34px, no-repeat left -10px bottom 65px/34px;
  background-color: #FEF;
  background-color: #AAF;
  color: white;
  padding-left: 34px;
  min-height: 34px;
  line-height: 1.2em;
}
.UIList.Conversation > LI:has(DIV.file) {
  background-color: rgba(170, 170, 255, 0.2666666667);
}
.UIList.Conversation > LI > DIV.file {
  margin: auto;
  max-width: 100%;
  width: 100%;
  text-align: center;
}
.UIList.Conversation > LI > DIV.file.filePDF {
  background-color: white;
}
.UIList.Conversation > LI > DIV.file DIV.metadata {
  display: none;
}
.UIList.Conversation > LI > DIV.file.loadingFile {
  background: rgba(0, 0, 0, 0.6666666667) url(/img/icon/loading.gif) no-repeat center center/55px;
  border-radius: 8px;
}
.UIList.Conversation > LI > DIV.file.loadingFile.filePDF {
  min-height: 89px;
}
.UIList.Conversation > LI VIDEO {
  margin: auto;
  max-width: 100%;
}
.UIList.Conversation > LI DIV.UIPopOver UL LI.comment {
  background: #333 url(/img/icon/close3White.svg) no-repeat right 5px center/21px;
  color: white;
}
.UIList.Conversation > LI DIV.UIPopOver UL LI.typeb {
  white-space: nowrap;
}
.UIList.Conversation > LI A {
  background: unset;
  padding: unset;
  text-align: inherit;
  margin: unset;
  color: blue;
  word-break: break-all;
}
.UIList.Conversation > LI A:hover {
  box-shadow: unset;
}
.UIList.Conversation > LI:first-child {
  margin-top: unset;
}
.UIList.Conversation > LI P {
  font-size: smaller;
  display: inline;
  color: #777;
}
.UIList.Conversation > LI.s {
  background-color: #AAF;
  text-align: right;
  color: white;
  float: right;
}
.UIList.Conversation > LI.notSaved.o {
  opacity: 0.3;
  background-image: url(/img/icon/loading.gif) !important;
  background-size: 23px;
  background-position: center left 5px;
}
.UIList.Conversation > LI.finished {
  opacity: 0.3;
}
.UIList.Conversation > LI.encrypted::after {
  position: absolute;
  right: 5px;
  top: 5px;
  content: "🔒";
}
.UIList.Conversation > LI.hasPhone::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: url(/img/icon/callBlack.svg) no-repeat center right 8px/21px;
}
.UIList.Conversation > LI.hasAddress::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: url(/img/icon/carBlack.svg) no-repeat center right 8px/21px;
}
.UIList.Conversation > LI.hasLink::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: url(/img/icon/shareBlack.svg) no-repeat center right 8px/21px;
}
.UIList.Conversation > LI.hasYT::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: url(/img/icon/youtube.svg) no-repeat center right 8px/21px;
}
.UIList.Conversation > LI.senderNew {
  background-color: black;
}
.UIList.Conversation > LI.d {
  background: black;
  color: white;
  font-size: large;
  text-align: center;
}
.UIList.Conversation > LI.i {
  background-color: red;
}
.UIList.Conversation > LI IMG {
  max-width: 100%;
}

.CommunicationView H1, .CommunicationView H2 {
  text-align: center;
  margin-block-end: 21px;
}
.CommunicationView .UIMainLayer {
  background-color: #CCC;
}
.CommunicationView .UIMainLayer .ConversationSelector {
  color: white;
  background-color: black;
}
.CommunicationView .UIMainLayer .ConversationSelector .UIList LI {
  background: #444;
  padding: 13px;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI {
  clear: both;
  border-radius: 13px;
  /*box-shadow:				0px 0px 13px #999;*/
  margin: 1px 8px;
  padding: 8px;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI P {
  font-size: smaller;
  display: inline;
  color: #777;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI.s {
  background-color: #AAF;
  text-align: right;
  color: white;
  float: right;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI.o {
  background: url("/i/u/vicky.jpg") no-repeat left center/55px;
  background-color: #FEF;
  padding-left: 55px;
  min-height: 55px;
  color: black;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI.d {
  background: black;
  color: white;
  font-size: large;
  text-align: center;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI.i {
  background-color: red;
}
.CommunicationView .UIMainLayer .ConversationList .UIList LI IMG {
  max-width: 100%;
}
.CommunicationView .UIMainLayer .ConversationList .UIList:not(.Conversation) LI {
  background: radial-gradient(circle at center left, rgba(0, 0, 0, 0.6666666667) 21%, rgba(0, 0, 0, 0.2)), url(/img/bg11.jpg) no-repeat center center/cover;
  background-size: cover, cover;
  background-position: center, center center;
  background-repeat: no-repeat, no-repeat;
  color: white;
  text-shadow: 1px 1px 1px black;
  border-radius: 13px;
  box-shadow: 0px 0px 13px #999;
  margin: 13px 8px;
  padding: 21px;
}
.CommunicationView .UIMainLayer .ConversationList .UIList:not(.Conversation) LI A > SPAN:first-child {
  padding: 5px 5px 5px 21px;
}
.CommunicationView .UIMainLayer .ConversationList .UIList:not(.Conversation) LI P {
  font-size: small;
  display: inline-block;
  color: #AAA;
  padding-left: 5px;
}
.CommunicationView .UIMainLayer .ConversationOpened > DIV > DIV {
  box-shadow: 0px 0px 13px #BBB;
  margin: 0px 21px 0px 21px;
}
.CommunicationView .UIMainLayer .ConversationOpened > DIV > DIV:first-child {
  margin-top: 21px;
  margin-bottom: 34px;
}
.CommunicationView .UIMainLayer .ConversationOpened > DIV > DIV:last-child {
  margin-bottom: 21px;
}
.CommunicationView .UIMainLayer .ConversationOpened > DIV > DIV > DIV {
  background: white;
  padding: 13px 34px;
  margin: 1px 0px 0px 0px;
}
.CommunicationView .UIMainLayer .ConversationOpened > DIV > DIV > DIV FORM.actions {
  grid-template-columns: 1fr auto;
}
.CommunicationView .UIMainLayer .ConversationOpened .sender {
  margin-top: 21px;
  text-align: right;
}

.CommunicationView {
  /*	.UIFullBox{
  		background-color:			#FFFD;
  	}*/
}
.CommunicationView .UIColumn {
  background-color: rgba(255, 255, 255, 0.3333333333);
}

.tabbedArea > DIV:not(.tabSelector) {
  background-color: white;
  padding: 13px;
}

.tabbedMsg .tabbedArea .tabbedMsg {
  display: block;
}

.tabbedTask .tabbedArea .tabbedTask {
  display: block;
}

#boardTimeSheetLayer .UITip {
  max-width: 611px;
}
#boardTimeSheetLayer .UITip P {
  padding: 8px;
}
#boardTimeSheetLayer .UITip INPUT[type=submit] {
  grid-column: auto;
}
#boardTimeSheetLayer .UITip .noInput {
  grid-column: 1/3;
}

#BoardTimeSheetPCForm {
  grid-template-columns: auto auto auto;
}

.UIEntryList LI.warn {
  background: red;
  color: white;
}

.UIMoveList .ex9 {
  text-decoration: line-through;
  background: yellow;
}

.UserStatsView TABLE {
  text-align: center;
}
.UserStatsView TABLE TH {
  max-width: 55px;
  overflow: hidden;
}
.UserStatsView TABLE TR TD:first-child {
  text-align: left;
}
.UserStatsView TABLE TR TD {
  background: #F6F6F6;
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
}

.UIBoardEntries {
  max-width: unset;
}
.UIBoardEntries .UIActiveUsersList TR {
  overflow: scroll;
}
.UIBoardEntries .UIActiveUsersList TR TD {
  white-space: nowrap;
}
.UIBoardEntries .UIActiveUsersList TR TD.moves SPAN {
  padding: 0px 5px;
  width: auto;
  background-color: #009;
  color: white;
  text-align: center;
  border-radius: 5px;
}
.UIBoardEntries .UIActiveUsersList TR TD.ago {
  width: 70px;
}
.UIBoardEntries .UIActiveUsersList TR TD.ago > SPAN {
  max-width: 70px;
}
.UIBoardEntries .UIActiveUsersList TR TD > SPAN {
  overflow: scroll;
  white-space: nowrap;
  display: block;
}
.UIBoardEntries .UIActiveUsersList TR TD > SPAN.om {
  display: inline-block;
  background-color: black;
  color: white;
  width: 13px;
  text-align: center;
  border-radius: 8px;
  min-height: 1px;
}
@media (min-width: 1001px) {
  .UIBoardEntries.layer_abc:not(.ViewExtraDayBank) {
    --col1:	233px;
    --col2:	610px;
    --col3:	calc(100% - var(--col1) - var(--col2));
    --colSum:	calc(--col1 + --col2 + --col3);
  }
  .UIBoardEntries.layer_abc:not(.ViewExtraDayBank) > .UIColumn:nth-child(1) {
    width: var(--col1);
  }
  .UIBoardEntries.layer_abc:not(.ViewExtraDayBank) > .UIColumn:nth-child(2) {
    width: var(--col2);
  }
  .UIBoardEntries.layer_abc:not(.ViewExtraDayBank) > .UIColumn:nth-child(3) {
    width: var(--col3);
  }
  .UIBoardEntries.layer_abc:not(.ViewExtraDayBank) {
    width: var(--colSum);
  }
}
.UIBoardEntries .UIColumn:first-child {
  max-width: 432px;
}
.UIBoardEntries .UIColumn:nth-child(2) {
  max-width: 610px;
}
.UIBoardEntries .UIList.vertical LI A {
  background-color: rgba(68, 179, 158, 0.1);
}
.UIBoardEntries .VacationsColumn > ._barB {
  display: none;
}
.UIBoardEntries .UIVacationsBody {
  display: grid;
  grid-template-rows: auto auto 1fr;
  max-height: 100%;
}
.UIBoardEntries .UIVacationsBody .UIVacationsContainer {
  overflow: auto;
}
.UIBoardEntries .UIVacationsBody .UIVacationsContainer UL LI {
  background-color: #EEE;
  margin-bottom: 1px;
}
.UIBoardEntries .UIVacationsBody .UIVacationsContainer UL LI:first-child {
  margin-top: 1px;
}
.UIBoardEntries .whiter:not(.UIExchangeDayOffList):not(.UIExtraDayOffList) {
  background: white;
}
.UIBoardEntries .whiter:not(.UIExchangeDayOffList):not(.UIExtraDayOffList) H2 {
  text-align: center;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.UIBoardEntries #UIEntryListAlert {
  background: red;
  margin: auto;
  padding: 5px;
  color: white;
}
.UIBoardEntries #UIEntryListAlert.noInfo {
  background-color: unset;
  color: transparent;
}
.UIBoardEntries #UIEntryListAlert.searching {
  background-color: unset;
  color: black;
}
.UIBoardEntries .UIVacationStatuses {
  display: grid;
  grid-template-columns: 55px 1fr 55px;
}
.UIBoardEntries .UIVacationStatuses #vacationSize, .UIBoardEntries .UIVacationStatuses #UISaveStatus.saving {
  border-radius: 8px;
  background-color: #AA4;
  margin: auto;
  padding: 5px;
  color: white;
  visibility: visible;
}
.UIBoardEntries .UIVacationStatuses #UISaveStatus {
  background-color: red !important;
  visibility: hidden;
}
.UIBoardEntries .UIVacationStatuses #UIEntryListStatus {
  border-radius: 8px;
  background-color: #EEE;
  margin: auto;
  padding: 5px;
  color: white;
}
.UIBoardEntries .UIAnnotationList {
  display: grid;
  grid-template-columns: 34px 1fr;
  cursor: pointer;
}
.UIBoardEntries .UIAnnotationList .BoarAnnotationsHideLists {
  grid-column: 1/-1;
  padding: 8px;
}
.UIBoardEntries .UIAnnotationList .entry.batch, .UIBoardEntries .UIAnnotationList .entry .inlineBatch {
  transition: opacity 1s;
  transform: translateZ(0);
  will-change: transform;
  opacity: 1;
  overflow: hidden;
  height: auto;
  /*border:				none;*/
}
.UIBoardEntries .UIAnnotationList .entry P {
  padding: 0px;
}
.UIBoardEntries .UIAnnotationList .entry P.unCollapser {
  /*text-align:		right;*/
}
.UIBoardEntries .UIAnnotationList > DIV {
  grid-column: 2/3;
  border-left: 1px solid;
  padding: 0px 5px;
  margin: 8px 0px 0px 0px;
  display: block;
}
@media (hover: hover) {
  .UIBoardEntries .UIAnnotationList > DIV:hover {
    background: #EEE;
  }
}
.UIBoardEntries .UIAnnotationList > DIV.annotationSpacer {
  grid-column: 1/-1;
  height: 21px;
  border: unset;
}
.UIBoardEntries .UIAnnotationList > DIV.noAnnotation {
  transition: height 1s, margin 1s, opacity 1s;
  opacity: 1;
  transform: translateZ(0);
  will-change: transform;
}
.UIBoardEntries .UIAnnotationList > DIV.d {
  transition: height 1s, margin 1s, opacity 1s;
  opacity: 1;
  transform: translateZ(0);
  will-change: transform;
  text-align: center;
  grid-column: 1/2;
  font-size: 21px;
  border: none;
  overflow: hidden;
}
.UIBoardEntries .UIAnnotationList > DIV.d SPAN {
  display: block;
  font-size: 13px;
  font-variant: all-petite-caps;
}
.UIBoardEntries .UIAnnotationList > DIV.d.h {
  color: red;
}
.UIBoardEntries .UIAnnotationList > DIV .collapsed {
  overflow: hidden;
  padding: 0px;
}
.UIBoardEntries .UIAnnotationList > DIV .UIList.horizontal {
  text-align: left;
  font-size: 0px;
  margin-top: 8px;
}
.UIBoardEntries .UIAnnotationList > DIV .UIList.horizontal LI {
  display: inline-block;
  padding: 4px;
  margin: 1px;
  background-color: #444;
  color: white;
  font-size: initial;
  white-space: nowrap;
}
.UIBoardEntries .UIAnnotationList > DIV .UIList.horizontal.inlineBatch {
  transition: height 1s;
  margin: 0px;
  padding: 0px;
}
.UIBoardEntries .UIAnnotationList > DIV .UIList.horizontal.inlineBatch LI {
  padding: 0px;
}
.UIBoardEntries .UIAnnotationList.noLists {
  transform: translateZ(0);
  will-change: transform;
}
.UIBoardEntries .UIAnnotationList.noLists .batch, .UIBoardEntries .UIAnnotationList.noLists .inlineBatch, .UIBoardEntries .UIAnnotationList.noLists .noAnnotation {
  opacity: 0;
}
.UIBoardEntries .UIAnnotationList.noLists .noAnnotation {
  opacity: 0;
  height: 0px;
  margin: 0px;
}

.chart {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11px, 1fr));
  align-items: baseline;
  background-color: #444;
  border-radius: 8px;
  color: white;
  padding: 8px 5px;
  margin: 0px 8px 21px 8px;
}
.chart .chartBar {
  display: grid;
  align-items: baseline;
  height: 100%;
  grid-template-rows: 1fr auto auto auto;
  justify-content: center;
}
.chart .chartBar DIV {
  text-align: center;
}
.chart .chartBar .axis {
  height: 18px;
  font-size: 8px;
  writing-mode: vertical-lr;
}
.chart .chartBar .column {
  background: white;
  width: 5px;
  margin: 1px auto;
}
.chart .chartBar .top {
  height: 16px;
  font-size: 8px;
}
.chart .chartBar .top P {
  color: #F99;
}

.UIEntryList.UILeaveList LI {
  grid-template-columns: 110px 34px 1fr auto;
}
.UIEntryList.UILeaveList LI SPAN:nth-child(2) {
  text-align: center;
}
.UIEntryList.UILeaveList LI.partial .m {
  background-color: #DDD;
}
.UIEntryList.UILeaveList.selectedDate LI:not(.selected) {
  display: none;
}
.UIEntryList.UILeaveList.selectedDate LI:not(.INSS):not(.maternidade):not(.sindical) {
  background-color: #eed1df;
}
.UIEntryList .UIExchangesList LI {
  margin-bottom: 1px;
}
.UIEntryList .UIExchangesList LI:last-child {
  margin-bottom: unset;
}
.UIEntryList .UIExchangesList LI.ex2 {
  background-color: #AFA;
}
.UIEntryList .UIExchangesList LI.ex0 {
  background-color: #FFB;
}
.UIEntryList.UIBugList LI {
  grid-template-columns: 89px 1fr 89px;
}
.UIEntryList.UITimeShiftList LI.entry {
  grid-template-columns: 89px 1fr 89px;
}
.UIEntryList.UIExtraordinaryList LI {
  grid-template-columns: 110px 1fr 89px 124px;
}
.UIEntryList.UIVacationList {
  /*		SPAN:nth-child(2){
  			text-align:				center;
  		}*/
}
.UIEntryList.UIVacationList .vacationFix {
  background-color: red !important;
  color: white;
  border-radius: 100%;
  padding: 5px !important;
}
.UIEntryList.UIVacationList .vacationFix:hover {
  background-color: white !important;
  color: red;
}
.UIEntryList.UIVacationList LI {
  grid-template-columns: 110px 1fr 21px auto;
  min-height: 35px;
}
.UIEntryList.UIVacationList LI DIV.allowDenyVac {
  display: inline-block;
}
.UIEntryList.UIVacationList LI DIV.allowDenyVac SPAN {
  display: inline-block;
  margin: 0px 13px 0px 8px;
  padding: 0px;
  min-width: 21px;
  background-position: center;
}
.UIEntryList.UIVacationList LI.recent :after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  right: 5px;
  left: auto;
  background: #0f0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  top: 5px;
}
.UIEntryList.UIOtherList LI {
  grid-template-columns: 110px 1fr auto;
}
.UIEntryList .inactive {
  text-decoration: line-through;
}
.UIEntryList .inactive > SPAN {
  opacity: 0.3;
}
.UIEntryList .inactive SPAN {
  text-decoration: inherit;
}
.UIEntryList LI {
  display: grid;
  cursor: pointer;
  align-items: center;
  padding: 5px;
}
.UIEntryList LI A {
  padding: initial;
  background: inherit !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (hover: hover) {
  .UIEntryList LI A:hover {
    color: inherit;
    background-color: black;
  }
}
.UIEntryList LI.t {
  text-align: center;
  background: unset !important;
  font-family: segoe;
}
@media (hover: hover) {
  .UIEntryList LI.t:hover {
    color: inherit;
    cursor: default;
  }
}
.UIEntryList LI .entry-ShH, .UIEntryList LI .entry-E, .UIEntryList LI .entry-L, .UIEntryList LI .entry-Mi, .UIEntryList LI .entry-Di, .UIEntryList LI .entry-ExD, .UIEntryList LI .entry-ExW, .UIEntryList LI .entry-Ot {
  position: relative;
  border-radius: 3px;
  margin: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}
.UIEntryList LI .entry-ShH::after, .UIEntryList LI .entry-E::after, .UIEntryList LI .entry-L::after, .UIEntryList LI .entry-Mi::after, .UIEntryList LI .entry-Di::after, .UIEntryList LI .entry-ExD::after, .UIEntryList LI .entry-ExW::after, .UIEntryList LI .entry-Ot::after {
  position: absolute;
  top: 0;
  color: white;
  bottom: 0;
  margin: auto;
  text-align: center;
  left: 0;
  right: 0;
  font-weight: 900;
  height: fit-content;
}
.UIEntryList LI .entry-ShH {
  background-image: url(/img/icon/busBlack.svg);
  /*background-image:		url(/img/icon/exitBlack2.svg);*/
}
.UIEntryList LI .entry-ShH::after {
  font-size: 10px;
  content: "";
}
.UIEntryList LI .entry-E {
  background: black;
}
.UIEntryList LI .entry-E::after {
  font-size: 10px;
  content: "FC";
}
.UIEntryList LI .entry-L {
  background: #a50000;
}
.UIEntryList LI .entry-L::after {
  content: "+";
}
.UIEntryList LI .entry-Mi {
  background: red;
}
.UIEntryList LI .entry-Mi::after {
  content: "-";
}
.UIEntryList LI .entry-Di {
  background: cadetblue;
}
.UIEntryList LI .entry-ExD::after, .UIEntryList LI .entry-ExW::after {
  content: "∴";
  color: inherit;
}
.UIEntryList LI .entry-ExD {
  background-color: black;
  color: white;
}
.UIEntryList LI .entry-ExW {
  background-color: white;
  color: black;
}
.UIEntryList LI .entry-Ot {
  box-shadow: inset 0px 0px 0px 1px black;
}
.UIEntryList LI.entry {
  grid-template-columns: 34px 1fr auto auto;
  /*margin:					1px 0px; // this was causing strange behavior on yellow boxes on Calendar /scale*/
  margin: 0px 13px;
}
.UIEntryList LI.entry:last-child {
  margin-bottom: 13px;
}
.UIEntryList LI.entry A {
  display: initial;
}
.UIEntryList LI.alert {
  color: red;
}
.UIEntryList LI.highlighted {
  background-color: yellow;
}
@media (hover: hover) {
  .UIEntryList LI:hover {
    background: black;
    color: white;
  }
  .UIEntryList LI:hover .entry-ShH {
    background-image: url(/img/icon/busWhite.svg);
  }
}
.UIEntryList LI > SPAN {
  padding: 4px 5px;
}
.UIEntryList LI > SPAN:first-child {
  grid-template-columns: auto auto 1fr;
  white-space: break-spaces;
}
.UIEntryList LI > SPAN:first-child SPAN {
  text-align: left;
  display: inline-block;
}
.UIEntryList LI > SPAN:first-child SPAN:first-child {
  text-align: right;
}
.UIEntryList LI > SPAN.m {
  grid-template-columns: auto;
}

DIV.UITipCFull {
  padding: 0px;
  border-radius: unset;
}
DIV.UITipCFull .UITip {
  padding: 0px !important;
  max-width: unset;
  bottom: unset;
}
DIV.UITipCFull .UITip > DIV.UIColumn {
  max-height: 100vh;
  padding-top: max(env(safe-area-inset-bottom), 0px) !important;
}
DIV.UITipCFull .UITip DIV.tabbedArea2 {
  display: grid;
  grid-template-rows: auto 1fr;
}
DIV.UITipCFull .UITip DIV.tabbedArea2 .visible {
  height: unset;
}

DIV.UITipCFull.OfficeValidationView .UITip > DIV.UIColumn {
  background-color: unset;
  padding: 0px !important;
  padding-top: unset !important;
}

DIV.OfficeValidationView .dTop {
  margin-top: max(env(safe-area-inset-bottom), 5px) !important;
}
DIV.OfficeValidationView .dTop H1, DIV.OfficeValidationView .dTop H2, DIV.OfficeValidationView .dTop P {
  /*margin:					0px;*/
}
DIV.OfficeValidationView .dTop H1, DIV.OfficeValidationView .dTop H2, DIV.OfficeValidationView .dTop P {
  text-align: center;
}
DIV.OfficeValidationView .dTop H1 {
  margin-bottom: 21px;
}
DIV.OfficeValidationView .dTop, DIV.OfficeValidationView .dMid {
  padding: 13px;
  background-color: white;
  margin: 5px;
  border-radius: 8px;
}
DIV.OfficeValidationView .dMid {
  margin-top: 34px;
}
DIV.OfficeValidationView .validationActions {
  margin-top: 21px;
}
DIV.OfficeValidationView .validationActions LI {
  padding: 8px;
  background-color: #EEE;
  border-radius: 5px;
  margin-right: 13px;
}
DIV.OfficeValidationView .validationActions LI.disabled {
  opacity: 0.3;
}
DIV.OfficeValidationView .validationActions LI:last-child {
  margin-right: 0px;
}
DIV.OfficeValidationView DIV.RawScales {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  grid-column-gap: 13px;
}
DIV.OfficeValidationView DIV.RawScales > DIV .title {
  text-align: center;
  padding-bottom: 21px;
  font-size: x-large;
  color: #94cddc;
}
DIV.OfficeValidationView DIV.RawScales > DIV .up {
  background: rgba(148, 205, 220, 0.6) url(/img/icon/uploadFileBlack.svg) no-repeat left 8px center/21px;
  border-radius: 13px;
  padding: 13px 21px 13px 34px;
  display: block;
  margin: auto;
  margin-bottom: 21px;
  width: fit-content;
  text-align: center;
}
DIV.OfficeValidationView DIV.RawScales > DIV .up.disabled {
  opacity: 0.2;
}
DIV.OfficeValidationView DIV.RawScales > DIV INPUT.up.upFile {
  display: none;
}
DIV.OfficeValidationView DIV.RawScales > DIV LABEL.up {
  background-image: url(/img/icon/smartphoneBlack.svg);
}
DIV.OfficeValidationView DIV.RawScales > DIV DIV.img {
  position: relative;
}
DIV.OfficeValidationView DIV.RawScales > DIV DIV.img.replaced {
  opacity: 0.4;
}
DIV.OfficeValidationView DIV.RawScales > DIV DIV.img IMG {
  width: 100%;
}
DIV.OfficeValidationView DIV.RawScales > DIV DIV.img::after {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.2666666667);
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  content: attr(data-sender);
  color: white;
  padding: 5px;
}

*.hidden {
  display: none !important;
}

.blurandgray {
  filter: blur(8px) grayscale(0.6);
}

.shadowed {
  box-shadow: 0px 0px 5px #777;
}

.layer_ab,
.layer_a .UIColumn {
  max-width: 800px;
}

.layer_a .UIColumn {
  margin: auto;
  display: block;
}

.layer_ab .UIColumn {
  width: 59%;
}
.layer_ab .UIColumn:first-child {
  width: 41%;
}

.layer_abc .UIColumn {
  width: 33.33%;
}

@media (max-width: 1000px) {
  .layer_abc {
    --col1:	200px;
    --col2:	calc(100% - var(--col1));
    --col3:	100%;
    --colSum:	calc(--col1 + --col2 + --col3);
  }
  .layer_abc > .UIColumn {
    width: calc(50% - 4px);
  }
  .layer_abc > .UIColumn:nth-child(1) {
    width: var(--col1);
  }
  .layer_abc > .UIColumn:nth-child(2) {
    width: var(--col2);
  }
  .layer_abc > .UIColumn:nth-child(3) {
    width: var(--col3);
  }
  .layer_abc {
    width: var(--colSum);
  }
}
@media (max-width: 320px) {
  .layer_ab > .UIColumn, .layer_abc > .UIColumn {
    width: 100%;
  }
}
@media (max-width: 501px) {
  .UILayer .UIColumn {
    padding: 0px;
  }
  .UILayer .UIColumn .UIFullBox {
    padding: 0px;
  }
  .UILayer .UIColumn .UIFullBox .whiter {
    border-radius: 0px;
  }
  .layer_ab > .UIColumn, .layer_abc > .UIColumn {
    width: 100% !important;
  }
  .layer_ab > .UIColumn .UIFullBox, .layer_abc > .UIColumn .UIFullBox {
    /*padding:					13px;						// All columns*/
  }
  .layer_ab > .UIColumn .UIFullBox > DIV, .layer_ab > .UIColumn .UIFullBox > UL.UIList LI A, .layer_ab > .UIColumn .UIFullBox > H2, .layer_ab > .UIColumn .UIFullBox > H1, .layer_ab > .UIColumn .UIFullBox > H3, .layer_abc > .UIColumn .UIFullBox > DIV, .layer_abc > .UIColumn .UIFullBox > UL.UIList LI A, .layer_abc > .UIColumn .UIFullBox > H2, .layer_abc > .UIColumn .UIFullBox > H1, .layer_abc > .UIColumn .UIFullBox > H3 {
    padding-left: 13px;
    padding-right: 13px;
  }
  .layer_a {
    max-width: 100%;
  }
}
@media (min-width: 1001px) {
  .layer_abc {
    --col1:	288px;
    --col2:	377px;
    --col3:	calc(100% - var(--col1) - var(--col2));
    --colSum:	calc(--col1 + --col2 + --col3);
  }
  .layer_abc > .UIColumn:nth-child(1) {
    width: var(--col1);
  }
  .layer_abc > .UIColumn:nth-child(2) {
    width: var(--col2);
  }
  .layer_abc > .UIColumn:nth-child(3) {
    width: var(--col3);
  }
  .layer_abc {
    width: var(--colSum);
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 17 de set de 2020, 01:06:33
    Author     : senavinicius
*/
.loader {
  text-indent: -9999em;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  /*	width:				50%;
  	height:				50%;
  	background:			#ffffff;
  	border-radius:		100% 0 0 0;
  	position:			absolute;
  	top:				0;
  	left:				0;
  	content:				'';*/
}

.loader:after {
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading::after, .loadingHover::after {
  content: " ";
  background: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.95;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  line-height: 100%;
  display: grid;
  align-items: center;
  place-content: center;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  position: absolute;
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.9333333333) url(/img/icon/loading.gif) center center/21px no-repeat;
  /*margin: 40px;*/
  /*  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;*/
}

.loadingHover {
  position: absolute;
  padding: 0px !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

@keyframes colorChange {
  0% {
    color: #000;
  }
  50% {
    color: #FFF;
  }
  100% {
    color: #000;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 17 de set de 2020, 00:04:33
    Author     : senavinicius
*/
label {
  position: relative;
}

label + .switch {
  padding: 13px;
  text-align: right;
  padding-right: 82px;
}

input[type=checkbox], input[type=radio] {
  width: unset;
  background: #777;
  outline: 0;
}

input:checked, input:checked {
  background: #4F4;
}

input[type=checkbox].switch:checked:before {
  background-color: #4F4;
}

input[type=checkbox].switch:checked:after {
  transform: translateX(26px);
}

INPUT[type=checkbox].switch {
  background: none;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 2px;
  width: 69px;
  height: 34px;
  /*background-color: rgb(223,219,208); // the border of disabled*/
  border-radius: 60px;
  border: none;
  vertical-align: middle;
  display: inline-block;
}
INPUT[type=checkbox].switch.s {
  padding: 2px;
  width: 42px;
  height: 21px;
  /*background-color: rgb(223,219,208); // the border of disabled*/
  border-radius: 40px;
}
INPUT[type=checkbox].switch.s:checked:after {
  transform: translateX(16px);
}
INPUT[type=checkbox].switch.s:before {
  width: 40px;
}
INPUT[type=checkbox].switch.s:after {
  width: 24px;
}

INPUT[type=checkbox].switch:checked {
  background: none;
}

input.switch:disabled:before, input.switch:disabled:after {
  background-color: rgba(110, 110, 110, 0.9);
}

input.switch:disabled {
  cursor: initial;
  background: none;
}

input.switch:disabled:after {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(110, 110, 110, 0.9) inset;
}

input[type=checkbox].switch:disabled:checked:before {
  background-color: rgb(102, 154, 102);
}

input.switch:before, input.switch:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.switch:before {
  right: 1px;
  background-color: rgba(119, 119, 111, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) inset;
  border-radius: 34px;
  transition: all 0.2s;
}
input.switch:before.s {
  background: green;
}

input.switch:after {
  width: 41px;
  background-color: rgb(223, 219, 208);
  border-radius: 41px;
  box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.9) inset;
  transition: all 0.2s;
}

/* Layout container */
.object-inspector {
  font-family: monospace;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /* Toggle button */
  /* Summary text */
  /* Primitive value */
  /* Children container */
  /* Tabular alignment */
}
.object-inspector.hideNulls .object-inspector-node.null {
  display: none;
}
.object-inspector .object-inspector-node {
  border-left: 1px solid #ddd;
  padding-left: 0.5em;
}
.object-inspector .object-inspector-node.null {
  opacity: 0.2;
}
.object-inspector .object-inspector-toggle {
  cursor: pointer;
  background: #F5F5F5;
  border: none;
  font-weight: bold;
  color: #555;
  min-height: unset;
  padding: 2px 8px;
  margin-bottom: 1px;
}
.object-inspector .object-inspector-summary {
  font-weight: bold;
  color: #333;
}
.object-inspector .object-inspector-value {
  color: #007acc;
}
.object-inspector .object-inspector-children {
  margin-left: 1em;
  margin-top: 0.3em;
}
.object-inspector .object-inspector-node b {
  display: inline-block;
  color: #555;
}

.mini-pad {
  position: fixed; /* CORREÇÃO */
  z-index: 1000;
  bottom: calc(env(keyboard-inset-bottom, 0px) + 10px); /* iOS 15+ */
  left: 0;
  right: 0;
  margin: auto;
  width: max-content;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 4px;
  font-size: 14px;
}
.mini-pad BUTTON {
  margin: 2px;
}

.invisible {
  visibility: hidden;
  pointer-events: none;
}

:root {
  --selecting-text: #0a0;
  --selecting-bg: #efe;
  --selecting-bg-hovered: #1A1;
  --search-results-area-bg: #DDD;
}

.ribbonNew {
  position: absolute;
  top: 31px;
  right: -10px;
  background: #6cde6c;
  color: white;
  padding: 4px 61px;
  font-size: 0px;
  font-weight: bold;
  transform: rotate(-45deg);
  z-index: 999;
}

.recentlyHighlightedLayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6F6; /* Verde translúcido */
  pointer-events: none;
  border-radius: inherit;
  animation: recentlyHighligthedLayer 2s forwards;
}

@keyframes recentlyHighligthedLayer {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pullDownEffect {
  0% {
    transform: translateY(0) scaleY(1);
  }
  50% {
    transform: translateY(34px) scaleY(0.3);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}
.pulledDown {
  animation: pullDownEffect 750ms ease-out;
  position: relative;
  z-index: 999;
}

@keyframes swipeRightBounce {
  0% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(120px, 0, 0);
  }
  30% {
    transform: translate3d(144px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.swipeRight {
  animation: swipeRightBounce 0.75s ease-out;
}

BODY DIV.gameTip, DIV SPAN.gameTip {
  background: green;
  color: white;
  top: -13px;
  padding: 3px 13px;
  font-size: auto;
}
.holdable, .pressable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}

.pressable .hovered {
  background-color: inherit;
}

.noSelection, .noSelectionOnHolding, .UIListActions, .UISuspension {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.holdable .hovered {
  transition: transform 0.18s ease-in-out, box-shadow 0.18s ease-in-out, filter 0.18s ease-in-out !important;
}
.holdable .hovered:not(.released) {
  transform: scale(0.87) !important;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.4);
  filter: brightness(0.9) !important;
}
.holdable .hovered.released {
  transform: scale(1);
  box-shadow: none;
  filter: brightness(1);
}

@keyframes edge-wave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.edge-wave {
  position: absolute;
  z-index: 9999;
  border: 2px solid rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

*.swipeable {
  touch-action: pan-y;
}
*.swipeable LI.swiped {
  overflow: visible;
}
*.swipeable LI.swiped .swipeActions {
  display: block;
}
*.swipeable LI .swipeActions {
  display: none;
  position: absolute;
  top: 0;
  right: -6px;
  bottom: 0;
  z-index: 1;
  transform: translateX(100%);
  width: 141px;
  background-color: red;
  color: white;
  text-align: center;
  border-radius: 3px;
  padding: 3px;
  margin: 0px 3px;
  align-self: center;
  align-content: center;
}

*:not(IMG):not(.svgContainer) {
  box-sizing: border-box;
  word-break: break-word;
}

.svgContainer {
  font-size: 0px;
}
.svgContainer svg {
  max-width: 21px;
  max-height: 21px;
  margin: auto;
}

/**
@todo viewTransitions, this doesn't work
*/
@keyframes flip {
  from {
    transform: translateX(0) rotateY(0deg);
  }
  to {
    transform: translateX(-100%) rotateY(-180deg);
  }
}
/*::view-transition-image-pair(root) {
  transform-origin: center right;
  animation-name: flip;
}
::view-transition-group(root) {
  perspective: 1000px;
}*/
/* animation for front view */
@keyframes opacity-front {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
}
/* animation for back view */
@keyframes opacity-back {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
}
/*::view-transition-old(root) {
  animation-name: opacity-front;
}
::view-transition-new(root) {
  animation-name: opacity-back;
  transform: rotateY(180deg);
}*/
/*@view-transition {
  navigation: auto;
}*/
@supports (height: env(titlebar-area-height)) {
  BODY *.UILayer {
    margin-top: calc(env(titlebar-area-height, 0px));
  }
}
DIV.HolisticaLayer {
  background-color: #DDD;
  background-color: var(--search-results-area-bg);
}
DIV.HolisticaLayer .UIColumn ._barT, DIV.HolisticaLayer .UIColumn ._barB {
  display: none;
}
DIV.HolisticaLayer .UIColumn UL.UIList.UISearch LI {
  padding: 0px;
}
DIV.HolisticaLayer .UIColumn .columnDiv {
  height: 100%;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper.emptyResults {
  grid-template-rows: auto 1fr auto;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper FORM.HolisticaForm {
  grid-template-rows: auto 1fr;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper FORM.HolisticaForm DIV.searchResultsArea {
  height: 100%;
  overflow: hidden;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper.tabresults DIV.UIListActions.resultsActions {
  display: block;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper.tabbin DIV.UIListActions.binActions {
  display: block;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper.tabactivity DIV.UIListActions.activityActions {
  display: block;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper DIV.UIListActions:not(.fakeSelector) {
  display: none;
}
DIV.HolisticaLayer .UIColumn .columnDiv DIV.UIMainSearchWrapper DIV.UIListActions:not(.fakeSelector).hidden {
  display: none;
}

.UIMainSearchWrapper {
  padding-top: 13px;
  overflow: visible !important;
  z-index: 9;
  position: sticky;
}
.UIMainSearchWrapper.tabresults DIV.searchStats {
  display: block;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper {
  position: relative;
  display: none;
  overflow: visible;
  z-index: 0;
  overflow: scroll;
  height: 100%;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIListActions {
  margin-bottom: env(safe-area-inset-bottom, 0px);
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 13px 8px;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.hashtagIndex {
  text-align: left;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.hashtagIndex LI {
  padding: 3px 5px;
  background-color: #EEE;
  border-radius: 5px;
  cursor: pointer;
  margin: 1px;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.hashtagIndex LI > SPAN {
  font-size: x-small;
  color: #666;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.UIListHistory {
  margin-top: 13px;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.UIListHistory LI {
  cursor: pointer;
  border-bottom: 1px solid #CCC;
  display: grid;
  grid-template-columns: 1fr auto;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.UIListHistory LI > SPAN.query {
  padding: 8px;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.UIListHistory LI > SPAN.clear {
  height: 100%;
  width: 34px;
  text-align: center;
  margin: auto;
  display: block;
  align-content: center;
}
@media (hover: hover) {
  .UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.UIListHistory LI > SPAN.clear:hover {
    color: red;
  }
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .UIMainSearchHistory UL.UIListHistory LI:last-child {
  border-bottom: unset;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .tabbedSearch > DIV.tabArea {
  height: unset;
  padding: 13px;
  position: relative;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .tabbedSearch > DIV.tabArea > DIV.scrollable {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .tabbedSearch > DIV.tabArea > DIV.scrollable > DIV {
  height: 100%;
  width: 100%;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .tabbedSearch > DIV.tabArea > DIV.scrollable > DIV > DIV.item {
  width: 100%;
  overflow: scroll;
  box-sizing: border-box;
  padding: 1px;
  position: relative;
  align-self: center;
  height: 100%;
  align-content: center;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .tabbedSearch > DIV.tabArea > DIV.scrollable > DIV > DIV.item > IMG {
  max-width: 100%;
  height: unset !important;
  border-radius: 13px;
}
.UIMainSearchWrapper .UIMainSearchHistoryWrapper .tabbedSearch > DIV.tabArea > DIV.scrollable > DIV > DIV.item .metadata {
  position: absolute;
  bottom: 0;
  font-size: x-small;
  background: rgba(0, 0, 0, 0.2666666667);
  padding: 3px;
  width: 100%;
  color: white;
}
.UIMainSearchWrapper FORM {
  row-gap: 0px;
  column-gap: 8px;
  color: rebeccapurple;
  position: relative;
  grid-template-columns: 1fr;
}
.UIMainSearchWrapper FORM .autosize {
  border-radius: 13px;
  background-color: #333;
  border: 1px solid black;
  color: #FFF;
  font-size: large;
  margin-bottom: 5px;
  margin-left: 13px;
  margin-right: 13px;
  resize: none;
}
.UIMainSearchWrapper FORM .autosizeTEXTAREA {
  font-size: large;
}
.UIMainSearchWrapper FORM TEXTAREA.autosize {
  font-size: large;
}
@media (hover: hover) {
  .UIMainSearchWrapper FORM .closeSearch.closeX:hover {
    background-color: #500;
  }
  .UIMainSearchWrapper FORM .closeSearch.clearSearch:hover {
    color: #F88;
  }
}
.UIMainSearchWrapper FORM .closeSearch.closeX {
  grid-template-columns: 1fr 47px;
  display: none;
}
.UIMainSearchWrapper FORM .closeSearch.clearSearch {
  display: block;
}
.UIMainSearchWrapper FORM DIV.searchResultsArea {
  display: none;
}
.UIMainSearchWrapper FORM .holisticaInput {
  margin-bottom: 0px;
}
.UIMainSearchWrapper.active {
  position: sticky;
}
.UIMainSearchWrapper.active DIV.searchArea {
  display: block;
}
.UIMainSearchWrapper.active.emptyResults .UIMainSearchHistoryWrapper {
  display: block;
}
.UIMainSearchWrapper.active FORM {
  grid-template-columns: 1fr 47px;
  grid-template-columns: 1fr 47px;
}
.UIMainSearchWrapper.active FORM .holisticaInput {
  margin-right: 0px;
}
.UIMainSearchWrapper.active .closeX.closeSearch {
  display: block;
}
.UIMainSearchWrapper.active .clearSearch {
  padding-right: 0px;
}
.UIMainSearchWrapper DIV.searchResultsArea {
  background-color: #DDD;
  background-color: var(--search-results-area-bg);
  box-sizing: border-box;
}
.UIMainSearchWrapper DIV.searchResultsArea DIV.ActionsWrapper {
  box-sizing: border-box;
  margin: 0px;
}
.UIMainSearchWrapper DIV.searchResultsArea DIV.ActionsWrapper:has(*) {
  padding: 5px 8px;
  display: grid;
  gap: 13px;
}
.UIMainSearchWrapper DIV.inputWrapper {
  display: grid;
  grid-column: 1/2;
  position: relative;
}
.UIMainSearchWrapper:has(.autosize.empty) FORM textarea {
  opacity: 0.5;
}
.UIMainSearchWrapper:has(.autosize.empty) .clearSearch {
  display: none;
}

BODY.blurredDOM[data-_user=dev] .UIMainBar {
  background-color: yellow;
}

.DraggableBox {
  position: absolute;
  color: black;
  bottom: calc(var(--sb) + 55px);
  right: 20px;
  width: 200px;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  height: max-content;
}

.HistoryController LI {
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.HistoryController .uri {
  font-size: xx-small;
  color: #999;
}

.previewContainer {
  padding: 0px !important;
}
.previewContainer > .item {
  margin: 13px auto;
  text-align: center;
}
.previewContainer > .item > * {
  margin: auto;
}
.previewContainer > .item .metadata {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  left: unset;
  bottom: unset;
  padding: 8px;
}
.previewContainer > .item .metadata > P {
  margin: 0px;
}

.UITipCFull#UIHandleUserSentItem H1 {
  font-family: Segoe;
  text-align: center;
}
.UITipCFull#UIHandleUserSentItem .actionUI {
  padding: 13px;
  background-color: #EFE;
  border-radius: 13px;
  border: 1px solid #d7ffd7;
  text-align: center;
  box-sizing: border-box;
  margin-top: 8px;
  display: block;
  cursor: pointer;
}
.UITipCFull#UIHandleUserSentItem .actionUI > SPAN {
  float: none;
}
.UITipCFull#UIHandleUserSentItem .actionUI.disabled {
  opacity: 0.3;
  background-color: unset;
  pointer-events: none;
}
.UITipCFull#UIHandleUserSentItem .actionUI.levelWeak {
  background-color: unset;
  border: 1px solid #d7ffd7;
}
.UITipCFull#UIHandleUserSentItem .actionUI.level1 {
  background-color: #EEF;
  border: 1px solid #d7d7ff;
  font-weight: bolder;
}
.UITipCFull#UIHandleUserSentItem .actionUI.levelRed {
  background-color: #F99;
  border: 1px solid ff rgba(221, 119, 221, 0.4666666667);
}

:focus-visible {
  outline: none;
}

[POPOVER] {
  border: unset;
}

/* menu positioned at bottom right */
@position-try --bottom-right {
  bottom: anchor(bottom);
  right: anchor(right);
  margin-right: 5px !important;
  margin-bottom: 5px !important;
}
@position-try --top-left {
  bottom: anchor(top);
  left: anchor(left);
}
DIV.UIPopOver {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0px;
  border-radius: 5px;
  box-shadow: 0px 0px 13px #444;
  background-color: white;
  color: black;
  bottom: unset;
  left: unset;
  right: unset;
  height: fit-content;
  transform: translateY(-84%);
  z-index: 2;
  margin-right: 5px;
}
DIV.UIPopOver.newPopOver {
  transform: unset;
  left: unset;
  top: unset;
  right: unset;
  bottom: unset;
  right: anchor(right);
  bottom: anchor(bottom);
  position-try-options: --bottom-right, --top-left;
  margin-bottom: 5px;
  margin-top: -129px;
  max-width: 300px;
  /*inset-area:			right span-top;*/
}
DIV.UIPopOver UL LI {
  padding: 8px;
  border-radius: 0px !important;
  border-bottom: solid 0.5px #EEE;
}
DIV.UIPopOver UL LI:last-child {
  border-bottom: unset;
}
@media (hover: hover) {
  DIV.UIPopOver UL LI:hover {
    background-color: #EEE;
  }
}

.NotificationsSwitcher {
  padding: 13px;
  margin: 13px;
  background-color: rgba(255, 255, 255, 0.3333333333);
  border-radius: 13px !important;
}

.welcomeLayer {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: opacity 1.5s;
  background-color: white;
  font-size: 34px;
  padding: 89px 34px 0px 34px;
}

.WallMessageLayer {
  transition: opacity 2s;
  opacity: 1;
}
.WallMessageLayer ._barB, .WallMessageLayer ._barT {
  display: none;
}
.WallMessageLayer .UIFullBox {
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  height: 100%;
}
.WallMessageLayer H1 {
  text-align: center;
}
.WallMessageLayer .UIWallMessageWelcome, .WallMessageLayer .UIWallMessagePage, .WallMessageLayer .UIWallMessageControlContainer {
  transition: opacity 0.5s;
  box-sizing: border-box;
}
.WallMessageLayer .UIWallMessageWelcome {
  padding: 34px;
  box-sizing: border-box;
}
.WallMessageLayer .UIWallMessageWelcome H1 {
  border-radius: 34px;
  padding: 34px;
  margin: auto;
  background: #ffe4f8;
}
.WallMessageLayer .UIWallMessageControlContainer {
  margin-bottom: var(--sb);
}
.WallMessageLayer .UIWallMessageControl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 21px;
  /*@include						absolute(auto,0px,0px,0px);*/
  padding: 13px;
}
.WallMessageLayer .UIWallMessageControl SPAN {
  text-align: center;
  display: block;
  padding: 21px;
  border-radius: 21px;
  background-color: #EEE;
}
.WallMessageLayer .UIWallMessage {
  display: none;
}
.WallMessageLayer .UIWallMessagePage {
  display: none;
  opacity: 0;
  padding: 34px 34px 84px 34px;
  font-family: segoe;
  font-size: 19px;
  overflow: auto;
}
.WallMessageLayer .UIWallMessagePage IMG {
  max-width: 360px;
  margin: auto;
}
.WallMessageLayer .UIWallMessagePage P, .WallMessageLayer .UIWallMessagePage H1 {
  transition: opacity 1.5s, transform 0.666s;
  opacity: 1;
  transform: translateY(0px);
}

.oioioi {
  height: 100%;
}

.bolotSuperCont {
  position: absolute;
  bottom: 0;
}

.UIBolotinhaCont {
  position: sticky;
  width: fit-content;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  bottom: 0px;
  color: black;
}
.UIBolotinhaCont > SPAN {
  display: none;
}
.UIBolotinhaCont ._barB {
  grid-column: 1/-1;
}
.UIBolotinhaCont .UIBolotinha {
  height: 60px;
  align-items: center;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  width: 60px;
  border-radius: 100%;
  margin-left: 13px;
  margin-bottom: 13px;
  background: white;
  display: grid;
}
@media (hover: hover) {
  .UIBolotinhaCont .UIBolotinha:hover {
    background-color: #DDFFDD;
  }
}
.UIBolotinhaCont .UIBolotinha.closeEditing {
  display: none;
}
.UIBolotinhaCont .UIBolotinha.closeEditing > SPAN {
  background: transparent url(/img/icon/no.svg) no-repeat center center/34px;
  height: 60px;
}
.UIBolotinhaCont .UIBolotinha.search > SPAN {
  background: transparent url(/img/icon/search.svg) no-repeat center center/34px;
  height: 60px;
}
.UIBolotinhaCont .UIBolotinha.talk > SPAN {
  background: transparent url(/img/icon/talkBlue.svg) no-repeat center center/34px;
  height: 60px;
  position: relative;
}
.UIBolotinhaCont .UIBolotinha.talk > SPAN > SPAN {
  position: absolute;
  background: black;
  color: white;
  border-radius: 100%;
  top: -5px;
  right: -5px;
  width: 21px;
  height: 21px;
  text-align: center;
  font-size: 16px;
  display: grid;
  align-items: center;
}
.UIBolotinhaCont .UIBolotinha.talk > SPAN > SPAN.message {
  background: red;
}
.UIBolotinhaCont .UIBolotinha.UIRawFiles {
  display: none;
  background-color: #00cf00;
  background: #00cf00 url(/img/icon/jpeg1White.svg) no-repeat center center/34px;
  /*			SPAN{
  				background:				transparent url(/img/icon/documentWhite.svg) no-repeat center center/34px;
  				height:					60px;
  			}*/
}
.UIBolotinhaCont .UIBolotinha.UIRawFiles[data-rf] {
  display: grid;
}
.UIBolotinhaCont .UIBolotinha.UIRawFiles[data-rf][data-saved] {
  display: none;
}
.UIBolotinhaCont .UIBolotinha.upload {
  background-color: #00cf00;
}
.UIBolotinhaCont .UIBolotinha.upload SPAN {
  background: transparent url(/img/icon/uploadFileWhite.svg) no-repeat center center/34px;
  height: 60px;
}

:focus {
  /*outline:							none;*/
}
:focus[type=time], :focus[type=date] {
  focus: initial;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: transparent;
}

.NotificationsSwitcher.NotificationsUnavailable {
  display: none;
}
.NotificationsSwitcher.NotificationsActive {
  display: none;
}

P.ok {
  background: rgba(0, 255, 0, 0.1) url("/img/icon/yes.svg") no-repeat left 8px center/21px;
  padding-left: 34px !important;
}

P.alert {
  background: rgba(255, 255, 0, 0.3) url("/img/icon/alertYellow.svg") no-repeat left 8px center/21px;
  padding-left: 34px !important;
}

HTML {
  height: 100%;
  -webkit-text-size-adjust: none;
}

BODY {
  height: 100%;
  margin: 0px;
  position: relative;
  overflow: hidden;
}

A {
  color: inherit;
  text-decoration: none;
}

INPUT {
  font: inherit;
}

H1, H2, H3 {
  position: relative;
  margin-block-end: 0px;
}

@media all and (display-mode: standalone), (display-mode: fullscreen) {
  html, body {
    height: 100vh !important;
  }
}
.SVFilesActions .UITip {
  max-width: 800px;
}
.SVFilesActions DIV.item {
  margin: auto;
  max-width: 100%;
}
.SVFilesActions .UIItemActions.options1, .SVFilesActions .UIItemActions.options2, .SVFilesActions .UIItemActions.options3, .SVFilesActions .UIItemActions.options4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.SVFilesActions .UIItemActions LI {
  padding: 13px;
  background-color: #F4F4F4;
  text-align: center;
  cursor: pointer;
  margin: 1px 3px;
}
.SVFilesActions .UIItemActions LI:has(INPUT) {
  padding: unset;
  margin: unset;
}

#UISaveScaleList P {
  padding-top: 13px;
}
#UISaveScaleList LI {
  padding: 8px 13px;
  text-align: center;
  background-color: #000;
  color: white;
  border-radius: 5px;
  margin-bottom: 1px;
}
#UISaveScaleList LI:last-child {
  margin-bottom: unset;
}
#UISaveScaleList LI.undo {
  opacity: 0.2;
  pointer-events: none;
}
#UISaveScaleList.validated LI {
  opacity: 0.2;
  pointer-events: none;
}
#UISaveScaleList.validated LI.undo, #UISaveScaleList.validated LI.edit, #UISaveScaleList.validated LI.updloadToChat, #UISaveScaleList.validated LI.closeRawFile {
  opacity: 1;
  pointer-events: initial;
}
#UISaveScaleList.validated LI.updloadToChat {
  margin-top: 34px;
}

.calendarOpenner {
  cursor: pointer;
  overflow: visible;
  /*background:						black;*/
  padding-top: 8px;
  margin-top: unset;
  padding-bottom: 8px;
  margin-bottom: 0px;
}
.calendarOpenner .butL, .calendarOpenner .butR {
  position: absolute;
  align-items: center;
  bottom: 0;
  top: 0;
  display: grid;
  height: fit-content;
  grid-auto-flow: column;
  margin: auto;
}
.calendarOpenner A.i {
  background: transparent center center/34px no-repeat;
  width: 34px;
  height: 34px;
  display: inline;
  margin: 0px 6.5px;
  position: relative;
}
.calendarOpenner A.i#UISaveScale {
  background-image: url(/img/icon/doneGreen.svg);
}
.calendarOpenner A.i#UISaveScale.saved {
  background-image: url(/img/icon/yesWhite.svg);
  opacity: 0.4;
}
.calendarOpenner A.i.n {
  background-image: url(/img/icon/waitYellow.svg);
  /*background-image:		url(/img/icon/sendYellow.svg);*/
}
.calendarOpenner A.i.n .c {
  right: 0px;
  margin-right: -8px;
  position: absolute;
  bottom: 0px;
  font-size: 13px;
  display: grid;
  border-radius: 100%;
  background: black;
  width: 21px;
  height: 21px;
  align-items: center;
}
.calendarOpenner A.i.n.done {
  background-image: url(/img/icon/sendWhite.svg);
}
.calendarOpenner A.i.n.done .c {
  color: transparent;
  background: url(/img/icon/yes2.svg) center center/cover no-repeat;
}
.calendarOpenner A.i.u {
  background-image: url(/img/icon/refresh2.svg);
}
.calendarOpenner A.i.morning {
  background-image: url(/img/icon/sunYellow.svg);
}
.calendarOpenner A.i.afternoon {
  background-image: url(/img/icon/moon.svg);
}
.calendarOpenner A.i.r {
  background-image: url(/img/icon/trash.svg);
}
.calendarOpenner A.i.l {
  background-image: url(/img/icon/padlockWhite.svg);
}
.calendarOpenner A.i.hidden {
  display: none;
}
.calendarOpenner .butL {
  left: 34px;
}
.calendarOpenner .butR {
  right: 34px;
}

.UILayer, .absolute, .UIBlankLayer {
  z-index: 1;
  /*transition:					opacity 1.5s;*/
  transition: opacity 0.666s;
  box-sizing: border-box;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  word-spacing: -4px;
}
.UILayer > *, .absolute > *, .UIBlankLayer > * {
  word-spacing: initial;
  white-space: initial;
}

.UIBlankLayer {
  z-index: 101;
  background: white;
  box-shadow: unset;
  backdrop-filter: none;
}
.UIBlankLayer DIV > h1, .UIBlankLayer DIV > P, .UIBlankLayer DIV > Q {
  margin-bottom: 21px;
}
.UIBlankLayer Q {
  display: block;
  font-style: italic;
}
.UIBlankLayer #punishTimer {
  text-align: center;
}
.UIBlankLayer #punishTimer SPAN.even {
  color: transparent;
}

.superLayer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2666666667);
  z-index: 1;
}

.installer A {
  cursor: pointer;
}
.installer.installing {
  top: 0px;
  transition: top 1s;
}

.UIList {
  list-style: none;
  padding: initial;
  margin: initial;
}
.UIList:not(.UIConsoleList) {
  user-select: none;
}
.UIList LI {
  position: relative;
  overflow: auto;
  transition: background 0.5s;
  opacity: 1;
  transform: scaleY(1);
  box-sizing: border-box;
  overflow: hidden;
}
@media (hover: hover) {
  .UIList LI:hover {
    cursor: pointer;
  }
}
.UIList LI.selected > A {
  box-shadow: inset 0px 0px 0px 1px black;
  text-align: right;
}
.UIList LI > A {
  display: block;
  box-sizing: border-box;
}
.UIList LI.removing {
  animation: removeFromList 1s forwards;
}
.UIList LI.new {
  background-color: rgba(170, 170, 255, 0.6666666667);
}
.UIList.iconizedImg A {
  height: 55px;
  margin: 2px;
  background-color: rgba(200, 200, 200, 0.2);
  box-sizing: content-box;
}
.UIList.iconizedImg A IMG {
  margin: 2px;
  background-color: black;
  border-radius: 100%;
}
.UIList.iconizedImg A > SPAN {
  height: 13px;
}
.UIList.suggesting {
  filter: brightness(0.1) blur(3px);
}
.UIList.padded LI {
  padding: 13px;
}
.UIList.padded LI.selected {
  background-color: #0F0;
}
.UIList.selectingMulti LI, .UIList.selectingMulti TR {
  opacity: 0.3;
}
.UIList.selectingMulti LI.selectingLI:not(.fakeSelector), .UIList.selectingMulti TR.selectingLI:not(.fakeSelector) {
  opacity: unset;
  color: #0a0;
  color: var(--selecting-text);
  box-shadow: inset 0px 0px 1px #0a0;
  box-shadow: inset 0px 0px 1px var(--selecting-text);
  transform: translate3d(34px, 0, 0);
  overflow: visible;
  transition: transform 0.3s;
}
@media (hover: hover) {
  .UIList.selectingMulti LI.selectingLI:not(.fakeSelector):hover, .UIList.selectingMulti TR.selectingLI:not(.fakeSelector):hover {
    background-color: #1A1;
    background-color: var(--selecting-bg-hovered);
    color: black;
  }
}
.UIList.selectingMulti LI.selectingLI:not(.fakeSelector):before, .UIList.selectingMulti TR.selectingLI:not(.fakeSelector):before {
  content: "";
  display: block;
  position: absolute;
  left: -23px;
  width: 23px;
  height: 34px;
  background: url("/img/icon/yes2.svg") no-repeat center/contain;
}
.UIList.dark LI.inactive > A {
  color: #AAA;
}
.UIList.dark LI.selected > A {
  color: black;
  background-color: white;
}
.UIList.iconized2 LI {
  min-width: 34px;
  min-height: 55px;
  width: 55px;
  font-size: xx-small;
}
.UIList.iconized2 LI.opaque {
  opacity: 0.3;
}
.UIList.iconized2 LI .i {
  display: block;
  background: transparent no-repeat center center/contain;
  min-width: 34px;
  min-height: 34px;
}
.UIList.iconized2 LI .i .lHover {
  text-align: center;
  max-width: 55px;
  position: absolute;
  top: 34px;
  display: block;
  width: 100%;
  transform: translateY(-13px);
}
.UIList.iconized2 LI .l {
  margin-top: 5px;
  text-align: center;
  max-width: 55px;
}
.UIList.iconized A {
  background-repeat: no-repeat;
  background-position-x: left;
  background-size: contain;
}
.UIList.iconizedImg A {
  height: 34px;
}
.UIList.iconizedImg A > IMG {
  height: inherit;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.UILayer {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
}
.UILayer .UITipC {
  transition: transform 0.166s;
}
.UILayer.UIMainLayer, .UILayer.UIMainBar, .UILayer.UIBackground {
  background-color: unset;
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
}
.UILayer.UIBackground {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.UILayer.UILayer-edit .UIColumn {
  display: grid;
  grid-template-rows: 1fr auto auto;
}
.UILayer.UILayer-edit .UIColumn > DIV:not(._barB):not(._barT) {
  min-height: 500px;
}
.UILayer.UILayer-edit.hiddenToggler.layer_a {
  /*background-color:			#FFF0;*/
}
.UILayer.UILayer-edit.hidden.layer_a {
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}
.UILayer.UILayer-edit.hidden.layer_a .UIColumn {
  transform: translate3d(0px, 110%, 0px);
}
.UILayer.UILayer-edit.unHidden.layer_a {
  background-color: rgba(255, 255, 255, 0.5333333333);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.UILayer.UILayer-edit.unHidden.layer_a .UIColumn {
  transform: translate3d(0px, 0%, 0px);
}
.UILayer .overscrollerShit {
  overflow-y: scroll;
  height: 100%;
  width: 1100px;
  width: max-content;
}

.glassContainer {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 20px;
  border-radius: 20px;
}
.glassContainer .glass {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 1px auto;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
@media (hover: hover) {
  .glassContainer .glass:hover {
    background: rgba(255, 255, 255, 0.4) !important;
  }
}

.UILayer.UILayer-edit.layer_a, .UILayer.UILayer-add.layer_a {
  max-height: 100%;
  overflow: auto;
}

BODY.barB:not(.barT) .UIMainBar {
  top: auto;
}
BODY.barT:not(.barB) .UIMainBar {
  bottom: auto;
}
BODY.barB:not(.barT) ._barB, BODY.barT:not(.barB) ._barT,
BODY .UIMainBar .UIList LI A {
  height: 69px;
  line-height: 69px;
  height: var(--ui-bar-height);
  line-height: var(--ui-bar-height);
  clear: both;
  padding: unset;
  /*margin:					unset; // override possible margins. Cannot override because of safe areas */
}

.UILayer.UILog {
  margin: auto;
  overflow: auto;
  top: auto;
  bottom: 0px;
  width: 100%;
  max-height: 100%;
}
.UILayer.UILog DIV.UIColumn DIV._barB {
  height: 0px;
}

.UIColumn {
  position: relative;
  display: inline-block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  overflow-y: auto;
  vertical-align: top;
}
.UIColumn:has(> .grided) {
  max-height: 100vh;
}
.UIColumn.noScrollY {
  overflow-y: hidden;
}
.UIColumn .UIColumnInner {
  height: 100%;
  overflow-y: scroll;
}
.UIColumn .UIColumnInner .UIBolotinhaCont {
  visibility: hidden;
}
.UIColumn .UIColumnInner .UIBolotinhaCont ._barB {
  display: none;
}

.UIFluidBox {
  float: left;
  overflow: scroll;
  background: white;
  padding: 13px;
  box-sizing: border-box;
}

.UIFullBox {
  width: 100%;
  clear: both;
  box-sizing: border-box;
  overflow: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.UIListActions {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  transition: opacity 0.75s, transform 0.75s;
}
.UIListActions UL {
  padding: 13px;
}
.UIListActions UL LI {
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0px 0px 3px #DDD;
  margin-bottom: 5px;
  cursor: pointer;
}
.UIListActions UL LI:last-child {
  margin-bottom: 0px;
}
@media (hover: hover) {
  .UIListActions UL LI LI:hover {
    background-color: #EEE;
  }
}

.layerOpener, .darkButton {
  float: right;
}

.UISuspendedSummary {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: max-content;
  z-index: 99;
  display: block;
  top: unset;
  margin: auto;
  margin-bottom: max(13px, env(safe-area-inset-bottom));
}
.UISuspendedSummary .UIList {
  border-radius: 21px;
  box-shadow: 0px 0px 13px #DDD;
}
.UISuspendedSummary .UIList LI {
  background-color: #FFF;
  padding: 13px;
}

.UIList.dark LI > A, #ProductList LI > A, .layerOpener, .darkButton A {
  background: rgb(51, 51, 51);
  text-decoration: none;
  /*margin:							1px;*/
  padding: 8px;
  border-radius: 5px;
}

.UIList.dark LI > A, .layerOpener, .layerOpener:visited, .darkButton A, .darkButton A:visited {
  color: white;
}

.darkButton {
  margin: 5px;
}
.darkButton A {
  float: left;
}

.buttonArea {
  overflow: auto;
  text-align: right;
}
.buttonArea .button {
  margin: 5px;
  padding: 8px;
  float: right;
  border-radius: 8px;
  background: black;
  color: white;
  width: min-content;
  cursor: pointer;
}
.buttonArea .button.disabled {
  opacity: 0.3;
}

.UIList.selecting LI {
  display: grid;
  grid-template-columns: auto 1fr;
}

.UIList label {
  margin: 0px;
}

.UIList label input[type=checkbox] {
  margin: auto;
}

.UIList.selecting label {
  display: grid;
}

.suggester {
  overflow: visible;
  position: relative;
  display: block;
}

.UISuggestion {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #444;
  color: white;
  z-index: 1;
  overflow: scroll;
  max-height: 44vh;
}
.UISuggestion LI {
  font-size: initial;
}
.UISuggestion LI A {
  padding: 5px !important;
}
@media (hover: none) {
  .UISuggestion LI A {
    padding: 13px !important;
  }
}
.UISuggestion LI:focus-within, .UISuggestion LI:hover {
  background-color: #777;
}

.UILoading {
  background: rgba(255, 255, 255, 0.5) center center/auto 200px no-repeat;
  transition: opacity 0.3s, transform 2s;
  -webkit-transition: opacity 0.3s, transform 2s;
  /*	transform:						rotateY(720deg);
  	-webkit-transform:				rotateY(720deg);*/
  z-index: 99999;
}
.UILoading .hidden {
  opacity: 0;
  display: none;
  transform: none;
}
.UILoading .showing {
  opacity: 1;
  display: block;
}

DIV.UILayer.UIInvite:not(.q) {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
DIV.UILayer.UIInvite .UIColumn {
  padding-left: 5px;
  padding-right: 5px;
}
DIV.UILayer.UIInvite .UIColumn .UIFullBox {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0px 0px 3px black;
  background: rgba(255, 255, 255, 0.7);
}

.opener A:after {
  content: ">";
  margin: auto;
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.vertical > LI {
  float: none;
}
.vertical > LI A {
  margin-top: 1px;
}
.vertical > LI A:focus-within {
  background-color: rgba(0, 0, 0, 0.2);
}
.vertical > LI:first-child A {
  margin-top: initial;
}

.UIList LI A {
  padding: 13px;
  /*		@media (hover: hover) {
  			padding:				$space5;
  		}*/
}
@media (hover: hover) {
  .UIList LI A:hover {
    box-shadow: inset 0px 0px 1px #555;
    background-color: transparent;
  }
}
.UIList.horizontal {
  text-align: center;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  overflow-x: auto;
}
.UIList.horizontal.noWrap {
  white-space: nowrap;
  flex-wrap: nowrap;
}
.UIList.horizontal > LI {
  /* The combination below (list-item;left;height specified) was previously used with the intention of centralizing content vertically. But it looks like inline-block does the same, even though in these configurations there is no height set
  display:
  float:						left;
  */
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.UIList.horizontal.UIInfo.iconized LI {
  padding: 13px 0px;
  background-color: rgba(0, 0, 0, 0.1);
  padding-bottom: 0px;
  vertical-align: top;
}
.UIList.horizontal.UIInfo.iconized LI A {
  background-position: top center;
  background-size: 55px;
  width: 84px;
  padding-top: 59px;
  font-size: small;
  min-height: 84px;
  padding-bottom: 0px;
}

.forcedHorizontal {
  white-space: nowrap;
  max-width: 100%;
  overflow-x: scroll;
  display: grid;
  grid-auto-flow: column;
}

.gridLabeledIcons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
  grid-auto-flow: dense;
  font-size: small;
}
.gridLabeledIcons LI {
  overflow: hidden;
}
.gridLabeledIcons LI A {
  position: relative;
  height: 89px;
  background: no-repeat top center/contain;
  margin: 6.5px;
  border-radius: 21px;
  padding: 0px;
}
.gridLabeledIcons LI A SPAN {
  position: absolute;
  bottom: 13px;
  left: 0;
  right: 0;
  text-align: center;
}

FORM, .divForm {
  display: grid;
  grid-template-columns: auto 1fr;
  width: 100%;
}

FORM > .divForm, FORM > DIV {
  grid-column: 1/-1;
}

FORM > *.noSpan {
  grid-column: unset;
}
FORM LABEL {
  text-align: right;
}
FORM LABEL, FORM INPUT, FORM TEXTAREA {
  display: inline-block;
  width: 49%;
  min-width: 13px;
}
@supports (display: grid) {
  FORM LABEL, FORM INPUT, FORM TEXTAREA {
    width: auto;
  }
}
FORM INPUT[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  text-align: center;
  padding: 0px;
}
FORM INPUT, FORM TEXTAREA, FORM SELECT {
  box-sizing: border-box;
}
FORM INPUT[type=submit], FORM INPUT[type=button], FORM BUTTON, FORM LABEL, FORM OPTION {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

FORM INPUT[type=submit], BUTTON, .UIFormLine {
  grid-column: 1/-1;
}

INPUT[type=submit], INPUT[type=button], BUTTON, INPUT[type=reset] {
  -webkit-appearance: none;
}

.UIFormRadioArea INPUT[type=radio] {
  opacity: 0;
  width: 0px;
  position: fixed;
}
.UIFormRadioArea INPUT[type=radio]:disabled + LABEL {
  color: #CCC;
}
.UIFormRadioArea INPUT[type=radio]:checked + LABEL {
  background: springgreen;
  color: black;
}
.UIFormRadioArea INPUT[type=radio]:focus + LABEL {
  border: 1px solid black;
}
.UIFormRadioArea INPUT[type=radio] + LABEL {
  border: 1px solid white;
  border-radius: 5px;
  cursor: pointer;
}

.UIInvite INPUT.whatsApp {
  background: white url(/img/icon/whatsapp.png) right center/contain no-repeat;
}
.UIInvite INPUT.email {
  background: white url(/img/icon/email.svg) right center/contain no-repeat;
}

TABLE {
  -webkit-border-vertical-spacing: 0px;
  -webkit-border-horizontal-spacing: 0px;
}
TABLE TR {
  position: relative;
}

DIV > IMG, ARTICLE > IMG {
  margin: auto;
  display: block;
}

.animatedScrolling {
  transition: transform 0.3s cubic-bezier(0.2, 1.3, 1, 1), background-color 0.5s ease-in-out;
}

.animatedBounce {
  transition: transform 0.5s cubic-bezier(0.5, 1.3, 1, 1);
}

@keyframes hide {
  0% {
    transform: translate3d(0px, 0%, 0px);
    display: block;
  }
  99% {
    display: block;
  }
  100% {
    transform: translate3d(0px, 110%, 0px);
    display: none;
  }
}
.UINotificationLayer {
  top: 55px;
  left: 0;
  right: 0;
  max-width: 377px;
  text-align: center;
  position: absolute;
  margin: auto;
  z-index: 2;
}
.UINotificationLayer .UINotification {
  background: white;
  color: black;
  border-radius: 13px;
  box-shadow: 0px 0px 34px #000;
  padding: 21px 13px;
  text-align: left;
  margin: 34px auto;
  display: grid;
  grid-template-columns: 1fr 144px;
  position: relative;
}
.UINotificationLayer .UINotification .loading {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.UINotificationLayer .UINotification .loading:after {
  border-radius: 13px;
}
.UINotificationLayer .UINotification H3 {
  margin-top: 0px;
}
.UINotificationLayer .UINotification UL LI {
  cursor: pointer;
}
.UINotificationLayer .UINotification UL LI.aware {
  background: rgba(0, 255, 0, 0.4666666667) url(/img/icon/yes3.svg) left 5px center/21px no-repeat;
  padding: 8px 5px 8px 31px;
  text-align: center;
  border-radius: 8px;
}
@media (hover: hover) {
  .UINotificationLayer .UINotification UL LI.aware:hover {
    background-color: rgba(0, 255, 0, 0.6666666667);
  }
}

.UITipLayer {
  backdrop-filter: none;
  top: auto;
  bottom: 0;
  left: 0;
  max-width: 300px;
  text-align: center;
}
.UITipLayer .a, .UITipLayer .b {
  border: 1px solid black;
}
.UITipLayer .a {
  background: black;
  color: white;
  margin: 0px;
  word-spacing: initial;
  padding: 21px;
  border-radius: 13px;
  white-space: initial;
}
.UITipLayer .b {
  border: 14px solid transparent;
  border-top: 14px solid black;
  width: 0px;
  margin: -1px auto auto auto;
}
.UITipLayer .UIFullBox.c {
  border: 14px solid transparent;
  border-bottom: 14px solid black;
  width: 0px;
  margin: -1px 0px auto auto;
}
.UITipLayer P.a A IMG {
  vertical-align: middle;
}

.tip {
  position: relative;
}

.tip:after, .tip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: \" \";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tip:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #000000;
  border-width: 14px;
  margin-left: -14px;
}

.tip:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #FFFFFF;
  border-width: 15px;
  margin-left: -15px;
}

.leftButton, .rightButton {
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  top: 0;
  font-size: medium;
  height: fit-content;
  margin: auto;
  padding: 0px 8px;
  font-variant: small-caps;
}

.leftButton {
  left: 0;
}

.rightButton {
  right: 0;
}

.unCollapser {
  cursor: pointer;
}

/*# sourceMappingURL=sv.css.map */