@import url('bootstrap.css');
@import url('default_style.css');
/* @import url('https://fonts.googleapis.com/css?family=Raleway|Fira+Sans'); */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway&family=Sans+Serif'); */
 @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans'); 
/* @import url('https://fonts.cdnfonts.com/css/nunito-sans'); */

@import url('https://use.typekit.net/hnw6oag.css');
/*
  gsutil -h "Cache-Control:no-cache,max-age=0" \
        cp -a public-read style-pb-do.css gs://do-pb/style-pb-do.css
  */

:root {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /*
  --var-font1: normal normal normal 15px/1.75em raleway, sans-serif;
  --var-font2: normal normal normal 15px/1.75em raleway, sans-serif;
  --var-font8: normal normal normal 12px/1.75em avenir-lt-w01_85-heavy1475544,
    avenir-lt-w05_85-heavy, sans-serif;
    */
  --var-font1: normal normal normal 15px/1.75em Nunito Sans;
  --var-font2: normal normal normal 15px/1.75em Nunito Sans;
  --var-font8: normal normal normal 12px/1.75em NunitoSans;
  /* --var-mainbackground-color: #00595c; */
  --var-mainbackground-color: #19A0DB;
  --var-mainbackground-color_ink: #020303;
  --var-secondarybackground-color: #049be4;
  --var-alternate-secondarybackground-color: #608d90;
  --var-hover-color1: #137BC0;
  --var-hover-color2: #aaa;
  --var-text-white:#FFFFFF;
  /* --var-hover-color2: #555555; */
  --var-font-color1: #fff;
  --var-font-black: #000;

  --var-font-warning-color: #ce6e62;
}

* {
  /* font-family: raleway, sans-serif; */
  font-family: Nunito Sans;
  /*   font-family: Arial, Helvetica, sans-serif; */
}

.glyphicon {
  color: var(--var-font-color1) !important;
  font-family: 'Glyphicons Halflings';
}

.dialogMiddleCenter {
  border-style: none;
}

.gwt-TextBox,
.gwt-PasswordTextBox {
  background-color: #f4f4f4;
  box-shadow: none;
  /* border-style: none; */
}

#container > ul > li > a {
  color: var(--var-font-color1);
}

#container > ul > li > a {
  color: var(--var-font-color1) !important;
}

#container > ul > li > a:hover {
  color: var(--var-hover-color2) !important;
}

iframe#navbarframe {
  margin-top: 22px;
}

.gwt-Label.nav-nameLabel {
  font-weight: bold;
  /* margin-left: 15px;
    margin-bottom: -2px;
      margin-top: 10px; */
  position: absolute;
  margin: 0px;
  top: 26px;
  right: 111px;
  color: var(--var-font-color1);
  text-align: right;
}

#gwtHeader
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  position: absolute;
  top: 44px;
  right: 87px;
  color: var(--var-font-color2);
  background: none;
}

table.offsetClock {
  position: absolute;
  margin: 0px;
  top: 47px;
  right: 111px;
  color: var(--var-font-color1);
}

.gwt-Label.offsetClock-time {
  color: var(--var-font-color1);
  text-align: right;
}

.gwt-Label.offsetClock-zone {
  color: var(--var-font-color1);
  text-align: right;
}

.gwt-CheckBox {
  display: inline-block;
}

.button.highlightButton.loginPanel-button {
  background-color: var(--var-mainbackground-color);
  font-weight: 400;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
  margin-left: 0px;
}

.gwt-Anchor.loginPanel-link.loginPanel-link-signup {
  display: none;
  color: black;
}

.gwt-Anchor.loginPanel-link.loginPanel-link-signup :hover {
  color: black;
}

.gwt-Hyperlink.loginPanel-link.loginPanel-link-recover > a {
  color: black;
}

.gwt-Hyperlink.loginPanel-link.loginPanel-link-recover > a:hover {
  color: black;
}

.highlightButton {
  margin-top: 60px;
  background-color: var(--var-secondarybackground-color);
  padding-left: 10px;
  padding-right: 10px;
  opacity: 1;
  transition: opacity 0.4s;
  font: var(--var-font1);
  width: 80px;
}

.button.highlightButton:hover {
  background-color: var(--var-secondarybackground-color) !important;
  opacity: 0.7;
}

.sidebar-calendar {
  margin-top: -5px;
  margin-right: 30px;
}

