/* Minification failed. Returning unminified contents.
(87,25): run-time error CSS1030: Expected identifier, found '.'
(87,138): run-time error CSS1031: Expected selector, found ')'
(87,138): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*BORDERS*/
/*TEXT*/
/*PANELS*/
/*MISC*/
/*DARK MODE TEST*/
/*@defaultTextColor: #FFF;
@defaultBackgroundColor: #3e3e42;
@alternatingRowColor: #313141;
@lightYellow: #d7d88b;
@defaultBorderColor: #5e6163;*/
/*Mixins*/
iframe {
  border: none;
  background-color: #FFFFFF;
}
html {
  height: 100%;
  text-align: left;
  z-index: -1;
  border-width: 0;
  font-size: 16px;
}
body {
  height: 100%;
  font-size: 75%;
  font-family: Arial, Sans-Serif;
  color: #333333;
  background-color: #FFFFFF;
  margin: 0;
}
.full_background {
  min-width: 1000px;
  background-image: url(/Content/Images/background-tile.png);
  height: 100%;
}
#width_switch {
  bottom: 5px;
  left: 5px;
  position: absolute;
}
a {
  text-decoration: none;
  outline: none;
}
a:link {
  text-decoration: none;
  color: #333333;
}
a:visited {
  text-decoration: none;
  color: #333333;
}
a:hover {
  text-decoration: none;
  color: #333333;
}
a:active {
  text-decoration: none;
  color: #333333;
}
input[type="checkbox"]:hover {
  cursor: pointer;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus,
.clickable.button:focus {
  outline: dotted 1px #BBBBBB;
}
input,
button {
  font-family: Arial, Sans-Serif;
  outline: none;
  font-size: 1em;
}
select,
input.mbbox,
textarea.mbbox {
  border-radius: 2px;
  border: 1px solid #C3C3C3;
  padding: 0 0 0 5px;
  margin: 0;
  outline: none;
  font-family: Arial;
  color: #333333;
}
input.mbbox:disabled:is(.quorum_weight_attendee_list, .member_quorum_weight, .quorum_weight_input_roll_call, .footer_input, .weight_input) {
  background-color: #f0f0f0;
}
textarea.mbbox {
  padding-top: 5px;
}
select.mbbox {
  width: 202px;
}
select.mbbox.narrow {
  width: 50px;
}
select.mbbox.normal {
  width: 100px;
}
label[disabled] {
  color: #C3C3C3;
}
h1 {
  font-size: 2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 60px;
  height: 60px;
  font-weight: bold;
  margin: 0;
}
hr {
  border-style: solid;
  border-color: #CCCCCC;
  border-top-style: none;
}
label.input_aligned {
  position: absolute;
  margin-top: 3px;
}
input[type="text"]:read-only {
  cursor: default;
}
input[type="checkbox"]:disabled {
  cursor: default;
}
/*Search box*/

input.mbbox.grayed {
  color: #CCCCCC;
}
input.default_search_box {
  font-size: 0.917em;
  font-weight: normal;
}
input.default_search_box::-ms-clear {
  display: none;
}
input[type="text"] {
  -webkit-appearance: none;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"].mbbox:focus,
input[type="password"].mbbox:focus,
textarea.mbbox:hover,
textarea.mbbox:focus {
  background-color: #EAF5FF;
}
input[type="text"]:read-only:hover {
  background-image: none;
  background-color: white;
  cursor: default;
}
select[disabled],
input[disabled].mbbox {
  background-image: none;
}
select {
  height: 22px;
  line-height: 20px;
}
select option {
  padding-top: 4px;
  outline: none;
}
input.mbbox {
  height: 20px;
  line-height: 20px;
}
input.mbbox:-ms-input-placeholder {
  color: #6D6D6D;
}
input.mbbox.fixed_width {
  width: 195px;
}
input.mbbox.narrow {
  width: 30px;
}
input[type="number"].mbbox.narrow {
  width: 40px;
}
input.mbbox.full_width {
  width: calc(100% - 5px);
}
select.mbbox.full_width {
  width: 100%;
}
input[type="select"] > option:hover {
  cursor: pointer;
  background: red;
}
/*GENERALLY USED*/

.box_label {
  float: left;
  line-height: 20px;
  width: 120px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}
.box_label.lowered_label {
  padding-top: 16px;
}
.wide_box {
  width: 305px;
}
.narrow_box {
  width: 100px;
}
.leftsidedock {
  float: left;
}
.inline {
  display: inline-block;
}
.rightsidedock {
  float: right;
}
.bottom {
  vertical-align: bottom;
}
.nowrap {
  white-space: nowrap;
}
.nobreak {
  border-style: none;
  width: 100%;
}
span.highlight {
  background-color: Yellow;
}
.help_button {
  float: left;
  border-style: none;
  background-color: transparent;
  color: #333333;
  background-image: url(/Content/Images/Icons/icon-Help.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: left center;
  cursor: pointer;
}
.help_button.indented {
  margin-top: 9px;
  margin-left: 200px;
}
div.notification_number {
  background-color: #D23900;
  border-radius: 50%;
  height: 15px;
  padding: 1px 4px 0 4px;
  color: #FFFFFF;
  margin: 0;
  top: 10px;
  left: 55%;
  position: absolute;
  font-size: 12px;
  line-height: 15px;
}
div.navigation_alert_number {
  background-color: #D23900;
  border-radius: 50%;
  height: 16px;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 12px;
  pointer-events: none;
  line-height: 16px;
  min-width: 8px;
  padding: 0 4px;
}
.pop_down {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
  border-top-style: none;
  background-color: white;
  padding: 10px 40px;
  font-weight: bold;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  z-index: 1000;
}
.pop_down_blocker {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.4;
  z-index: 999;
}
.pop_down_progress {
  background-color: #3399ff;
  height: 2px;
  position: absolute;
  width: 0%;
  left: 0;
  bottom: 0;
}
#close_pop_down {
  float: right;
  font-size: 1.2em;
  color: #D23900;
  cursor: pointer;
  margin-left: 20px;
  margin-right: -30px;
}
.selection_disabled {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.resizable_container {
  position: relative;
}
.resizable_dragger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 8px;
  cursor: ew-resize;
  background-color: transparent;
  background-image: url(/Content/Images/resize-dragger-bottom.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 99;
}
.resizable_dragger_top {
  position: absolute;
  left: 0;
  top: -10px;
  height: 8px;
  width: 100%;
  cursor: ns-resize;
  background-color: transparent;
  background-image: url(/Content/Images/resize-dragger-ns.png);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 99;
}
.resizable_dragger.dragging {
  background-color: #3399FF;
  opacity: 0.4;
}
/* BUTTONS */

.buttons {
  text-align: right;
  padding: 10px 0px 0px 0px;
}
.buttons.bottom {
  padding: 10px 0;
}
.buttons.only_help {
  position: absolute;
  bottom: 30px;
}
.buttonrow {
  text-align: right;
  padding: 15px 0 0 15px;
}
/*FONT AWESOME*/

.fa.delete {
  color: #D23900;
}
.fa.add {
  color: #7DB800;
}
.fa.small_button {
  font-size: 14px;
}
button.default_button,
a.default_button,
input.default_button {
  display: inline-block;
  background-color: #EEEEEE;
  text-decoration: none;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  margin: 0 0 0 6px;
  font-size: 1.167em;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0px;
  transition: 0.3s;
}
a.default_button {
  padding: 0 10px 6px 7px;
}
button.default_button,
input.default_button {
  width: auto;
  overflow: visible;
  padding: 8px 20px 8px 20px;
}
.default_button.home,
.small_button.home {
  border: 1px solid #0078E6;
  background-color: #3399FF;
  color: #FFFFFF;
}
.default_button.home:hover,
.small_button.home:hover {
  border: 1px solid #0078E6;
  background-color: #5CADFE;
  color: #FFFFFF;
}
button.small_button,
a.small_button,
input.small_button {
  display: inline-block;
  background-color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  margin-left: 2px;
}
a.link_button {
  padding: 10px;
  outline: none;
}
button.default_button.drop_down,
input.default_button.drop_down {
  background-image: url(/Content/Images/Icons/arrow-down-small.png);
  background-position: 92% center;
  background-repeat: no-repeat;
}
button.small_button {
  width: auto;
  overflow: visible;
  padding: 5px;
}
button.default_button:hover,
button.small_button:hover,
input.default_button:hover {
  background-color: #F9F9F9;
}
button[disabled].default_button,
button[disabled].small_button {
  background-color: transparent;
  color: #ccd2cc;
  border-color: #e4e7e4;
}
/*LAYOUT*/

.title {
  padding: 0 30px;
  background-color: #E4E8EF;
}
.title.leftpart {
  float: left;
}
.page_description {
  font-size: 1.083em;
  font-weight: bold;
  margin: 0 0 30px 0;
}
.section_title {
  font-size: 1.5em;
  line-height: 40px;
  padding-top: 5px;
}
.sub_title {
  font-size: 1.167em;
  font-weight: bold;
}
.sub_section_title {
  font-size: 1.167em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}
.small_delete_button {
  height: 16px;
  width: 16px;
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0px 8px;
}
tr:hover .small_delete_button {
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete-o.png);
}
ol > ol {
  list-style-type: lower-alpha;
}
ol > ol > ol {
  list-style-type: upper-roman;
}
/*top*/

div#top_container {
  width: 100%;
  position: absolute;
  top: 0;
  min-width: 1000px;
}
div#top {
  max-width: 1380px;
  background-color: #272f37;
  margin: 0px auto;
  position: relative;
}
div#top {
  max-width: none;
}
div#header {
  border-bottom: 5px solid #3399FF;
  height: 67px;
}
div#header_logo {
  height: 67px;
  float: left;
  width: 230px;
  border-right: 2px solid #42454f;
}
a#logo_link {
  height: 67px;
  background-image: url(/Content/Images/Logos/MB-Logo.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  display: block;
  background-size: 170px;
}
div#menu {
  float: left;
}
ul#horisontalmenu {
  margin: 0;
  list-style-type: none;
  height: 67px;
  line-height: 67px;
  padding: 0;
}
ul#horisontalmenu li {
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
ul#horisontalmenu li a {
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  padding: 0 20px 0 20px;
  outline: none;
  background-repeat: no-repeat;
  background-position: 10px center;
  border-right: 2px solid #42454f;
  height: 67px;
}
ul#horisontalmenu li a.selected {
  background-color: #3399FF;
}
ul#horisontalmenu li a span.mdi {
  padding-right: 5px;
}
div#header_options {
  float: right;
  height: 67px;
}
div#top_options {
  width: 55px;
  float: left;
  color: white;
  position: relative;
  height: 67px;
  line-height: 67px;
  background-image: url(/Content/Images/Menu/sprocket.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  padding: 0 30px 0 0;
  text-align: right;
  cursor: pointer;
}
input#global_search {
  font-size: 0.917em;
  color: #666666;
  padding-right: 20px;
  width: 180px;
  border-radius: 0;
  background-image: none;
  border-left: 1px solid black;
}
input#global_search::-ms-clear {
  display: none;
}
div#global_search_holder {
  float: left;
  padding-top: 22px;
}
span.date_time_ticks {
  visibility: hidden;
}
div#user_info,
div#help_items {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  top: 40px;
  right: 30px;
  z-index: 1;
  text-align: left;
}
ul.user_menu {
  margin: 0;
  list-style-type: none;
  padding: 0px;
}
ul.user_menu li {
  margin: 0;
  line-height: 1em;
  white-space: nowrap;
  padding: 5px 10px;
}
ul.user_menu li:hover {
  background-color: #EAF5FF;
}
ul.user_menu li a {
  display: block;
  color: #333333;
  margin: 0;
  outline: none;
  font-size: 1em;
}
ul.user_menu li span {
  display: inline-block;
  color: #333333;
  font-size: 1em;
}
ul.user_menu li span.fa {
  width: 20px;
}
.new_tooltip {
  background-color: #697786;
  color: #fff;
  padding: 5px;
  opacity: 1;
}
/*content*/

div#content_container {
  position: absolute;
  top: 72px;
  bottom: 32px;
  width: 100%;
  min-width: 1000px;
}
div#content {
  max-width: 1380px;
  background-color: #FFFFFF;
  margin: 0px auto;
  position: relative;
  height: 100%;
}
div#content {
  max-width: none;
}
div#main {
  margin-left: 200px;
  position: relative;
  min-width: 600px;
  overflow: auto;
  background-color: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  height: 100%;
  display: flex;
  flex-direction: column;
}
div#main.full {
  margin-left: 0;
  padding-bottom: 16px;
}
div#main.clean {
  border-top: 1px solid #FFFFFF;
  border-left-style: none;
  border-top-left-radius: 0;
}
/*footer*/

#footer_container {
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 32px;
  min-width: 1000px;
  overflow: hidden;
}
#footer {
  position: relative;
  height: 31px;
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  max-width: 1380px;
  font-size: 0.917em;
  color: #666666;
  margin: 0px auto;
  width: 100%;
}
#footer {
  max-width: none;
}
.footer_logo {
  background-image: url(/Content/Images/Logos/MW-Logo.svg);
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  width: 110px;
  height: 100%;
  background-size: 100%;
}
.footer_meetingbooster_logo {
  background-image: url(/Content/Images/RunMeeting/logo-light.png);
  background-repeat: no-repeat;
  background-position: right top;
  position: absolute;
  right: 15px;
  top: 10px;
  width: 223px;
  height: 33px;
}
.footer_text {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 30px;
  line-height: 31px;
}
#footer .footer_logo a {
  font-size: 0.917em;
  color: #999999;
}
/*Search box used in mbtools*/

.search_options_btn {
  border: 1px solid #c3c3c3;
  background-color: white;
  position: absolute;
  right: 205px;
  top: 0;
  height: 20px;
  width: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search_options_btn .arrow_down {
  margin-left: 6px;
  margin-top: 8px;
}
.global_search_context {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 22px;
  background-color: white;
  border: 1px solid #999999;
  box-shadow: 1px 1px 5px #888888;
}
.global_search_context .checkmark_holder {
  display: inline-block;
  width: 12px;
  height: 9px;
  margin-right: 4px;
}
.global_search_context .checkmark_holder.checked {
  background-image: url(/Content/Images/Icons/icon-Tickblue-m.png);
}
.global_search_context .match_option {
  white-space: nowrap;
  font-weight: bold;
  padding: 4px 10px 4px 4px;
  cursor: pointer;
}
.global_search_context .match_option:hover {
  background-color: #EAF5FF;
}
.search_field_icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 22px;
  width: 22px;
  cursor: pointer;
}
.search_field_icon.fa {
  font-size: 1.25em;
  line-height: 22px;
  text-align: center;
  color: #666666;
}
.filter_field_icon {
  background-image: url(/Content/Images/Icons/icon-Filter.png);
  position: absolute;
  right: 0;
  top: 0;
  height: 22px;
  width: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.filter_field_icon.clear {
  background-image: url(/Content/Images/Icons/close-medium.png);
}
.search_box_container {
  position: relative;
  height: 22px;
}
.search_box_container input {
  position: absolute;
  top: 0;
  right: 0;
  width: 275px;
  padding-right: 20px;
}
/*Color picker*/

.colorpicker {
  background-color: #FFFFFF;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
.colorpicker .colorelem {
  width: 14px;
  height: 14px;
  border: 1px solid #808080;
  margin: 1px;
}
.colorpicker .colorelem:hover {
  border: 1px solid black;
  outline: solid;
  outline-color: black;
  outline-width: 2px;
}
.colorpicker td {
  padding: 0;
}
/*NAVIGATION MENU*/

div#navigation_container {
  position: absolute;
  left: 0;
  width: 200px;
  margin-top: 0px;
  height: 100%;
  overflow: auto;
}
ul#navigation {
  margin: 0;
  padding: 2px 0;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  height: 20px;
}
ul#navigation li {
  overflow: hidden;
  transition: background-color 0.5s ease;
  padding: 5px 0;
}
ul#navigation li.breaker {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #FFFFFF;
  margin: 15px;
  padding: 0;
}
ul#navigation li.point,
ul#navigation li.category {
  margin-top: 10px;
}
ul#navigation li.point:hover {
  cursor: pointer;
  background-color: #D3E6F5;
}
ul#navigation li a,
ul#navigation li span {
  display: block;
  text-decoration: none;
  padding: 0 5px 0 40px;
  line-height: 20px;
  outline: none;
}
ul#navigation li.sub {
  font-size: 0.917em;
  padding-left: 20px;
}
ul#navigation li.sub:hover {
  background-color: #D3E6F5;
}
ul#navigation li.selected a,
ul#navigation li.selected span {
  color: #3399FF;
  font-weight: bold;
}
ul#navigation li.category div {
  margin: 5px 0;
  line-height: 20px;
  padding-left: 40px;
}
ul#navigation li.selected,
ul#navigation li.selected:hover {
  color: #3399FF;
  background-color: #FFFFFF;
}
ul#navigation li.point.selected,
ul#navigation li.point.selected:hover {
  color: #3399FF;
  background-color: #FFFFFF;
}
ul#navigation li.create {
  background-image: url(/Content/Images/Icons/plus-small.png);
  background-position: 50px 13px;
  background-repeat: no-repeat;
}
ul#navigation .mdi:before {
  font-size: 170%;
  color: #616161;
  padding-right: 5px;
}
ul#navigation .selected .mdi:before {
  color: #3399FF;
}
ul#navigation li a.mdi,
ul#navigation li div.mdi,
ul#navigation li span.mdi {
  padding: 0 5px 0 15px;
  display: flex;
}
/*HELP*/

