body {
  font-size: 13px; }

.form-control {
  font-size: 13px; }

h2 {
  font-size: 1.5em;
  padding-bottom: 9px;
  color: #53585F; }

h3 {
  font-size: 1.35em;
  padding-bottom: 9px;
  color: #53585F; }

.btn {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.inline-instructions {
  font-size: 1.2em;
  color: #53585F;
  font-weight: 400; }

.accented-text {
  color: #97CA3D; }

p a, span a, .modal-footer a:not(.btn), .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail) {
  color: #21467E;
  text-decoration: none;
  border-bottom: dotted 1px transparent; }
  p a:hover, span a:hover, .modal-footer a:not(.btn):hover, .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail):hover {
    text-decoration: none;
    border-bottom: dotted 1px #21467E !important; }
    p a:hover[data-action=today], p a:hover[data-action=close], p a:hover.timepicker, span a:hover[data-action=today], span a:hover[data-action=close], span a:hover.timepicker, .modal-footer a:not(.btn):hover[data-action=today], .modal-footer a:not(.btn):hover[data-action=close], .modal-footer a:not(.btn):hover.timepicker, .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail):hover[data-action=today], .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail):hover[data-action=close], .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail):hover.timepicker {
      border-bottom: dotted 1px transparent !important; }

.fa-plus-circle {
  color: #5cb85c !important; }

.fa-minus-circle {
  color: #d53f3f !important; }

/*.row > div > a:not(.btn):not([role=tab]):not([role=button]) {
    display: inline-block;
}*/
.float-right {
  float: right; }

.date-time-header {
  font-size: 1.1em;
  background-color: #F2F2EA;
  padding: 6px;
  border-bottom: solid 2px #E5E5DF;
  border-radius: 3px;
  margin: 10px 0 10px 0;
  font-weight: 400; }

.ellipsis-text, .mobile-ellipsis-text, #location-details-modal .location-details-tab, .sortable-grid-header .grid-text, .sortable-grid-header .grid-text-center, .sortable-grid-content .grid-text, .sortable-grid-content .grid-text-center, .event-calendar .dx-calendar-cell .calendar-cell-event {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

label.error {
  color: #a94442; }

label.required::after {
  content: " *"; }

.no-scroll {
  overflow-y: hidden !important; }

.input-wrapper-for-icon {
  position: relative; }
  .input-wrapper-for-icon .input-icon-embed {
    position: absolute;
    margin-left: -22px;
    top: 7px;
    line-height: 16pt; }

#page-loading-overlay,
#page-loading-overlay-skype {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 0.75;
  z-index: 1000;
  text-align: center; }
  #page-loading-overlay .loading-animation,
  #page-loading-overlay-skype .loading-animation {
    position: fixed;
    top: 50%;
    left: 50%; }

input::-ms-clear {
  display: none; }

.navbar {
  background-color: #003366;
  border: none;
  height: 63px; }
  .navbar .navbar-brand {
    padding-top: 11px;
    width: 250px;
    padding-left: 0;
    margin-left: 15px; }
    .navbar .navbar-brand img {
      margin-left: auto;
      margin-right: auto; }
  .navbar h1 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 2.25em;
    color: #FFFFFF;
    margin: 15px 0 0 18px;
    padding-bottom: 5px; }

.help-icon {
  font-size: 1em; }
  .help-icon > a {
    padding-top: 5px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF !important; }
    .help-icon > a .fa {
      font-size: 16pt;
      padding-left: 9px; }
    .help-icon > a .fa-angle-down {
      font-size: 11pt; }

.ems-logo {
  max-width: 135px;
  max-height: 40px; }

.ems-logo-link {
  margin-left: 50px; }

#page-title-responsive {
  display: none; }
  #page-title-responsive h1 {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    margin-top: 0; }
  #page-title-responsive h1.title-highlight {
    background-color: #F7F7F7;
    padding: 6px 6px 6px 15px;
    margin-top: -10px;
    margin-left: -30px;
    margin-right: -30px; }

.attachment-row {
  background-color: #F2F2EA;
  border-radius: 6px;
  border-color: #E5E5DF;
  width: 70%;
  border-width: 1px;
  margin-top: 4px;
  padding: 5px; }
  .attachment-row .filename {
    display: inline;
    white-space: nowrap; }
  .attachment-row .attachment-delete {
    display: inline;
    float: right; }
  .attachment-row .error {
    color: #d53f3f; }

#user-menu {
  padding: 0;
  margin-right: 15px;
  font-size: 1em; }
  #user-menu > a {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    border: none;
    background-color: #142A4B; }
    #user-menu > a:focus {
      background-color: #142A4B; }
    #user-menu > a:active {
      background-color: #142A4B; }
    #user-menu > a .fa {
      font-size: 16pt;
      padding-left: 9px; }
    #user-menu > a .fa-angle-down {
      font-size: 11pt;
      padding-top: 6px; }
    #user-menu > a #user-name-icons {
      float: right; }
    #user-menu > a #user-name {
      float: right;
      display: block;
      padding-top: 3px;
      text-align: right;
      max-width: 250px;
      white-space: nowrap; }

.nav .dropdown-menu {
  background-color: #142A4B;
  border: none;
  border-radius: 3px !important;
  margin-top: 3px !important;
  padding-top: 10px;
  padding-bottom: 10px; }
  .nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]) {
    color: #FFFFFF !important;
    font-size: 13px;
    /*$body-font-size;*/
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400; }
    .nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]):active {
      background-color: #19355f; }
    .nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]):hover {
      background-color: #19355f;
      border: none; }
    .nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]):focus {
      background-color: #19355f; }
  .nav .dropdown-menu li.divider {
    margin: 9px;
    padding: 1px;
    background-color: #19355f; }

.sign-out {
  margin-top: 12px; }
  .sign-out .fa-sign-out {
    padding: 0 !important;
    font-size: 12pt !important; }

#user-menu-section .dropdown-toggle {
  height: 63px;
  background-color: #142A4B !important;
  padding-top: 20px !important; }

@media all and (max-width: 991px) and (min-width: 200px) {
  .navbar-toggle {
    float: left !important;
    margin: 17px -45px 8px 10px !important;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important; }
    .navbar-toggle i {
      font-size: 2.0em;
      color: #fff; }
    .navbar-toggle:hover {
      background-color: transparent !important; }
    .navbar-toggle:active {
      background-color: transparent !important; }
    .navbar-toggle:focus {
      background-color: transparent !important; }
  .container-fluid > .navbar-header {
    float: left; }
    .container-fluid > .navbar-header h1 {
      margin: 20px 0 0 -20px;
      font-size: 1.4em; }
  .navbar-brand > img {
    height: 30px !important;
    margin-top: 5px !important;
    margin-left: 30px !important; }
  #help-icon {
    display: none; }
  #nav-logo-section {
    max-width: 165px; }
  #user-menu-section {
    border-top: none;
    padding: 0;
    float: right; }
    #user-menu-section .navbar-nav {
      margin: 0 !important; }
    #user-menu-section #user-menu {
      max-width: 160px;
      margin-right: -10px;
      padding-right: 10px; }
      #user-menu-section #user-menu #user-menu-dropdown {
        background-color: #142A4B;
        font-size: 13px; }
        #user-menu-section #user-menu #user-menu-dropdown li > a {
          padding: 3px 20px !important; }
          #user-menu-section #user-menu #user-menu-dropdown li > a:hover {
            background-color: #19355f; }
      #user-menu-section #user-menu > a {
        padding-left: 5px;
        padding-top: 23px !important; }
        #user-menu-section #user-menu > a .fa {
          padding-left: 5px !important;
          padding-top: 4px !important; }
        #user-menu-section #user-menu > a .fa-user {
          display: none; }
        #user-menu-section #user-menu > a #user-name {
          max-width: 100px;
          padding-top: 0; }
  #page-title {
    display: none; }
  #page-title-responsive {
    display: block; } }

@media all and (max-width: 764px) and (min-width: 200px) {
  .ems-logo-link {
    margin-left: 30px; } }