.button.smallButton {
  background-color: #f4f4f4;
  height: 30px;
  border: 1px solid var(--var-secondarybackground-color);
  color: var(--var-secondarybackground-color);
  font: var(--var-font1);
  height: 35px;
  width: 66.7px;
  opacity: 1;
}

.button.smallButton:hover {
  /* background-color: #9c9c9c !important; */
  background-color: var(--var-secondarybackground-color) !important;
  opacity: 0.7;
  color: var(--var-font-color1);
}

button.gwt-Button {
  padding-left: 10px;
  padding-right: 10px;
}

.homeView-searchPanel .gwt-ListBox {
  background-color: #f4f4f4;
}

.gwt-Label.pbForm-label {
  padding-bottom: 20px;
  white-space: nowrap;
  /* padding-right: 15px; */
}

.scheduler-weekdayLabel {
  color: black;
}

tr.GBG2FFLDPC {
  background-color: var(--var-font-color1);
}

tr.GBG2FFLDPD {
  background-color: #f4f4f4;
}

td.GBG2FFLDOC {
  border: none;
}

.GBG2FFLDOC {
  /* padding: 25px 15px; */
  /* height: 150px; */
}

.mainMenu-item {
  padding-top: 7px;
  font-size: 20px;
  color: black;
  cursor: pointer;
  transition: color 0.4s;
}

.mainMenu-item:hover {
  color: var(--var-hover-color1);
  cursor: pointer;
}

.datePickerDay {
  width: 33px;
  height: 33px;
  cursor: pointer;
  outline: none;
  font: var(--var-font2);
  line-height: 25px;
}

.datePickerDay:hover,
button.gwt-Button:enabled:hover {
  background-color: var(--var-hover-color2) !important;
  color: var(--var-font-black) !important;
}

.datePickerDayIsValue {
  color: var(--var-font-color1) !important;
  background: var(--var-secondarybackground-color);
  font: var(--var-font2);
  line-height: 25px;
}

.datePickerNextButton {
  font-weight: 900;
  margin-left: 20px;
}

.datePickerPreviousButton {
  font-weight: 900;
  margin-right: 20px;
}

.datePickerMonthSelector {
  margin-top: 20px;
  margin-bottom: 20px;
}

.GBG2FFLDFD {
  color: black;
}

button.button.homeViewTable-button {
  height: 50px;
}

.button.homeViewTable-button.homeViewTable-button-delete {
  background-color: var(--var-mainbackground-color);
  padding: 5px;
  margin-left: 0px;
}

.button.homeViewTable-button.homeViewTable-button-delete:hover {
  color: #9f9f9f;
  padding: 5px;
  margin-left: 0px;
}

.button.homeViewTable-button.homeViewTable-button-edit {
  background-color: var(--var-mainbackground-color);
  padding: 5px;
  margin-left: 0px;
}

.button.homeViewTable-button.homeViewTable-button-edit:hover {
  color: #9f9f9f;
  padding: 5px;
  margin-left: 0px;
}

button.button.buttonRowButton {
  padding: 10px;
  background-color: var(--var-mainbackground-color);
  margin-right: 10px;
}

button.button.buttonRowButton:hover {
  background-color: var(--var-hover-color);
}

button.imageButton-button {
  margin-left: 10px;
}

.button.highlightButton.pull-left {
  margin-top: 10px;
  background-color: var(--var-secondarybackground-color);
  padding-left: 10px;
  padding-right: 10px;
}

.buttonRow.floatingButtonRow.editViewButtonRow {
  margin-top: 44px;
}

table.tile {
  min-height: 150px;
  /* margin-right: 60px; */
  padding-left: 15px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin: 0.625rem;
}

td.dialogMiddleCenter {
  /* width: 500px; */
}

.messageBoxNG-item {
/*  width: 450px;  */
}

table.tile.durationTile {
  background-color: var(--var-mainbackground-color);
  /* margin: 15px; */
}

.gwt-Label.tile-headingLabel {
  font-weight: 400;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #333;
}

.tile-body > table > tbody > tr > td > .gwt-Label {
  margin-left: 0px;
}

button.button {
  background-color: var(--var-mainbackground-color);
  opacity: 1;
  transition: 0.4s;
}

button.button:hover:enabled {
  background-color: var(--var-secondarybackground-color);
  opacity: 0.7;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > button:enabled:hover {
  background-color: #425e5e;
}

.appointmentTile-noRoomsLabel {
  font-size: 1.3em;
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--var-font-warning-color);
}