.item_help_holder {
  position: absolute;
  top: 10px;
  right: 10px;
}
.item_help_holder.gray_bar {
  top: 23px;
}
.item_help_background {
  background-image: url(/Content/Images/Icons/icon-Help.png);
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  font-size: 1.25em;
  line-height: 14px;
}
.item_help_link {
  padding-right: 14px;
  line-height: 14px;
  font-size: 1.25em;
}
/* LISTS */

/*Pager*/

#pager,
.pager {
  width: 70px;
  margin: 0px auto;
  height: 10px;
}
#first_page {
  background-image: url(/Content/Images/Icons/icon-Pager-left2.png);
  height: 15px;
  width: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
#previous_page {
  background-image: url(/Content/Images/Icons/icon-Pager-left1.png);
  height: 15px;
  width: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
#paging_message {
  height: 15px;
  float: left;
  text-align: center;
  padding: 0 5px;
}
#next_page {
  background-image: url(/Content/Images/Icons/icon-Pager-right1.png);
  height: 15px;
  width: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
#last_page {
  background-image: url(/Content/Images/Icons/icon-Pager-right2.png);
  height: 15px;
  width: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
#nextPage {
  display: inline-block;
  padding: 0 5px;
}
#previousPage {
  display: inline-block;
  padding: 0 5px;
}
.sorting {
  cursor: pointer;
}
.sorting.asc {
  background-image: url(/Content/Images/Icons/arrow-up-small.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 8px;
}
.sorting.desc {
  background-image: url(/Content/Images/Icons/arrow-down-small.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 8px;
}
.pager {
  margin-top: 10px;
  text-align: center;
  height: 22px;
}
.pager .clickable {
  display: inline-block;
  zoom: 1;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: left top;
}
#pager_start {
  background-image: url(/Content/Images/Dashboards/icon-Pager-left2.png);
}
#pager_previous {
  background-image: url(/Content/Images/Dashboards/icon-Pager-left1.png);
}
#pager_next {
  background-image: url(/Content/Images/Dashboards/icon-Pager-right1.png);
}
#pager_end {
  background-image: url(/Content/Images/Dashboards/icon-Pager-right2.png);
}
#pager-text {
  display: inline-block;
  zoom: 1;
  height: 10px;
  vertical-align: middle;
}
/* MEETINGS LIST */

/*filters*/

.sync_running {
  background-image: url(/Content/Images/Spinners/load-Content-3.gif);
  color: #C0C0C0;
  cursor: default;
}
.sync_notrunning {
  background-image: url(/Content/Images/Buttons/Synchronize.png);
  cursor: pointer;
}
#synchronize {
  height: 20px;
  border: 1px solid #999999;
  border-radius: 2px;
  text-align: center;
  float: left;
  line-height: 20px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position-x: 2px;
  background-position-y: 2px;
  padding-left: 23px;
  padding-right: 6px;
  margin-right: 10px;
  display: none;
}
#filter_meetings {
  width: 180px;
}
#filter_meetings::-ms-clear {
  display: none;
}
.toggle_meetings_view {
  height: 20px;
  border: 1px solid #999999;
  border-radius: 2px;
  width: 23px;
  text-align: center;
  float: left;
  font-size: 18px;
  line-height: 20px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.toggle_meetings_view.selected {
  background-color: #FFFFCC;
}
.tiny_text {
  font-size: 0.833em;
}
#meetingstable .delete_item {
  margin-top: 5px;
}
#meetings_calendar {
  padding: 20px;
}
.calendar_context {
  position: absolute;
  background-color: #EAF5FF;
  color: #333333;
  padding: 5px;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  border: 1px solid #6B6B6B;
}
.calendar_context_item {
  cursor: pointer;
  white-space: nowrap;
  padding: 5px;
}
.calendar_context_item.mdi::before {
  padding-right: 5px;
  font-size: 1.2em;
}
.calendar_context_item:hover {
  text-decoration: underline;
}
.filter_back {
  background-image: url(/Content/Images/Buttons/Small/small_button_bg.png);
  height: 20px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  margin-right: 15px;
}
.filter_back.active {
  background-color: #FFFFCC;
  background-image: none;
}
.filter_back.active #additional_filters {
  width: 70px;
}
#additional_filters {
  background-image: url(/Content/Images/Icons/filter.png);
  background-repeat: no-repeat;
  background-position: 45px center;
  height: 20px;
  width: 60px;
  line-height: 20px;
  padding-left: 10px;
  font-weight: bold;
}
#clear_additional_filters {
  background-image: url(/Content/Images/Icons/close-small.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  width: 20px;
  display: none;
  float: right;
}
#filterselector {
  padding: 12px;
  border: 5px solid #CCCCCC;
  background: #FFFFFF;
  width: 220px;
  z-index: 1;
  box-shadow: 2px 2px 2px 0px black;
  overflow: auto;
}
.status_readonly {
  background-image: url(/Content/Images/Icons/icon-Recurrence-edit.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#meetingstable tr:hover .status_readonly {
  background-image: url(/Content/Images/Icons/icon-Recurrence-edit-o.png);
}
.approved_meeting {
  height: 14px;
  width: 14px;
  background-image: url(/Content/Images/Icons/icon-Pending-2.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 8px;
}
.unapproved_meeting {
  height: 14px;
  width: 14px;
  background-image: url(/Content/Images/Icons/icon-Pending-1.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 8px;
}
.rejected_meeting {
  height: 14px;
  width: 14px;
  background-image: url(/Content/Images/Icons/icon-Pending-3.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 8px;
}
#meetingsHolder {
  padding-bottom: 20px;
}
#meetingstable {
  table-layout: fixed;
}
.edit_item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.meeting_list_meeting_title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  position: relative;
}
.meeting_list_meeting_title.running {
  overflow: visible;
  text-overflow: initial;
}
.meeting_list_meeting_title.approval_on {
  padding-left: 30px;
}
.running_meeting_title {
  padding-right: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.running_meeting_icon {
  border: 1px solid #BDE78D;
  padding: 1px 5px;
  font-size: 0.833em;
  height: 12px;
  line-height: 12px;
  position: absolute;
  top: -1px;
  right: 5px;
  background-color: #EAF7DA;
  color: #008000;
}
.running_meeting_icon .mdi {
  padding-right: 5px;
}
.executed_meeting {
  font-style: italic;
}
.dr_meeting,
.dr_recurring_meeting,
.dr_user {
  background-image: url(/Content/Images/Icons/icon-plus.png);
  background-position: left center;
  background-repeat: no-repeat;
  height: 14px;
  width: 18px;
  float: left;
  cursor: pointer;
}
.custom_row .dr_meeting,
.custom_row .dr_recurring_meeting {
  background-image: none;
}
.custom_row .meeting_list_meeting_title,
.custom_row .meeting_list_meeting_title.approval_on {
  padding: 0;
}
.dr_user {
  padding-left: 30px;
  background-position: 15px center;
}
.dr_meeting.expanded,
.dr_recurring_meeting.expanded,
.dr_user.expanded {
  background-image: url(/Content/Images/Icons/icon-minus.png);
}
#meetingstable.grid tr.custom_row td {
  line-height: 30px;
  border-bottom-style: none;
}
#meetingstable.grid tr.custom_row.last td {
  border-bottom-style: solid;
}
#meetingstable.grid tr.custom_row td.dr_user_sub {
  border-bottom: 1px solid #CCCCCC;
  padding: 0px;
}
#meetingstable.grid tr.custom_row td .user_name {
  border-left: 5px solid #EAF5FF;
  padding-left: 32px;
  background-image: url(/Content/Images/Icons/arrow-right-small.png);
  background-position: 25px 12px;
  background-repeat: no-repeat;
}
#meetingstable.grid tr.custom_row td .user_name_header {
  border-left: 5px solid #d6ebff;
  padding-left: 25px;
  font-weight: bold;
}
#meetingstable.grid .nested_list {
  border-left: 5px solid #EAF5FF;
}
#meetingstable.grid .nested_list .stripe {
  background-color: #FFFFFF;
}
#meetingstable.grid .nested_list thead tr th {
  border-bottom-style: none;
}
#meetingstable.grid .nested_list #sort_title {
  padding-left: 26px;
}
#meetingstable.grid .nested_list .dr_meeting,
#meetingstable.grid .nested_list .dr_recurring_meeting {
  padding-left: 20px;
  background-image: url(/Content/Images/Icons/arrow-right-small.png);
  background-position-x: 28px;
  background-repeat: no-repeat;
  cursor: default;
}
#meetingstable.grid .nested_list tr td {
  line-height: normal;
}
#meetingstable.grid .nested_list .recurring_options_handle {
  display: none;
}
#meetingstable.grid .nested_list tr > th + th + th + th + th + th + th {
  display: none;
}
#meetingstable.grid .nested_list tr > td + td + td + td + td + td + td {
  display: none;
}
.grid thead tr.meetings_list_header_row {
  height: 30px;
}
.grid thead .meetings_list_header_row > th + th {
  width: 10%;
}
.grid thead .meetings_list_header_row > th + th + th {
  width: 15%;
}
.grid thead .meetings_list_header_row > th + th + th + th {
  width: 10%;
}
.grid thead .meetings_list_header_row > th + th + th + th + th {
  width: 17%;
}
.grid thead .meetings_list_header_row > th + th + th + th + th + th {
  width: 13%;
}
.grid thead .meetings_list_header_row > th + th + th + th + th + th + th {
  text-align: right;
  padding-right: 10px;
}
#meetingstable th,
#meetingstable td {
  white-space: nowrap;
}
/*#meetingstable tr > td { padding: 0; }*/

#meetingstable tr > td + td {
  overflow: visible;
}
#meetingstable tr > td + td + td {
  overflow: hidden;
  text-overflow: ellipsis;
}
#meetingstable tr > td + td + td + td {
  overflow: visible;
}
#meetingstable tr > td + td + td + td + td + td + td {
  text-align: right;
  padding-right: 10px;
}
.meeting_list_pad.approval_on {
  padding-right: 30px;
}
.meeting_list_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}
#meetingstable.past_meetings td {
  overflow: hidden;
}
#meetingstable.past_meetings tr > th {
  width: 45%;
}
#meetingstable.past_meetings tr > th + th {
  width: 25%;
}
#meetingstable.past_meetings tr > th + th + th {
  width: 120px;
}
#meetingstable.past_meetings tr > th + th + th + th + th {
  width: 30%;
  text-align: right;
  padding-right: 10px;
}
#meetingstable .status_editable {
  float: right;
}
.series_name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.delete_past_meeting_column {
  text-align: right;
}
.delete_past_meeting_column span {
  padding-right: 10px;
}
#meetingstable.past_meetings td.series_column {
  text-align: right;
  padding: 0 10px;
  position: relative;
}
.recurring_options_handle {
  background-image: url(/Content/Images/Icons/recurring.png);
  height: 10px;
  width: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
tr:hover .recurring_options_handle {
  background-image: url(/Content/Images/Icons/recurring-active.png);
}
.recurring_options_window {
  display: none;
  position: absolute;
  background-color: #F9F9F9;
  border: 1px solid #ADADAD;
  padding: 7px;
  top: 3px;
  left: 15px;
  font-size: 0.917em;
  z-index: 2;
}
#series_details .series_organizer_editable {
  cursor: pointer;
}
/* DIALOGS */

/* There are three basic modal dialog types: full_dialog, default_dialog and spinner_dialog. The full_dialog should be used for when the dialog takes the entire page.*/

/* There is also a last dialog that is not modal, called popup_dialog */