.navbar-toggle-override {
  float: left !important;
  margin: 17px -45px 8px 0px !important;
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important; }
  .navbar-toggle-override i {
    font-size: 2.0em;
    color: #fff; }
  .navbar-toggle-override:hover {
    background-color: transparent !important; }
  .navbar-toggle-override:active {
    background-color: transparent !important; }
  .navbar-toggle-override:focus {
    background-color: transparent !important; }

#wrapper {
  margin-top: 63px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

#sidebar-wrapper {
  background: #F2F2EA;
  border-right: solid 2px #E5E5DF; }

.sidebar-nav li {
  text-transform: uppercase;
  text-indent: 0;
  line-height: 50px;
  font-weight: 400;
  vertical-align: middle; }
  .sidebar-nav li:hover {
    background-color: #E5E5DF; }
  .sidebar-nav li a {
    color: #53585F;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .sidebar-nav li a:hover {
      border: none; }
    .sidebar-nav li a .fa {
      font-size: 13pt;
      padding: 0 9px 0 18px; }
  .sidebar-nav li hr {
    background-color: #E5E5DF;
    padding: 1px;
    margin: 9px 9px 9px 9px; }
  .sidebar-nav li.no-click {
    font-size: 1.1em;
    line-height: 30px;
    font-weight: 600;
    margin-top: 5px;
    margin-left: 20px; }
    .sidebar-nav li.no-click:hover {
      background-color: transparent;
      border: none; }
    .sidebar-nav li.no-click a {
      cursor: default;
      color: #999; }
      .sidebar-nav li.no-click a:hover {
        background-color: transparent;
        border: none; }
      .sidebar-nav li.no-click a i {
        display: none; }

a.current-page {
  background-color: #E5E5DF;
  color: #000 !important;
  border-left: solid 6px #97CA3D; }
  a.current-page:hover {
    border-left: solid 6px #97CA3D !important; }

li.secondary {
  text-indent: 9px;
  line-height: 40px; }

li.resource-link {
  text-indent: 18px;
  line-height: 36px;
  text-transform: none; }

.nav-tabs {
  text-transform: uppercase;
  border: none;
  border-bottom: solid 2px #E5E5DF; }
  .nav-tabs a {
    color: #000000; }
  .nav-tabs .active a, .nav-tabs .active a:hover {
    color: #000000 !important;
    border: none !important;
    border-bottom: solid 6px #97CA3D !important;
    font-weight: 400; }
  .nav-tabs a:hover {
    border: solid 1px transparent !important;
    border-radius: 3px; }

.udf .popover {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: 0 !important;
  background-color: #F2F2EA;
  max-width: 1000px; }
  .udf .popover .popover-title {
    border: 0;
    border-radius: 0 !important;
    background-color: #F2F2EA; }
    .udf .popover .popover-title a {
      color: #ABAAAB;
      float: right;
      cursor: pointer; }
    .udf .popover .popover-title .popover-close-apply {
      color: #21467E;
      padding-right: 9px; }
      .udf .popover .popover-title .popover-close-apply i {
        padding-right: 3px; }
  .udf .popover .popover-content {
    background-color: #F2F2EA;
    padding: 0 10px 5px 10px;
    border-radius: 0 !important; }
    .udf .popover .popover-content .checkbox {
      min-width: 175px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 5px 10px; }
    .udf .popover .popover-content .checkbox:hover {
      color: #fff;
      background-color: #152B4B; }

.conferencing-toggle {
  margin-right: 5px; }

.timeout-message {
  width: 60%;
  color: #963133;
  margin-bottom: 15px; }

#browse-events {
  background-color: #F2F2EA; }

#weeklyResults {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important; }

.event-grid > tr > td {
  padding: 4px 6px 4px 6px; }

#mobileGridRow .event-grid > tr > td {
  padding: 3px;
  text-align: left; }

.body-dark-background {
  background-color: #F2F2EA; }

.vems-panel-light {
  background-color: #FFFFFF;
  border-radius: 6px;
  margin-top: 10px;
  padding: 2.0em; }
  .vems-panel-light .dynamic-filter-content {
    background-color: transparent; }

@media all and (max-width: 991px) and (min-width: 200px) {
  .vems-panel-light {
    padding: 10px; }
  .searchText {
    display: none; } }

.column-header {
  text-transform: uppercase;
  color: #21467E;
  padding: 3px; }

.column-header-dark {
  text-transform: uppercase;
  color: #21467E;
  padding: 3px;
  background-color: #E0DFE0;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap; }

.nav-button {
  height: 24px;
  font-weight: bold;
  color: #21467E;
  padding: 4px;
  line-height: 14px;
  margin: 0 8px 0 8px; }

.row-cancelled {
  color: #9B9B9B !important; }
  .row-cancelled a {
    color: #9B9B9B !important; }

.row.bordered {
  margin: 0; }

.btn-main {
  background-color: #F2F2EA;
  color: #21467E;
  font-weight: 600;
  min-width: 65px; }

.ig-container {
  margin: 15px 0 0 0;
  overflow: hidden; }
  .ig-container .ig-subhead {
    padding-top: 3px;
    font-size: 1.3em;
    color: #53585F;
    font-weight: 300; }
    .ig-container .ig-subhead span {
      font-weight: 400;
      font-size: 1.3em; }

.vems-panel {
  background-color: #F2F2EA;
  border-radius: 3px;
  margin-top: 20px;
  padding: 2em; }

.left-subpanel {
  border-right: 2px solid #E5E5DF; }

.table tbody tr {
  height: 45px; }
  .table tbody tr:hover {
    background-color: #fafaf8; }
    .table tbody tr:hover .btn-xs {
      background-color: #cbcbbb;
      border: solid 1px #b5b59e; }
    .table tbody tr:hover .btn-xs:active {
      background-color: white;
      border: solid 1px #cbcbbb; }
  .table tbody tr td.status-time {
    white-space: nowrap;
    width: 11em; }
  .table tbody tr td {
    vertical-align: middle; }
    .table tbody tr td a {
      color: #21467E;
      text-decoration: none;
      display: inline; }
      .table tbody tr td a:hover {
        border-bottom: dotted 1px #21467E; }

.table-buttons {
  text-align: right;
  white-space: nowrap; }
  .table-buttons .btn-xs {
    border: solid 1px #cbcbbb;
    background-color: #E1E1D8;
    color: #000000; }

#my-bookings-daily .btn-xs {
  margin: 3px 3px; }
  @media all and (max-width: 991px) and (min-width: 200px) {
    #my-bookings-daily .btn-xs {
      float: left; } }

.time-zone-heading {
  float: right;
  font-size: 1.3em;
  margin-top: 10px;
  text-transform: none;
  font-weight: 600; }

.status {
  display: inline-block;
  margin-right: 3px;
  width: 6px;
  border-radius: 3px;
  background-color: transparent; }

.status-past {
  background-color: #e9ecf1; }

.status-reserved {
  background-color: #b5c6de; }

.status-cancelled {
  background-color: #6881a5; }

.status-request {
  background-color: #375581; }

.status-conflict {
  background-color: #142a4b; }

.nav-pills li {
  margin: 9px 0 9px 0; }
  .nav-pills li a {
    padding: 6px 9px 6px 9px;
    font-size: 0.9em;
    color: #337ab7;
    font-weight: 600; }
    .nav-pills li a:hover {
      color: #21467E;
      border: none; }

.center-pills {
  display: inline-block; }

#my-reservations {
  margin-top: 18px; }

.no-bookings-wrap {
  padding: 60px;
  border: 2px solid #E5E5DF;
  margin-top: 20px; }
  .no-bookings-wrap h3, .no-bookings-wrap h4 {
    display: block;
    text-align: center; }
  .no-bookings-wrap i {
    padding: 0 9px; }
  .no-bookings-wrap a:hover {
    cursor: pointer; }

.my-bookings-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 1029;
  background-color: #fff;
  opacity: 0.75; }

.my-bookings-loading-img {
  position: relative;
  top: 40%;
  left: inherit; }

.location {
  margin-bottom: 15px; }

.previous-today-next {
  margin-top: 15px;
  font-size: 0.9em; }
  .previous-today-next a {
    margin-left: 12px;
    color: #000000;
    padding: 9px; }
    @media all and (max-width: 991px) and (min-width: 200px) {
      .previous-today-next a {
        margin-left: 0;
        padding: 6px; } }
    .previous-today-next a:hover {
      text-decoration: none;
      background-color: #E5E5DF;
      border-radius: 3px;
      cursor: pointer; }
    .previous-today-next a:focus {
      text-decoration: none; }
  .previous-today-next a:last-child {
    margin-right: 9px; }

.booking-grid {
  overflow-y: auto;
  overflow-x: hidden;
  float: none; }
  .booking-grid > div > .row {
    padding: 10px 0 10px 0;
    border-top: 1px solid #E5E5DF;
    white-space: nowrap; }
    .booking-grid > div > .row:nth-child(odd) {
      background-color: #fafaf8; }
    .booking-grid > div > .row:hover {
      background-color: #fafaf8; }
      .booking-grid > div > .row:hover .btn-xs {
        background-color: #cbcbbb;
        border: solid 1px #b5b59e; }
      .booking-grid > div > .row:hover .btn-xs:active {
        background-color: white;
        border: solid 1px #cbcbbb; }
  .booking-grid.daily {
    max-height: 350px;
    margin-bottom: 15px; }
  .booking-grid .status {
    height: 20px;
    float: left; }

@media all and (max-width: 991px) and (min-width: 200px) {
  .booking-grid .status {
    height: 60px; }
  .booking-grid.daily .status {
    height: 40px; }
  .left-subpanel {
    border-right: 0;
    border-bottom: 2px solid #E5E5DF;
    padding-bottom: 10px; } }

#bookingrules span {
  font-weight: bold; }

.row-selectable {
  cursor: pointer; }

.row-selected {
  background-color: #E5E5DF !important;
  font-weight: bold; }

.actas-modal-message {
  margin-bottom: 15px; }

.addthis_toolbox {
  float: left; }
  .addthis_toolbox .at-icon-wrapper {
    text-align: left !important;
    border-radius: 4px !important;
    height: 30px !important;
    width: 70px !important; }
    .addthis_toolbox .at-icon-wrapper svg {
      width: 25px !important;
      height: 30px !important; }
    .addthis_toolbox .at-icon-wrapper span.at-label {
      color: #fff !important;
      display: block !important;
      margin-top: -25px !important;
      margin-left: 25px !important;
      font-size: .95em !important;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .addthis_toolbox a.addthis_button_compact {
    border-bottom: none !important; }
    .addthis_toolbox a.addthis_button_compact:hover {
      border-bottom: none !important; }

#booking-details-modal .booking-details-ics-link {
  padding-top: 6px;
  color: #21467E;
  margin-right: 10px; }

#booking-details-modal .booking-details-ics-icon {
  font-size: 1.2em;
  cursor: pointer; }

#booking-details-modal .booking-details-edit-booking {
  margin-left: 5px; }

#booking-details-modal #booking-details-grid-container {
  margin-top: -10px; }

#booking-details-modal #detailsContainer tbody tr {
  height: 25px; }

#booking-details-modal .modal-footer {
  margin-top: -15px; }
  #booking-details-modal .modal-footer .button-row {
    margin-top: -10px;
    margin-bottom: 20px; }
    #booking-details-modal .modal-footer .button-row .btn.btn-grey {
      background-color: #E1E1D8; }
  #booking-details-modal .modal-footer .align-left {
    text-align: left; }
  #booking-details-modal .modal-footer .align-center {
    text-align: center; }
  #booking-details-modal .modal-footer .align-right {
    text-align: right; }

.warning-message {
  font-weight: bold;
  color: #963133; }

#location-details-modal #setupContainer thead {
  position: relative; }

@media all and (max-width: 991px) and (min-width: 200px) {
  #location-details-modal .location-details-tab {
    max-width: 100% !important; } }

.modal-dialog {
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

.modal-content {
  border-radius: 0 !important; }

.modal-header {
  border-top: solid 6px #97CA3D;
  border-radius: 0;
  border-bottom: none;
  padding: 15px 15px 0 15px; }
  .modal-header h4.modal-title {
    font-size: 1.55em; }

.modal-body {
  padding: 0 15px 15px 15px; }
  .modal-body .tab-content .tab-pane {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden; }

.modal-footer {
  border-top: none; }
  .modal-footer .btn {
    font-size: 0.9em; }

.modal-grid {
  margin-left: 15px; }

#confirmation-modal .modal-sm {
  width: 35%;
  position: fixed;
  top: 80px;
  left: 64%;
  margin: 0 0 0 -30%; }

@media all and (max-width: 991px) and (min-width: 200px) {
  #confirmation-modal .modal-sm {
    width: 60%;
    left: 50%; } }

#confirmation-modal .modal-header {
  border-top: solid 6px #97CA3D;
  border-radius: 0;
  border-bottom: none;
  padding: 5px; }

#confirmation-modal .modal-header .close {
  margin-right: 3px; }

#confirmation-modal .modal-body {
  position: static;
  margin: 5px;
  padding: 10px; }

#tou-modal .modal-body {
  border: 1px solid #E5E5DF;
  padding: 10px;
  margin: 15px;
  max-height: 300px;
  overflow-y: auto; }

.vc-host-warning, .cal-occ-warning {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 60px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
  background-color: rgba(208, 129, 0, 0.1); }

.vc-host-warning-icon, .cal-occ-warning-icon {
  margin-left: 15px;
  margin-right: 15px; }

.vc-host-warning-message, .cal-occ-warning-message {
  color: #d08100; }

#booking-details-tabs {
  border-bottom: solid 2px #E5E5DF; }

.simple-search {
  margin: 18px 0 9px 0; }
  .simple-search .result-count {
    margin-left: 27px;
    color: #53585F; }
  .simple-search input {
    width: 288px !important; }

#booking-search-header {
  background-color: white;
  font-weight: bold;
  padding: 10px 0 10px 0;
  border-bottom: 2px solid #E5E5DF;
  cursor: pointer; }

.simple-search-results .inline-instructions {
  text-align: center;
  padding: 18px; }

#bookings-monthly-calendar .dx-widget.dx-calendar-navigator {
  display: none; }

#bookings-monthly-calendar .dx-calendar-body {
  top: 5px; }

#bookings-monthly-calendar .dx-calendar-cell {
  border: 1px solid #E5E5DF;
  padding: 4px;
  vertical-align: top;
  border-radius: 0; }
  #bookings-monthly-calendar .dx-calendar-cell:focus {
    outline: none; }

#bookings-monthly-calendar .calendar-cell-container {
  width: 100%;
  height: 100%;
  position: relative;
  text-shadow: none; }
  #bookings-monthly-calendar .calendar-cell-container:focus {
    outline: none; }

#bookings-monthly-calendar .calendar-cell-text {
  position: absolute;
  top: 0;
  left: 0; }

#bookings-monthly-calendar .calendar-cell-gauge {
  background-color: #C4C4BA;
  width: 15px;
  max-height: 40px;
  position: absolute;
  bottom: 0;
  left: 40px;
  border-radius: 3px; }
  @media all and (max-width: 991px) and (min-width: 200px) {
    #bookings-monthly-calendar .calendar-cell-gauge {
      left: 80px; } }