.nav-popup.chatPanel.top {
  border-color: black;
  border-radius: 0;
  border-width: 2px;
}

.chatPanel.top:before {
  border-color: black transparent;
}

#gwt-uid-14.gwt-MenuItem,
#gwt-uid-15.gwt-MenuItem {
  font-weight: bold;
  padding-bottom: 10px;
}

#gwt-uid-14.gwt-MenuItem:hover,
#gwt-uid-15.gwt-MenuItem:hover {
  text-decoration: underline;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td {
  /* width: 900px; */
  padding: 0;
}

button.gwt-Button.userAdminView-createButton.highlightButton {
  margin-left: 20px;
  margin-top: 23px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td {
  padding: 30px 15px;
}

td.dialogMiddleCenter {
  border: 1px solid black;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(1)
  > input,
body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(2)
  > input {
  margin-left: 14px;
  width: 95%;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.buttonRow
  > button,
body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div
  > button {
  background-color: var(--var-mainbackground-color);
  padding: 5px;
  margin: 10px;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.buttonRow
  > button:hover,
body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div
  > button:hover {
  background-color: #232323;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(3)
  > span {
  margin-left: 16px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td
  > div.gwt-TabBarItem-selected
  > div {
  color: var(--var-font-color1);
  margin-left: 0px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div {
  color: black;
  margin-left: 0;
  margin-bottom: 0;
}

.gwt-TabBarItem-selected {
  background: var(--var-mainbackground-color);
}

.gwt-TabBar {
  border-bottom: solid 2px black;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(8)
  > td:nth-child(2)
  > span {
  margin-top: 0;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(9)
  > td:nth-child(2)
  > span {
  margin-top: 0;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(3)
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(1) {
  width: 200px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(4)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(1) {
  vertical-align: top;
  font-weight: bold;
  padding-right: 20px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(4)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1) {
  vertical-align: top;
  font-weight: bold;
  padding-right: 20px;
}

.gwt-Label.pbForm-label {
  margin-top: 4px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(4)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(2)
  > div {
  margin-right: 40px;
}

body
  > div.loginPanel-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > form
  > table
  > tbody
  > tr:nth-child(5)
  > td
  > span {
  margin-top: 15px;
}

#gwt-uid-1 {
  height: 17px;
}

body
  > div.loginPanel-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter {
  border: none;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td {
  padding-bottom: 15px;
}

body
  > div.gwt-PopupPanel.roomSearchBox-popup
  > div
  > table
  > tbody
  > tr:nth-child(16)
  > td:nth-child(36)
  > button {
  background-color: var(--var-secondarybackground-color);
}
body
  > div.gwt-PopupPanel.roomSearchBox-popup
  > div
  > table
  > tbody
  > tr:nth-child(16)
  > td:nth-child(36)
  > button:enabled:hover {
  background-color: #425e5e;
}

.gwt-Label.prefSearchBox-prefHeading.prefSearchBox-prefHeading-building,
.gwt-Label.prefSearchBox-prefHeading.prefSearchBox-prefHeading-type {
  font-weight: bold;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter {
  /* width: 700px; */
  padding: 20px 25px 25px 25px;
  background: silver !important;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(4)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td
  > button {
  /* font-weight: bold; */
  padding: 10px 15px;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div,
body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > div.gwt-Label.appointmentDetailsDialog-appointmentList-header,
body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div
  > div {
  margin-bottom: 10px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > table.multiButton.button.highlightButton.pull-left
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  background-color: var(--var-secondarybackground-color) !important;
  height: 35px !important;
  opacity: 1;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > table.multiButton.button.highlightButton.pull-left
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button {
  background-color: var(--var-secondarybackground-color) !important;
  height: 35px !important;
  opacity: 1;
  transition: opacity 0.4s;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > table.multiButton.button.highlightButton.pull-left
  > tbody
  > tr
  > td:nth-child(2)
  > button:hover {
  opacity: 0.7;
  background-color: var(--var-secondarybackground-color) !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > table.multiButton.button.highlightButton.pull-left
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button:hover {
  opacity: 0.7;
  background-color: var(--var-secondarybackground-color) !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > table.multiButton.button.highlightButton.pull-left {
  background-color: transparent !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > table.multiButton.button.highlightButton.pull-left:enabled:hover {
  background-color: transparent !important;
}

.container {
  padding: 50px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table {
  width: 600px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(4)
  > td:nth-child(1)
  > div {
  padding-top: 17px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(6)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(4) {
  height: 70px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(6)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(3) {
  height: 90px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(6)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  /* margin-left: 63px; */
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(6)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(6)
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(7)
  > td:nth-child(3)
  > button {
  background-color: transparent;
}

table.tile.dismissableTile.editableTile.addContactTile {
  right: 0px;
  float: right;
  /* position: absolute; */
  margin: 0;
  /* z-index: 1; */
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(5)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > select {
  width: 92%;
}

#gwtContent > div > div > button {
  background-color: var(--var-mainbackground-color);
}
#gwtContent > div > div > button:enabled:hover {
  background-color: #232323;
}

/* *****  MAKE HEADER BLACK AGAIN ****** */

/* #container > ul > li > a {
    margin-top: 500px;
      color: black !important;
  }

  #gwtHeader > table > tbody > tr > td > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td > div {
    color: white;
  }

  #gwtHeader > table > tbody > tr > td > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td > div {
    color: white;
  }

  #container > ul > li > a {
    margin-top: 50px;
  } */

/* **************************** */

body > div.navbar.navbar-inverse.navbar-static-top {
  background-color: var(--var-mainbackground-color_ink);
  height: 100px;
}

body
  > div.loginPanel-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > form
  > table
  > tbody
  > tr:nth-child(6)
  > td
  > button:hover {
  background-color: #232323;
}

input#gwt-uid-364,
input#gwt-uid-365,
input#gwt-uid-366,
input#gwt-uid-367 {
  height: 16px;
}

.gwt-Label.dialog-heading {
  font-weight: bold;
}

input#gwt-uid-17 {
  height: 18px;
}

#gwtContent > table > tbody > tr:nth-child(1) > td > div > button:nth-child(1) {
  background-color: #8b8b8b;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > button:nth-child(1):enabled:hover {
  background-color: #232323;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(6)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(6)
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(6)
  > td:nth-child(3)
  > button {
  background-color: transparent;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td {
  padding-top: 15px;
}

button.multiButton-button.roomDetails-multiButton-button.roomDetails-multiButton-button-book:enabled:hover {
  background-color: var(--var-secondarybackground-color);
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table {
  right: 0px;
  font-size: 1.4rem;
  width: 180px;
  float: right;
  /* position: absolute; */
  margin: 0;
  /* z-index: 1; */
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table {
  /* margin-right: 50px; */
  width: min-content;
}

.contactTile-user:hover,
.contactTile-user {
  border-top: solid 5px var(--var-mainbackground-color); 
}
/*
.contactTile-user:hover {
  border-top: solid 5px #d0e1ee;
}
*/

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div {
  margin-top: 0px;
  padding-bottom: 0px;
  padding-right: 30px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div {
  white-space: nowrap;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > button {
  padding: 13px 10px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1) {
  padding-left: 9px;
}
/* 
  #gwtContent > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > div > table > tbody > tr:nth-child(3) > td > div > div > table > tbody > tr:nth-child(2) > td > div > div.tilePanel-container > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > div > div > table > tbody > tr > td {
      display: block;
  } */

.recurrenceRule-content td {
  padding-right: 0;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > table
  > tbody
  > tr
  > td:nth-child(3)
  > input {
  width: 2.5rem;
  margin-top: -8px;
}
/* 
  input#gwt-uid-32 {
      margin-left: 20px;
  } */

.recurrenceRule-rangePanel label {
  padding-right: 2.35rem;
  /* padding-left: 1rem; */
  margin-top: -23px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(4)
  > td
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(1)
  > input {
  margin-left: 22px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(5)
  > td
  > div
  > button {
  padding: 10px;
  margin-bottom: 20px;
}

#gwtContent > div > table > tbody > tr:nth-child(1) > td > div > div {
  font-weight: bold;
  margin-left: 20px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div {
  /* margin-left: 34px; */
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div {
  /* background-color: white; */
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div {
  background-color: white;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div {
  float: left;
  /* margin-top: 140px;
  margin-left: -400px; */
  background: #e8ecef;
  position: relative;
  top: 10px;
}

.gwt-Label.pbForm-label {
  text-align: left;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div.gwt-Label.contactDetailsWidget-heading {
  margin-bottom: 20px;
  margin-left: 20px;
  font-weight: bold;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td {
  background-color: #f4f4f4;
  color: black;
  padding: 20px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td:hover {
  background-color: #d0e1ee;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td {
  background-color: #e8ecef;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  background-color: transparent;
  position: relative;
  right: -15px;
  top: -15px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  background-color: black;
  position: relative;
  bottom: -25px;
  right: -15px;
  font-weight: 600;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > div
  > div.gwt-Label.contactDetailsWidget-heading {
  font-weight: bold;
  margin-bottom: 20px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > div
  > div.remarksWidget {
  margin-left: 15px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > div
  > div.remarksWidget
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > textarea {
  margin-left: -6px;
}

select.gwt-ListBox {
  background-color: #f4f4f4;
  /* width: -webkit-fill-available; */
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > table {
  margin-top: 20px;
  margin-right: 18px;
}
table.tile.logoUploadTile {
  width: auto;
  padding: 20px;
}

.homeView-overviewTable-BOOKED {
  color: #7dc83c; /* green */
  font-weight: bold;
}

.homeView-overviewTable-DRAFT {
  color: #ffa500; /* Orange */
  font-weight: bold;
}

.homeView-overviewTable-TENTATIVE_OPTIMISTIC,
.homeView-overviewTable-TENTATIVE_PESSIMISTIC {
  color: #e5ae42; /* yellowish */
  font-weight: bold;
}

.homeView-overviewTable-CANCELLED {
  color: #fc7171; /* red */
  font-weight: bold;
}

.homeView-overviewTable-optionExpired {
  background: transparent url('../img/warning-14.png') no-repeat;
  padding-left: 23px;
}

.scheduler-gantt-booked {
  background-color: var(--var-mainbackground-color); /* green */
  font-weight: bold;
  color: var(--var-text-white);
}

.scheduler-gantt-draft {
  background-color: #ffa500; /* Orange */
  font-weight: bold;
  color: var(--var-text-white);
  /* border: solid 2px #fc7171; */
}

.scheduler-gantt-tentative-optimistic,
.scheduler-gantt-tentative-pessimistic {
  background-color: #f9ea07; /* Yellow*/
  font-weight: bold;
  color: var(--var-text-white);
}

.scheduler-gantt-cancelled {
  background-color: #fc7171; /* red */
  font-weight: bold;
  color: var(--var-text-white);
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  padding: 10px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(4)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(5)
  > td:nth-child(2)
  > button {
  height: 36px;
  width: 104.48px;
  margin-right: 2px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(4)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div {
  margin-left: 120px;
  font-weight: bold;
  color: black;
  padding-top: 10px;
  padding-right: 17px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > button {
  background-color: black;
}
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > button:enabled:hover {
  background-color: #565656;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  padding: 10px !important;
  /* background-color: black !important; */
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button:hover {
  background-color: #565656 !important;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  background-color: var(--var-mainbackground-color) !important;
  padding: 10px !important;
}
#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button:hover {
  background-color: #565656 !important;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter {
  /* border: none;
    padding-top: 50px; */
  /* padding-left: 110px; */
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div {
  font-weight: bold;
  font-size: 1.275rem;
  color: black;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div {
  font-weight: normal;
  font-size: 0.975rem;
  color: black;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > table
  > tbody
  > tr:nth-child(5)
  > td
  > button {
  padding: 10px;
  /* font-weight: bold; */
  width: 200px;
  text-align: left;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > table
  > tbody
  > tr:nth-child(6)
  > td
  > button {
  padding: 10px;
  /* font-weight: bold; */
  background-color: #8b8b8b;
  margin-top: 10px;
  width: 200px;
  text-align: left;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div {
  margin-bottom: 42px;
  margin-left: -19px;
  margin-top: -10px;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > input {
  background-color: #f4f4f4;
  box-shadow: none;
  border-style: none;
  margin-left: -98px;
  width: 350px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(2)
  > select {
  width: 350px;
}

.alerPanel,
#alertPanel {
  position: absolute;
  /* top: 600px; */
  width: 100%;
  left: 0%;
}

.alert-info {
  background-color: var(--var-mainbackground-color);
  color: var(--var-text-white);
  text-align: center;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div {
  font-weight: bold;
  padding-bottom: 10px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > button {
  padding: 10px;
  margin-left: 20px !important;
  /* font-weight: bold; */
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > div
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > select,
#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > div
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(3)
  > td:nth-child(2)
  > select,
#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > div
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(3)
  > td:nth-child(2)
  > select {
  width: 350px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > input {
  width: 350px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2) {
  padding-right: 50px;
}

#gwtContent
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > div:nth-child(2)
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > input {
  width: 350px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(3)
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div {
  width: 150px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div,
#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div,
#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(3)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div,
#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(3)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div,
#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(4)
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div {
  font-weight: bold;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(2)
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div {
  /* width: 150px; */
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(1)
  > div {
  width: 150px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(1)
  > div {
  width: 150px;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(1)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(2)
  > input {
  width: 270px;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(2)
  > div {
  margin-top: 20px;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(1)
  > div {
  margin-top: 13px;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.gwt-Label.passwordResetDialog-heading {
  font-weight: bold;
}

body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(1)
  > input,
body
  > div.gwt-DialogBox.passwordResetDialog-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.form-ng
  > div:nth-child(2)
  > input {
  margin-left: 0px;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button {
  background-color: var(--var-secondarybackground-color);
}
#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > button:hover {
  /* background-color: #425e5e !important; */
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div
  > button,
body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div:nth-child(6)
  > table
  > tbody
  > tr:nth-child(5)
  > td:nth-child(2)
  > div
  > button,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(6)
  > td
  > div
  > div
  > div.tilePanel-container
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > form
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > button {
  padding: 10px;
  font-weight: bold;
}

body
  > div.gwt-DialogBox.userAdmin-popup
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div
  > button {
  float: right;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.buttonRow
  > button:nth-child(1) {
  /* font-weight: bold; */
  margin-left: 0px;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.buttonRow
  > button:nth-child(2) {
  /* font-weight: bold; */
  background-color: #777;
  float: right;
}

body
  > div.gwt-DialogBox
  > div
  > table
  > tbody
  > tr.dialogMiddle
  > td.dialogMiddleCenter
  > div
  > div
  > div.buttonRow
  > button:nth-child(2):hover {
  /* font-weight: bold; */
  background-color: #333;
  float: right;
}

#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody:nth-child(3)
  > tr.GBG2FFLDPC
  > td:nth-child(2)
  > div
  > button,
#gwtContent
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody:nth-child(3)
  > tr.GBG2FFLDPD
  > td:nth-child(2)
  > div
  > button {
  padding: 10px;
}

body > div.gwt-PopupPanel.roomSearchBox-popup > div > table {
  width: 1020px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table.tile.dismissableTile.editableTile.dateTimeTile.tile-expanded
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button.gwt-Button.pbDateTimePicker-button.pbDateTimePicker-button-enabled,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table.tile.dismissableTile.editableTile.dateTimeTile.tile-expanded
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button.pbDateTimePicker-button-enabled {
  color: var(--var-font-color1) !important;
  background: var(--var-secondarybackground-color) !important;
  width: 33px !important;
  height: 33px !important;
  margin-left: 14px !important;
  padding-left: 10px !important;
  float: center !important;
  font-weight: bold !important;
  border: 1px solid #000;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table.tile.dismissableTile.editableTile.dateTimeTile.tile-expanded
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button.gwt-Button.pbDateTimePicker-button {
  width: 33px !important;
  height: 33px !important;
  margin-left: 14px !important;
  padding-left: 10px !important;
  float: center !important;
  font-weight: bold !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table.tile.dismissableTile.editableTile.dateTimeTile.tile-expanded
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button.gwt-Button.pbDateTimePicker-button:hover {
  color: var(--var-font-black) !important;
  background: var(--var-hover-color2) !important;
  width: 33px !important;
  height: 33px !important;
  margin-left: 14px !important;
  padding-left: 10px !important;
  float: center !important;
  font-weight: bold !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table.tile.dismissableTile.editableTile.dateTimeTile.tile-expanded
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button.gwt-Button.pbDateTimePicker-button-up,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table.tile.dismissableTile.editableTile.dateTimeTile.tile-expanded
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(1)
  > div
  > button.gwt-Button.pbDateTimePicker-button-down {
  width: 50px;
  height: 20px;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(2)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button.pbDateTimePicker-button-enabled,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(3)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button.pbDateTimePicker-button-enabled {
  color: var(--var-font-color1) !important;
  background: var(--var-secondarybackground-color) !important;
  width: 33px !important;
  height: 33px !important;
  margin-left: 14px !important;
  padding-left: 10px !important;
  float: center !important;
  font-weight: bold !important;
  border: 1px solid #000;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(2)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(3)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button {
  width: 33px !important;
  height: 33px !important;
  margin-left: 14px !important;
  padding-left: 10px !important;
  float: center !important;
  font-weight: bold !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(2)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button:hover,
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(3)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > div
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(2)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div
  > button.gwt-Button.pbDateTimePicker-button:hover {
  /* color: var(--var-font-color1) !important; */
  background: var(--var-hover-color2) !important;
  width: 33px !important;
  height: 33px !important;
  margin-left: 14px !important;
  padding-left: 10px !important;
  float: center !important;
  font-weight: bold !important;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > div
  > div.tilePanel-container
  > table:nth-child(6)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > div
  > table
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr:nth-child(6)
  > td:nth-child(2)
  > div
  > table
  > tbody
  > tr:nth-child(5)
  > td:nth-child(3)
  > button {
  background-color: transparent;
}

#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table:hover {
  background-color: #e8ecef;
}
#gwtContent
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr:nth-child(3)
  > td
  > table
  > tbody
  > tr:nth-child(2)
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > table {
  width: fit-content;
}

select option:hover {
  background-color: #d0e1ee;
}

#container > ul > li > a {
  color: var(--var-font-color1) !important;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: transparent !important;
  background-color: transparent !important;
  font-size: 0px;
}

#navbar-brand.navbar-brand {
  background-image: url(../img/iCITY_Logo_White_50h.png);
  background-size: auto;
  background-repeat: no-repeat;
  width: 165px !important;
  height: 55px !important;
  margin-top: 31px;
  margin-left: 27px;
}

.personWidget-editView {
  background: #e8ecef;
}

#container > ul > li:nth-child(1) > a {
  color: var(--var-font-color1) !important;
}

.dynamicFieldsView {
	display: none;
}

/*.... */
.navigator Button.gwt-Button {
  padding: 0.625rem 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: -4px;
  height: 35px;
  line-height: 5px;
  font: var(--var-font1);
  color: var(--var-font-color1);
  line-height: 5px;
  background-color: var(--var-mainbackground-color);
  transition: background 0.4s, color 0.4s;
}

.navigator Button.gwt-Button:hover {
  background-color: var(--var-hover-color2) !important;
  opacity: 0.8;
}

.container {
  padding: 3rem 0 0 0;
  width: 100%;
  max-width: 100%;
}

#gwtFooter {
  position: relative;
  top: 80px;
  left: 25px;
}

.homeView-subview {
  margin-left: 25px;
  margin-right: 20px;
}

.homeView-subview .billingView h1 {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 15px;
  padding: 10px 0px 20px 0px;
  text-align: left;
}

button.multiButton-selector.glyphicon.glyphicon-chevron-down {
  background-color: var(--var-mainbackground-color);
}

button.searchBox-MultiButton {
  background-color: var(--var-mainbackground-color);
}

button.multiButton-selector.glyphicon.glyphicon-chevron-down:hover {
  background-color: var(--var-hover-color2);
}

button.searchBox-MultiButton:hover {
  background-color: var(--var-hover-color2);
}

.homeView-subview .billingView .tableContainer {
  margin: 0 15px;
}

.homeView-subview .billingView .body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.homeView-subview .billingView .tableContainer .gwt-TextBox {
  width: 18.125rem;
  background-color: #e8ecef;
  height: 2.375rem;

  width: fit-content;
  /* position: relative; */
}

.tilePanel-heading:first-child {
  padding: 10px 15px;
  background-color: silver;
  position: relative;
  margin: 15px 0;

  /* font-family: var(--font-family); */
}

.panel-primary table.tile {
  margin: 0.625rem 0;
}

.scheduler-hourPanel {
  height: 75px !important; 
}

.scheduler-labelWidget-label {
  width: 175px !important; 
}
.scheduler-row {
/*  height: 60px !important; */
}

.scheduler-row.scheduler-separatorRow {
  height: 25px !important;
}

table.panel.panel-primary.overviewPanel {
  padding-bottom: 15px;
}

.panel-body {
  margin-bottom: 15px;
}

.editView {
  margin-top: 48px;
  width: 100%;
}

table.appointmentView,
table.locationView,
table.participantsView,
table.attachmentsView {
  width: 100vw;
}

.appointmentTile {
  width: 620px;
}

.scheduler-labelWidget {
  width: 180px !important;
}

.durationTile {
  background-color: var(--var-mainbackground-color) !important;
  width: 110px !important;
}

.pbDateTimePicker-button-enabled {
  background-color: var(--var-mainbackground-color) !important;
  border: 0 !important;
  color: var(--var-font-color1) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

.appointmentTile-buttonPanel button,
.roomSearchBox-popup-table button,
.personWidget-editMode-buttonRow button,
.tile-expanded button,
.button-remarks,
.button-cancel,
.button-save {
  background-color: var(--var-mainbackground-color);
}

@media screen and (width < 1350px) {
  .appointmentTile {
    width: 400px;
  }
}

html body div.gwt-DialogBox > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  text-align: center !important;
  top: 0 !important;
  bottom: 0 !important;
  position: fixed !important;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999999 !important;
}

html body div.gwt-DialogBox > div > table {
  margin-right: auto;
  margin-left: auto;
  margin-top: calc(40vh - 190px);
}

.messageBoxNG-item:hover {
  background-color: #aaa;
}

.locationSelectTile-searchPanel .tile-headingLabel,
.searchBoxTile-searchPanel
  > tbody
  > tr:nth-child(1)
  > td
  > div.tile-headingLabel {
  font-size: 1.975rem;
  text-transform: uppercase;
}

.locationView-bar,
.locationSelectTile,
.locationSelectTile-searchPanel,
.participantsView-bar {
  background-color: #d7d8d6;
  width: 100%;
}

.addressbookPanel
  .addressbookView-searchPanel:nth-child(1)
  tr
  td:nth-child(1)
  .searchBoxTile {
  width: 320px !important;
  position: relative;
  left: -5px;
  top: 10px;
}

.addressbookView-searchPanel .tile-headingLabel {
  font-size: 1.2em !important;
}

[disabled].button {
  background-color: var(--var-mainbackground-color);
}

.addressbookPanel {
  padding-bottom: 15px;
}

.locationSelectTile-searchPanel > tbody > tr:nth-child(2) > td:nth-child(1) {
  position: relative;
  left: 20px;
  /* top: 20px; */
}

.locationSelectTile-searchPanel .tile-headingLabel {
  padding: 20px 0 0 20px;
}

table.roomDetailsTile-pricePanel {
  position: relative;
/*  top: 80px; */
}

.searchResultsPanel .buttonRow .dismissbutton {
  color: #4d4d4c;
  font-size: 2em;
}

.addressbookPanel-body .contactDetailsTile {
  border-top: 5px solid var(--var-mainbackground-color);
}

.contactDetailsTile .contactDetailsTile select,
.contactDetailsTile .contactDetailsTile select:disabled {
  width: 250px;
}

table.pbSuggestBox {
  margin-bottom: 15px;
}

.attachmentsView table,
.attachmentsView tr,
.attachmentsView td {
  margin: 0;
}
.pbToggleButton-edit {
  height: 25px;
}

.settingsView-col .gwt-ListBox {
  width: 350px;
}

.gwt-RadioButton,
.gwt-CheckBox {
  white-space: nowrap;
}

.pbToggleButton,
.recurrenceRule-buttonRow .gwt-Button {
  background: var(--var-mainbackground-color);
  transition: background 0.4s, color 0.4s;
}

.pbToggleButton:enabled:hover,
.recurrenceRule-buttonRow .gwt-Button:enabled:hover {
  background: var(--var-mainbackground-color);
}

.subjectTile-hintLabelPublic,
.subjectTile-hintLabelConfidential,
.subjectTile-hintLabelExcludeFromSignage,
.subjectTile-hintLabelMobileAccessOnly {
  width: 100%;
}

.subjectTile-hintLabelPublic tbody tr,
.subjectTile-hintLabelConfidential tbody tr,
.subjectTile-hintLabelExcludeFromSignage tbody tr,
.subjectTile-hintLabelMobileAccessOnly tbody tr {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.recurrenceRule-rangePanel .gwt-DatePicker {
  border: none;
  margin-right: 0;
}

/*
 * fixing the calendar view style
 */
.scheduler-row.scheduler-hourRow {
        display: table;
}
.scheduler-row.scheduler-hourRow .scheduler-hourCell {
        display: table-cell;
}

.scheduler-mainDateLabel {

	margin-top: 0 ;
}