#edit_meeting_dialog,
#edit_recurrence_dialog,
#edit_series_dialog,
#edit_project_dialog {
  padding-bottom: 0px;
}
.edit_series_dialog_min_container {
  position: relative;
}
.loading_more_series_topics {
  background-repeat: no-repeat;
  background-position-x: center;
  background-image: url(/Content/Images/Spinners/load-Content-2.gif);
  height: 100px;
}
.meeting_list_topic {
  color: #0000EE;
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
}
.topic_status_item {
  display: inline-block;
  white-space: nowrap;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-header {
  padding-right: 60px;
}
.ui-dialog.ui-widget-content.default_dialog {
  overflow: visible;
  padding: 0px;
  background-repeat: repeat;
  border-radius: 8px;
  box-shadow: 3px 3px 3px #333333;
}
.ui-dialog.ui-widget-content.full_dialog {
  overflow: visible;
  padding: 0px;
  background-repeat: repeat;
  border-radius: 8px;
  box-shadow: 3px 3px 3px #333333;
}
.ui-dialog.ui-widget-content.spinner_dialog {
  overflow: visible;
  padding: 0px;
  background-repeat: repeat;
  border-radius: 8px;
  box-shadow: 3px 3px 3px #333333;
}
.ui-dialog.default_dialog .ui-dialog-title {
  margin: 0;
  color: #FFFFFF;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  font-weight: bold;
}
.ui-dialog.full_dialog .ui-dialog-title {
  margin: 0;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  font-weight: bold;
  max-width: 100%;
}
.ui-dialog.default_dialog .ui-dialog-title .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog.full_dialog .ui-dialog-title .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog.default_dialog .ui-dialog-titlebar {
  padding: 10px 0 0 20px;
  font-size: 1.667em;
  height: 26px;
  color: #FFFFFF;
  position: relative;
}
.ui-dialog.full_dialog .ui-dialog-titlebar {
  padding: 10px 0 0 20px;
  font-size: 1.667em;
  height: 26px;
  color: #FFFFFF;
  position: relative;
}
/*.ui-dialog.default_dialog .ui-dialog-titlebar-close, .ui-dialog.default_dialog .ui-dialog-titlebar-close.ui-state-hover { margin: 0; top: -16px; right: -16px; height: 31px; width: 32px; padding: 0; background-repeat: no-repeat; background-color: #000000; border: 3px solid @defaultBorderColor; z-index: 1; outline: none; border-radius: 16px; }
.ui-dialog.full_dialog .ui-dialog-titlebar-close, .ui-dialog.full_dialog .ui-dialog-titlebar-close.ui-state-hover { margin: 0; top: -16px; right: -16px; height: 31px; width: 32px; background-image: none; padding: 0; background-repeat: no-repeat; background-color: #000000; border: 3px solid @defaultBorderColor; z-index: 1; outline: none; border-radius: 16px; }
*/

.ui-dialog.default_dialog .ui-dialog-titlebar.ui-widget-header {
  background-color: #272f37;
  /*background-image: url(/Content/Images/Dialog/Crown.png);*/
  background-repeat: no-repeat;
  background-position: right 45px bottom;
  height: 50px;
  color: #FFFFFF;
  padding: 0 100px 0 15px;
  line-height: 50px;
  border-bottom: 4px solid #3399FF;
}
.ui-dialog.full_dialog .ui-dialog-titlebar.ui-widget-header {
  background-color: #272f37;
  /*background-image: url(/Content/Images/Dialog/Crown.png);*/
  background-repeat: no-repeat;
  background-position: right 45px bottom;
  height: 50px;
  color: #FFFFFF;
  padding: 0 100px 0 15px;
  line-height: 50px;
  border-bottom: 4px solid #3399FF;
}
.ui-dialog.default_dialog.no_close .ui-dialog-titlebar-close {
  display: none;
}
.ui-dialog.full_dialog.no_close .ui-dialog-titlebar-close {
  display: none;
}
/*.ui-dialog.default_dialog .ui-icon-closethick { background-image: url(/Content/Images/Dialog/icon-Close.png); background-position: center center; }
.ui-dialog.full_dialog .ui-icon-closethick { background-image: url(/Content/Images/Dialog/icon-Close.png); background-position: center center; }
*/

/*.ui-dialog.ui-dialog-buttons.default_dialog .ui-dialog-content { padding-bottom: 0; }*/

.ui-dialog.default_dialog .ui-dialog-content {
  background-color: #FFFFFF;
  padding: 15px;
}
.ui-dialog.default_dialog.no-border-dialog .ui-dialog-content {
  background-color: #FFFFFF;
  padding: 0;
}
.ui-dialog.full_dialog .ui-dialog-content {
  background-color: #FFFFFF;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ui-dialog.spinner_dialog .ui-dialog-content {
  background-color: #FFFFFF;
  padding: 25px;
  text-align: center;
}
/*
.ui-dialog.default_dialog .ui-dialog-content.ui-widget-content { border-radius: 0; }
.ui-dialog.full_dialog .ui-dialog-content.ui-widget-content { border-radius: 0; }
.ui-dialog.spinner_dialog .ui-dialog-content.ui-widget-content { border-radius: 0; }
*/

.ui-dialog-title.warning {
  background-image: url(/Content/Images/Icons/conflicts-clean.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.ui-dialog.ui-widget-content.spinner_dialog .ui-dialog-titlebar.ui-widget-header {
  display: none;
}
.ui-dialog.full_dialog .ui-dialog-buttonpane {
  padding: 15px;
}
/*Notification dialog*/

.ui-dialog.default_dialog #notification_dialog.ui-dialog-content {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.notification_dialog_header {
  text-align: center;
  font-weight: bold;
  padding: 10px 0 5px 0;
}
.notification_dialog_subsection {
  text-align: center;
  font-weight: normal;
  padding: 0 0 10px 0;
}
.notification_dialog_text {
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
}
/*non-modal dialog*/

.ui-dialog.popup_dialog {
  background-color: transparent;
  border-radius: 0;
  background-image: url(/Content/Images/Dialog/dialog_background.png);
  background-position: center top;
  background-repeat: no-repeat;
  padding: 0;
}
.ui-dialog.popup_dialog .ui-dialog-titlebar {
  padding-bottom: 0;
}
.ui-dialog.popup_dialog .ui-dialog-content {
  background-color: #FFFFFF;
  border: 5px solid #CCCCCC;
  border-top-style: none;
  padding: 20px;
}
.ui-dialog.popup_dialog .ui-dialog-titlebar-close {
  display: none;
}
/*ADVANCED FILTER*/

.filter_top_container {
  padding: 25px 25px 0 25px;
  background-color: #EAF5FF;
}
#advanced_users_filter,
#advanced_meetings_filter,
#advanced_projects_filter {
  padding: 0;
  overflow: hidden;
}
.type_ahead_dialog {
  z-index: 1200;
  position: absolute;
  min-width: 200px;
  color: black;
}
.type_ahead_items_border {
  border: 1px solid #6B6B6B;
  background-color: #FFFFFF;
  cursor: pointer;
}
.type_ahead_match {
  padding: 3px 5px;
  white-space: nowrap;
}
.type_ahead_match.selected {
  background-color: #EAF5FF;
}
#search_new_items {
  height: 20px;
  border: 1px solid #C3C3C3;
  border-radius: 2px;
  background-color: #FFFFFF;
  float: left;
  width: 240px;
}
#advanced_filter_search {
  padding: 3px 10px;
  margin-left: 20px;
}
#selected_items {
  min-height: 75px;
  border: 1px solid #999999;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding-bottom: 4px;
  overflow: auto;
  max-height: 200px;
}
#advanced_projects_filter #selected_items {
  min-height: 24px;
}
.filter_dialog_header {
  float: left;
  line-height: 22px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 1.25em;
}
.selected_item {
  float: left;
  border: 1px solid #3399FF;
  box-shadow: 1px 1px 1px 0 #CCCCCC;
  margin: 4px 0 0 4px;
  padding: 0 3px;
  height: 18px;
  line-height: 18px;
}
.selected_item.guest_user {
  background-color: #CCC;
}
.type_ahead_box {
  line-height: 20px;
  min-width: 20px;
  min-height: 20px;
  outline-width: 0;
  padding: 0 5px;
  border-style: none;
  min-width: 200px;
  background-color: transparent;
}
.type_ahead_box::-ms-clear {
  display: none;
}
input.type_ahead_box:hover {
  background-image: none;
  background-color: transparent;
}
.delete_selection {
  display: inline-block;
  height: 9px;
  width: 14px;
  background-image: url(/Content/Images/Icons/delete-small.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.type_holder {
  float: left;
}
#no_results {
  margin: 0 5px;
}
.custom_data_container,
.advanced_filter_data_container {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #CCCCCC;
}
.filter_table_holder {
  overflow: auto;
  overflow-x: hidden;
}
.guest_data_container {
  padding: 30px 25px 0 27px;
  min-height: 400px;
}
.title_message {
  background-color: #e3b52b;
  border-radius: 4px;
  padding: 4px;
  font-size: 11px;
  margin-left: 10px;
  font-weight: bold;
  color: black;
  float: right;
  height: 16px;
  line-height: 16px;
  margin-top: 13px;
}
.item_email {
  color: #C0C0C0;
  font-style: italic;
}
.item_date {
  color: #C0C0C0;
  font-style: italic;
  float: right;
  margin-left: 5px;
}
.typeahead_fill {
  color: #C0C0C0;
  font-style: italic;
}
.select_all_check {
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.filter_priority_line {
  border-collapse: separate;
  border-spacing: 4px 7px;
}
.no_selection {
  font-style: italic;
  color: #AAAAAA;
  line-height: 30px;
  padding: 10px;
}
#new_project_name {
  width: 350px;
}
/*guests*/

#new_guest_email {
  display: block;
  float: left;
  margin: 0 20px;
}
#new_guest_button {
  height: 22px;
  line-height: 22px;
  background-image: url(/Content/Images/Icons/icon-round-add.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: 0 10px 0 30px;
}
#new_project_button {
  height: 22px;
  line-height: 22px;
  background-image: url(/Content/Images/Icons/icon-round-add.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: 0 10px 0 30px;
  float: right;
}
.top_arrow_up {
  height: 32px;
  width: 32px;
  position: absolute;
  left: 20px;
  margin-top: 0;
  top: -32px;
  overflow: hidden;
}
.top_arrow_up:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  transform: rotate(45deg);
  bottom: -18px;
  left: 2px;
  border: 3px solid #CCCCCC;
}
/*Context menu and Context_dialog*/

.context_menu {
  position: absolute;
  border: 1px solid #6B6B6B;
  background-color: #EAF5FF;
  box-shadow: 2px 2px 2px 0 #6B6B6B;
  z-index: 200;
}
.context_menu .arrow_right {
  margin: 1px 5px 0 0;
  float: right;
}
.context_menu.with_scroll {
  overflow: auto;
}
.context_icon {
  padding-right: 5px;
  color: #D23900;
}
.context_icon.file_extension {
  padding-right: 12px;
  margin: 0;
}
.context_icon:hover {
  padding-right: 5px;
  color: #D23900;
}
.context_icon.file_extension:hover {
  padding-right: 12px;
}
.context_dialog {
  position: absolute;
  border: 1px solid #6B6B6B;
  background-color: #FFFFFF;
  box-shadow: 2px 2px 2px 0 #6B6B6B;
  padding: 10px;
}
.context_dialog.no_padding {
  padding: 0;
}
.context_menu_item {
  padding: 6px 2px 6px 10px;
  cursor: pointer;
  font-size: 0.917em;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
}
.context_menu_item_text {
  padding-right: 5px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context_menu_item:hover,
.context_menu_item:hover a {
  color: #006FDD;
}
.context_menu_item.disabled:hover {
  color: #C0C0C0;
}
.context_menu_background,
.context_dialog_background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150;
}
.context_menu_item.with_selection {
  padding-left: 30px;
}
.context_menu_item.no_max_width {
  max-width: none;
}
.context_checkbox_menu {
  position: absolute;
  border: 1px solid #6b6b6b;
  background-color: #eaf5ff;
  box-shadow: 2px 2px 2px 0 #6b6b6b;
  z-index: 200;
}
.context_checkbox_menu .arrow_right {
  margin: 1px 5px 0 0;
  float: right;
}
.context_checkbox_menu_item {
  padding: 3px 10px 3px 3px;
  cursor: pointer;
  font-size: 0.917em;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.context_checkbox_buttons {
  margin-top: 5px;
  padding: 5px;
  border-top: 1px solid #A9ACAE;
}
.context_checkbox_buttons button {
  margin: 3px !important;
  padding: 3px 5px !important;
  background-color: #EEE !important;
  border: 1px solid #999 !important;
  cursor: pointer;
  font-weight: bold;
  border-radius: 3px;
  height: auto !important;
}
.context_checkbox_buttons button:hover {
  background-color: #e4e4e4 !important;
}
.check_padded {
  width: 20px;
}
.ui-dialog.context_dialog .ui-icon-closethick {
  background-image: none;
}
.context_dialog.users_list_dialog {
  border: 3px solid #CCCCCC;
  min-width: 400px;
  padding: 15px;
}
.context_dialog.users_list_dialog .buttons {
  padding-top: 20px;
}
#loading_spinner {
  display: none;
  background-color: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
}
#spinner_dialog {
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  border-radius: 8px;
}
.print_all,
.print_all_view {
  background-image: url(/Content/Images/Buttons/Small/print-small.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 2px 0 0 20px;
  text-decoration: underline;
  font-size: 0.917em;
  color: #666666;
  position: absolute;
  right: 25px;
  top: 35px;
  cursor: pointer;
}
/*RIBBON BUTTONS*/

div.optionsbar {
  height: 89px;
  background-color: #FFFFFF;
  padding: 0 25px;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
}
div.optionsbar.task_options {
  padding: 0 10px;
  border-bottom-style: none;
}
.leftoption {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.rightoption {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.optionsbuttons {
  margin: 8px 0 0 0;
  float: left;
  white-space: nowrap;
}
/*hack */

.optionsbuttons a {
  display: block;
  float: left;
  margin: 0px;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  border: 0;
}
.optionsbuttons button {
  width: auto;
  border: none;
  padding: 0;
  background-color: transparent;
  margin: 0;
  height: 72px;
}
/*hack end*/

.collapse_buttons {
  display: inline-block;
}
.collapse_buttons.collapsed {
  width: 55px;
  height: 320px;
  white-space: normal;
  z-index: 10;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  position: absolute;
  top: 80px;
  left: 270px;
}
#moving_container {
  display: none;
}
.buttonholder {
  margin: 0;
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: normal;
  transition: background-color 0.5s ease;
  background-color: transparent;
}
.buttonholder:hover,
.buttonholder.toggled_on {
  background-color: #FFD96C;
}
.buttonholder > div {
  height: 10px;
  width: 50px;
  background-repeat: no-repeat;
  margin: 0 2px;
  padding-top: 45px;
  padding-bottom: 25px;
  font-size: 0.833em;
  text-align: center;
  background-position: center 8px;
  color: #333333;
  line-height: 1.1em;
  min-width: 40px;
}
.buttonholder.breaker {
  background-color: #CCCCCC;
  width: 1px;
}
.buttonholder.disabled,
.buttonholder.disabled:hover {
  background-image: none;
  cursor: default;
}
div.arrow_up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333333;
  display: inline-block;
  margin-bottom: 3px;
}
div.arrow_down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333333;
  display: inline-block;
}
div.arrow_right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333333;
  display: inline-block;
}
div.arrow_left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #333333;
  display: inline-block;
}
div.arrow_down.break {
  display: block;
  margin: 4px auto;
}
div.arrow_down.white {
  border-top-color: #FFFFFF;
}
/*task buttons*/

#newTaskButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Tasks/task-add.png);
}
.buttonholder.disabled #newTaskButton {
  filter: grayscale(80%);
  -webkit-filter: grayscale(100%);
}
#deleteTaskButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Tasks/task-delete.png);
  width: 60px;
}
#sendTasksButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Distribute.png);
  width: 60px;
}
#exportexcelButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Excel-Export.png);
}
#printTasksButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Pdf.png);
  width: 60px;
}
#sendtasknotification {
  background-image: url(/Content/Images/Buttons/Ribbon/send-notifications.png);
  width: 80px;
}
#openTaskListConfig,
#openTaskListConfigDocumentSetting {
  background-image: url(/Content/Images/Icons/custom-task.png);
  width: 60px;
}
#filter_tasks::-ms-clear {
  display: none;
}
/*Agenda, Minutes buttons*/

#approvalStatusButton {
  background-image: url(/Content/Images/Buttons/Ribbon/icon-ViewOriginal.png);
  width: auto;
  margin: 0 5px;
}
#showChangesButton {
  background-image: url(/Content/Images/Buttons/Ribbon/icon-ShowChanges.png);
  width: auto;
  margin: 0 5px;
}
#reeditButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Edit.png);
}
#conclusion_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Conclusion.png);
  width: auto;
  margin: 0 5px;
}
#discussion_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Discussion.png);
  width: auto;
  margin: 0 5px;
}
#settings_button {
  background-image: url(/Content/Images/Buttons/Ribbon/icon-Settings.png);
  width: 70px;
}
#ai_button {
  background-image: url(/Content/Images/Buttons/Ribbon/AI.png);
  width: auto;
  margin: 0 5px;
}
#send_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Distribute.png);
  width: auto;
  margin: 0 5px;
}
#pdf_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Pdf.png);
  width: auto;
  margin: 0 5px;
}
#edit_minutes_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Edit.png);
  width: auto;
  margin: 0 5px;
}
#edit_attendees_button {
  background-image: url(/Content/Images/Buttons/Ribbon/edit-attendees.png);
  width: auto;
  margin: 0 5px;
}
#approvalButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Request-Approval.png);
  width: auto;
  margin: 0 5px;
}
#requestApprovalButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Request-Approval.png);
  width: auto;
  margin: 0 5px;
}
#markForApprovalButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Request-Approval.png);
  width: auto;
  margin: 0 5px;
}
#attendeeInputButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Attendee-Input.png);
  width: auto;
  margin: 0 5px;
}
#meeting_attributes_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Meeting-Attributes.png);
  width: auto;
  margin: 0 5px;
}
#meeting_minutes_visible_button {
  background-image: url(/Content/Images/Buttons/Ribbon/View-Agenda.png);
  width: auto;
  margin: 0 5px;
}
#newAgendaButton {
  background-image: url(/Content/Images/Buttons/Ribbon/New-Agenda.png);
  width: auto;
  margin: 0 5px;
}
#newAgendaTopicButton {
  background-image: url(/Content/Images/Buttons/Ribbon/New-Topic.png);
  width: auto;
  margin: 0 5px;
}
#deleteAgendaTopicButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Delete-Topic.png);
  width: auto;
  margin: 0 5px;
}
#newBreakButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Break.png);
  width: auto;
  margin: 0 5px;
}
#indentButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Move-right.png);
}
#outdentButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Move-left.png);
}
#moveDownButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Move-down.png);
}
#moveUpButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Move-up.png);
}
#movingButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Move.png);
  width: auto;
  margin: 0 5px;
}
#newTopicAttachmentButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Attachment.png);
  width: auto;
  position: relative;
  overflow: hidden;
  margin: 0 5px;
}
#newTopicLinkButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Link.png);
  width: auto;
  margin: 0 5px;
  position: relative;
}
#timeEstimatorButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Time.png);
  width: auto;
  margin: 0 5px;
}
#sendAgendaButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Distribute.png);
  width: 65px;
}
#save_as_template {
  background-image: url(/Content/Images/Buttons/Ribbon/Discussion.png);
  width: auto;
  margin: 0 5px;
}
#sendMinutesButton {
  background-image: url(/Content/Images/Buttons/Ribbon/distribute.png);
  width: 60px;
}
#toggleTopicDescription > div {
  background-image: url(/Content/Images/Buttons/Ribbon/Description.png);
  width: auto;
  margin: 0 5px;
}
#viewHideAgendaButton > div {
  background-image: url(/Content/Images/Buttons/Ribbon/View-Agenda.png);
  width: 60px;
}
/*Meeting Series Edit Ribbon*/

#manage_topic_status_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Manage-Topic-States.png);
  width: auto;
  margin: 0 5px;
}
#new_meeting_from_topics,
#new_meeting_from_topic_suggestions {
  background-image: url(/Content/Images/Buttons/Ribbon/Meeting-from-Selected.png);
  width: auto;
  margin: 0 5px;
}
#add_topic_suggestions_to_meeting {
  background-image: url(/Content/Images/Buttons/Ribbon/Suggestion-add.png);
  width: auto;
  margin: 0 5px;
}
#new_topic_suggestion_for_series {
  background-image: url(/Content/Images/Buttons/Ribbon/Bulb.png);
  width: auto;
  margin: 0 5px;
}
#delete_topic_suggestion_for_series {
  background-image: url(/Content/Images/Buttons/Ribbon/Suggestion-remove.png);
  width: auto;
  margin: 0 5px;
}
#new_topic_attachment_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Attachment.png);
  width: auto;
  margin: 0 5px;
}
#new_suggestion_link_button {
  background-image: url(/Content/Images/Buttons/Ribbon/Link.png);
  width: auto;
  margin: 0 5px;
}
#showSeriesSuggestionsButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Svg/Series-Suggestion.svg);
  width: 80px;
  margin: 0 5px;
  background-size: 36px;
}
#showMeetingSuggestionsButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Svg/Meeting-Suggestion.svg);
  width: 60px;
  margin: 0 5px;
  background-size: 36px;
}
.filter_button {
  background-image: url(/Content/Images/Buttons/btn-Filter.png);
  height: 24px;
  width: 92px;
  background-repeat: no-repeat;
}
.filter_button.selected {
  background-image: url(/Content/Images/Buttons/btn-Filter-o.png);
}
.filters_container {
  padding: 20px 0 0 0;
  float: right;
  line-height: 1em;
}
.filter_button_holder {
  padding-right: 15px;
  display: none;
}
.filter_date_range_holder {
  padding-right: 15px;
}
.full_textbox {
  width: 100%;
}
#task_pie {
  position: absolute;
  top: 0;
  width: 300px;
  right: 30px;
}
#task_pie_legend {
  position: absolute;
  width: 180px;
  height: 63px;
  top: 14px;
  right: 0;
}
.pie_legend_row {
  height: 20px;
  line-height: 20px;
}
.pie_legend_row.with_border {
  border-bottom: 1px solid #CCCCCC;
}
.pie_legend_text {
  width: 158px;
  float: right;
}
.pie_legend_dot {
  float: left;
  height: 12px;
  width: 12px;
  margin: 4px;
}
.pie_legend_value {
  float: right;
  padding-right: 2px;
}
.pie_legend_loading {
  float: right;
  padding-right: 2px;
  background-image: url(/Content/Images/Spinners/preloader.gif);
  width: 36px;
  height: 12px;
}
.pie_legend_button {
  float: left;
  width: 22px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 2px;
  line-height: 20px;
  padding: 0 4px;
  cursor: pointer;
}
.pie_legend_buttontext {
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid #3399FF;
  font-size: smaller;
  font-weight: bold;
  padding: 0 2px;
  color: #3399FF;
}
/*EDIT SERIES*/