#bookings-monthly-calendar .dx-calendar-selected-date, #bookings-monthly-calendar .dx-calendar-contoured-date {
  color: #000;
  background-color: #ccccc6 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  #bookings-monthly-calendar .dx-calendar-selected-date .calendar-cell-gauge, #bookings-monthly-calendar .dx-calendar-contoured-date .calendar-cell-gauge {
    background-color: #f2f2ea; }

.booking-chart-container {
  height: 250px; }

#my-bookings-tabs .date.input-group {
  display: block !important;
  float: left;
  width: 0; }

#my-bookings-tabs .date > .input-group-addon {
  border: none !important;
  background-color: #fff !important;
  padding-top: 7px !important;
  padding-bottom: 9px !important; }
  #my-bookings-tabs .date > .input-group-addon:hover, #my-bookings-tabs .date > .input-group-addon:focus {
    background-color: #eee !important;
    text-decoration: none; }
  #my-bookings-tabs .date > .input-group-addon:last-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  #my-bookings-tabs .date > .input-group-addon > div {
    vertical-align: middle;
    display: inline-block; }

.grid-lesspad {
  padding-left: 6px !important;
  padding-right: 6px !important; }

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

.grid-lesspad-right {
  padding-right: 6px !important; }

/* Chrome 29+ hack (please replace with something better someday...) */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  #my-bookings-tabs .date > .input-group-addon {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }

#my-bookings-tabs .date input {
  border: none;
  width: 1px;
  padding: 0;
  left: -1000px;
  position: absolute; }

@media all and (max-width: 991px) and (min-width: 200px) {
  #my-bookings .text-center {
    text-align: inherit; }
  #my-bookings .fa {
    display: inline; } }

.confirm-head {
  font-weight: 300; }

.confirm-row {
  margin-top: 15px; }

#room-linked-template .template-grid-row {
  padding-left: 30px;
  margin-right: -30px; }

#room-images .attatchment-wrapper,
#imagesContainer .attatchment-wrapper {
  text-align: center; }

#room-images .attachment-icon,
#imagesContainer .attachment-icon {
  margin-top: 8px; }

#room-images .attachment-icon-img,
#imagesContainer .attachment-icon-img {
  width: 5em;
  height: 5em; }

#room-images .attachment-text,
#imagesContainer .attachment-text {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 8px; }

#imagesContainer .attachment-icon-img {
  width: 4em;
  height: 4em; }

.group-tt-count-content {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  width: 100%;
  color: #26447F;
  background-color: #FAFAFA;
  text-align: center; }
  .group-tt-count-content span {
    padding: 5px 10px; }
  .group-tt-count-content.group-tt-showmore-content {
    cursor: pointer;
    font-weight: bold; }

#locateGroup .browse-people-caption {
  padding: 5px; }
  #locateGroup .browse-people-caption .caption-text {
    float: left;
    font-size: 16px;
    font-weight: bold; }
  #locateGroup .browse-people-caption .date.input-group {
    display: block !important;
    float: left; }
    #locateGroup .browse-people-caption .date.input-group input {
      border: none;
      width: 1px;
      padding: 0;
      left: -1000px;
      position: absolute; }
    #locateGroup .browse-people-caption .date.input-group #browse-people-date {
      border-radius: 4px;
      padding: 3px 4px 4px 4px;
      margin-left: -4px;
      cursor: pointer;
      border: none;
      font-size: 16px;
      background-color: transparent;
      font-weight: bold;
      width: auto; }
      #locateGroup .browse-people-caption .date.input-group #browse-people-date:hover {
        background-color: #eee;
        text-decoration: none;
        border: none !important; }

.edit-form-group {
  margin-bottom: 30px !important; }

.sortable-grid-header {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 600; }
  .sortable-grid-header .grid-text {
    cursor: pointer; }
  .sortable-grid-header .grid-text-center {
    text-align: center; }

.sortable-grid-content {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }
  .sortable-grid-content .grid-text-center {
    text-align: center; }
  .sortable-grid-content .grid-text-wrap {
    white-space: normal;
    overflow: hidden; }
  .sortable-grid-content .grid-icon {
    font-size: 1.2em;
    cursor: pointer; }
  .sortable-grid-content .grey-text {
    color: #9b9b9b !important; }
  .sortable-grid-content a {
    cursor: pointer; }

#delegate-grid {
  max-height: 625px; }

.delegate-typeahead-email {
  color: #acac99; }

.typeahead-header {
  border-bottom: 1px solid #E5E5DF;
  font-weight: bold; }
  .typeahead-header span {
    padding: 3px; }

.br-header {
  font-weight: bold;
  margin-left: 0;
  margin-right: 0; }
  .br-header span {
    padding-left: 10px;
    padding-right: 0; }

.br-suggestion {
  margin-left: 0;
  margin-right: 0; }
  .br-suggestion span {
    padding-left: 0;
    padding-right: 0; }

.account-section-label, .account-section-label-center {
  margin-top: 20px; }

.account-section-label-center {
  text-align: center; }

.delegate-add-label {
  float: left;
  padding-left: 0;
  padding-right: 0; }

.delegate-add-search {
  margin-top: 17px;
  padding-right: 0;
  padding-left: 0; }

.delegate-add-search-filter-btn {
  margin-bottom: 10px;
  text-align: right;
  margin-right: 15px; }

.delegate-add-search-input {
  padding-right: 25px; }

.delegate-add-search-icon {
  position: relative;
  left: -25px; }

@media all and (max-width: 764px) and (min-width: 200px) {
  .delegate-add-search {
    margin-top: 0;
    text-align: left !important; } }

#personalization-options {
  margin-top: 40px;
  margin-bottom: 100px; }
  #personalization-options a:hover {
    cursor: pointer; }
  #personalization-options .label-dropdown {
    margin-top: 9px; }
  #personalization-options .label-dropdown-right {
    text-align: right; }
    @media all and (max-width: 764px) and (min-width: 200px) {
      #personalization-options .label-dropdown-right {
        text-align: left; } }
  #personalization-options .label-ms {
    margin-top: 15px; }
  #personalization-options .label-radio {
    margin-top: 2px; }
  #personalization-options .date-time-header {
    margin-left: -15px;
    margin-right: -15px; }

#acctMgmtDiv #multi-select-modal.modal .input-group, #mobile-locations-modal.modal .input-group {
  margin: 0 15px;
  padding-right: 30px;
  width: 100%; }
  #acctMgmtDiv #multi-select-modal.modal .input-group input, #mobile-locations-modal.modal .input-group input {
    padding-right: 30px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  #acctMgmtDiv #multi-select-modal.modal .input-group i.fa-search, #mobile-locations-modal.modal .input-group i.fa-search {
    position: absolute;
    right: 40px;
    top: 10px;
    z-index: 10; }

#acctMgmtDiv #multi-select-modal.modal .checkbox-group, #mobile-locations-modal.modal .checkbox-group {
  height: 200px;
  overflow: auto;
  border: 1px solid #E6E6E6;
  margin: 10px 15px 0 15px; }

#acctMgmtDiv #multi-select-modal.modal .selected-group, #mobile-locations-modal.modal .selected-group {
  height: 75px;
  overflow: auto;
  border: 1px solid #E6E6E6;
  margin: 10px 15px 0 15px; }