#series_meetings_list {
  overflow: auto;
  height: 100%;
}
#series_member_list {
  overflow: auto;
}
#create_meeting_instance {
  position: absolute;
  top: 30px;
  right: 25px;
  border: 1px solid #CCCCCC;
  outline: none;
  background-color: #FFFFFF;
  margin: 0;
  padding: 3px 10px 3px 25px;
  font-weight: bold;
  background-image: url(/Content/Images/Icons/icon-round-add.png);
  background-position: 7px center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #666666;
  z-index: 2;
}
#create_meeting_instance:hover {
  background-color: #3399FF;
  border-color: #3399FF;
  color: #FFFFFF;
}
.series_search_holder {
  position: absolute;
  top: 30px;
  right: 165px;
  z-index: 1;
}
.series_search_holder .search_field_icon {
  z-index: 2;
}
#series_dialog .series_filter_container {
  float: right;
  margin-top: 30px;
}
#series_dialog .series_filter_container .filter_element:not(:first-child) {
  margin-right: 20px;
}
#series_dialog .series_filter_container .filter_element {
  float: right;
}
#series_dialog {
  position: relative;
  height: 100%;
}
.edit_series_tab_holder {
  height: 100%;
}
.series_blinder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 2;
}
#series_search_input {
  border: 1px solid #CCCCCC;
  outline: none;
  margin: 0;
  z-index: 2;
  font-size: 0.917em;
  color: #666666;
  padding-right: 20px;
  width: 180px;
  border-radius: 0;
  background-image: none;
  border-left: 1px solid black;
}
.ui-tabs .ui-tabs-panel.meeting_series_details_tab {
  display: flex;
  height: calc(100% - 60px);
  flex-direction: column;
}
#edit_series_dialog_min_container {
  height: 100%;
}
.series_tab_container {
  flex-grow: 1;
}
#series_title_and_selections {
  display: grid;
  grid-template-columns: 4fr 5fr;
}
#series_details {
  margin: 20px 0;
}
#series_title_and_selections_col_1 {
  padding-bottom: 25px;
}
.series_no_access {
  font-style: italic;
  color: #C0C0C0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.series_view_access {
  overflow: hidden;
  text-overflow: ellipsis;
}
#tabs-6 #decisions_exportExcelButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Excel-Export.png);
}
#tabs-6 #decisions_exportPdfButton {
  background-image: url(/Content/Images/Buttons/Ribbon/Pdf.png);
}
#tabs-6 #filter_decisions {
  width: 180px;
}
#tabs-6 #decisions_holder tr:nth-child(odd) {
  background-color: #F8F8F8;
}
#tabs-6 .decisions_list_decision p:nth-last-child(2) {
  display: inline;
}
#tabs-6 .decisions_list_decision .expand::before {
  font-size: 12px;
  content: "... ";
}
#tabs-6 .decisions_list_decision .expand {
  font-size: 14px !important;
  cursor: pointer;
}
#tabs-6 .decisions_list_decision .display_inline {
  display: inline;
}
#tabs-6 .decisions_list_decision .collapse {
  font-size: 14px !important;
  padding-left: 6px;
  cursor: pointer;
}
#tabs-6 a.decision_minutes_link {
  color: royalblue;
  text-decoration: underline;
}
.suggestion_filter_container {
  display: flex;
  position: absolute;
  top: 57px;
  right: 24px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.suggestion_filter_container .filter_element {
  margin-left: 20px;
}
.suggestion_filter_container .filter_element input {
  vertical-align: -2px;
}
.suggestion_row_status_2 {
  color: #C0C0C0;
  text-decoration: line-through;
}
.suggestion_row_status_3 {
  color: #C0C0C0;
}
/*NEW SERIES SUGGESTION DIALOG*/

#new_topic_attachment_button {
  height: 1em;
  width: auto;
  overflow: hidden;
  position: relative;
}
.new_suggestion_attachment_delete {
  display: inline-block;
  font-size: 1.2em;
  vertical-align: middle;
  color: #D23900;
  cursor: pointer;
  margin-right: 15px;
}
/*Link dialog - Sharepoint, etc.*/

.sharepoint_header {
  font-weight: bold;
  margin-top: 15px;
}
.sharepoint_table {
  width: 100%;
}
.sharepoint_table td + td {
  padding-left: 10px;
}
.sharepoint_box {
  width: 100%;
}
.sharepoint_browse_url {
  font-weight: bold;
  margin-bottom: 15px;
  background-image: url(/Content/Images/Icons/link-folder.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.remember_me {
  position: absolute;
  left: 0;
  top: 15px;
}
.remember_me input[type="checkbox"] {
  margin-right: 10px;
}
button.default_button.sharepoint_back {
  position: absolute;
  top: 10px;
  left: 0;
  margin-left: 0;
}
.sharepoint_connector .buttons {
  position: relative;
}
.small_spinner {
  background-image: url(/Content/Images/Spinners/load-Content-3.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 16px;
}
.file_browse_tree {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  height: 300px;
  overflow: auto;
  width: 400px;
}
.file_browse_tree .gwt-TreeItem-selected {
  background-color: #Cee7ff;
}
.file_browse_tree .directory {
  font-weight: bold;
}
.file_browse_tree .file {
  font-weight: normal;
}
.file_browse_tree .dir_item {
  background-image: url(/Content/Images/TreeView/folder-closed.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 20px;
}
.file_browse_tree .file_item {
  background-image: url(/Content/Images/TreeView/file.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 20px;
}
.file_browse_tree table {
  width: 100%;
}
.file_browse_tree table td:first-child {
  width: 18px;
}
.hyperlink_dialog .writeable_dropdown .text_field {
  width: calc(100% - 26px);
  line-height: 16px;
}
.hyperlink_dialog .writeable_dropdown {
  width: 100%;
}
.hyperlink_table {
  width: 100%;
}
.hyperlink_dialog .hyperlink_table td {
  padding-right: 6px;
}
.hyperlink_dialog .hyperlink_table td + td {
  padding-right: 2px;
}
.gwt-PopupPanel.popup_selection_dialog .popupContent {
  border: 1px solid #ADADAD;
  z-index: 1;
  box-shadow: 1px 2px 2px #ADADAD;
  background-color: #EAF5FF;
}
.popup_item {
  height: 24px;
  line-height: 24px;
  margin: 0px 10px;
  outline: none;
  cursor: pointer;
  font-size: 0.917em;
  white-space: nowrap;
}
.popup_item:hover {
  color: #006FDD;
}
/*New sharepoing dialog*/

#server_url {
  width: calc(100% - 7px);
}
ul.filetree {
  list-style-type: none;
  padding-left: 10px;
}
ul.filetree li {
  line-height: 20px;
  cursor: pointer;
}
ul.filetree li.directory {
  background-image: url(/Content/Images/TreeView/folder-closed.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 20px;
}
ul.filetree li.directory.open {
  background-image: url(/Content/Images/TreeView/folder-open.gif);
}
ul.filetree li.file {
  background-image: url(/Content/Images/TreeView/file.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 20px;
}
ul.filetree li.file.selected {
  background-color: #EAF5FF;
}
/*Meeting Attributes*/

/*#meeting_attributes_holder { margin-left: 140px; }*/

#meeting_attributes_holder .meeting_attributes_select:focus {
  background-color: #eaf5ff;
  background-image: none;
}
#meeting_attributes_holder .meeting_attributes_select option {
  background-color: white;
}
#meeting_attributes_panel {
  padding: 10px 30px 10px 10px;
  max-height: 125px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #CCCCCC;
}
#meeting_attributes_panel.attributes_dialog {
  padding: 0;
  max-height: none;
  border-style: none;
}
.meeting_attributes_select {
  float: right;
  width: 157px;
}
.meeting_attributes_text {
  float: right;
  width: 158px;
}
.attribute_value_container {
  float: right;
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.likely_attribute_value {
  color: #3399FF;
  font-size: 1.167em;
  cursor: pointer;
}
.attribute_info_column {
  padding-left: 10px;
  white-space: nowrap;
}
.generate_sequential_number {
  padding-left: 10px;
}
.apply_attributes_button {
  float: right;
  margin: 6px 0 6px 0;
}
.attributes_legend {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}
.hidden_attribute_row {
  display: none;
}
/*VIEW MEETING*/

/*#minutes_tabs .optionsbar { border:1px solid #aaaaaa; border-top-style:none;}*/

table#view_attendees tr td + td + td {
  text-align: center;
}
table#view_attendees tr th + th + th {
  text-align: center;
}
.grid td.agenda_description_view {
  padding-left: 40px;
  font-size: 0.917em;
}
.locked_topic_indicator {
  background-image: url(/Content/Images/Icons/Lockclock.png);
  background-position: center center;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}
#agendaFrame {
  width: 100%;
  height: 100%;
}
/*Approval*/

.approval_status_table_header {
  border-bottom: 1px solid #CCCCCC;
  font-weight: bold;
  height: 20px;
}
.approval_status_table_header th {
  text-align: left;
  font-weight: bold;
  padding: 0 30px 0 0;
}
.approval_status_table_row {
  height: 30px;
}
.approval_status_table_row td {
  padding: 0 30px 0 0;
}
.document_version_column {
  text-align: center;
}
#send_approval_dialog {
  overflow: hidden;
}
.send_for_approval {
  background-image: url(/Content/Images/Icons/icon-Alert.png);
  background-repeat: no-repeat;
  background-position: center 20px;
  padding-top: 60px;
}
.send_for_approval_message {
  font-weight: bold;
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.send_for_approval_status {
  border: 1px solid #CCCCCC;
  background-color: #F4FAFF;
  font-weight: normal;
  margin-top: 20px;
  padding: 5px;
}
.approval_status_emphasis {
  font-weight: bold;
  color: #3399FF;
}
.before_after_dialog {
  width: 400px;
  padding: 0;
  border: 1px solid #CCCCCC;
}
.before_after_container {
  width: 200px;
  float: left;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.before_after_container#after {
  width: 199px;
  float: left;
  border-left: 1px solid #CCCCCC;
}
.before_after_header {
  text-align: center;
  height: 20px;
  color: #FFFFFF;
  background-color: #3399FF;
  line-height: 20px;
}
.before_after_text {
  padding: 10px 20px 20px 20px;
}
.before_text {
  color: #666666;
}
.before_after_left_arrow {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: -32px;
  overflow: hidden;
}
.before_after_left_arrow:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  transform: rotate(45deg);
  top: 7px;
  left: 24px;
  box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid #CCCCCC;
}
.before_after_right_arrow {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: -32px;
  overflow: hidden;
}
.before_after_right_arrow:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  transform: rotate(-45deg);
  top: 7px;
  right: 24px;
  box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid #CCCCCC;
}
.undo_change {
  position: absolute;
  bottom: 5px;
  right: 10px;
  height: 11px;
  background-image: url(/Content/Images/Minutes/icon-Undo.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
  cursor: pointer;
  font-size: 0.917em;
}
.hidden_agenda {
  background-image: url(/Content/Images/Icons/hidden.png);
  height: 50px;
  text-align: center;
  margin-top: 50px;
  padding-top: 70px;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 1.333em;
  color: #666666;
}
/*ATTENDEE INPUT*/

#suggestions_container,
#series_suggestions_container {
  min-height: 300px;
}
.series_suggestion_subject {
  font-weight: bold;
}
#agenda_topic_suggestions.grid thead tr th {
  padding: 0 5px;
}
#agenda_topic_suggestions.grid td {
  padding-left: 5px;
  padding-right: 5px;
}
#agenda_topic_suggestions.grid .customselect td {
  padding-left: 0;
  padding-right: 0;
}
#agenda_topic_series_suggestions.grid thead tr th {
  padding: 0 5px;
}
#agenda_topic_series_suggestions.grid td {
  padding-left: 5px;
  padding-right: 5px;
}
#agenda_topic_series_suggestions.grid .customselect td {
  padding-left: 0;
  padding-right: 0;
}
#newCommentButton {
  background-image: url(/Content/Images/Buttons/Ribbon/icon-NewComment.png);
  width: 60px;
}
#deleteCommentButton {
  background-image: url(/Content/Images/Buttons/Ribbon/icon-DeleteComment.png);
  width: 60px;
}
.suggestion_action {
  float: right;
  background-position: left center;
  height: 11px;
  width: auto;
  margin: 0 0 0 5px;
  padding: 0 3px 0 12px;
  background-repeat: no-repeat;
  margin-top: 7px;
  font-size: 11px;
  line-height: 11px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  border-radius: 2px;
  color: #333333;
  cursor: pointer;
}
.insert_suggestion {
  background-image: url(/Content/Images/Icons/accept_small.png);
}
.reject_suggestion {
  background-image: url(/Content/Images/Icons/reject_small.png);
}
.revert_suggestion {
  background-image: url(/Content/Images/Icons/revert_small.png);
}
.postpone_suggestion {
  background-image: url(/Content/Images/Icons/postpone_small.png);
}
.top_aligned {
  vertical-align: top;
  line-height: 30px;
}
#meeting_suggestions_header,
#series_suggestions_header {
  padding-left: 20px;
}
/*TOPIC SUGGESTIONS*/

.checked_cell {
  background-image: url(/Content/Images/Icons/check-sign.png);
  background-repeat: no-repeat;
  background-position: center 7px;
}
input.hidden_file_upload {
  opacity: 0.01;
  font-size: 200px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
input.small_file_upload {
  opacity: 0.01;
  font-size: 0px;
  position: absolute;
  top: 0;
  left: 0;
}
.suggestion_text p {
  margin: 0.5em 0;
}
.suggestion_text .mce-tinymce,
.description_cell.comment .mce-tinymce {
  margin: 10px 0;
}
.suggestion_subject_text {
  line-height: 30px;
  font-weight: bold;
}
.suggestion_subject_box {
  font-weight: bold;
}
.last_column,
#agenda_topic_series_suggestions.grid thead tr th.last_column,
#agenda_topic_suggestions.grid thead tr th.last_column,
#agenda_topic_suggestions.grid td.last_column,
#agenda_topic_series_suggestions.grid td.last_column {
  padding-right: 20px;
  text-align: right;
}
.dots {
  font-size: 1.667em;
}
.row_status_text {
  padding-right: 10px;
}
.editable_row {
  cursor: pointer;
}
.topic_suggestion_status {
  height: 22px;
}
.suggestion_status_accepted {
  background-image: url(/Content/Images/Icons/accept_small.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.suggestion_status_rejected {
  background-image: url(/Content/Images/Icons/reject_small.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.suggestion_status_pending {
  background-image: url(/Content/Images/Icons/revert_small.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.suggestion_status_postponed {
  background-image: url(/Content/Images/Icons/postpone_small.png);
  background-position: center center;
  background-repeat: no-repeat;
}
#new_topic_suggestion_ribbon {
  height: 90px;
  background-color: #E4E8EF;
  border-bottom: 1px solid #CCCCCC;
}
.topic_suggestion_bottom_content {
  margin: 10px 15px 0 15px;
}
.suggestion_label {
  font-weight: bold;
  margin-right: 10px;
}
.suggestion_section {
  margin: 10px 0 5px 0;
}
/*PROJECTS*/

#project_info td.leftside {
  width: 80px;
  text-align: right;
  padding-right: 20px;
  padding-bottom: 8px;
  height: 22px;
}
#project_info td.rightside {
  padding-right: 20px;
  padding-bottom: 5px;
}
/*DASHBOARDS*/

div#dashboards {
  background-image: url(/Content/Images/Dashboards.jpg);
  width: 990px;
  height: 824px;
}
#overview_items {
  padding: 0 10px;
}
div#dashboardnavigation {
  background-image: url(/Content/Images/Dashboards-nav.jpg);
  height: 824px;
  width: 124px;
  margin-top: 49px;
}
/*table and gwt overrides for table*/