#acctMgmtDiv #multi-select-modal.modal .modal-body, #mobile-locations-modal.modal .modal-body {
  margin-top: 15px; }
  #acctMgmtDiv #multi-select-modal.modal .modal-body .checkbox-group, #mobile-locations-modal.modal .modal-body .checkbox-group {
    border-radius: 3px; }
    #acctMgmtDiv #multi-select-modal.modal .modal-body .checkbox-group .checkbox, #mobile-locations-modal.modal .modal-body .checkbox-group .checkbox {
      margin-left: 10px;
      margin-top: 7px;
      margin-bottom: 0; }
  #acctMgmtDiv #multi-select-modal.modal .modal-body .selected-group, #mobile-locations-modal.modal .modal-body .selected-group {
    border-radius: 3px; }
    #acctMgmtDiv #multi-select-modal.modal .modal-body .selected-group .selected-group-item, #mobile-locations-modal.modal .modal-body .selected-group .selected-group-item {
      float: left;
      padding: 5px 0 0 10px;
      cursor: pointer; }
      #acctMgmtDiv #multi-select-modal.modal .modal-body .selected-group .selected-group-item i, #mobile-locations-modal.modal .modal-body .selected-group .selected-group-item i {
        color: #2A5A90;
        padding-right: 5px; }
  #acctMgmtDiv #multi-select-modal.modal .modal-body .selected-group-label, #mobile-locations-modal.modal .modal-body .selected-group-label {
    margin: 10px 0 5px 5px;
    font-weight: 600; }

#acctMgmtDiv #multi-select-modal.modal .modal-footer, #mobile-locations-modal.modal .modal-footer {
  padding-top: 0; }

#edit-template-default-section > .row {
  padding: 10px 0; }
  #edit-template-default-section > .row:nth-child(even) {
    background-color: #fafaf8; }

#edit-filter-section #edit-filter-name {
  margin-left: 15px; }

#edit-filter-section #edit-filter-btn {
  margin-left: 15px; }

#account-confirm-modal .modal-body {
  margin: 30px 10px 15px 10px; }

/* Bootstrap Date Picker Overrides */
.bootstrap-datetimepicker-widget.dropdown-menu {
  border-left: none !important;
  background-color: #fff !important; }
  .bootstrap-datetimepicker-widget.dropdown-menu a {
    color: #337ab7 !important; }
  .bootstrap-datetimepicker-widget.dropdown-menu .glyphicon-remove:before {
    float: right;
    padding-right: 15px; }

#my-bookings-datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
  left: -50px !important; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  left: 66px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  left: 67px; }

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle {
  margin: 0 !important; }

.bootstrap-datetimepicker-widget a[data-action=today]:hover {
  background-color: white !important; }

.bootstrap-datetimepicker-widget .date-picker-today-btn {
  color: black;
  font-weight: 500; }

.bootstrap-datetimepicker-widget span[data-action=togglePeriod] {
  padding: 6px; }

.bootstrap-datetimepicker-widget table td span[data-action=togglePeriod] {
  width: auto;
  height: auto;
  line-height: normal;
  margin: auto; }
  .bootstrap-datetimepicker-widget table td span[data-action=togglePeriod]:hover {
    background-color: #286090; }

/*END Bootstrap Date Picker Overrides*/
/* bootstrap overrides */
.tooltip.bottom {
  word-break: break-word;
  -ms-word-break: break-word; }

.required, input:required, input:focus:required, textarea:required, textarea:focus:required, select:required, select:focus:required {
  border-color: #a94442; }

.dxeControlsCell, .dxeTextBoxSys {
  border-width: 0; }

.section-header {
  background-color: #F2F2EA;
  border-bottom: 2px solid #E5E5DF;
  border-radius: 3px;
  padding: 5px 0 5px 10px;
  margin: 10px 0 10px 0;
  font-size: 1em;
  font-weight: bold; }

/* END bootstrap overrides */
/* dx overrides */
.dx-field-label, .dx-checkbox-text {
  font-weight: bold;
  float: none;
  padding-bottom: 4px;
  white-space: nowrap;
  color: #000000; }

.dx-field-value, .dx-field-value-static {
  /*display: inline;
    float: left;*/
  clear: both;
  width: 100% !important; }

.validation-error-message {
  color: #d53f3f; }

.dx-widget {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important; }

#toaster {
  margin: 0 0 0 -25% !important; }

.scaling-svg-container {
  height: 90px;
  width: 160px;
  background-size: 160px 90px; }

#bldg-room-image-modal .modal-body {
  margin: 0;
  padding: 0; }

#bldg-room-image-modal .modal-dialog {
  margin: 10px auto; }

#bldg-room-image-modal img {
  max-height: 100%;
  max-width: 100%; }

#bldg-room-image-modal .fa-close {
  color: #000000;
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 9px 0 0; }

.udf-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  background-color: transparent; }

.udf-container .udf-child-container {
  margin: 10px 0 0 20px;
  border-left: 2px dashed #C5C5C5; }
  .udf-container .udf-child-container .udf-child {
    margin-left: 20px; }

.udf-container .date.input-group {
  width: 175px; }

.udf-container .vems-numeric-udf.form-control {
  width: 100px; }

.multiselect-add-btn {
  cursor: pointer; }

.multiselect-add-btn.has-error {
  color: #a94442 !important; }

.location-udf-row {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.location-udf-sub-row {
  padding-right: 0 !important; }

.location-udf-cell, .location-udf-child, .location-udf-child-desc {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-right: 0 !important; }

.location-udf-child, .location-udf-child-desc {
  padding-top: 5px; }

.location-udf-child-desc {
  padding-left: 30px; }

#recurrence-modal-content .modal-body {
  padding-bottom: 0;
  padding-top: 15px;
  padding-left: 20px; }

#recurrence-modal-content .recurrence-hr {
  color: #E5E5DF;
  margin-top: -10px; }

#recurrence-modal-content .recurrence-label {
  margin-top: 5px; }

#recurrence-modal-content .recurrence-ddl-label {
  margin-top: 8px; }

#recurrence-modal-content .recurrence-input-label, #recurrence-modal-content .recurrence-input-label-end, #recurrence-modal-content .recurrence-input-label-middle {
  margin-top: 7px; }

#recurrence-modal-content .recurrence-input-label-end, #recurrence-modal-content .recurrence-input-label-middle {
  float: left;
  margin-left: 10px; }

#recurrence-modal-content .recurrence-input-label-middle {
  margin-right: 10px; }

#recurrence-modal-content .recurrence-radio-text {
  margin-left: 5px;
  font-weight: normal; }

#recurrence-modal-content .recurrence-label-text {
  font-weight: normal; }

#recurrence-modal-content .recurrence-date {
  padding-left: 15px;
  float: left; }

#recurrence-modal-content .recurrence-time {
  padding-left: 15px;
  float: left; }

#recurrence-modal-content i {
  color: #21467E; }

#recurrence-modal-content .recurrence-monthly-week {
  width: 100px;
  float: left;
  margin-right: 5px; }

#recurrence-modal-content .recurrence-monthly-weekday {
  width: 80px;
  float: left; }

#recurrence-modal-content .recurrence-input-numeric {
  width: 16.666667%;
  float: left; }

#recurrence-modal-content .grey-text {
  color: #9b9b9b; }

#recurrence-random-calendar td.day {
  border: 2px solid #fff;
  border-radius: 6px; }
  #recurrence-random-calendar td.day.today {
    background-color: #eee; }

#recurrence-random-calendar th {
  font-weight: 600;
  color: #777; }
  #recurrence-random-calendar th.picker-switch {
    font-size: 1.2em;
    color: #21467E; }
  #recurrence-random-calendar th.next:not(.disabled), #recurrence-random-calendar th.prev:not(.disabled) {
    color: #21467E; }

#recurrence-random-calendar .bootstrap-datetimepicker-widget table td.active.today:before {
  content: none; }

#recurrence-random-calendar .avail-day {
  cursor: pointer !important;
  color: #21467E;
  font-weight: bold; }

#recurrence-random-calendar .avail-day-oldnew {
  cursor: pointer !important;
  color: #21467E; }

#recurrence-random-calendar .recurrence-day {
  background-color: #337ab7 !important;
  color: #fff !important; }

.mobile-tab {
  border-bottom: solid 4px #E5E5DF !important;
  border-radius: 0 !important; }

.mobile-nav-tabs {
  border-bottom: none;
  text-align: center; }
  .mobile-nav-tabs li {
    padding-right: 0;
    padding-left: 0;
    margin: 0; }

.mobile-body {
  background-color: #F2F2EA; }

.mobile-container {
  background-color: #fff;
  padding: 10px 15px;
  margin-bottom: 15px; }

.mobile-ellipsis-text, #location-details-modal .location-details-tab, .sortable-grid-header .grid-text, .sortable-grid-header .grid-text-center, .sortable-grid-content .grid-text, .sortable-grid-content .grid-text-center, .event-calendar .dx-calendar-cell .calendar-cell-event {
  white-space: nowrap; }

.mobile-wrap-text {
  white-space: normal !important;
  overflow: visible !important; }

.mobile-button {
  border: none;
  background-color: #E1E1D8;
  border-radius: 3px;
  color: #21467E;
  padding: 1px 6px; }
  .mobile-button .mobile-button-content {
    font-size: 0.9em;
    font-weight: bold; }

.mobile-row {
  padding-left: 15px;
  padding-right: 15px; }
  .mobile-row.mobile-filter-row {
    padding-bottom: 15px; }
  .mobile-row .mobile-filter-left {
    padding-right: 0; }
  .mobile-row .mobile-filter-right {
    padding-left: 0;
    text-align: right; }

.mobile-grid-title h2 {
  margin-top: 0;
  padding-bottom: 0; }

.mobile-grid-header {
  background-color: #e9ecf1 !important; }

.mobile-grid-center {
  text-align: center; }

.mobile-grid-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 450px; }

.mobile-time-row {
  height: 30px; }
  .mobile-time-row .mobile-time-cell {
    position: absolute;
    top: -10px;
    right: 3px;
    white-space: nowrap;
    text-transform: uppercase; }
  .mobile-time-row.mobile-time-section {
    border-top: 1px solid #E5E5DF; }
    .mobile-time-row.mobile-time-section.building-closed {
      background-color: #f0f0ed;
      color: #acac99;
      padding-left: 5px; }

.mobile-event, .mobile-event-setup {
  width: 100%;
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #21467E;
  opacity: 0.65;
  font-weight: bold;
  color: #fff;
  padding-left: 5px;
  z-index: 2;
  overflow: hidden; }
  .mobile-event.owned, .owned.mobile-event-setup {
    background-color: #B3E377;
    color: #000;
    opacity: 0.80; }
  .mobile-event.new, .new.mobile-event-setup {
    background-color: #97CA3D;
    color: #000;
    opacity: 0.75; }

.mobile-event-setup {
  width: 10% !important;
  left: 45% !important; }
  .mobile-event-setup.owned {
    background-color: #B3E377;
    color: #000;
    opacity: 0.80; }

#today-span-mobile {
  font-size: 1.2em;
  padding-left: 10px; }

#room-avail-tz-mobile {
  width: 45%; }

#mobile-grid-room-search > #list-room-filter {
  float: left !important;
  margin-bottom: 10px; }
  #mobile-grid-room-search > #list-room-filter div:first-child {
    margin-right: 5px !important; }

.tt-hint {
  display: none; }

.tt-menu {
  background-color: #fff;
  /*margin-top: 5px;*/
  padding: 0;
  width: 100%;
  z-index: 300 !important;
  border: 2px solid #E5E5DF;
  border-radius: 3px; }

.tt-scrollable {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden; }

.tt-suggestion, .delegate-typeahead-notfound {
  padding: 5px 10px;
  font-size: 0.9em; }

.tt-cursor, .tt-selectable:hover {
  background-color: #F2F2EA; }

.tt-selectable:hover {
  cursor: pointer; }

.twitter-typeahead {
  width: 90%; }

.room-typeahead {
  display: block; }

.table-sort th {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 600; }
  .table-sort th div {
    font-family: "Open Sans", Arial, Helvetica, sans-serif; }

.table-sort th.tablesorter-header {
  cursor: pointer; }
  .table-sort th.tablesorter-header.sorter-false {
    cursor: not-allowed; }
  .table-sort th.tablesorter-header.tablesorter-headerAsc::after {
    content: "\f106"; }
  .table-sort th.tablesorter-header.tablesorter-headerDesc::after {
    content: "\f107"; }

.table-sort .tablesorter-header-inner {
  display: inline-block;
  margin-right: 5px; }

.available-check {
  color: forestgreen; }

#room-request-content .template-head, #editReservationContainer .template-head {
  font-size: 20px;
  font-weight: normal; }
  #room-request-content .template-head a, #editReservationContainer .template-head a {
    font-size: .8em;
    color: #21467E; }
    #room-request-content .template-head a:hover, #editReservationContainer .template-head a:hover {
      text-decoration: none;
      border: none; }
  #room-request-content .template-head .template-head-text, #editReservationContainer .template-head .template-head-text {
    margin: 0 3px 0 3px; }

#room-request-content #result-header span, #editReservationContainer #result-header span {
  font-size: 20px; }

#room-request-content #details .panel, #editReservationContainer #details .panel {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none; }
  #room-request-content #details .panel .panel-heading, #editReservationContainer #details .panel .panel-heading {
    font-weight: 600; }

#room-request-content #resource-warning-row .so-violation-header, #editReservationContainer #resource-warning-row .so-violation-header {
  border-top: 1px solid #e5e5df;
  padding-top: 15px;
  margin-top: 20px; }

#room-request-content #resource-warning-row #so-violation-table, #editReservationContainer #resource-warning-row #so-violation-table {
  max-height: 400px; }

#room-request-content #resource-warning-row .so-violation-footer, #editReservationContainer #resource-warning-row .so-violation-footer {
  border-bottom: 1px solid #e5e5df;
  padding: 10px 0 15px 0;
  margin-bottom: 20px; }

#room-request-content #resource-warning-row .warning-msg, #editReservationContainer #resource-warning-row .warning-msg {
  font-size: 24px;
  color: #e16f6f; }

#room-request-content #resource-warning-row .warning-img, #editReservationContainer #resource-warning-row .warning-img {
  margin-right: 10px;
  padding-bottom: 10px; }

#room-request-container .float-right {
  float: right; }

#room-request-container .cart-header-container {
  color: #21467E;
  font-weight: 600;
  margin-top: .3em;
  margin-right: 15px;
  cursor: pointer; }
  #room-request-container .cart-header-container i {
    font-size: 1.5em; }

#room-request-container #main-tabs {
  display: inline-block;
  margin-bottom: -5px;
  font-size: 16px; }
  #room-request-container #main-tabs li a {
    text-transform: none;
    font-weight: 400;
    padding: 0 15px;
    border: 1px solid #fff;
    border-bottom: solid 4px #f5f5f5; }
    #room-request-container #main-tabs li a span {
      font-size: 1.3em;
      font-weight: 600; }
  #room-request-container #main-tabs i {
    float: left;
    color: #f5f5f5;
    font-size: 2em;
    margin: 0 10px; }

#room-request-container h4 {
  font-weight: 600; }

#room-request-container .main-header-row {
  background-color: #FAFAFA;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative; }
  #room-request-container .main-header-row .main-header-text {
    font-size: 20px;
    margin: 15px 0; }

#room-request-container #bookingCart td a.fa {
  font-size: 1.5em; }

#room-request-container #bookingCart td.variant {
  background-color: #E5E4E2; }

#room-request-container #bookingCart .od-location-cart {
  display: block;
  width: 80%; }

#room-request-container #conferencing-filter-container {
  height: 60px;
  border-top: 1px dotted #E3E3E3; }
  #room-request-container #conferencing-filter-container span {
    line-height: 60px; }
    #room-request-container #conferencing-filter-container span .skype-logo {
      margin-left: 10px; }
    #room-request-container #conferencing-filter-container span #conferencing-add-label {
      margin-left: 10px;
      font-size: 1.2em;
      font-weight: normal; }
    #room-request-container #conferencing-filter-container span .conferencing-toggle {
      top: .9em;
      float: right; }
  #room-request-container #conferencing-filter-container .conferencing-add-label {
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px; }

#room-request-container #conferencing-options-container {
  height: 50px;
  border-bottom: 1px dotted #E3E3E3; }
  #room-request-container #conferencing-options-container span:first-child {
    margin-left: 10px; }
    #room-request-container #conferencing-options-container span:first-child i {
      margin-right: 10px; }
    #room-request-container #conferencing-options-container span:first-child #conferencing-add--details-label {
      margin-right: 10px; }

.next-step-btn {
  float: right;
  margin: 10px 0; }

.new-booking-container h4 {
  display: inline-block; }

.new-booking-container button {
  display: inline-block; }

.request-head {
  margin-top: 9px; }
  .request-head #room-request-head-help {
    color: #21467E; }

.grey-text {
  color: #9b9b9b !important; }

#bookings #search-filters-overlay {
  position: absolute;
  width: 100%;
  z-index: 10;
  color: white;
  background-color: black;
  opacity: .80; }
  #bookings #search-filters-overlay span {
    white-space: pre-wrap;
    margin: 15px;
    position: absolute; }

#bookings #filter-result-row {
  border-top: 1px solid #F2F2EA; }
  #bookings #filter-result-row #search-room-filters {
    padding-bottom: 5px; }
  #bookings #filter-result-row .action-panel {
    background-color: #327AB7;
    color: white; }
    #bookings #filter-result-row .action-panel a {
      font-size: 13px !important;
      font-weight: 600 !important;
      border: none;
      text-decoration: none; }
      #bookings #filter-result-row .action-panel a:hover {
        border: none;
        text-decoration: none; }
    #bookings #filter-result-row .action-panel .btn-filter-search {
      margin-top: -22px;
      margin-right: -10px; }
  #bookings #filter-result-row #filter-column {
    border-right: 1px solid #ddd;
    padding: 0;
    width: 310px; }
    @media all and (max-width: 764px) and (min-width: 200px) {
      #bookings #filter-result-row #filter-column {
        width: 100%;
        border: none; } }
    #bookings #filter-result-row #filter-column .btn-default {
      color: #21467E; }
    #bookings #filter-result-row #filter-column .input-group-addon span {
      color: #21467E; }
    #bookings #filter-result-row #filter-column #responsive-actions-container {
      padding-top: 30px; }
    #bookings #filter-result-row #filter-column #reponsive-attendee-typeahead-container #attendeeGrid-container {
      margin-left: 0 !important;
      width: auto !important; }
      #bookings #filter-result-row #filter-column #reponsive-attendee-typeahead-container #attendeeGrid-container .twitter-typeahead {
        width: 100%; }
    #bookings #filter-result-row #filter-column .responsive-attendee-item {
      padding: 5px 5px; }
  #bookings #filter-result-row #result-columns {
    width: calc(100% - 310px);
    /*border-left: 1px solid #ddd;*/ }
    @media all and (max-width: 764px) and (min-width: 200px) {
      #bookings #filter-result-row #result-columns {
        width: 100%; } }
    #bookings #filter-result-row #result-columns .result-container-header {
      height: 40px;
      line-height: 2.5em;
      background-color: #FAFAFA;
      border-left: 1px solid #ddd;
      font-weight: normal; }
      #bookings #filter-result-row #result-columns .result-container-header span {
        margin-left: 5px;
        font-size: 16px; }
    #bookings #filter-result-row #result-columns #selected-rooms-content .selected-rooms-container {
      margin-left: 10px; }
    #bookings #filter-result-row #result-columns #selected-rooms-content .selected-room-item {
      display: inline-block;
      margin: 7px 10px; }
      #bookings #filter-result-row #result-columns #selected-rooms-content .selected-room-item .selected-room-floormap {
        margin-left: 5px; }
      #bookings #filter-result-row #result-columns #selected-rooms-content .selected-room-item .selected-room-name {
        margin-left: 5px; }
      #bookings #filter-result-row #result-columns #selected-rooms-content .selected-room-item .fa, #bookings #filter-result-row #result-columns #selected-rooms-content .selected-room-item i {
        font-size: 1.4em; }
      #bookings #filter-result-row #result-columns #selected-rooms-content .selected-room-item i {
        font-size: 1.2em; }
  #bookings #filter-result-row #responsive-attendee-panel {
    margin-top: 10px; }
  #bookings #filter-result-row .panel {
    border-radius: 0;
    margin: 0;
    border: none;
    box-shadow: none; }
    #bookings #filter-result-row .panel .panel-heading {
      height: 40px;
      border-radius: 0; }
      #bookings #filter-result-row .panel .panel-heading:not(#date-time-filters-header):not(#specific-room-filters-responsive):not(#responsive-attendee-header) {
        background-color: #337ab7;
        color: white; }
      #bookings #filter-result-row .panel .panel-heading .panel-title {
        font-weight: normal;
        font-size: 16px; }
    #bookings #filter-result-row .panel #date-time-collapse .date-container {
      margin-top: 10px;
      padding-left: 5px;
      height: 65px; }
      #bookings #filter-result-row .panel #date-time-collapse .date-container #booking-date {
        width: 175px; }
      #bookings #filter-result-row .panel #date-time-collapse .date-container #recurrenceBtn {
        float: left;
        margin: 20px 5px 0 10px;
        font-size: 13px; }
    #bookings #filter-result-row .panel #date-time-collapse .time-container {
      padding-top: 10px;
      padding-left: 5px;
      min-height: 80px;
      background-color: #FAFAFA; }
      @media all and (max-width: 764px) and (min-width: 200px) {
        #bookings #filter-result-row .panel #date-time-collapse .time-container .end-container {
          margin-left: 5px; } }
      #bookings #filter-result-row .panel #date-time-collapse .time-container .next-day-indicator {
        float: right;
        margin-right: 5px; }
      #bookings #filter-result-row .panel #date-time-collapse .time-container .date {
        width: 135px; }
    #bookings #filter-result-row .panel #date-time-collapse #timeZoneDrop {
      /*width: 290px;*/
      margin-bottom: 5px; }
    #bookings #filter-result-row .panel #date-time-collapse #datetime-overlay-lock {
      width: 100%;
      height: 200px;
      color: white;
      background-color: black;
      opacity: .80;
      position: absolute;
      left: 0;
      top: 40px;
      z-index: 10;
      white-space: pre-line;
      overflow: hidden;
      text-overflow: ellipsis; }
      #bookings #filter-result-row .panel #date-time-collapse #datetime-overlay-lock span {
        position: absolute;
        top: 0;
        margin: 0 10px 10px 10px; }
    #bookings #filter-result-row .panel #specific-room-collapse .twitter-typeahead {
      width: 100%;
      padding-right: 20px; }
    #bookings #filter-result-row .panel #specific-room-collapse i {
      position: absolute;
      top: 40px;
      left: 270px;
      margin-left: 0; }
      @media all and (max-width: 764px) and (min-width: 200px) {
        #bookings #filter-result-row .panel #specific-room-collapse i {
          display: none; } }
    #bookings #filter-result-row .panel #specific-room-collapse .search-loading {
      position: absolute;
      top: 35px;
      left: 265px;
      height: 20px;
      margin-left: 0;
      display: none; }
      @media all and (max-width: 764px) and (min-width: 200px) {
        #bookings #filter-result-row .panel #specific-room-collapse .search-loading {
          display: none; } }
    #bookings #filter-result-row .panel #specific-room-collapse .room-typeahead {
      color: #acac99;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #bookings #filter-result-row .panel #specific-room-collapse .favorite {
      background-color: #f0f0f0; }
    #bookings #filter-result-row .panel #specific-room-collapse #responsive-room-input-display {
      width: 100%;
      height: 34px;
      padding-right: 20px; }
      #bookings #filter-result-row .panel #specific-room-collapse #responsive-room-input-display div {
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
        #bookings #filter-result-row .panel #specific-room-collapse #responsive-room-input-display div .responsive-room-item {
          margin-left: 5px;
          line-height: 34px;
          color: #21467E;
          cursor: pointer; }
          #bookings #filter-result-row .panel #specific-room-collapse #responsive-room-input-display div .responsive-room-item span {
            color: black;
            margin-left: 5px; }
  #bookings #filter-result-row .error-message {
    color: #d53f3f;
    margin: 10px; }