.grid_container {
  padding: 10px 15px;
  background-color: #FFFFFF;
}
.tab_grid_container {
  padding: 10px 25px;
}
.grid {
  width: 100%;
  background-color: #FFFFFF;
  border-spacing: 0;
}
.grid thead {
  padding: 9px 10px;
}
.grid thead tr {
  height: 30px;
  background-color: #FFFFCC;
  border-top: 1px solid #CCCCCC;
}
.grid.new thead tr {
  border-style: none;
}
/*.grid .gridheader td { padding: 0 15px; text-shadow: none !important; font-weight: bold; text-align: left; background-image: url(/Content/Images/Tables/table-header-bottom.png); background-position: bottom; background-repeat: repeat-x; border-bottom: 1px solid #999999; white-space: nowrap; }*/

.grid .gridheader td {
  padding: 0 15px;
  text-shadow: none !important;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
}
.grid .gridheader td.attending_column,
.grid td.attending_column {
  padding-right: 0;
  text-align: right;
}
.grid .gridheader td.after_attending_column {
  padding-left: 5px;
  text-align: left;
}
/*.grid thead tr th { padding: 0 15px; text-shadow: none !important; font-weight: bold; text-align: left; background-image: url(/Content/Images/Tables/table-header-bottom.png); background-position: bottom; background-repeat: repeat-x; border-bottom: 1px solid #999999; }*/

.grid thead tr th {
  padding: 0 15px;
  text-shadow: none !important;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #999999;
}
.grid td {
  padding: 8px 15px;
  border-bottom: 1px solid #CCCCCC;
}
.grid td.narrow {
  padding: 8px 0px;
}
.grid td.no_border {
  border-bottom-style: none;
}
.grid.striped tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.stripe {
  background-color: #F8F8F8;
}
.default_row {
  background-color: #FFFFFF;
}
.selected_row {
  background-color: #EAF5FF;
}
.grid .gridheader td.checkboxgridheader {
  vertical-align: top;
  padding-top: 6px;
}
.empty_table_widget {
  padding-top: 50px;
  height: 110px;
  width: 100%;
}
.empty_table_container {
  width: 600px;
}
.grid .empty_table_container td {
  border-bottom-style: none;
}
.empty_table_button {
  padding: 30px;
  width: 50% !important;
  text-align: right;
  border-right: 1px solid #CCCCCC;
}
.grid td.empty_table_description {
  padding: 30px;
  width: 50% !important;
  text-align: left;
}
.pagerbutton {
  width: 16px;
  text-align: center;
  cursor: pointer;
}
img#logo_image {
  max-height: 90px;
  max-width: 220px;
  margin: 10px 0;
}
img#signature_image {
  height: 40px;
  width: 200px;
  margin: 10px 0;
}
#signature_place img#signature_image {
  margin: 0;
}
.direct_report_row {
  padding: 0px !important;
}
/*DATA GRIDS*/

.default_data_grid {
  height: 300px;
  background-color: #FFFFFF;
  width: 100%;
}
.default_grid_pager {
  height: 20px;
  margin-top: 5px;
}
.default_data_grid table tbody:last-child td.data_grid_cell {
  border-bottom: 1px solid #CCCCCC;
}
.popup_data_grid {
  width: 100%;
}
th.data_grid_header,
.grid thead tr th.data_grid_header {
  padding: 0px 5px;
  height: 28px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #999999;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.data_grid_header.dataGridFirstColumnHeader,
.grid thead tr th.data_grid_header.dataGridFirstColumnHeader,
td.data_grid_cell.dataGridFirstColumn {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
td.data_grid_cell {
  padding: 0 5px;
  overflow: hidden;
  vertical-align: middle;
  height: 28px;
  text-align: left;
}
.attendee_list {
  height: 200px;
  width: 100%;
  background-color: #FFFFFF;
}
.attendee_list thead th + th + th + th + th,
.attendee_list.grid thead th + th + th + th + th {
  text-align: center;
}
.attendee_list tbody td + td + td + td + td {
  text-align: center;
}
.attendee_list table tbody:last-child td.data_grid_cell {
  border-bottom: 1px solid #CCCCCC;
}
.data_grid_cell .editable_task_cell.readonly {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 1.6em;
}
.default_data_grid .empty_datagrid_widget {
  padding: 40px 0;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  color: #999999;
}
.grid td.noprojectusersrow {
  text-align: center;
  height: 200px;
  border: none;
}
div.errormessage {
  color: #FF0000;
}
div.statusmessage {
  color: #008000;
}
div.errormessage ul {
  margin: 4px 0;
}
div#taboptions {
  float: right;
  top: 1px;
  position: relative;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  height: 30px;
  border-top-right-radius: 4px;
  width: 30px;
}
div#tabsholder {
  clear: left;
  float: left;
}
div#contenthead {
  height: 31px;
}
div#widebottomborder {
  border-top: 1px solid #CCCCCC;
  position: relative;
  top: 30px;
  margin-left: 126px;
}
div#bottomcontainer {
  padding: 15px;
  border-top: 1px solid #CCCCCC;
}
div#bottomcontainer .buttons {
  padding: 0;
}
div#bottomcontainer.noborder {
  border: none;
}
div#bottomcontainer.topborder {
  border: none;
  border-top: 1px solid #CCCCCC;
}
div#bottomcontainer.notop {
  border-top-style: none;
}
div#bottomcontainer.nocolor {
  background-color: transparent;
}
div#meetingtitle {
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.333em;
  height: 20px;
}
div.evaluatemessage {
  padding: 20px 10px;
}
.defaultspacing {
  padding: 8px;
}
div.loading.medium {
  background-image: url(/Content/Images/Spinners/load-Content-2.gif);
  height: 30px;
  width: 30px;
}
div.loading {
  background-image: url(/Content/Images/Spinners/load-Content-1.gif);
  height: 48px;
  width: 48px;
  background-repeat: no-repeat;
  text-align: center;
}
.loading_container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  min-height: 50px;
}
.ajax_loading {
  background-image: url(/Content/Images/Spinners/load-Content-1.gif);
  height: 48px;
  width: 48px;
  background-repeat: no-repeat;
  margin: 20px auto 0 auto;
}
.ajax_loading_message {
  text-align: center;
  padding-top: 20px;
}
div#spinner.loading {
  background-position: center bottom;
  text-align: center;
  margin: 30px auto 0 auto;
}
div.position_centered {
  margin: 100px auto 0 auto;
}
div.overlay {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: white;
  height: 100%;
}
.overlay.grid_overlay {
  height: calc(100% - 41px);
  top: 41px;
}
legend {
  color: #414141;
  font-weight: bold;
}
#reconnect_dialog {
  padding: 0;
  overflow: hidden;
  width: 100%;
  background-image: url(/Content/Images/Dialog/dialog-header.png);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}
/*Conflict*/

.conflict_spinner {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  width: 100%;
}
/* TimeBox */

.TimeBox {
  display: inline-block;
}
.TimeBox input {
  width: 50px;
}
.conflict_check_message {
  margin: 10px 15px;
  padding: 6px 0 0 30px;
  height: 25px;
  background-image: url(/Content/Images/Icons/conflicts.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: bold;
}
.conflict_indicator {
  height: 22px;
  width: 16px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-top: -10px;
  position: relative;
  top: 0px;
  left: 7px;
}
.conflict_indicator.checking {
  background-image: url(/Content/Images/Icons/icon-Loader.gif);
}
.conflict_indicator.conflict {
  background-image: url(/Content/Images/Icons/round-alert.png);
  cursor: pointer;
}
.conflict_indicator.no_conflict {
  background-image: url(/Content/Images/Icons/icon-round-check.png);
}
#conflictsTable.grid td,
#conflictsTable.grid th {
  border-right-style: none;
  border-left-style: none;
}
.spinner_padding {
  margin-bottom: 15px;
}
.conflict_note_header {
  background-image: url(/Content/Images/Icons/conflicts-clean.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 24px;
  padding-top: 8px;
}
.conflict_note {
  background-image: url(/Content/Images/Icons/icon-Alert-small.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.notasksmessage {
  text-align: left;
  padding: 5px 10px;
}
#dialog_toolbar_container {
  display: flex;
  border: 1px solid #CCCCCC;
}
#dialog_text_container {
  min-height: 250px;
  outline: none;
  border: 1px solid #CCCCCC;
  border-top-style: none;
  padding-top: 2px;
}
#note_editor_quotee_holder {
  width: 190px;
  padding: 8px 0 8px 10px;
}
#note_editor_quotee_holder .customselect input {
  font-size: 15px;
  font-style: italic;
}
/*MINUTES*/

#holder .optionsbar {
  box-shadow: #000000 0 5px 5px -5px;
}
.attachmentpopup {
  border: 1px solid #CCCCCC;
  position: absolute;
  background-color: #EAF5FF;
  padding: 0;
  display: none;
}
.attachmentpopup .attachmentitem {
  padding: 4px;
}
.task_table .attachmentpopup .attachmentitem {
  padding: 0 0 0 20px;
  display: block;
}
.topcenter {
  text-align: center;
  vertical-align: top;
}
.noleftborder {
  border-left-style: none;
}
.subgrid {
  width: 100%;
}
.subgrid thead {
  background-color: #C7D7E6;
  color: #414141;
  font-weight: bold;
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
}
.subgrid thead tr th,
.subgrid tbody td {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
  text-align: left;
}
.narrowcolumn {
  width: 20px;
}
.columns_container {
  position: relative;
  line-height: 22px;
  min-height: 22px;
}
.columns_title {
  position: absolute;
  top: 0;
}
.columns_value {
  margin-left: 120px;
  font-weight: bold;
  max-width: 300px;
}
.grid.feedback_table {
  border: 1px solid #CCCCCC;
  margin-top: 20px;
}
.grid.feedback_table thead {
  background-color: #EAF5FF;
}
.grid.feedback_table thead tr.spaced_header {
  height: 40px;
}
.grid.feedback_table thead tr.spaced_header th {
  padding-top: 4px;
}
.feedback_table tr.comment_row {
  display: none;
}
.feedback_table th + th {
  text-align: center !important;
}
.feedback_table tbody td + td {
  text-align: center;
}
.grid.feedback_table tr.expanded td {
  border-bottom-style: none;
}
.rating_label {
  color: #666666;
  font-size: 0.917em;
}
.emphasis {
  font-weight: bold;
}
tr.highlight {
  background-color: #3399FF;
  color: #FFFFFF;
}
tr.highlight:hover {
  color: #333333;
}
.originalconflicttime {
  color: #990000;
}
.defaultpadded {
  padding: 5px;
}
.defaultroundedborder {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.defaultsquareborder {
  border: 1px solid #CCCCCC;
}
.toggleminutestopic {
  background-image: url(/Content/Images/down.png);
  background-repeat: no-repeat;
  background-position: 5px 6px;
}
.hiddenpanel {
  background-image: url(/Content/Images/right.png);
}
.attachment {
  background-image: url(/Content/Images/Icons/paperclip-blue.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 20px;
}
.attachmentitem {
  font-size: 0.917em;
}
.clickable,
.no_select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.clickable::selection {
  background-color: transparent;
}
.clickable {
  cursor: pointer;
}
#user_selector {
  background-color: #FFFFFF;
  background-image: url(/Content/Images/Dialog/dialog-header.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding: 20px;
}
/*GWT overrides - this should not be necessary*/

.GJLWQD-DKE {
  width: 100%;
}
.GJLWQD-DJD {
  background-color: #487CAE;
  color: #FFFFFF !important;
  font-weight: bold;
  text-shadow: none;
  border-top: none !important;
  border-bottom: none !important;
  border: none;
  padding: 10px !important;
}
/*used by gwt*/

.linkbutton:hover {
  cursor: pointer;
}
/*Dialogs*/

div.header {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 2em;
  font-weight: bold;
  padding: 0 0 0 15px;
  height: 45px;
  line-height: 45px;
  background-image: url(/Content/Images/dialog/dialog-logo.png);
  background-repeat: no-repeat;
  background-position: 98% bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 60px;
}
.default_dialog_content {
  padding: 15px;
}
/*Meeting Details*/

.task_list_container {
  min-height: 20px;
}
.addMember {
  cursor: pointer;
  background-image: url(/Content/Images/Icons/user-add.png);
  background-repeat: no-repeat;
  margin: 10px 15px;
  float: left;
  height: 16px;
}
.removeMember {
  cursor: pointer;
  background-image: url(/Content/Images/Icons/user-remove.png);
  background-repeat: no-repeat;
  margin: 10px 15px;
  float: left;
  height: 16px;
}
.addMember,
.removeMember {
  padding-left: 20px;
}
#add_user_button,
#add_guest_button,
button.default_button.add_user_button {
  background-image: url(/Content/Images/Icons/icon-round-add.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin: 0;
}
#remove_user_button,
button.default_button.remove_user_button {
  background-image: url(/Content/Images/Icons/icon-round-Remove.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-left: 10px;
}
span.icontext {
  padding: 0 20px 0 20px;
}
div.pending-status {
  background-image: url(/Content/Images/Icons/round-question.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  background-position: center top;
}
div.accepted-status {
  background-image: url(/Content/Images/Icons/round-yes.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  background-position: center top;
}
div.declined-status {
  background-image: url(/Content/Images/Icons/round-no.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  background-position: center top;
}
.paddedcheckbox {
  position: relative;
  top: 2px;
  left: 10px;
}
#Meeting_Title,
#Meeting_Location,
#Meeting_Purpose,
#Meeting_PA {
  width: 270px;
}
#Meeting_Host {
  width: 277px;
}
#remove_pa {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/Buttons/Small/icon-delete.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.linktext,
.linktext a,
a.linktext {
  text-decoration: underline;
  color: #006FDD;
  outline: none;
}
.linktext:hover {
  cursor: pointer;
  color: #3399FF;
}
/* Attendee selector dialog */

.gwt-DialogBox .guestaddpanel {
  padding: 20px 14px 10px 14px;
}
.guestaddpanel .gwt-Button {
  background-image: url(/Content/Images/Icons/add.png);
  background-repeat: no-repeat;
  background-position: left 8px center;
  height: 22px;
  padding-top: 2px;
  margin-left: 10px;
}
.guestaddpanel > div + div {
  margin-left: 10px;
}
.guestaddpanel input {
  width: 200px;
}
.guestaddpanel > div {
  display: inline-block;
}
.guestaddpanel .gwt-Label {
  font-weight: bold;
}
#add_guest_button {
  margin-left: 10px;
}
.user_selection_list {
  padding: 5px 15px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFCC;
  margin: 0 0 10px 0;
}
.deleteguest {
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete-o.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  background-position: center center;
}
.gwt-TabLayoutPanelTab-selected {
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.gwt-TabLayoutPanelContentContainer {
  border: 1px solid #CCCCCC;
}
.gwt-TabLayoutPanelTab {
  cursor: pointer;
  z-index: 8888;
}
.gwt-TabLayoutPanel > div + div + div {
  top: 36px !important;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  background-color: #FFFFFF !important;
  color: #3399FF;
  cursor: default;
}
.gwt-TabLayoutPanelTabs .gwt-Label {
  font-size: 1.167em;
  font-weight: bold;
  padding: 10px 20px 8px 20px;
}
#guest-tab .default_data_grid {
  height: 270px;
}
.guest_icon {
  background-image: url(/Content/Images/Icons/guest.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  background-position: center center;
}
.editguest {
  background-image: url(/Content/Images/Icons/edit-guest.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  background-position: center center;
}
.meetingRow:hover {
  cursor: pointer;
}
.meetingRow {
  text-decoration: underline;
}
.selectedRow {
  background-color: #c0c0c0;
}
.disabled {
  color: #C0C0C0;
}
/* Styles for basic forms -----------------------------------------------------------*/

fieldset {
  border: 1px solid #ddd;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 1.5em 0;
}
textarea {
  min-height: 75px;
}
table {
  border-style: none;
  border-spacing: 0px 0px;
  border-collapse: collapse;
}
.editor-label {
  margin: 1em 0 0 0;
}
.editor-field {
  margin: 0.5em 0 0 0;
}
/* Styles for validation helpers -----------------------------------------------------------*/

.field-validation-error {
  color: #D23900;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #D23900;
  background-color: #ffeeee;
}
.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}
.validation-summary-valid {
  display: none;
}
/* Meeting editor styles */

div.two_panels {
  float: left;
  min-width: 300px;
}
div.panel_container {
  padding: 10px 0;
}
#general_info_container {
  width: 450px;
}
#general_info td.leftside {
  width: 90px;
  line-height: 29px;
  text-align: right;
  padding-right: 20px;
  vertical-align: middle;
}
#general_info td.rightside {
  padding-right: 20px;
}
#bottomcontainer .buttons {
  padding: 10px 0;
}
#attendeeListPlaceHolder .no-invitations-label {
  padding: 20px;
}
/* Recurrence */