#bookings .setup-link {
  margin-left: 15px;
  font-size: .8em; }
  #bookings .setup-link.disabled {
    cursor: default;
    color: grey; }

#bookings #resultsContainer #result-tabs {
  padding-left: 20px;
  border-bottom: 2px solid #f5f5f5;
  margin: 5px 20px 5px 20px; }
  #bookings #resultsContainer #result-tabs li a {
    padding: 5px 10px; }

#bookings #resultsContainer .tab-content {
  margin-left: 15px; }

#bookings #resultsContainer #available-list .action-button-column {
  width: 20px; }

#bookings #resultsContainer #available-list a.disabled {
  cursor: not-allowed;
  color: grey;
  text-decoration: none; }

#bookings #resultsContainer #available-list a i {
  font-size: 1.5em; }
  #bookings #resultsContainer #available-list a i .add-to-cart {
    margin-right: 5px; }

#bookings #resultsContainer #available-list .requestreserve-header-row {
  background-color: #F2F2EA; }
  #bookings #resultsContainer #available-list .requestreserve-header-row span {
    color: black;
    font-size: 16px;
    font-weight: 400; }

#bookings #resultsContainer #edit-btn-container div {
  padding-left: 15px;
  margin-left: 15px; }
  #bookings #resultsContainer #edit-btn-container div #update-booking {
    font-weight: 600; }
  #bookings #resultsContainer #edit-btn-container div #cancel-edit {
    color: #21467E;
    background-color: white;
    font-weight: 600;
    border: none; }

#bookings #bookingCart tr.booking-editing {
  background-color: #f9f9f9; }

#attendeeGrid-container img.search-loading {
  display: none;
  height: 20px;
  margin-left: -25px; }

.search-loading {
  position: absolute;
  top: 35px;
  /*left: 265px;*/
  height: 20px;
  margin-left: 0;
  display: none; }

#setup-edit-modal #setup-list th {
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

#return-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #90A2BE;
  width: 50px;
  height: 50px;
  display: block;
  z-index: 5001;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #return-to-top:hover {
    background: #21467E; }
    #return-to-top:hover i {
      color: #fff;
      top: 5px; }
  #return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

#responsive-room-selected-container .responsive-room-selected-item {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  text-align: center;
  line-height: 45px;
  font-size: 1.3em; }

#responsive-search-list #responsive-search-result {
  margin-top: 15px; }
  #responsive-search-list #responsive-search-result .responsive-rooms-recordtypeheader {
    background-color: #F2F2EA;
    font-size: 1.5em;
    padding-left: 15px;
    line-height: 55px; }
    #responsive-search-list #responsive-search-result .responsive-rooms-recordtypeheader span {
      margin-left: 5px; }
  #responsive-search-list #responsive-search-result .responsive-search-item {
    height: 60px;
    border-bottom: 1px solid #EAE9EA; }
    #responsive-search-list #responsive-search-result .responsive-search-item:nth-child(even) {
      background-color: #F7F7F7; }
    #responsive-search-list #responsive-search-result .responsive-search-item .responsive-room-info {
      margin-top: 10px; }
      #responsive-search-list #responsive-search-result .responsive-search-item .responsive-room-info span {
        font-size: 1.1em;
        display: inline-block;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #responsive-search-list #responsive-search-result .responsive-search-item .responsive-room-info span.responsive-building {
          color: #989898; }
    #responsive-search-list #responsive-search-result .responsive-search-item .responsive-capacity {
      margin-top: 10px;
      color: #989898;
      padding-left: 0;
      padding-right: 0; }
      #responsive-search-list #responsive-search-result .responsive-search-item .responsive-capacity div {
        line-height: 40px; }
    #responsive-search-list #responsive-search-result .responsive-search-item .responsive-info {
      margin-top: 10px;
      font-size: 1.3em; }
      #responsive-search-list #responsive-search-result .responsive-search-item .responsive-info div {
        line-height: 40px; }

.classic-request #room-request-container #main-tabs {
  margin-bottom: -9px;
  border-bottom: none; }

.classic-request .time-container .end-container {
  float: right;
  margin-right: 5px; }

.pam-conferencing-container {
  height: 60px;
  line-height: 60px; }
  .pam-conferencing-container img {
    margin-left: 10px; }
  .pam-conferencing-container #conferencing-add-label {
    font-size: 1.3em;
    font-weight: normal;
    margin-left: 10px; }
  .pam-conferencing-container .pam-conferencing-button {
    float: right;
    margin-right: 15px; }

#breadcrumb a {
  font-size: 1.5em; }

#breadcrumb .breadcrumb-text {
  font-size: 1.5em; }

#reservation-container {
  margin: 15px -30px 0 -30px; }
  #reservation-container #additional-info #comments-container:nth-child(odd) {
    background-color: #f9f9f9; }
  #reservation-container #attachments #reservation-attachments-header {
    font-size: 1.3em;
    padding: 10px 0;
    display: inline-block; }
  #reservation-container #attachments .attachment-item {
    width: 60%;
    min-width: 150px;
    height: 2em;
    margin-bottom: 5px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px; }
    #reservation-container #attachments .attachment-item span {
      float: left;
      margin-left: 15px;
      margin-top: .2em; }
    #reservation-container #attachments .attachment-item i {
      float: right;
      font-size: 1.2em;
      margin-right: .5em;
      line-height: 1.5em;
      color: #337ab7;
      cursor: pointer; }

.child-indent {
  margin-left: 15px; }

#reservation-details-table {
  max-height: 245px;
  overflow: auto; }
  #reservation-details-table .edit-reservation-cell {
    padding-left: 15px; }

.reservation-summary-header {
  padding: 10px 0;
  font-size: 1.3em; }

#reservation-actions-container #reservation-actions {
  width: 100%;
  max-height: 245px;
  background-color: #FAFAFA;
  border-top: 2px solid #E5E5DF; }
  #reservation-actions-container #reservation-actions #edit-actions {
    margin-bottom: 20px; }
  #reservation-actions-container #reservation-actions .reservation-action {
    font-weight: 600;
    padding: 5px 0 5px 15px; }
    #reservation-actions-container #reservation-actions .reservation-action .reservation-action-link {
      cursor: pointer; }

#booking-container {
  margin-top: 15px; }
  #booking-container #include-cancelled {
    position: relative;
    float: right;
    margin-top: -25px; }
  #booking-container #bookings #booking-action-header {
    margin: 10px 0 0 0;
    border-bottom: solid 2px #E5E5DF; }
    #booking-container #bookings #booking-action-header #cancel-bookings, #booking-container #bookings #booking-action-header #booking-tools {
      float: left;
      margin-left: 15px;
      margin-top: .5em;
      margin-bottom: 15px; }
    #booking-container #bookings #booking-action-header #new-booking {
      float: right;
      margin-right: 15px;
      margin-bottom: 10px; }
  #booking-container #bookings #bookings-grid-container {
    margin-left: 15px;
    margin-right: 15px; }
    #booking-container #bookings #bookings-grid-container td.table-action {
      font-size: 1.4em; }
    #booking-container #bookings #bookings-grid-container td .booking-warning {
      color: #d53f3f;
      font-weight: bold;
      padding-right: 3px; }
  #booking-container .services-component-container {
    background-color: white; }
    #booking-container .services-component-container .service-order-container {
      margin-left: 15px;
      border-left: 2px dashed #979797; }
      #booking-container .services-component-container .service-order-container .category-head {
        padding-left: 5px;
        background-color: #FAFAFA;
        height: 2em;
        line-height: 2em;
        font-size: 1.4em;
        width: 50%; }
        #booking-container .services-component-container .service-order-container .category-head span {
          padding-right: 5px; }
      #booking-container .services-component-container .service-order-container .summary-service-table {
        width: 50%; }
        #booking-container .services-component-container .service-order-container .summary-service-table th {
          font-family: "Open Sans", Arial, Helvetica, sans-serif !important; }
        #booking-container .services-component-container .service-order-container .summary-service-table .selection-head {
          font-size: 1.2em;
          margin-top: 5px; }
        #booking-container .services-component-container .service-order-container .summary-service-table .selection-container {
          padding-left: 10px; }
          #booking-container .services-component-container .service-order-container .summary-service-table .selection-container .selection-item {
            margin-left: 20px; }

.clickable {
  cursor: pointer; }

.cancel-bookings-button-div {
  border-bottom: solid 2px #E5E5DF;
  padding-bottom: 15px; }

.cancel-bookings-cb {
  padding-top: 3px;
  font-size: 1.4em;
  cursor: pointer;
  padding-left: 10px; }

.cancel-bookings-sort-header {
  padding-bottom: 3px; }

.cancel-bookings-msg {
  margin-top: 10px; }

.booking-tools-banner {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: solid 2px #E5E5DF;
  border-bottom: solid 2px #E5E5DF;
  border-left: none;
  border-right: none;
  padding: 10px;
  background-color: #fafaf8;
  position: relative; }
  .booking-tools-banner .btn {
    float: right; }

.booking-tools-subheading {
  font-size: 1.5em;
  display: inline-block;
  padding-top: 3px; }

.booking-tools-section {
  padding: 0 10px; }
  .booking-tools-section.grid-section {
    margin-top: 15px; }
  .booking-tools-section .datetime-label {
    font-size: 1.3em;
    margin-bottom: 5px; }
  .booking-tools-section .datetime-container {
    margin-bottom: 0; }
  .booking-tools-section .datetime-edit-container {
    background-color: #fafaf8;
    min-height: 55px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 100%; }
    .booking-tools-section .datetime-edit-container .form-group {
      margin-bottom: 0 !important; }
    .booking-tools-section .datetime-edit-container .edit-label {
      float: left;
      margin-right: 10px;
      margin-top: 7px; }
    .booking-tools-section .datetime-edit-container .edit-input {
      float: left;
      padding-right: 0;
      padding-left: 0; }
    .booking-tools-section .datetime-edit-container .edit-input-left {
      float: left;
      padding-right: 0;
      padding-left: 0;
      margin-right: 10px; }
    .booking-tools-section .datetime-edit-container .fa {
      color: #21467E; }
    .booking-tools-section .datetime-edit-container .row-no-margin {
      margin-left: 0; }
    .booking-tools-section .datetime-edit-container .row-no-float {
      float: none; }

.no-bookings-message {
  text-align: center; }

.include-cancelled-label {
  float: right;
  margin-top: 3px;
  margin-right: 15px; }

.include-cancelled-icon {
  float: right;
  cursor: pointer;
  margin-right: 10px;
  font-size: 1.4em; }

.events-container-row {
  margin-top: 15px;
  margin-bottom: 15px; }

.events-clear-search {
  margin-left: 15px;
  color: #21467E;
  font-weight: bold;
  cursor: pointer; }

.bookings-datepicker-text {
  color: #21467E;
  font-weight: 600;
  font-size: 1.5em; }

.events-nav-pills {
  text-align: center;
  margin-top: -10px; }
  .events-nav-pills .bookings-grid-tab {
    font-size: 1.0em; }

.events-day-nav {
  text-align: right !important;
  margin-top: 7px !important; }

.events-grid-separator {
  border-top: 1px solid #E5E5DF; }

.grid-no-height {
  max-height: none !important; }

.events-loading-overlay, .modal-loading-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 0.75;
  z-index: 1000;
  text-align: center; }
  .events-loading-overlay .loading-animation, .modal-loading-overlay .loading-animation {
    position: absolute;
    top: 40%;
    left: 45%; }

.my-events-tz-row {
  margin-top: -15px; }
  .my-events-tz-row span {
    font-size: 1.3em;
    font-weight: 600;
    margin-left: 15px; }

.grid-page-nav {
  text-align: center;
  font-weight: 600;
  color: #337ab7;
  margin-top: 20px; }
  .grid-page-nav .grid-page-text-left {
    margin-right: 3px;
    cursor: pointer;
    padding: 4px 11px;
    border: 2px solid #fff;
    border-radius: 3px; }
    .grid-page-nav .grid-page-text-left:hover:not(.disabled) {
      border-color: #F2F2EA;
      background-color: #F2F2EA;
      color: #21467E; }
    .grid-page-nav .grid-page-text-left.disabled {
      cursor: default;
      opacity: 0.6; }
  .grid-page-nav .grid-page-text-right {
    margin-left: 3px;
    cursor: pointer;
    padding: 4px 11px;
    border: 2px solid #fff;
    border-radius: 3px; }
    .grid-page-nav .grid-page-text-right:hover:not(.disabled) {
      border-color: #F2F2EA;
      background-color: #F2F2EA;
      color: #21467E; }
    .grid-page-nav .grid-page-text-right.disabled {
      cursor: default;
      opacity: 0.6; }
  .grid-page-nav .grid-page-btn {
    border: 2px solid #337ab7;
    border-radius: 3px;
    padding: 4px 11px;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer; }
    .grid-page-nav .grid-page-btn:hover {
      background-color: #337ab7;
      color: #fff; }
    .grid-page-nav .grid-page-btn.active {
      background-color: #337ab7;
      color: #fff; }
  .grid-page-nav .page-ellipsis + .page-ellipsis {
    display: none; }

.weekend-cell {
  background-color: #F2F2EA; }

.event-calendar .dx-calendar-navigator {
  display: none; }

.event-calendar .dx-calendar-body {
  overflow: visible;
  margin-top: -45px; }
  .event-calendar .dx-calendar-body th {
    color: #232323 !important;
    font-size: 1.4em !important;
    font-weight: 600; }
  .event-calendar .dx-calendar-body thead {
    border-bottom-color: #E5E5DF; }
  .event-calendar .dx-calendar-body .dx-widget + .dx-widget {
    display: none; }

.event-calendar .dx-calendar-cell {
  border: 1px solid #E5E5DF;
  padding: 0;
  max-width: 40px;
  height: 125px;
  border-radius: 0; }
  .event-calendar .dx-calendar-cell:focus {
    outline: none; }
  .event-calendar .dx-calendar-cell.calendar-cell-weekend:not(.dx-calendar-other-view):not(.dx-calendar-selected-date) {
    background-color: #F2F2EA; }
  .event-calendar .dx-calendar-cell.dx-calendar-other-view {
    color: #777;
    background-color: #fafaf8; }
  .event-calendar .dx-calendar-cell.dx-calendar-selected-date, .event-calendar .dx-calendar-cell .dx-calendar-contoured-date {
    background-color: #E5E5DF;
    color: #000;
    font-weight: 600;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .event-calendar .dx-calendar-cell .calendar-cell-container {
    padding: 5px 10px;
    height: 100%;
    text-shadow: none;
    text-align: right;
    cursor: default; }
    .event-calendar .dx-calendar-cell .calendar-cell-container:focus {
      outline: none; }
  .event-calendar .dx-calendar-cell .calendar-cell-event {
    cursor: pointer;
    height: 23px;
    padding: 2px 5px;
    font-size: 0.8em;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: normal;
    width: 100%;
    background-color: #939FB9;
    border: 1px solid #8C97AD;
    color: #fff; }
    .event-calendar .dx-calendar-cell .calendar-cell-event.owned {
      background-color: #B3E377;
      border: 1px solid #A2CC6C;
      color: #000; }
    .event-calendar .dx-calendar-cell .calendar-cell-event.special-date {
      background-color: #DCDEE0;
      color: #000; }
    .event-calendar .dx-calendar-cell .calendar-cell-event.cancelled {
      opacity: 0.6; }
  .event-calendar .dx-calendar-cell .calendar-cell-more {
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }

#bookings-calendar-week .dx-calendar-cell {
  height: 225px;
  border-radius: 0; }

#bookings-calendar-week tbody tr {
  display: none; }

#view-reservation-summary-container .col-md-1 span {
  font-weight: 600; }

#view-reservation-summary-container .options-container {
  padding-top: 5px; }

#view-reservation-summary-container .preview-container {
  padding-top: 10px;
  padding-bottom: 15px; }

#view-reservation-summary-container #email-modal #toContainer {
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
  #view-reservation-summary-container #email-modal #toContainer .checkbox {
    padding: 5px;
    display: inline-block; }

.progress-gauge-label {
  margin-left: 5px;
  white-space: nowrap; }

.services-summary {
  background-color: #FAFAFA;
  padding: 10px 15px 10px 15px;
  min-height: 600px; }

.services-summary-wrapper .service-summ-header {
  font-weight: bold;
  font-size: 14px;
  margin: 15px -10px 5px -10px; }

.services-summary-wrapper .service-summ-resources {
  background-color: #FFFFFF;
  border: 1px solid #E5E5DF;
  padding: 10px; }

.services-summary-wrapper .summary-row {
  margin: 10px -5px 10px -5px; }
  .services-summary-wrapper .summary-row.summary-details {
    font-size: 0.9em; }
  .services-summary-wrapper .summary-row .summary-resource-group {
    padding-left: 0;
    padding-right: 0; }

.services-summary-wrapper .summary-subtotal {
  margin: 0;
  background-color: #142A4B;
  color: #FFFFFF;
  padding: 10px; }
  .services-summary-wrapper .summary-subtotal .summary-subtotal-price {
    padding-right: 12px;
    text-align: right; }

.services-unavailable {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px; }

.package-resource-list {
  font-weight: 600;
  line-height: 2.0em;
  margin-top: 10px;
  margin-bottom: 10px; }

table.bottom-aligned tbody tr td {
  vertical-align: bottom;
  border-top: none; }

#services-body .actionlink {
  cursor: pointer; }

#services-body .lockable-area div[class^=col-] {
  vertical-align: baseline; }

#services-body .add-services-lock {
  position: absolute;
  background-color: #fff;
  opacity: .6;
  z-index: 10;
  width: 100%;
  left: -15px;
  display: none; }

#services-body .date-time-header {
  font-weight: 600; }
  #services-body .date-time-header .service-TandC {
    font-size: 12px;
    margin-left: 15px; }

#services-body .services-overlay-lock {
  width: 100%;
  z-index: 10;
  color: white;
  position: absolute;
  background-color: black;
  opacity: .80;
  display: none;
  height: 0; }
  #services-body .services-overlay-lock span {
    white-space: pre-wrap;
    margin: 15px;
    position: absolute; }