.recurrencepopup {
  width: 350px;
}
.recurrenceselectionholder {
  padding: 8px 0;
}
.recurrenceselectionholder span {
  padding-right: 10px;
}
.recurrenceselectionholder.last span {
  padding-right: 0px;
}
.date_warning {
  padding: 0 2px;
  width: 10px;
  cursor: pointer;
  font-size: 1.167em;
  height: 14px;
  background-image: url(/Content/Images/Icons/icon-Alert-small.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  display: inline-block;
}
.recurrencespacer {
  padding: 5px 0;
}
.recurrencespacertable {
  margin: 5px 0;
}
#start_by_date,
#end_by_date {
  width: 80px;
}
#frequency_panel {
  margin: 0 0 10px 0;
}
#day_checks,
#start_conditions,
#end_conditions,
#monthly_options,
#yearly_options,
.yearly_sub {
  margin: 10px 0;
}
/* TASK LIST*/

.tasklist,
.taskpanel {
  width: 100%;
  background-color: #FFFFFF;
  clear: both;
  outline: none;
}
.user_select {
  margin-right: 15px;
}
.binder {
  height: 33px;
  background-image: url(/Content/Images/binder-background.png);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}
.overdue {
  color: #D23900;
}
.completed {
  text-decoration: line-through;
  color: #C0C0C0;
}
/*status dropdown*/

.task_grid table input.mbbox.dropdown_box {
  width: 40px;
  float: left;
  border-right-style: none;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.dropdown_button {
  width: 20px;
  height: 20px;
  background-color: #DDDDDD;
  text-align: center;
  float: left;
  border: 1px solid #CCCCCC;
}
.priority_selector {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
.priority_option {
  padding: 5px 10px;
}
.priority_option:hover {
  background-color: #EAF5FF;
  cursor: pointer;
}
div.high_priority {
  background-image: url(/Content/Images/Icons/priority-highest.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 40px;
  height: 22px;
}
div.normal_priority {
  background-image: url(/Content/Images/Icons/priority-normal.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 40px;
  height: 22px;
}
div.low_priority {
  background-image: url(/Content/Images/Icons/priority-lowest.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 40px;
  height: 22px;
}
div.high_priority.completed {
  background-image: url(/Content/Images/Icons/priority-highest-completed.png);
}
div.normal_priority.completed {
  background-image: url(/Content/Images/Icons/priority-normal-completed.png);
}
div.low_priority.completed {
  background-image: url(/Content/Images/Icons/priority-lowest-completed.png);
}
.tasklisttable {
  border-style: none;
  width: 100%;
  padding: 5px;
}
.rowholder {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.rowholder td {
  border-style: none;
}
.edit_description_icon {
  width: 18px;
  height: 19px;
  background: url(/Content/Images/Icons/description-disabled.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.edit_description_icon.open {
  background-image: url(/Content/Images/Icons/description-active.png);
}
.edit_description_icon.completed {
  background-image: url(/Content/Images/Icons/description-disabled-completed.png);
}
.edit_description_icon.open.completed {
  background-image: url(/Content/Images/Icons/description-active-completed.png);
}
.no_attendees_message {
  height: 30px;
  line-height: 30px;
}
.origin_cell div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.browse_container {
  width: 100%;
  position: relative;
}
div.browse_button {
  border-radius: 2px;
  height: 16px;
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
  background-color: #FFFFFF;
  line-height: 16px;
}
.project_cell div.browse_button {
  overflow: hidden;
}
.assignee_cell div.browse_button {
  overflow: hidden;
}
.assignee_cell div.browse_text_readonly {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project_cell div.browse_text_readonly {
  overflow: hidden;
  text-overflow: ellipsis;
}
div.browse_dots {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 20px;
  border-left: 1px solid #CCCCCC;
  width: 20px;
  background-image: url(/Content/Images/Icons/browse-button-background.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.gwt-editor-popup .icon_group {
  background-image: url(/Content/Images/Buttons/Ribbon/bar-Large-middle-trimmed.png);
  background-repeat: repeat-x;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  height: 22px;
  padding: 4px;
  border-right-color: #B1B1B1;
  border-bottom-color: #B1B1B1;
  display: inline-block;
}
.gwt-editor-popup .richtext_editor {
  width: 100%;
}
.gwt-editor-popup .gwt-RichTextArea {
  border: 1px solid #CCCCCC;
  margin-top: 8px;
  height: 230px;
}
.selectedtreeitem {
  font-weight: bold;
}
/*filters*/

.tree_container {
  clear: both;
}
.tree_container .gwt-TreeItem {
  white-space: nowrap;
  cursor: pointer;
}
.tree_container .gwt-TreeItem-selected {
  text-decoration: underline;
}
input.filter_text_search_field {
  width: 168px;
  font-size: 0.917em;
  padding-right: 20px;
}
.filter_text_search_holder {
  position: relative;
}
.filter_text_search_holder.search_attendees {
  z-index: 11;
}
/*.filter_text_search_button { position: absolute; height: 22px; width: 22px; top: 0; right: 0; background-image: url(/Content/Images/Icons/icon-Search.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; }*/

/*.filter_text_search_button.clear_search { background-image: url(/Content/Images/Icons/close-small.png); }*/

.search_button_placement {
  text-align: right;
  padding-bottom: 10px;
}
.multi_selection_switch {
  padding: 3px 15px;
  background-color: #EEEEEE;
  box-shadow: 1px 1px 1px 0px #CCCCCC;
  font-weight: bold;
  outline: none;
  float: left;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  display: none;
}
.multi_selection_switch.selected {
  color: #FFFFFF;
  background-color: #3399FF;
  border-color: #3399FF;
  display: block;
}
.object_selection {
  border: 1px solid #CCCCCC;
  padding: 10px 15px;
  background-color: #FFFFFF;
}
/*calendar filter*/

.calendar_widget {
  height: 20px;
  border: 1px solid #C3C3C3;
  border-radius: 2px;
  width: 188px;
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}
.calendar_dropdown {
  height: 20px;
  background-image: url(/Content/Images/Buttons/btn-drop.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 0 0 5px;
  display: table-cell;
  vertical-align: middle;
  width: 188px;
  font-size: 0.917em;
}
.calendar_dropdown.disabled {
  background-color: #FFFFFF;
  color: #CCCCCC;
}
.date_menu {
  border: 1px solid #999999;
}
.date_menu_item {
  padding: 3px 5px;
  font-size: 0.917em;
}
.date_menu_item.divider {
  border-bottom: 1px dotted #CCCCCC;
  height: auto;
  width: auto;
}
.date_menu .selected {
  background-color: #3399FF;
  color: #FFFFFF;
}
.date_selector_popup {
  background-color: #121212;
  border: 1px solid #CCCCCC;
}
.date_range_text,
.date_to_text {
  color: #FFFFFF;
  font-weight: bold;
}
.date_selector_popup .buttons {
  padding: 10px;
}
.date_selector_popup .date_range_text {
  padding: 10px;
}
.date_selector_popup .dates {
  padding: 0 10px 10px 10px;
}
.filter_handle_holder {
  width: 150px;
  background-color: #F1F1F1;
  float: left;
  height: 500px;
  background-image: url(/Content/Images/main_background_vertical.png);
  background-position: right;
  background-repeat: repeat-y;
}
.filter_widget_holder {
  width: 720px;
  padding: 15px;
  overflow: auto;
  height: 454px;
}
.filter_widget_container {
  float: left;
  overflow: auto;
  height: 500px;
  background-color: #FFFFFF;
}
.filter_handle_holder .filter_handle {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  height: 15px;
  padding: 5px 10px 10px 5px;
  font-weight: bold;
  outline-style: none;
}
.filter_handle_background {
  width: 150px;
  height: 70px;
  background-image: url(/Content/Images/logo-Watermark.png);
  background-position: center bottom;
  position: absolute;
  bottom: 0px;
  background-repeat: no-repeat;
}
.filter_handle_holder .first_filter_handle {
  background-image: url(/Content/Images/main_background_vertical_first.png);
  background-position: right top;
  background-repeat: repeat-y;
  border-bottom: 1px solid #CCCCCC;
  height: 50px;
}
.flow_holder {
  position: relative;
  width: 900px;
  height: 500px;
}
.filter_logo {
  background-image: url(/Content/Images/Icons/power-filter.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 29px;
  width: 150px;
}
.flow_holder > tbody > tr:first-child {
  background-image: url(/Content/Images/main_background_vertical.png);
  background-position: right;
  background-repeat: repeat-y;
  background-color: #F1F1F1;
}
.filter_handle_holder .filter_handle.selected {
  background-color: White;
  background-image: none;
  border-bottom-style: none;
}
.filter_buttons {
  margin: 10px 0;
}
.modify_filter_button {
  display: inline-block;
  outline-style: none;
  border: 1px solid #CCCCCC;
  padding: 8px 10px 8px 30px;
  background-color: #F1F1F1;
  margin-right: 20px;
  font-weight: bold;
}
.add_filter_button {
  background-image: url(/Content/Images/Icons/add-filter.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.remove_filter_button {
  background-image: url(/Content/Images/Icons/remove-filter.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.filter_top {
  background-image: url(/Content/Images/main_background_horizontal.png);
  height: 16px;
  background-repeat: repeat-x;
}
.filter_top_first {
  background-image: url(/Content/Images/main_background_horizontal_first.png);
  height: 16px;
  background-repeat: no-repeat;
  background-position: left top;
  width: 65px;
}
/*new calendar*/

.dates {
  font-weight: bold;
}
.date_drop {
  border: 1px solid #999999;
  position: absolute;
  z-index: 2;
  left: -1px;
  width: 100%;
  background-color: #FFFFFF;
}
.date_drop_item {
  padding: 0 5px;
  cursor: pointer;
}
.date_drop_item:hover {
  background-color: #3399FF;
  color: #FFFFFF;
}
.date_drop_item.date_option_divider {
  border-bottom: 1px dotted #CCCCCC;
}
.calendar_drop_arrow {
  height: 20px;
  background-color: #e4e4e4;
  border-left: 1px solid #999999;
  width: 19px;
  position: absolute;
  right: 0;
  top: 0;
}
.calendar_drop_arrow .inner {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #525252;
  margin: 8px 5px 5px;
}
/* FILTERS */

.filter_item {
  margin-top: 10px;
  margin-bottom: 10px;
}
#filter_search_holder {
  padding-left: 10px;
  padding-bottom: 5px;
}
#category_selector {
  border: 5px solid #D1E2F1;
  background: #FFFFFF;
  width: 400px;
  z-index: 1;
  box-shadow: 2px 2px 2px 0px black;
  overflow: auto;
  position: absolute;
  top: -1px;
  left: -1px;
}
#viewers_fieldset {
  padding-top: 10px;
  padding-bottom: 10px;
}
#viewers_fieldset input {
  float: right;
}
#filter_blocker,
#category_filter_overlay {
  height: 100%;
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
#category_selector h2 {
  margin: 0.2em;
}
#filter_header {
  border-bottom: 1px solid #D1E2F1;
  background-color: #EAF5FF;
  padding: 10px;
}
.filter_title {
  font-weight: bold;
}
#clear_filter {
  float: right;
  cursor: pointer;
}
#close_filter_selector {
  margin: 0 10px 10px 0;
}
.selector_category {
  margin: 10px;
}
.selector_legend {
  font-size: 1.167em;
}
.right_filter_button {
  float: right;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#individual_users_panel {
  padding: 10px 0;
}
#all_reports_panel {
  padding: 10px 0;
  clear: both;
}
#direct_reports_panel {
  padding: 10px 0;
  clear: both;
}
#user_labels_panel {
  padding: 10px 0;
}
.category_selection_panel {
  padding: 10px 0;
  clear: both;
}
#projects_dialog,
#meetings_dialog {
  padding: 20px 15px 0 15px;
}
.filter_data_container {
  overflow: auto;
  border: 1px solid #CCCCCC;
}
.filter_data_container.loading {
  width: auto;
  height: 200px;
  background-position: center center;
}
.left_filter_check {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  padding-left: 9px;
  padding-top: 4px;
  height: 30px;
}
.right_filter_value {
  margin-left: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 7px;
}
#select_all {
  margin-right: 14px;
}
.filter_row {
  height: 30px;
  cursor: pointer;
  overflow: hidden;
}
.filter_row.basic {
  position: relative;
}
.checkmark {
  padding: 0 0 5px 10px;
  font-weight: bold;
}
.checkmark input {
  margin-right: 10px;
}
.filtering_buttons {
  padding-top: 20px;
}
.user_labels_row {
  margin: 5px 0;
}
.user_labels_row select {
  max-width: 130px;
}
.add_label_filter {
  margin: 5px 0;
  background-image: url(/Content/Images/Icons/icon-round-add.png);
  height: 15px;
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 15px;
  padding-left: 20px;
}
.select_holder {
  display: inline-block;
}
.delete_row_button {
  display: inline-block;
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete-o.png);
  height: 10px;
  width: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 5px;
}
#usergroup_dialog {
  padding: 20px 20px 0 20px;
}
.user_guest_name {
  height: 10px;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/Icons/guest.png);
  padding-left: 15px;
}
/*PROJECTS*/

.labelholder {
  display: inline-block;
  height: 16px;
  width: 70px;
  overflow: hidden;
  margin: 0px 5px;
  padding: 0;
  white-space: nowrap;
}
.labelholder td {
  padding: 0;
}
button.default_button.newlabelbutton {
  padding: 1px 15px;
}
.newlabelcontainer {
  padding-bottom: 10px;
}
.labelspanel {
  border: 1px solid #cadbed;
}
.labelListHolder {
  width: 100%;
}
.labelListContainer {
  overflow-x: hidden;
  overflow-y: scroll;
  clear: both;
  padding-bottom: 10px;
}
.labelrowholder {
  width: 100%;
}
.labelrowholder td {
  width: 20px;
}
.labelrowholder td + td {
  width: auto;
  text-align: left;
}
.inlinelabel {
  display: inline;
  padding: 0px;
}
.inlinelabel td {
  border-style: none !important;
  padding-right: 10px;
}
.delete_project {
  height: 16px;
  width: 16px;
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0px 8px;
}
tr:hover .delete_project {
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete-o.png);
}
.projectselector {
  padding: 0 10px;
  color: #336699;
  text-decoration: underline;
}
.projectselector.selected {
  text-decoration: none;
  color: #414141;
}
button.small_button.newlabelbutton {
  margin-top: 0px;
  padding: 3px 15px 2px 15px;
}
#projectpopup {
  min-width: 600px;
}
.project_label_list {
  height: 200px;
}
.project_label_list thead tr th {
  padding: 0 5px;
}
.project_label_list tr td {
  padding: 0 5px;
  height: 30px;
  vertical-align: middle;
}
.projects_grid {
  height: 300px;
}
.projects_grid table tbody:last-child td.data_grid_cell {
  border-bottom: 1px solid #CCCCCC;
}
.centered {
  text-align: center;
}
.padded_for_dropdown {
  padding: 4px;
}
.wizard_widget {
  width: 100%;
}
/* Agenda topic tab*/