#services-body .services-tz-display {
  width: auto;
  min-width: 25%; }
  #services-body .services-tz-display:disabled {
    -webkit-appearance: none;
    -moz-appearance: none; }
    #services-body .services-tz-display:disabled::-ms-expand {
      display: none; }

#services-body .save-so-buttons {
  margin-bottom: 10px; }

#services-body .service-panel {
  border: none;
  border-radius: 0;
  margin-bottom: 0; }
  #services-body .service-panel .panel-body {
    padding: 0 15px 0 15px; }
  #services-body .service-panel .resource-cell {
    border-bottom: 1px dotted #E5E5DF;
    border-right: 1px dotted #E5E5DF;
    padding: 12px 8px; }
    #services-body .service-panel .resource-cell:nth-child(even) {
      border-right: none; }
    #services-body .service-panel .resource-cell.bottom-row {
      border-bottom: none; }

#category-list .category-body {
  padding: 0 15px 0 15px; }

#category-list .category-group-container .fa {
  font-size: 1.5em;
  margin-right: 5px; }

#category-list .category-group-container .panel-title {
  font-size: 1.2em; }
  #category-list .category-group-container .panel-title > a {
    text-decoration: none; }

#category-list .category-group-container .panel-heading {
  border-bottom: 2px solid #E5E5DF;
  border-radius: 0; }

#category-list .category-udfs {
  margin-top: 15px;
  margin-left: -7px; }

#category-list .category-group {
  margin-left: -15px;
  margin-right: -15px; }

.resource-modal .modal-header {
  margin-bottom: 10px; }
  .resource-modal .modal-header .modal-title {
    font-weight: 600; }

.resource-modal .modal-body .btn-main {
  border: none;
  min-width: inherit;
  margin-bottom: 3px;
  padding-top: 7px;
  padding-bottom: 7px; }

.resource-modal .modal-body .quantity-input {
  width: 60px;
  display: inline-block;
  margin: 10px 10px 0 10px; }

.resource-modal .modal-body .quantity-label {
  font-size: 1.1em;
  margin-left: 10px; }

.resource-modal .modal-body .resource-group-row {
  margin-top: 30px;
  margin-bottom: 15px; }

.resource-modal .modal-body .special-instructions-row {
  margin-top: 30px;
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  float: none; }

.resource-modal .modal-body .special-instructions-label {
  font-weight: 600;
  font-size: 1.1em; }

.resource-modal .modal-body .attendee-input-row {
  margin-top: 10px; }

.resource-modal .modal-body .selection-section {
  border: 1px solid #E5E5DF;
  padding: 8px 0 8px 0;
  margin: 5px 0 0 0; }

.resource-modal .modal-body .selection-item {
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px; }
  .resource-modal .modal-body .selection-item .fa {
    margin-right: 5px;
    cursor: pointer;
    font-size: 1.4em; }
  .resource-modal .modal-body .selection-item .selection-notes {
    margin-left: 23px;
    color: #9b9b9b;
    display: inline-block; }

.resource-modal .modal-body .disabled-text {
  color: #9b9b9b; }

.resource-modal .modal-body #resource-image-container {
  cursor: pointer; }

.resource-modal .modal-body #resource-image-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  background-color: #000;
  opacity: 0.6;
  display: none; }
  .resource-modal .modal-body #resource-image-overlay .fa {
    color: #fff;
    font-size: 3em;
    position: absolute;
    top: 35%;
    left: 35%; }

.resource-modal .resource-image {
  width: 100%; }

.resource-modal .modal-footer {
  margin-top: -10px; }

#resource-confirm-modal .modal-footer {
  margin-top: 30px; }

.special-instructions-summary {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis; }

#cancel-services .cancel-services-ddl-section {
  margin-top: 20px; }

#cancel-services .category-dropdown-label {
  font-size: 1.4em;
  margin-right: 20px; }

#cancel-services .category-dropdown {
  width: 30%;
  display: inline-block; }

.carousel {
  max-height: 700px;
  overflow: hidden; }
  .carousel .fa-chevron-left,
  .carousel .fa-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel .fa-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel .fa-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel .carousel-caption > h3 {
    color: #fff !important; }

/*Floor map styles*/
#floormap-filters {
  margin-top: 2px; }
  #floormap-filters > * {
    float: left; }

.floormap-unavailable {
  color: #d53f3f; }

.floormap-available {
  color: forestgreen; }

.floormap-inline {
  width: 100%;
  text-align: center; }

.floormap-container .carousel-inner .img-responsive {
  width: 150px;
  height: 75px; }

.leaflet-control-custom .map-center-icon {
  margin-top: 10px;
  margin-left: 10px; }

.leaflet-popup {
  width: 400px; }

.leaflet-popup-content {
  min-width: 360px; }

.leaflet-container {
  background-color: transparent !important;
  border: none !important; }

.jcarousel {
  position: relative;
  overflow: hidden;
  width: 600px; }

.jcarousel li {
  float: left;
  width: 150px;
  height: 200px; }

/** Stage container **/
/** Navigation container **/
.connected-carousels .navigation {
  width: 700px;
  margin: 20px auto;
  position: relative; }

/** Shared carousel styles **/
.connected-carousels .carousel {
  overflow: hidden;
  position: relative; }

.connected-carousels .carousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

.connected-carousels .carousel li {
  float: left; }

/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation {
  height: 140px;
  width: 700px;
  background: #fff;
  padding-top: 10px; }

.connected-carousels .carousel-navigation li {
  cursor: pointer;
  border: 1px solid #E5E5DF;
  margin: 0 5px 0 5px;
  width: 160px; }
  .connected-carousels .carousel-navigation li img {
    height: 90px;
    width: 160px; }
  .connected-carousels .carousel-navigation li .floormap-description {
    text-align: center;
    border-top: 1px solid #E5E5DF;
    background-color: #F2F2EA;
    color: #21467E;
    height: 38px; }

.connected-carousels .carousel-navigation li img {
  display: block;
  border: 5px solid #fff; }

.connected-carousels .carousel-navigation li.active img {
  border-color: #ccc; }

/** Navigation carousel controls **/
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
  display: block;
  position: absolute;
  width: 30px;
  height: 100%;
  background: #F2F2EA; }
  .connected-carousels .prev-navigation a,
  .connected-carousels .next-navigation a {
    font-size: 3.5em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.connected-carousels .prev-navigation {
  left: -30px; }

.connected-carousels .next-navigation {
  right: -30px; }

.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {
  opacity: .5;
  cursor: default; }

/***** end of jcarousel overrides*/
/*End of floor map styles*/
/* Help Text */
.help-text-icon {
  font-size: 1.5em;
  float: right;
  color: #21467E !important;
  text-decoration: none !important;
  border-bottom: dotted 1px transparent; }

.modal-header .help-text-icon {
  margin-right: 15px; }

/* end of Help Text*/
/* Vertical Book Grid (Location Details) */
.vertical-book-grid-container {
  width: 100%;
  height: 100%; }
  .vertical-book-grid-container .v-b-container {
    width: 100%;
    height: 100%; }
    .vertical-book-grid-container .v-b-container .v-b-time-column {
      float: left;
      height: 100%;
      width: 60px; }
      .vertical-book-grid-container .v-b-container .v-b-time-column .v-b-time-ph {
        height: 20px;
        margin: 15px 0; }
        @media all and (max-width: 764px) and (min-width: 200px) {
          .vertical-book-grid-container .v-b-container .v-b-time-column .v-b-time-ph {
            height: 40px; } }
      .vertical-book-grid-container .v-b-container .v-b-time-column .v-b-time {
        height: 60px;
        position: relative;
        top: -10px; }
    .vertical-book-grid-container .v-b-container .v-b-days-container {
      height: 100%;
      width: 100%; }
      .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column {
        position: relative;
        float: left;
        height: 100%; }
        .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column:first-child .v-b-hour {
          border-left: none; }
        .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-date {
          margin: 15px 0;
          height: 20px;
          display: block;
          text-align: center;
          font-weight: 600; }
          @media all and (max-width: 764px) and (min-width: 200px) {
            .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-date {
              height: 40px; } }
        .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-hour {
          height: 60px;
          border-top: 1px solid #E5E5DF;
          border-left: 1px solid #E5E5DF; }
          .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-hour:last-child {
            border-bottom: 1px solid #E5E5DF; }
          .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-hour .v-b-top-half-hour {
            height: 30px; }
          .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-hour .v-b-bottom-half-hour {
            height: 30px;
            border-top: 1px dashed #E5E5DF; }
        .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-event {
          position: absolute;
          color: white;
          background-color: #6881a5;
          opacity: .8;
          width: 100%; }
          .vertical-book-grid-container .v-b-container .v-b-days-container .v-b-cal-column .v-b-event span {
            margin-left: 3px;
            display: block; }

/* end of Vertical Book Grid (Location Details) */
/* Skype Login Modal */
#conferencing-iframe {
  border: none;
  width: 100%; }

#skype-content-wrapper {
  margin-top: 0px; }

#page-loading-overlay-skype .loading-animation,
.skype-temp-loading-screen {
  position: relative;
  top: 50%;
  left: inherit; }

.skype-hidden-div {
  display: none; }

.skype-logo-wrapper {
  width: 100%;
  text-align: center;
  padding: 8px; }

.skype-message-wrapper {
  padding: 15px; }

.skype-modal-header {
  padding: 15px; }

/* END: Skype Login Modal*/
/* Web App Checkbox Component */
.webapp-checkbox .webapp-checkbox-icon {
  cursor: pointer;
  font-size: 1.4em;
  margin-right: 5px;
  vertical-align: middle; }

.webapp-checkbox .webapp-checkbox-label {
  vertical-align: top; }

/* END: Web App Checkbox Component */