#topic_table .error-message {
  background: url(/Content/Images/Icons/round-alert.png) no-repeat center;
  display: block;
  height: 15px;
  width: 14px;
  position: absolute;
  left: -14px;
  top: 0px;
}
.row_error_popup {
  border: none;
}
.row_error_container {
  position: relative;
}
.row_error_container .error_text {
  border: 1px solid #FFB1B1;
  padding: 5px;
  background-color: #FEE0E0;
}
.row_error_container .error_icon_holder {
  position: absolute;
  top: -4px;
  left: 10px;
  background-image: url(/Content/Images/Icons/error-popup-top.png);
  height: 5px;
  width: 9px;
  background-repeat: no-repeat;
}
.description {
  font-size: 0.917em;
  padding: 5px 0px 2px 0px;
  white-space: normal;
}
.description .richtext_editor .mceEditor td.mceToolbar {
  height: auto;
}
.description .richtext_editor table.mceToolbar {
  height: auto;
}
.description p {
  padding: 0px;
  margin: 0px;
}
#AgendaTopics .description a {
  color: #006fdd;
  text-decoration: underline;
}
#AgendaTopics .description a:hover {
  color: #3399FF;
}
#topic_table .description .richtext_editor table.mceToolbar td {
  padding: 0px;
}
#topic_table .description .richtext_editor table.mceToolbar {
  margin: 0 0 5px 0;
  border-collapse: separate;
}
#topic_table .richtext_editor table {
  width: 100%;
  table-layout: auto;
}
#topic_table .richtext_editor table.mceLayout {
  background-color: #FFFFFF;
}
.user_text {
  font-weight: bold;
  line-height: 22px;
}
.mceEditor.noneSkin * {
  outline: none;
}
.mceEditor.noneSkin table.mceLayout {
  border: 0;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.mceEditor.noneSkin table.mceLayout tr.mceFirst td {
  border-top: 1px solid #CCCCCC;
}
.mceEditor.noneSkin table.mceLayout tr.mceLast td {
  border-bottom: 1px solid #CCCCCC;
}
.mceEditor.noneSkin .mceButton * {
  cursor: pointer;
}
.mceEditor.noneSkin a.mceButtonActive,
.mceEditor.noneSkin a.mceButtonSelected {
  background-color: #DDDDDD;
  position: relative;
  top: 1px;
}
.mceEditor.noneSkin a.mce_unlink.mceButtonActive {
  background-color: inherit;
}
.mceEditor.noneSkin .mceColorPreview {
  position: relative;
  left: 2px;
}
.mceEditor.noneSkin .mceSplitButton * {
  cursor: pointer;
}
.mceEditor.noneSkin .mceSplitButtonSelected a.mceOpen {
  background-color: #DDDDDD;
}
.mceEditor.noneSkin .mceSplitButtonActive a.mceAction.mce_spellchecker {
  background-color: #DDDDDD;
  position: relative;
  top: 1px;
}
#topic_table .description_button {
  width: 18px;
  height: 19px;
  background: url(/Content/Images/Icons/description-disabled.png);
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
}
#topic_table .description_button.description_visible {
  background-image: url(/Content/Images/Icons/description-active.png);
}
#topic_table .empty-topic-list {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.gwt-DialogBox.gwt-editor-popup .dialog_main_content_holder {
  padding: 10px;
  border: none;
  width: 830px;
}
.gwt-DialogBox.gwt-editor-popup .dialog_main_content {
  background-image: none;
  background-color: transparent;
  padding: 0px;
  border-style: none;
}
.gwt-PopupPanel.gwt-color-panel .popupContent {
  border: solid 1px #868686;
  padding: 1px;
  background-color: #FFFFFF;
  border-radius: 2px;
  font-size: 0em;
  width: 51px;
}
.gwt-color-panel .color {
  display: inline-block;
  width: 11px;
  height: 11px;
  border: solid 1px #C5C5C5;
  margin: 3px 2px;
  cursor: pointer;
}
.attachment-handle {
  height: 16px;
  background: url(/Content/Images/Icons/paperclip-blue.png) no-repeat center;
  cursor: pointer;
  position: relative;
}
.header_panel .attachment-handle {
  width: 16px;
  background-image: url(/Content/Images/Icons/paperclip-blue.png);
}
#topic_table .attachment-handle {
  top: 3px;
}
.attachment_header .attachment_header {
  height: 19px;
  background: url(/Content/Images/Icons/paperclip-blue.png) no-repeat center;
}
.gwt-PopupPanel.attachment-popup .popupContent {
  background-color: #EAF5FF;
  border: 1px solid #CCCCCC;
  font-size: 0.917em;
  box-shadow: 2px 2px 2px #CCC;
}
.gwt-PopupPanel.attachment-popup .popupContent td {
  padding: 2px;
}
.gwt-PopupPanel.attachment-popup .popupContent .gwt-InlineLabel-remove-button {
  float: right;
  cursor: pointer;
  height: 13px;
  margin: 0 5px 0 12px;
  width: 13px;
  background-image: url(/Content/Images/Icons/icon-Recurrence-delete-o.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.gwt-PopupPanel.attachment-popup .popupContent .gwt-Anchor-filename {
  cursor: pointer;
  padding-left: 15px;
  color: #000000;
  float: left;
}
.gwt-PopupPanel.attachment-popup .popupContent .file_extension > *:hover {
  color: #39F;
}
/*File extension icons
	*
	* If you change anything here you should also change the Core.ViewTools.Attachment class
*/

.file_extension {
  background-repeat: no-repeat;
  background-position: left center;
  margin: 2px;
  height: 13px;
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-generic.png);
}
.file_extension.mdb {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-access.png);
}
.file_extension.pdf {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-acrobat.png);
}
.file_extension.mp3,
.file_extension.wav {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-audio.png);
}
.file_extension.txt {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-document.png);
}
.file_extension.xls,
.file_extension.xlsx {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-excel.png);
}
.file_extension.png,
.file_extension.jpg,
.file_extension.jpeg,
.file_extension.gif {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-image.png);
}
.file_extension.msg {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-outlook.png);
}
.file_extension.mvd,
.file_extension.mvdx {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-mindview.png);
}
.file_extension.ps {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-photoshop.png);
}
.file_extension.ppt,
.file_extension.pptx {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-powerpoint.png);
}
.file_extension.wmv,
.file_extension.avi {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-video.png);
}
.file_extension.html,
.file_extension.htm,
.file_extension.link {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-web.png);
}
.file_extension.doc,
.file_extension.docx {
  background-image: url(/Content/Images/Minutes/AttachmentIcons/icon-File-word.png);
}
.file_extension_large {
  background-repeat: no-repeat;
  background-position: left center;
  margin: 2px;
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-generic.png);
}
.file_extension_large.mdb {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-access.png);
}
.file_extension_large.pdf {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-acrobat.png);
}
.file_extension_large.mp3,
.file_extension_large.wav {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-audio.png);
}
.file_extension_large.txt {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-document.png);
}
.file_extension_large.xls,
.file_extension_large.xlsx {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-excel.png);
}
.file_extension_large.ai {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-illus.png);
}
.file_extension_large.png,
.file_extension_large.jpg,
.file_extension_large.jpeg,
.file_extension_large.gif {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-image.png);
}
.file_extension_large.msg {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-outlook.png);
}
.file_extension_large.ps {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-photoshop.png);
}
.file_extension_large.ppt,
.file_extension_large.pptx {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-powerpoint.png);
}
.file_extension_large.wmv,
.file_extension_large.avi {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-video.png);
}
.file_extension_large.html,
.file_extension_large.htm {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-web.png);
}
.file_extension_large.doc,
.file_extension_large.docx {
  background-image: url(/Content/Images/Minutes/AttachmentIconsLarge/icon-File-word.png);
}
.file_extension_standard {
  background-repeat: no-repeat;
  background-position: left center;
  margin: 2px 30px 2px 2px;
  padding-left: 20px;
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-generic.png);
  height: 16px;
  display: inline-block;
}
.file_extension_standard.link {
  background-image: url(/Content/Images/Icons/icon-Hyperlink-small.png);
}
.file_extension_standard.mdb {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-access.png);
}
.file_extension_standard.pdf {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-acrobat.png);
}
.file_extension_standard.mp3,
.file_extension_standard.wav {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-audio.png);
}
.file_extension_standard.xls,
.file_extension_standard.xlsx {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-excel.png);
}
.file_extension_standard.png,
.file_extension_standard.jpg,
.file_extension_standard.jpeg,
.file_extension_standard.gif {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-image.png);
}
.file_extension_standard.msg {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-outlook.png);
}
.file_extension_standard.ppt,
.file_extension_standard.pptx {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-powerpoint.png);
}
.file_extension_standard.wmv,
.file_extension_standard.avi {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-video.png);
}
.file_extension_standard.html,
.file_extension_standard.htm {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-web.png);
}
.file_extension_standard.doc,
.file_extension_standard.docx,
.file_extension_standard.odt {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-word.png);
}
.file_extension_standard.zip,
.file_extension_standard.rar {
  background-image: url(/Content/Images/Minutes/AttachmentIconsStandard/icon-zipped.png);
}
/* Loading Dialog */

.dialogMiddleCenterInner {
  position: relative;
}
.loading_dialog .dialogMiddleCenterInner.dialogContent {
  padding: 10px;
  text-align: center;
  background-color: #FFFFFF;
}
.loading_dialog .loading_text {
  font-weight: bold;
  padding-bottom: 20px;
}
.loading_dialog .loading {
  margin: auto;
}
.loading_dialog .static_texts {
  color: #B31514;
  margin: 10px 0 30px;
  max-height: 100px;
  overflow-y: auto;
  text-align: left;
  white-space: nowrap;
}
.gwt-DialogBox .upload_content {
  border: 1px solid #B5B5B5;
  margin-top: 1px;
  padding: 7px;
}
.gwt-DialogBox .upload_information {
  font-size: 1.25em;
}
.gwt-DialogBox .upload_text {
  font-weight: bold;
  margin: 10px 0px 5px 0px;
}
/* SYSTEM LOG */

#log_grid th {
  width: 120px;
}
#log_grid th + th {
  width: 250px;
}
#log_grid th + th + th {
  width: auto;
}
/* Screensharing tools styles*/

.screen_tool_panel tr + tr td {
  text-align: center;
}
table.screen_sharing_tools_rows {
  width: 100%;
}
table.screen_sharing_tools_rows tr + tr + tr {
  border-top: 1px solid #CCCCCC;
}
#edit_screen_sharing {
  display: none;
}
#edit_screen_sharing.active {
  display: inline-block;
}
table.screen_sharing_tool_header {
  width: 100%;
  border-bottom: 1px solid #999999;
}
table.screen_sharing_tool_header td {
  width: 150px;
  font-weight: bold;
  padding: 0 0 5px 0;
}
table.screen_sharing_tool_header td + td {
  width: auto;
  text-align: center;
}
table.screen_sharing_tool_header td + td + td {
  width: 200px;
}
.screen_sharing_tool {
  width: 120px;
  height: 70px;
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
  cursor: pointer;
  line-height: 70px;
}
.screen_sharing_tool.tool_gotomeeting {
  background-image: url(/Content/Images/Icons/External/logo-gotomeeting.png);
}
.screen_sharing_tool.tool_webex {
  background-image: url(/Content/Images/Icons/External/logo-webex.png);
}
.screen_sharing_tool.no_screen_sharing {
  background-image: url(/Content/Images/Icons/External/screensharing_none.png);
}
.webex_login {
  margin: 0px auto;
}
.tool_linked {
  background-color: #F4E3AA;
  display: inline;
  padding: 0px 2px;
}
.tool_error {
  background-color: #ffcccc;
  display: inline;
  padding: 0px 5px;
}
.screen_tool_panel tr + tr td .webex_login td {
  width: auto;
}
.screen_tool_panel .webex_login .linktext {
  padding-left: 5px;
}
.grayed {
  color: #CCCCCC;
}
.edit_account_link {
  padding-left: 15px;
}
table.screen_sharing_tool_option {
  width: 100%;
}
table.screen_sharing_tool_option td {
  width: 30px;
}
table.screen_sharing_tool_option td + td {
  width: 120px;
}
table.screen_sharing_tool_option td + td + td {
  width: auto;
}
table.screen_sharing_tool_option td + td + td + td {
  width: 200px;
}
/*MCE button outline styles... awesome*/

.noneSkin table.mceToolbar {
  height: 22px;
  margin-top: 2px !important;
}
.noneSkin .mceToolbar td {
  background-color: Transparent;
}
td.mceToolbarStart.mceToolbarStartButton {
  display: none;
}
td.mceToolbarStart.mceToolbarStartButton + td {
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-style: solid;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-style: solid;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-style: solid;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-style: solid;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-style: solid;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-left-style: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-style: solid;
  background-color: #FFFFFF;
}
td.mceToolbarStart.mceToolbarStartButton + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-color: #FFFFFF;
}
/*FEEDBACK*/

.toggle_comment {
  cursor: pointer;
  background-image: url(/Content/Images/Icons/comment_closed.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  float: right;
}
.has_text .toggle_comment {
  background-image: url(/Content/Images/Icons/comment_open.png);
}
.expanded .toggle_comment {
  background-image: url(/Content/Images/RunMeeting/save-note-icon.png);
}
.text_area_container {
  padding-bottom: 10px;
}
.comment_row textarea {
  width: 100%;
  resize: none;
}
.drop_container {
  display: inline-block;
  position: relative;
}
.drop_arrow {
  height: 20px;
  width: 20px;
  background-image: url(/Content/Images/Buttons/btn-drop.png);
  position: absolute;
  top: 0;
  right: 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.custom_drop {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 22px;
  left: 0;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.custom_drop li {
  padding: 1px 20px 1px 10px;
  margin: 0;
  list-style-type: none;
  cursor: pointer;
}
.custom_drop li.right {
  text-align: right;
}
.provide_feedback {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#feedback_holder_table {
  white-space: nowrap;
  table-layout: fixed;
}
#feedback_holder_table th:first-child {
  width: 70%;
}
#feedback_holder_table th:nth-child(2) {
  width: 15%;
}
#feedback_holder_table th:nth-child(3) {
  width: 15%;
}
/* User browser*/

table#users_table tbody tr {
  cursor: pointer;
}
table#users_table tbody tr:hover {
  background-color: #EAF5FF;
}
#userbrowser {
  padding: 0;
}
#srbrowser_uh,
#srbrowser {
  padding: 0;
}
#userbrowserdlg {
  padding: 0;
}
#userbrowserdlg .frame-padding {
  padding: 20px 20px 20px 20px;
}
#userbrowserdlg .buttons {
  padding-top: 20px;
}
#userbrowserlist {
  height: 400px;
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid #CCCCCC;
}
.listitem {
  cursor: pointer;
  padding: 4px 0 4px 10px;
}
.listitem.readonly {
  color: #C0C0C0;
}
.listitem.readonly.tag_item {
  color: #333333;
}
.listitem.tag_item {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.topic_tag_item_name {
  flex-grow: 1;
  padding-right: 5px;
}
/* User browser dialog */

#userbrowsersearch_holder {
  width: 100%;
  margin-bottom: 10px;
}
#userbrowsersearch_holder div:first-child {
  width: 100%;
}
#userbrowsersearch_holder input {
  width: 355px;
  background-color: #FFFFFF;
}
#userbrowsersearch_holder input:focus,
#userbrowsersearch_holder input:hover {
  background-color: #FFFFFF;
}
#userbrowsersearch_holder .search_icon {
  top: 20px;
  right: 20px;
}
#userbrowsersearch_holder .search_icon.clear_search {
  background-image: url(/Content/Images/Icons/close-small.png);
}
#selectallusers input {
  margin-left: 15px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.userbrowseitem input {
  margin-right: 0px;
  padding-right: 0px;
}
#selectallusers span {
  font-weight: bold;
}
#selectallusers span,
.userbrowseitem label {
  padding-left: 10px;
  margin-left: 0px;
}
#selectallusers {
  margin-bottom: 5px;
}
#userdropdownpanel .radiobuttonsection {
  padding-bottom: 10px;
}
#userdropdownpanel input[type='radio'] {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 2px;
}
#addlabelrow {
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-top: 10px;
  background-image: url(/Content/Images/Dashboards/add.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.dellabel {
  display: inline-block;
  width: 15px;
  height: 13px;
  cursor: pointer;
  background-image: url(/Content/Images/Dashboards/delete.png);
  background-repeat: no-repeat;
  background-position: center;
}
.indent {
  margin-left: 22px;
}
.fadebutton {
  height: 26px;
  border: 1px solid #CCCCCC;
  background-image: url(/Content/Images/Buttons/Small/small_button_bg.png);
  background-position: left top;
  background-repeat: repeat-x;
}
.fadebutton:hover {
  background-color: #3399FF;
  color: #FFFFFF;
  background-image: none;
}
.dialog_subheader {
  font-weight: bold;
}
/*WIZARD STEPS*/

#welcome_wizard_dialog {
  padding: 0;
}
.welcome_section {
  font-weight: bold;
  font-size: 1.167em;
}
.welcome_section_number {
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #ff6600;
  height: 25px;
  width: 25px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
}
.welcome_eula {
  width: 800px;
  overflow: auto;
  border: 1px solid #CCCCCC;
  height: 300px;
  padding: 10px;
  margin-bottom: 20px;
}
.welcome_eula td,
.welcome_eula th {
  border: 1px solid #000000;
  padding: 0 5px;
}
#new_password,
#confirm_password {
  margin: 0 25px 0 5px;
}
.default_full_back {
  background-image: url(/Content/Images/Welcome/happy-users.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 500px;
  padding: 25px;
  margin: -25px;
}
.default_full_back.empty {
  height: 330px;
}
#progress_indicator {
  height: 69px;
  overflow: hidden;
}
.two_steps {
  width: 50%;
  float: right;
  text-align: center;
}
.three_steps {
  width: 33.33%;
  float: right;
  text-align: center;
}
.four_steps {
  width: 25%;
  float: right;
  text-align: center;
}
.step_progress {
  position: relative;
  background-color: #EAF5FF;
  height: 69px;
}
.step_progress.active {
  position: relative;
  background-color: #d7ebff;
}
.step_progress_number {
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #b5c0ca;
  height: 25px;
  width: 25px;
  margin: 5px auto;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}
.step_progress_number.active {
  background-color: #ff6600;
}
.step_progress_description {
  text-transform: uppercase;
  color: #b5c0ca;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  width: 100%;
  margin: 0 -10px 0 20px;
}
.step_progress_description.active {
  color: #285d93;
}
.step_arrow {
  position: absolute;
  top: 4px;
  right: -22px;
  transform: rotate(45deg);
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 60px;
  width: 60px;
  background-color: #EAF5FF;
}
.step_arrow.active {
  background-color: #d7ebff;
}
#wizard_page {
  padding: 25px;
}
.wizard_integration_options {
  width: 1000px;
  display: flex;
}
.wizard_header {
  font-size: 1.667em;
  font-weight: bold;
  margin-bottom: 20px;
}
#google_done_background {
  background-image: url(/Content/Images/Welcome/Google-bg.png);
  height: 385px;
  width: 277px;
  background-repeat: no-repeat;
  float: right;
}
#outlook_done_background {
  background-image: url(/Content/Images/Welcome/Plugin-Settings-EN.png);
  position: relative;
  height: 375px;
  width: 300px;
  background-repeat: no-repeat;
  float: right;
  z-index: 1;
}
#outlook_done_background.da {
  background-image: url(/Content/Images/Welcome/Plugin-Settings-DA.png);
}
#outlook_done_background.ge {
  background-image: url(/Content/Images/Welcome/Plugin-Settings-GE.png);
}
#outlook_done_background.fr {
  background-image: url(/Content/Images/Welcome/Plugin-Settings-FR.png);
}
#outlook_done_background.es {
  background-image: url(/Content/Images/Welcome/Plugin-Settings-SP.png);
}
#outlook_done_email {
  position: absolute;
  top: 97px;
  left: 22px;
}
#outlook_done_server {
  position: absolute;
  top: 58px;
  left: 22px;
}
.welcome_done_message {
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 50px;
  width: 350px;
  text-align: center;
}
.welcome_done_subsection {
  font-size: 14px;
  font-weight: normal;
  padding-top: 30px;
  line-height: 1.5em;
}
.welcome_help {
  background-color: #f9edbe;
  border: 1px solid #f0c36d;
  margin: 10px 0 10px 45px;
  width: 250px;
  position: relative;
  padding: 5px;
}
.welcome_help_pointer {
  height: 1px;
  background-color: #f0c36d;
  width: 300px;
  position: absolute;
  right: -300px;
  top: 50%;
}
.welcome_instructions {
  font-style: italic;
  color: #f0c36d;
}
.welcome_note {
  padding-left: 45px;
}
/*CALENDAR INTEGRATION*/

#calendar_integration {
  border: 1px solid #B7D1E5;
  background-color: #EAF5FF;
  border-radius: 4px;
  width: 875px;
}
#calendar_integration .warning {
  color: red;
  font-weight: bold;
}
.integration_option_panel {
  width: 20%;
  padding: 10px 20px;
  float: left;
}
.calendar_vertical_breaker {
  float: left;
  width: 1px;
  height: 300px;
  margin: 50px 0;
  background-color: #CCCCCC;
}
#syncpage .calendar_vertical_breaker {
  height: 150px;
  margin-bottom: 0;
}
#outlook_current_info,
#outlook_new_version_info {
  background-color: #FFFFCC;
  border: 1px solid #F3CC7E;
  padding: 5px;
  margin: 10px 0;
  border-radius: 2px;
}
#google_section {
  background-image: url(/Content/Images/Admin/icon-Gmail.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
}
#outlook_section {
  background-image: url(/Content/Images/Admin/icon-Outlook.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
}
#outlook365_section {
  background-image: url(/Content/Images/Admin/icon-Outlook365.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
}
#rsvp_section {
  background-image: url(/Content/Images/Admin/icon-Envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
}
/*TAGS*/

#manage_tags_panel {
  border: 1px solid #CCCCCC;
  background-color: #EAF5FF;
  width: 185px;
  float: left;
}
#manage_tags_panel .selectedlistitem {
  margin-left: 0;
}
#tag_details_panel {
  width: 600px;
  float: left;
  border: 1px solid #CCCCCC;
  border-left-style: none;
  padding: 20px;
}
.topic_tags_panel {
  height: 20px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  display: inline-block;
  border-color: #999999;
}
.topic_tags_panel div.arrow_down {
  border-top-color: #999999;
  float: right;
  margin: 8px 3px 0 0;
}
.selected_tags {
  display: inline-block;
  line-height: 20px;
  padding-left: 5px;
  min-width: 70px;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tags_selector {
  margin-left: 35px;
}
.run_meeting_tags_selector.topic_tags_panel {
  margin-left: 35px;
  height: 20px;
  border-style: none;
  background-color: transparent;
  width: auto;
  line-height: 24px;
  cursor: pointer;
}
.run_meeting_tags_selector.topic_tags_panel:hover {
  color: #3399FF;
}
.run_meeting_tags_selector.topic_tags_panel .selected_tags {
  padding: 0 0 0 20px;
  text-decoration: underline;
  background-image: url(/Content/Images/Icons/tag-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 24px;
}
.run_meeting_tags_selector.topic_tags_panel div.arrow_down {
  border-top-width: 3px;
  border-right-width: 3px;
  border-left-width: 3px;
  border-top-color: #333333;
  margin-top: 11px;
}
.manage_tags_details {
  margin-left: 185px;
}
#tag_list {
  height: 440px;
}
#tag_details {
  height: 497px;
}
.tags_title {
  float: left;
  padding-right: 20px;
  font-weight: bold;
  font-style: italic;
}
.tags_panel {
  float: left;
}
.delete_tag {
  color: red;
  font-weight: bold;
  display: inline-block;
  margin: 0 5px;
  font-size: 0.917em;
}
.topic_tag {
  background-color: #dddddd;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 1px 2px 1px 12px;
  background-image: url(/Content/Images/RunMeeting/tag_hanger.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.customselectbox .customselect {
  border: none;
}
.customselectbox .customselect td {
  padding: 0;
  border: none;
}
.customselectbox .customselect input[type="text"] {
  background-color: inherit;
}
.customselectbox .customselect input[type="text"]:hover {
  background-image: none;
}
.customselectbox .customselect .selectfield {
  background-color: white;
  white-space: nowrap;
  cursor: text;
  padding: 3px;
  display: inline-block;
  border: 1px solid #999999;
  height: 14px;
  line-height: 14px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: 0;
}
.customselectbox .customselect .selectfield:focus {
  background-color: #eaf5ff;
  outline: none;
}
.customselectbox .customselect .droparrow:hover {
  background-color: #697786;
}
.customselectbox .customselect .droparrow:hover .inner {
  border-top: 5px solid white;
}
.customselectbox .customselect .droparrow {
  background-color: #E4E4E4;
  cursor: pointer;
  padding-bottom: 2px;
  padding-top: 1px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-left: -1px;
}
.customselectbox .customselect .droparrow .inner {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #525252;
  margin: 7px 5px 5px;
}
.customselectbox .customselect.hidden_outline .selectfield {
  border: none;
  background-color: inherit;
  cursor: inherit;
}
.customselectbox .customselect.hidden_outline .droparrow {
  display: none;
}
.customselectbox .customselect.disabled {
  opacity: 0.5;
}
.customselectbox .customselect.disabled .selectfield {
  cursor: default;
}
.customselectbox .customselect.disabled .droparrow {
  cursor: default;
}
.customselectbox .customselect.disabled .droparrow:hover {
  background-color: #E4E4E4;
}
.customselectbox .customselect.disabled .droparrow:hover .inner {
  border-top: 5px solid #525252;
}
.customselectbox .customselect.mb_default_select input[type="text"] {
  background-color: #FFFFCC;
}
.customselect.customcheckselect .selectfield {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-right: 1px;
}
.customselect.customcheckselect .drop_arrow_holder:focus {
  background-color: #eaf5ff;
}
.dropdownlist {
  position: absolute;
  background-color: white;
  z-index: 1000;
  border: 1px solid #84A9CE;
  display: none;
  overflow-y: auto;
  box-shadow: 2px 2px 5px #888888;
}
.dropdownlist .option {
  display: block;
  cursor: pointer;
  padding: 2px;
  white-space: nowrap;
}
.dropdownlist .list_entry {
  min-height: 1em;
}
.dropdownlist .list_entry.selected {
  background-color: #AABFDF;
}
.dropdownlist .btnholder {
  text-align: right;
  border-top: 1px solid #A9ACAE;
  margin-top: 5px;
}
.dropdownlist .btn {
  display: inline-block;
  padding: 3px 5px 3px 5px;
  background-color: #EEEEEE;
  border: 1px solid #999999;
  margin-bottom: 7px;
  margin-top: 7px;
  cursor: pointer;
  font-weight: bold;
  min-width: 25px;
  text-align: center;
}
.dropdownlist .btn.cancel {
  margin-right: 10px;
  margin-left: 5px;
}
.dropdownlist .highlighted {
  background-color: lightskyblue;
}
.dropdownlist.customcheckselect {
  background-color: #EAF5FF;
  padding-top: 3px;
}
.dropdownlist.customcheckselect .list_entry {
  margin-top: 3px;
}
.dropdownlist.customcheckselect .list_entry .text {
  display: block;
  text-indent: -20px;
  padding-left: 20px;
}
.dropdownlist.customcheckselect input[type=checkbox] {
  vertical-align: middle;
}
/*Meeting access dialog*/

#meeting_access {
  padding: 0;
}
#meeting_access .other_access_row {
  background-color: #FFFFCC;
  font-weight: bold;
}
td.user_icon_col,
th.user_icon_col {
  padding: 0 5px;
}
#define_user_access {
  padding: 0;
}
.change_access {
  border: 1px solid #CCCCCC;
  padding: 3px 2px;
  cursor: pointer;
  font-size: 0.833em;
  border-radius: 2px;
  margin: 0 auto;
  display: inline-block;
}
.change_access:hover {
  background-color: #3399FF;
  border-color: #3399FF;
  color: #FFFFFF;
}
.topic_row {
  border-bottom: 1px solid #CCCCCC;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}
.topic_child {
  padding-left: 20px;
}
.topic_root {
  font-weight: bold;
  padding-left: 5px;
}
.topic_check {
  vertical-align: middle;
}
.grid thead tr th.button_header {
  text-align: center;
}
.grid tr.last_attendee td {
  border-bottom-color: #3399FF;
}
.grid tr.last_viewer td {
  border-bottom-color: #000000;
}
.user_access_text {
  padding: 3px 2px;
  white-space: nowrap;
}
.user_access_text_lock {
  padding: 0 4px;
}
.remove_viewer .fa-times {
  color: #D23900;
  font-size: 1.167em;
  cursor: pointer;
}
#select_topics_header {
  background-color: #FFFFCC;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  border-bottom: 1px solid #DDDDDD;
}
#select_topics_label {
  font-weight: bold;
  padding-left: 5px;
}
.progress-dialog {
  position: absolute;
  width: 350px;
  padding: 10px 20px 10px 20px;
  background-color: white;
  border-radius: 10px;
}
.progress-dialog .title-holder {
  display: inline-block;
}
.progress-dialog .percent-holder {
  float: right;
}
.progress-dialog progress {
  width: 100%;
  margin-top: 5px;
  color: #3399FF;
  height: 7px;
}
.progress-dialog progress::-webkit-progress-value {
  background: #3399FF;
}
.progress-dialog progress::-moz-progress-bar {
  background: #3399FF;
}
.noattendeesrow {
  text-align: center;
  height: 200px;
}
/*Responsive overrides for dialog*/

/*@media screen and (max-width: 1000px){
	.ui-dialog-titlebar{display:none;}
	.ui-dialog.ui-widget-content.full_dialog{top:0 !important; left: 0 !important; width: 100% !important; box-shadow:none;}
}*/

.quorum_header,
.weight_header {
  font-size: 16px;
  vertical-align: -2px;
}

/*BORDERS*/
/*TEXT*/
/*PANELS*/
/*MISC*/
/*DARK MODE TEST*/
/*@defaultTextColor: #FFF;
@defaultBackgroundColor: #3e3e42;
@alternatingRowColor: #313141;
@lightYellow: #d7d88b;
@defaultBorderColor: #5e6163;*/
/*Mixins*/
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
body.login_background {
  background: url(/Content/Images/Login/login_background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0px;
}
body.logindialog {
  height: auto;
}
#login_box_container {
  position: absolute;
  left: 120px;
  top: 145px;
  display: inline-block;
  width: 425px;
  background-color: white;
}
#login_innerbox {
  margin: 30px 40px 30px 40px;
}
body.logindialog #login_innerbox {
  margin-bottom: 0;
}
.login_logo {
  height: 65px;
  padding-top: 0px;
  background-image: url(/Content/Images/logo-MeetingBooster-dark.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 10px;
}
.login_width {
  width: 339px;
}
#login_headline {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
#login_subheadline {
  margin-bottom: 20px;
}
input.plainbox {
  border: 1px solid black;
  height: 24px;
  padding-left: 10px;
  width: calc(100% - 10px - 2px);
}
#remember_me_section {
  display: inline-block;
  padding-bottom: 5px;
}
#remember_me {
  margin-left: 0px;
}
.forgot_link {
  display: inline-block;
  line-height: 22px;
}
#loginbuttonsection {
  position: relative;
  display: inline-block;
  float: right;
}
.flex-vertical {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}
.flex-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.logo_header {
  height: 50px;
  background-image: url(/Content/Images/logo-MeetingBooster-dark.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  text-align: right;
  vertical-align: middle;
}
div.license {
  background-color: white;
}
.license #licence_text {
  height: 45px;
  width: 100%;
  resize: none;
}
.license .button_container {
  text-align: right;
  padding: 15px 20px;
  background-color: white;
}
/*LOGIN PAGE*/

.grayed {
  color: #CCCCCC;
}
#full_table {
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
table,
td,
tr {
  border-spacing: 0px;
  border-style: none;
  border-width: 0px;
}
.login_help {
  text-align: right;
  padding-top: 30px;
}
.login_buttons {
  height: 78px;
  margin: 0 35px;
  padding-top: 15px;
}
#loginform input[type=text],
input[type=password] {
  border: 1px solid #999999;
}
#remember_me {
  vertical-align: bottom;
}
input#Username,
input#Password {
  font-size: 0.917em;
  margin-bottom: 15px;
}
#loginbutton {
  display: inline-block;
  height: 32px;
  z-index: 1001;
}
#loginbutton-arrow {
  float: right;
  display: inline-block;
  width: 32px;
  height: 100%;
  background-color: #f1f1f1;
  background-image: url(/Content/Images/Buttons/button_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #999999;
  border-left: none;
}
#logindropdown {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 33px;
  background-color: white;
  border: 1px solid darkgray;
  z-index: 1000;
  padding: 5px;
  flex-direction: column;
}
.pass_box {
  width: 195px;
}
.dropdown-item {
  line-height: 32px;
  padding-left: 30px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: center;
  cursor: pointer;
}
#login-mb {
  background-image: url(/Content/Images/meetingbooster-small.png);
}
#login-ad {
  background-image: url(/Content/Images/Login/activedirectory.png);
}
#errormessage {
  padding-top: 10px;
}
.login_validation ul {
  list-style-type: none;
  -webkit-margin-start: 0;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.login_validation li {
  padding: 0;
  margin: 0;
}
#locked_txt {
  padding-left: 6px;
}
.login-basebutton {
  display: inline-block;
  text-align: left;
}
.login-basebutton input {
  display: inline-block;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  font-size: 1.2em;
  font-weight: normal;
  background-repeat: no-repeat;
  background-color: #3399ff;
  color: white;
  border-style: none;
  font-weight: bold;
  height: 32px;
  vertical-align: bottom;
  cursor: pointer;
  height: 34px;
  -webkit-appearance: none;
  border-radius: 0px;
}
.login-externalbutton input {
  padding-left: 42px;
  padding-right: 12px;
  height: 41px;
  margin-right: 2px;
}
#login-mb input {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #3399ff;
}
#login-ad input {
  background-image: url(/Content/Images/Buttons/adsignin.png);
  background-color: transparent;
  width: 200px;
}
#login-azure input {
  background-image: url(/Content/Images/Buttons/azuresignin.png);
  background-color: transparent;
  width: 124px;
}
#login-windows input {
  background-image: url(/Content/Images/Buttons/windowssignin.png);
  background-color: white;
  color: #5e5e5e;
  border: 1px solid #999999;
}
#login-google input {
  background-image: url(/Content/Images/Buttons/googlesignin.png);
  background-color: transparent;
  width: 107px;
}
#mask {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 800;
}
/* EULA PAGE */

#eula_text {
  height: 300px;
  overflow-y: scroll;
  background-color: #FFFFFF;
  text-align: left;
  color: #000000;
  padding: 10px;
  border-bottom: 1px solid darkgrey;
}
#eula_text td {
  border: 1px solid #000000;
  padding: 0 5px;
}
#relogin {
  text-align: left;
  width: 366px;
}
#relogin .row {
  padding: 0px 30px 15px 30px;
}
#relogin .default_button {
  float: right;
}
.logoutheader {
  background-color: #F4FAFF;
  padding: 10px 30px 10px 50px;
  border-bottom: solid 1px #E7E7E7;
  background-image: url(/Content/Images/Icons/icon-Alert-small.png);
  background-repeat: no-repeat;
  background-position: 30px 10px;
  margin-bottom: 25px;
  font-size: 1.1em;
}
.externallogins {
  text-align: center;
  padding-bottom: 20px;
}
#singinwithtitle {
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
}
@media only screen and (max-width: 600px) {
  body.login_background {
    background: none;
    background-color: white;
    background-size: auto;
  }
  #login_box_container {
    left: 0;
    top: 0;
    width: 100%;
  }
}
.changepsw_column1 {
  display: inline-block;
  width: 120px;
}
.input_verticalspace {
  margin-bottom: 15px;
}
@media only screen and (max-height: 500px) {
  body.login_background {
    background: none;
    background-color: white;
    background-size: auto;
  }
  #login_box_container {
    left: 0;
    top: 0;
    width: 100%;
  }
}