/* Avenir Next Regular Italic */
@import url("https://fonts.googleapis.com/css?family=Muli:400,400i");
@font-face {
  font-family: "Avenir-Next";
  font-style: italic;
  src: local("Avenir-Next-Italic"), local("AvenirNext-Italic"), url("/fonts/AvenirNext-Italic.woff2") format("woff2"), url("/fonts/AvenirNext-Italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Avenir-Next";
  font-style: normal;
  src: local("Avenir-Next-Regular"), local("AvenirNext-Regular"), url("/fonts/AvenirNext-Regular.woff2") format("woff2"), url("/fonts/AvenirNext-Regular.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next";
  font-style: normal;
  font-weight: 300;
  src: local("Avenir-Next-UltraLight"), local("AvenirNext-UltraLight"), url("/fonts/AvenirNext-UltraLight.woff2") format("woff2"), url("/fonts/AvenirNext-UltraLight.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next-Ultralight";
  font-style: normal;
  src: local("Avenir-Next-UltraLight"), local("AvenirNext-UltraLight"), url("/fonts/AvenirNext-UltraLight.woff2") format("woff2"), url("/fonts/AvenirNext-UltraLight.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next";
  font-style: italic;
  src: local("Avenir-Next-Italic"), local("AvenirNext-Italic"), url("/fonts/AvenirNext-Italic.woff2") format("woff2"), url("/fonts/AvenirNext-Italic.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next";
  font-style: normal;
  font-weight: 500;
  src: local("Avenir-Next-Medium"), local("AvenirNext-Medium"), url("/fonts/AvenirNext-Medium.woff2") format("woff2"), url("/fonts/AvenirNext-Medium.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next-Medium";
  font-style: normal;
  src: local("Avenir-Next-Medium"), local("AvenirNext-Medium"), url("/fonts/AvenirNext-Medium.woff2") format("woff2"), url("/fonts/AvenirNext-Medium.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next";
  font-style: normal;
  font-weight: 700;
  src: local("Avenir-Next-DemiBold"), local("AvenirNext-DemiBold"), url("/fonts/AvenirNext-DemiBold.woff2") format("woff2"), url("/fonts/AvenirNext-DemiBold.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next-Demi";
  font-style: normal;
  src: local("Avenir-Next-DemiBold"), local("AvenirNext-DemiBold"), url("/fonts/AvenirNext-DemiBold.woff2") format("woff2"), url("/fonts/AvenirNext-DemiBold.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next";
  font-style: normal;
  font-weight: 900;
  src: local("Avenir-Next-Bold"), local("AvenirNext-Bold"), url("/fonts/AvenirNext-Bold.woff2") format("woff2"), url("/fonts/AvenirNext-Bold.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Next-Bold";
  font-style: normal;
  src: local("Avenir-Next-Bold"), local("AvenirNext-Bold"), url("/fonts/AvenirNext-Bold.woff2") format("woff2"), url("/fonts/AvenirNext-Bold.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Heavy";
  font-style: normal;
  src: local("Avenir-Heavy"), local("Avenir-Heavy"), url("/fonts/Avenir-Heavy.woff2") format("woff2"), url("/fonts/Avenir-Heavy.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Roman";
  font-style: normal;
  src: local("Avenir-Roman"), local("Avenir-Roman"), url("/fonts/Avenir-Roman.woff2") format("woff2"), url("/fonts/Avenir-Roman.woff") format("woff");
}
@font-face {
  font-family: "Avenir-Medium";
  font-style: normal;
  src: local("Avenir-Medium"), local("Avenir-Medium"), url("/fonts/Avenir-Medium.woff2") format("woff2"), url("/fonts/Avenir-Medium.woff") format("woff");
}
@font-face {
  font-family: "Avenir-LightOblique";
  font-style: normal;
  src: local("Avenir-LightOblique"), local("Avenir-LightOblique"), url("/fonts/Avenir-LightOblique.woff2") format("woff2"), url("/fonts/Avenir-LightOblique.woff") format("woff");
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins-Regular.eot");
  src: url("/fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Poppins-Regular.woff2") format("woff2"), url("/fonts/Poppins-Regular.woff") format("woff"), url("/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins-Bold.eot");
  src: url("/fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Poppins-Bold.woff2") format("woff2"), url("/fonts/Poppins-Bold.woff") format("woff"), url("/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.skip-focus-onload { /* placeholder for skipping set focus call in modals */ }

.remember_scroll_position { /* placeholder for javascript */ }

.btn-link-noborder:focus {
  box-shadow: none !important;
}

.bootstrap-datetimepicker-widget table td {
  white-space: normal;
}

.navbar {
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  margin-left: 0;
  box-shadow: none;
  border-bottom: 1px solid #dcdcdc;
}

.navbar-default {
  background: white;
}

.navbar-user {
  margin: 0 65px 0 0;
}
.navbar-user a[aria-expanded=true] > i {
  color: #0175bb !important;
}
.navbar-user li {
  float: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.navbar-user li a {
  color: #c2c2c2;
  text-decoration: none;
  font-size: 0.85rem;
  padding-right: 25px;
  color: #777;
  font-weight: 400;
}
.navbar-user li a:hover {
  color: #009fe8;
  text-decoration: none;
}
.navbar-user li a i {
  color: #c2c2c2;
  font-size: 21px;
}
.navbar-user li a i:hover {
  color: #009fe8;
}
.navbar-user li .dropdown-menu {
  border-radius: 8px;
}
.navbar-user li .dropdown-menu .row {
  margin-top: 5px;
  margin-bottom: 10px;
}
.navbar-user li .dropdown-menu .user-menu-item {
  font-family: Avenir-Heavy, Avenir-Next, sans-serif;
  display: block;
  padding: 10px 21px;
  color: #4c4b44;
  vertical-align: middle;
  text-decoration: none;
  border: none;
}
.navbar-user li .dropdown-menu .user-menu-links a {
  font-family: Avenir-Roman, Avenir-Next, sans-serif;
  font-size: 14px;
  display: block;
  padding: 0 22px 5px;
  min-height: 20px;
  color: #5e636b;
}
.navbar-user li .dropdown-menu .user-menu-links a:hover {
  color: #009fe8;
  font-weight: 500;
}
.navbar-user li .dropdown-menu .user-menu-h1 {
  font-size: 17px;
  border-bottom: 1px solid #e6e4e4;
}
.navbar-user li .dropdown-menu .user-menu-h2 {
  font-size: 15px;
  padding-bottom: 5px;
}
.navbar-user li .dropdown-menu .user-menu-log-out {
  font-size: 17px;
  border-top: 1px solid #e6e4e4;
}
.navbar-user li .dropdown-menu .user-email {
  font-family: Avenir-Roman, Avenir-Next, sans-serif;
  display: block;
  color: #c2c2c2;
  font-size: 13px;
}
.navbar-user .dropdown-menu {
  box-shadow: 1px 5px 18px 0px #ccc8c8;
}

li.navbar-setting {
  float: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 15px 40px 15px 0;
}
li.navbar-setting a.menu_item {
  font-weight: 600;
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.6rem;
}
li.navbar-setting a {
  color: #c2c2c2;
  text-decoration: none;
  font-size: 0.85rem;
  padding-right: 25px;
  color: #777;
  font-weight: 400;
}
li.navbar-setting a:hover {
  color: #009fe8;
  text-decoration: none;
}
li.navbar-setting a i {
  color: #c2c2c2;
  font-size: 21px;
}
li.navbar-setting a i:hover {
  color: #009fe8;
}
li.navbar-setting .dropdown-menu {
  border-radius: 8px;
}
li.navbar-setting .dropdown-menu .row {
  margin-top: 5px;
  margin-bottom: 10px;
}
li.navbar-setting .dropdown-menu .user-menu-item {
  font-family: Avenir-Heavy, Avenir-Next, sans-serif;
  display: block;
  padding: 10px 21px;
  color: #4c4b44;
  vertical-align: middle;
  text-decoration: none;
  border: none;
}
li.navbar-setting .dropdown-menu .user-menu-links a {
  font-family: Avenir-Roman, Avenir-Next, sans-serif;
  font-size: 14px;
  display: block;
  padding: 0 22px 5px;
  min-height: 20px;
  color: #5e636b;
}
li.navbar-setting .dropdown-menu .user-menu-links a:hover {
  color: #009fe8;
  font-weight: 500;
}
li.navbar-setting .dropdown-menu .user-menu-h1 {
  font-size: 17px;
  border-bottom: 1px solid #e6e4e4;
}
li.navbar-setting .dropdown-menu .user-menu-h2 {
  font-size: 15px;
  padding-bottom: 5px;
}
li.navbar-setting .dropdown-menu .user-menu-log-out {
  font-size: 17px;
  border-top: 1px solid #e6e4e4;
}
li.navbar-setting .dropdown-menu .user-email {
  font-family: Avenir-Roman, Avenir-Next, sans-serif;
  display: block;
  color: #c2c2c2;
  font-size: 13px;
}
li.navbar-setting a[aria-expanded=true] {
  color: #0175bb !important;
}
li.navbar-setting .dropdown-menu {
  box-shadow: 1px 5px 18px 0px #ccc8c8;
}

.nav-item.dropdown .dropdown-menu a {
  padding: 12px 15px;
  font-size: 1rem;
  text-transform: capitalize;
}
.nav-item.dropdown .dropdown-menu a i {
  text-align: center;
  font-size: 1rem;
  width: 23px;
}

.nav-item.dropdown .dropdown-menu a {
  padding: 12px 15px;
}
.nav-item.dropdown .dropdown-menu a i {
  font-size: 16px;
}

.page_header {
  background-color: white;
  border-bottom: 5px solid #3f8c25;
  height: 110px;
}

.page_header > div {
  padding: 20px 5%;
  vertical-align: top;
}

.page_header > div > .page_header_title {
  float: left !important;
  color: #3E9430;
  font-size: 2rem;
  line-height: 1.3;
  padding-top: 10px;
}

.page_header > div > .page_header_links {
  float: right !important;
  padding-top: 7px;
}

a.page_header_link:link, a.page_header_link:hover, a.page_header_link:visited {
  font-size: 1.2rem;
  font-weight: 600;
  color: gray;
  margin-right: 30px;
  text-decoration: none;
}

.page_body {
  padding: 15px 5% 40px;
  margin-top: 1px;
  background: #f0f3f8;
}

.footer {
  background-color: #F5F5F5;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #dcdcdc;
  /* Set the fixed height of the footer here */
  height: 260px;
}

.footer > div {
  background-color: #F5F5F5;
}

.footer_menu_header {
  color: #555;
  font-size: 1rem;
  margin-bottom: 10px;
}

.footer_menu a {
  color: #555 !important;
  font-size: 0.9rem;
  line-height: 1.7;
}

.footer_menu {
  margin: 20px 0;
  padding-left: 5%;
}

.footer_menu p {
  color: #555;
  font-size: 0.9rem;
  line-height: 1.7;
}

.footer_menu > div {
  margin-top: 20px;
}

.footer_bottom_row {
  font-size: 0.8rem;
  color: #555;
}

.footer_bottom_row div {
  display: inline-block;
}

.footer img {
  margin: 15px;
}

#content_no_vertical_menu {
  white-space: normal;
  padding: 25px 4% 40px;
  background: #f0f3f8;
}

.mt-30 {
  margin-top: 30px;
}

.title-description {
  color: #99a6b0;
}

.result_message_success {
  font-weight: 500;
  margin-bottom: 15px;
  color: green;
}

.result_message_failed {
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 15px;
  color: red;
}

.abc-checkbox input[type=checkbox]:checked + label::after, .abc-checkbox input[type=checkbox]:checked + input[type=hidden] + label::after, .abc-checkbox input[type=radio]:checked + label::after {
  font: var(--fa-font-solid);
  content: "\f00c";
  font-weight: 600;
  color: #fff;
  font-size: 11px;
  top: 3px;
  left: 1px;
}

.abc-checkbox input[type=checkbox]:checked + label::before, .abc-checkbox input[type=checkbox]:checked + input[type=hidden] + label::before, .abc-checkbox input[type=radio]:checked + label::before {
  background-color: #3dabf4;
}

.abc-checkbox label:first-of-type::before {
  border-radius: 4px;
}

.abc-radio label::after {
  background-color: #3dabf4;
}

.abc-radio input:disabled + label::after {
  background-color: lightgray;
}

.add-clear-span {
  position: relative;
}
.add-clear-span .add-clear-btn {
  position: absolute;
  cursor: pointer;
  display: none;
}

.btn.btn-browse {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  min-width: 0;
  padding: 7px 15px 8px 15px;
  border-color: #009fe8;
  border-width: 1px;
  color: #009fe8;
  border-color: #009fe8;
  background: white;
}
.btn.btn-browse:hover, .btn.btn-browse:focus, .btn.btn-browse:active {
  color: white;
  border-color: #009fe8;
  background: #009fe8;
}

.btn.btn-glyph,
.btn.btn-glyph:hover {
  min-width: 0;
  border: 1px solid rgba(224, 227, 228, 0.53);
}
.btn.btn-glyph i,
.btn.btn-glyph:hover i {
  padding: 5px 0;
  opacity: 0.7;
}

.btn-toggle.btn-group {
  border: 1px solid rgb(218, 220, 224);
  border-radius: 5px;
}
.btn-toggle.btn-group .btn.btn-outline-primary {
  color: rgb(95, 99, 104);
  background: white;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 600;
  line-height: 1.3;
  padding: 7px;
  min-width: 180px;
}
.btn-toggle.btn-group .btn.btn-outline-primary:first-of-type {
  border-right: 1px solid rgb(218, 220, 224);
}
.btn-toggle.btn-group .btn-check:checked + .btn,
.btn-toggle.btn-group .btn-check + .btn:hover {
  border: 1px solid rgb(138, 180, 248);
  border-radius: 0;
  color: rgb(25, 103, 210);
  background: rgb(232, 240, 254);
}
.btn-toggle.btn-group .btn-check:not(:checked) + .btn:hover {
  color: rgb(95, 99, 104);
  background: rgb(246, 250, 254);
}
.btn-toggle.btn-group label span {
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.85;
}

.docked_button_container div.docked_button_parent_float {
  background-color: white;
  opacity: 0.9;
  bottom: 0;
  position: fixed;
  z-index: 1049;
}
.docked_button_container div.docked_button_parent_float button {
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 0;
}

/*
   These z-index may need to be adjusted if we need to use them.
*/
#modal-drawer-container2 div.docked_button_parent_float {
  z-index: 1054;
}

#modal-drawer-container div.docked_button_parent_float {
  z-index: 1052;
}

.no-items-container {
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #99a6b0;
  text-align: center;
}
.no-items-container .no-items-text {
  text-align: center;
  font-size: 1.1rem;
  color: #5f676b;
}
.no-items-container .no-items-image {
  margin-top: 20px;
  display: block;
  height: 200px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.no-items-container .item-add {
  display: inline-block;
}

.filtered_by {
  margin-left: 15px !important;
}
.filtered_by .filter_item {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 0.875rem;
  padding: 6px 9px;
  background: #009fe8;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
}
.filtered_by .filter_item .span_text {
  max-width: 150px;
  min-width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.filtered_by .filter_item .span_link:hover {
  cursor: pointer;
  color: #ccc8c8;
}
.filtered_by .filter_item .remove_filter:hover .svg path {
  fill: #e2dcdc;
}
.filtered_by .filter_item .remove_filter .svg {
  height: 9px;
  width: 9px;
}

.btn.filter_cancel {
  margin-left: 0px;
  min-width: 50px;
  max-width: 150px;
  background-color: rgb(233.4452830189, 231.7547169811, 231.7547169811);
  padding-bottom: 5px;
  padding: 5px 14px !important;
}
.btn.filter_cancel > svg > path {
  fill: #242A2D;
}
.btn.filter_cancel > .fas {
  padding-right: 0;
  color: rgb(179.4622641509, 173.5377358491, 173.5377358491);
  font-size: 1.1rem;
}

.filter-parameter,
.filter_link,
.filter_elements_container {
  /* placeholder */
}

.filter_option {
  max-width: 250px;
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  background-color: #dbf4ff;
  border: none;
  color: #009fe8;
  font-size: 0.8125rem;
  border-radius: 5px;
  padding: 4px 14px;
  margin-right: 9px;
  margin-bottom: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  text-align: center;
}
.filter_option:hover {
  color: #009fe8;
  background-color: #a4d9f1;
  cursor: pointer;
}
.filter_option.is_selected {
  color: white;
  background: #009fe8;
}

.border-bottom-gray {
  border-bottom: 1px solid #e4e0e0;
}

.menu_grey_link, a.menu_grey_link {
  color: #c2c2c2 !important;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 20px;
  font-size: 0.85rem;
  text-decoration: none !important;
}

#modal-drawer-content-for-filter {
  background-color: white;
}

.required:after {
  display: inline-block;
  content: "*";
  font-weight: 400;
  color: red;
  margin-left: 3px;
  text-decoration: none !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: Avenir-LightOblique, Avenir-Next, sans-serif;
  color: #ccc8c8;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: Avenir-LightOblique, Avenir-Next, sans-serif;
  color: #ccc8c8;
  font-weight: 400 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-family: Avenir-LightOblique, Avenir-Next, sans-serif;
  color: #ccc8c8;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error,
.validation-summary-errors {
  color: #ff0000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.validation-summary-errors ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-valid {
  display: none;
}

.modal-spinner {
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: grey;
  opacity: 0.6;
}
.modal-spinner .spinner-container {
  top: 50% !important;
  transform: none;
}

.paginated_list_container {
  /* Stop chrome from auto styling input type=search */
}
.paginated_list_container .paginated_list_item:not(.hover_disabled):hover > .row {
  background-color: #E7F5FF !important;
  cursor: pointer;
}
.paginated_list_container .paginated_list_message {
  padding-left: 15px;
  padding-bottom: 30px;
  font-size: 1.2rem;
}
.paginated_list_container .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
  margin-top: 10px;
}
.paginated_list_container .list_header {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  border-top: 1px solid #e6e4e4;
}
.paginated_list_container .list li:first-of-type {
  border-top: 1px solid #e6e4e4;
}
.paginated_list_container .list li:last-of-type {
  border-bottom: 1px solid #e6e4e4;
}
.paginated_list_container .paginated_list_item {
  border-bottom: 1px solid #e6e4e4;
  font-size: 0;
}
.paginated_list_container .paginated_list_item .details_div p {
  margin-bottom: 0;
}
.paginated_list_container .paginated_list_item .details_div .floor_plan_with_photo_container {
  position: relative;
  min-height: 55px;
  max-height: 55px;
}
.paginated_list_container .paginated_list_item .details_div .floor_plan_with_photo_container .floor_plan_content {
  margin-left: 58px;
}
.paginated_list_container .paginated_list_item .details_div .floor_plan_with_photo_container .floor_plan_content .floor_plan_content_inner {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
}
.paginated_list_container .paginated_list_item .details_div .floor_plan_with_photo_container .floor_plan_content .floor_plan_name {
  font-size: 1.2rem;
  font-weight: 600;
}
.paginated_list_container .paginated_list_item .details_div .floor_plan_with_photo_container .floor_plan_content .floor_plan_desc {
  font-size: 1rem;
}
.paginated_list_container .paginated_list_item .details_div .floor_plan_with_photo_container .floor_plan_content .avatar {
  position: absolute;
  top: unset;
  left: 0;
  max-width: 50px;
  max-height: 50px;
}
.paginated_list_container .paginated_list_item.disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.paginated_list_container .paginated_list_item:last-child {
  border-bottom: 0;
  margin: 0;
}
.paginated_list_container .no-result {
  display: none;
}
.paginated_list_container .pagination .page {
  width: auto;
  background: none;
  box-shadow: none;
}
.paginated_list_container .pagination .page {
  width: auto;
  background: none;
  box-shadow: none;
}
.paginated_list_container .pagination li.active .page {
  background: #009fe8;
}
.paginated_list_container .form-control {
  box-shadow: none;
}
.paginated_list_container .button_div {
  text-align: right;
}
.paginated_list_container .no-result {
  font-size: 1.2rem;
  font-weight: 600;
  padding-bottom: 40px;
}
.paginated_list_container .paginated_list_item > .row {
  padding: 20px 0;
}
.paginated_list_container .paginated_list_container_button {
  margin-right: 5px;
  text-align: center;
  background: #fff;
  background-color: #fff;
  border-color: #318bf4;
  color: #318bf4 !important;
  border-radius: 3px;
  padding: 5px 0;
  min-width: 100px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border-width: 1px;
}
.paginated_list_container .paginated_list_item:hover .paginated_list_container_button:not(.disabled), .paginated_list_container .paginated_list_container_button.disabled {
  background-color: #008cc9 !important;
  border-color: #008cc9;
  color: #fff !important;
}
.paginated_list_container .row {
  margin: 0;
}
.paginated_list_container .list-item-title {
  padding: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #4e5858;
  margin-bottom: 40px;
}
.paginated_list_container .list-item-desc {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #99a6b0;
}
.paginated_list_container .pagination li:first-child a {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.paginated_list_container .pagination li:last-child > a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.paginated_list_container .pagination li.active > a {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.paginated_list_container .pagination li.disabled a {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.paginated_list_container .pagination li > a {
  padding: 0.35rem 0.6rem;
  font-size: 1rem;
  line-height: 1.5;
}
.paginated_list_container input {
  padding-right: 2.375rem;
}
.paginated_list_container .input-group > .form-control:not(:last-child),
.paginated_list_container .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.paginated_list_container input[type=search] {
  -webkit-appearance: textfield;
}
.paginated_list_container input[type=search]::-webkit-search-decoration,
.paginated_list_container input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.paginated_list_search_container .fa-search {
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 4;
  opacity: 0.5;
}
.paginated_list_search_container .add-clear-span {
  width: 100%;
}

.paginated-report-container .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
}
.paginated-report-container .list li {
  padding: 20px 0;
  border-bottom: 1px solid #e6e4e4;
}
.paginated-report-container .list li .list-item-title {
  padding: 0;
  font-size: 1.1rem;
  color: #4e5858;
  font-weight: 500;
}
.paginated-report-container .list li a.list-item-title {
  font-weight: 600;
}
.paginated-report-container .list li .list-item-highlight {
  font-weight: 500;
  line-height: 1.6;
  color: #99a6b0;
}
.paginated-report-container .list li .list-item-desc {
  line-height: 1.6;
  color: #99a6b0;
}
.paginated-report-container .list li .list-item-desc a i {
  font-size: 0.8rem;
}
.paginated-report-container .list li .list-item-desc a:hover {
  text-decoration: none;
}
.paginated-report-container .list li img.signature {
  max-width: 100px;
  max-height: 50px;
}
.paginated-report-container .list li:last-child {
  border-bottom: 0;
  margin: 0;
}
.paginated-report-container .pagination li a {
  width: auto;
  background: none;
  box-shadow: none;
  padding: 0.35rem 0.6rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #dee2e6;
}
.paginated-report-container .pagination li a:hover {
  text-decoration: none;
  color: #009fe8;
}
.paginated-report-container .pagination li:first-child a {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.paginated-report-container .pagination li:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.paginated-report-container .pagination li.active a {
  z-index: 1;
  color: #fff;
  background: #009fe8;
  border-color: #009fe8;
}
.paginated-report-container .pagination li.disabled a {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.paginated-report-container .no-result {
  font-weight: 500;
  color: #999;
}

.web_grid_search_bar {
  width: 100%;
  margin: 20px 0 5px;
  font-size: 0;
  white-space: nowrap;
}
.web_grid_search_bar > div,
.web_grid_search_bar > a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.web_grid_search_bar input[type=text] {
  padding: 8px 11px;
}
.web_grid_search_bar .web_grid_text_search,
.web_grid_search_bar input[type=text],
.web_grid_search_bar .date_search,
.web_grid_search_bar .bootstrap-select ul > li > a,
.web_grid_search_bar .bootstrap-select .btn,
.web_grid_search_bar select {
  font-size: 15px;
  font-weight: 400;
}
.web_grid_search_bar input.web_grid_text_search_text_box {
  border: none;
  outline: none;
  background: transparent;
  vertical-align: middle;
}
.web_grid_search_bar input.web_grid_text_search_text_box::-ms-clear {
  display: none;
}
.web_grid_search_bar .web_grid_text_search_button {
  padding: 8px 11px 8px 0;
  cursor: pointer;
  font-size: 0.75rem;
  vertical-align: middle;
}
.web_grid_search_bar .bootstrap-select,
.web_grid_search_bar .web_grid_text_search {
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: white;
}
.web_grid_search_bar .bootstrap-select .btn {
  padding: 8px 25px 8px 13px;
  min-width: 50px;
  margin-right: 10px;
}
.web_grid_search_bar .bootstrap-select button.dropdown-toggle,
.web_grid_search_bar .bootstrap-select button.dropdown-toggle:hover {
  border: none;
  background: transparent;
  box-shadow: none;
  min-width: initial;
  font-weight: 400;
  color: #666;
  text-transform: none;
  height: auto;
}
.web_grid_search_bar .date_search {
  vertical-align: middle;
  margin-left: 10px;
}
.web_grid_search_bar .date_search input[name="CustomDateStart.Date"],
.web_grid_search_bar .date_search input[name="CustomDateEnd.Date"] {
  min-width: 100px;
  max-width: 125px;
  background: #fff;
}
.web_grid_search_bar .date_search .calendar_glyph {
  display: none;
}
.web_grid_search_bar .date_search .date_search_button {
  padding-left: 12px;
  min-width: 40px;
  width: 40px;
  vertical-align: top;
}
.web_grid_search_bar .date_search .date_search_button .fas {
  font-size: 0.75rem;
}
.web_grid_search_bar .web_grid_page_size {
  float: right;
  color: #ccc;
  font-size: 14px;
  width: auto !important;
  vertical-align: middle;
  padding-right: 0;
  padding-left: 10px;
}
.web_grid_search_bar .web_grid_page_size .bootstrap-select button {
  font-size: 0.9rem;
  padding: 5px 10px;
  margin-right: 5px;
}
.web_grid_search_bar .web_grid_page_size .bootstrap-select ul > li > a {
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
}

.webgrid_filter_container {
  vertical-align: middle;
}

.webgrid_filter_trigger {
  color: #009fe8 !important;
  font-size: 1rem;
  padding: 5px 9px 8px 10px;
  border-radius: 50%;
  background-color: #e8f8ff;
  cursor: pointer;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  text-decoration: none !important;
}
.webgrid_filter_trigger.btn {
  min-width: 40px;
  width: 40px;
  min-height: 40px;
  height: 40px;
  border: none;
  padding: 0.375rem 0.75rem;
  padding: 8px;
  box-shadow: none;
}
.webgrid_filter_trigger.btn + .btn {
  margin-left: 0;
}
.webgrid_filter_trigger.btn > .svg {
  margin-right: 0;
  vertical-align: middle;
}
.webgrid_filter_trigger.btn > .svg path {
  fill: #009fe8;
}
.webgrid_filter_trigger.add_button {
  background-color: #48c5fe;
}
.webgrid_filter_trigger.add_button .svg path {
  fill: #fff;
}
.webgrid_filter_trigger.add_button:hover {
  color: #E5F3FE;
  background-color: #009fe8;
}
.webgrid_filter_trigger.add_button:active {
  background-color: rgb(0, 124.0474137931, 181);
}
.webgrid_filter_trigger:hover {
  background-color: #009fe8 !important;
}
.webgrid_filter_trigger:hover .svg path {
  fill: #fff;
}
.webgrid_filter_trigger.active, .webgrid_filter_trigger[aria-expanded=true] {
  background-color: #0175bb !important;
}
.webgrid_filter_trigger.active .svg path, .webgrid_filter_trigger[aria-expanded=true] .svg path {
  fill: #fff;
}

div.webGrid {
  width: 100%;
  clear: both;
  overflow: auto;
  margin-top: 0.5rem;
  border-radius: 5px;
  background-color: #fff;
}
div.webGrid.clickable-rows tbody tr:hover {
  cursor: pointer;
  background-color: #E7F5FF !important;
}
div.webGrid.clickable-rows tbody td {
  background-color: transparent;
}
div.webGrid table {
  width: 100%;
  font-size: 16px;
  color: #666;
  border-color: #ccc;
}
div.webGrid table td:first-child, div.webGrid table th:first-child {
  padding-left: 20px;
}
div.webGrid table td:last-child:not(:first-child),
div.webGrid table th:last-child:not(:first-child) {
  text-align: right;
  padding-right: 20px;
}
div.webGrid table thead th {
  color: #9d9d9d !important;
  font-size: 0.875rem !important;
}
div.webGrid table thead th > a:link, div.webGrid table thead th > a:visited, div.webGrid table thead th > a:hover {
  color: #9d9d9d !important;
  font-size: 0.875rem !important;
}
div.webGrid table thead th:first-child {
  padding-left: 20px;
}
div.webGrid table tbody {
  border-top: 1px solid #ccc;
}
div.webGrid table tbody tr td {
  font-size: 1rem;
  color: #242A2D;
}
div.webGrid table tbody tr td a:link, div.webGrid table tbody tr td a:visited, div.webGrid table tbody tr td a:hover {
  color: #009fe8;
  font-size: 1rem;
}
div.webGrid table tbody tr td a:link.highlight, div.webGrid table tbody tr td a:visited.highlight, div.webGrid table tbody tr td a:hover.highlight {
  font-family: Avenir-Heavy, Avenir-Next, sans-serif;
}
div.webGrid table tbody tr td.action-btn-col {
  width: 100px;
}
div.webGrid table tbody tr.left-aligned td:last-child, div.webGrid table tbody tr.left-aligned th:last-child {
  text-align: left;
}
div.webGrid table tbody .signature {
  max-width: 100px;
  max-height: 50px;
}
div.webGrid table tbody .not-available {
  opacity: 0.5;
}
div.webGrid table tfoot {
  color: #9d9d9d;
  font-size: 0.9rem;
  font-weight: 400;
}
div.webGrid table tfoot .webGridFooter {
  font-weight: 400;
}
div.webGrid table tfoot .webGridFooter a:link {
  font-weight: 400;
  color: #009fe8;
}
div.webGrid table tfoot .webGridFooterRecordCountLeft {
  float: left;
  display: inline-block;
  font-weight: 400;
}
div.webGrid table tfoot .webGridFooterRecordCountRight {
  float: right;
  display: inline-block;
  font-weight: 400;
}
div.webGrid table tfoot .webGridFooterPager td {
  padding-top: 10px;
}
div.webGrid table tfoot .webGridFooterPager td a {
  font-size: 0.9rem;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 1px 5px;
}
div.webGrid table tfoot .webGridFooterPager td b {
  font-size: 0.9rem;
  border: 1px solid #009fe8;
  font-weight: bold;
  padding: 1px 5px;
  margin-right: 3px;
}
div.webGrid table tfoot .webGridFooterPager td a:hover {
  background-color: #f0f0f0;
}

.webGrid.highlight_row_on_hover table.webGrid tbody tr:hover {
  background-color: #e8f8ff !important;
  cursor: pointer;
}
.webGrid.highlight_row_on_hover table.webGrid tbody tr img, .webGrid.highlight_row_on_hover table.webGrid tbody tr .glyphicon, .webGrid.highlight_row_on_hover table.webGrid tbody tr .fas {
  opacity: 0.6;
}
.webGrid.highlight_row_on_hover table.webGrid tbody tr img:hover, .webGrid.highlight_row_on_hover table.webGrid tbody tr .glyphicon:hover, .webGrid.highlight_row_on_hover table.webGrid tbody tr .fas:hover {
  opacity: 1;
}

/*This can be removed when all admin reports are using the new filter UIs*/
.admin_area .web_grid_search_bar .web_grid_text_search {
  padding: 4px 15px 4px 14px;
  width: 230px;
  min-width: 230px;
}
.admin_area .web_grid_search_bar .web_grid_text_search input.web_grid_text_search_text_box {
  border: none;
  outline: none;
  width: 95%;
  background: transparent;
  font-size: 1rem;
  font-weight: 400;
  padding: 3px 0;
}

.photo-capture-page #LiveVideoContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.photo-capture-page #LiveVideoContainer #ControlPanel {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 330px) {
  .photo-capture-page #LiveVideoContainer #ControlPanel {
    flex-direction: row;
    margin-bottom: 15px;
  }
}
.photo-capture-page.landscape #LiveVideoContainer {
  min-width: 350px;
}
.photo-capture-page #LiveVideoView,
.photo-capture-page #ImagePreviewContainer,
.photo-capture-page #PhotoCapturedIndicator {
  max-width: 240px;
  max-height: 320px;
  width: 240px;
  height: 320px;
}
.photo-capture-page.landscape #LiveVideoView, .photo-capture-page.landscape #ImagePreviewContainer, .photo-capture-page.landscape #PhotoCapturedIndicator {
  max-width: 256px;
  max-height: 192px;
  width: 256px;
  height: 192px;
}
.photo-capture-page #LiveVideoView {
  border: 1px solid darkgray;
  background-color: lightgray;
}
.photo-capture-page #ImagePreviewContainer {
  border: 1px solid darkgray;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-capture-page #PhotoCapturedIndicator {
  position: absolute;
  background-color: white;
  display: none;
}
.photo-capture-page #LiveVideoIndicator {
  position: absolute;
  background-color: green;
  color: white;
  padding: 0px 10px;
  border-radius: 3px;
  margin: 5px;
  font-size: 10px;
  font-weight: 500;
  display: none;
}
.photo-capture-page .btn.btn-manage {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  min-width: 0;
  padding: 7px 15px 8px 15px;
  border-color: #009fe8;
  border-width: 1px;
  color: #009fe8;
  border-color: #009fe8;
  background: white;
  min-width: 50px;
}
.photo-capture-page .btn.btn-manage i {
  padding: 0;
  margin: 0;
}
.photo-capture-page #CameraBtn {
  width: 240px;
  font-size: 16px;
  padding: 8px;
}
.photo-capture-page.landscape #CameraBtn {
  width: 254px;
}
.photo-capture-page #ImagePreview {
  max-width: 238px;
  max-height: 318px;
  width: auto;
  height: auto;
}
.photo-capture-page.landscape #ImagePreview {
  max-width: 254px;
  max-height: 190px;
}
.photo-capture-page .error-text {
  color: red;
  margin: 20px 0;
}

.btn {
  cursor: pointer;
}
.btn.btn-disabled, .btn.round-blue-btn:disabled, .btn.edit-list-btn:disabled, .btn.round-blue-btn.disabled, .btn.disabled.edit-list-btn, .btna.btn-disabled {
  border: 1px solid #DBDBDB !important;
  color: #999 !important;
  background: #eee !important;
  background-position: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase;
  cursor: not-allowed;
}
.btn.btn-disabled:hover, .btn.round-blue-btn:hover:disabled, .btn.edit-list-btn:hover:disabled, .btn.round-blue-btn.disabled:hover, .btn.disabled.edit-list-btn:hover, .btna.btn-disabled:hover {
  cursor: not-allowed;
}
.btn.btn_small {
  padding: 7px 21px;
  font-size: 12px;
  box-shadow: 0 3px 10px -2px rgba(61, 171, 244, 0.74);
  cursor: pointer;
  letter-spacing: 0.5px;
}
.btn.btn_medium {
  padding: 8px 21px;
  font-size: 14px;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 10px -2px rgba(61, 171, 244, 0.74);
  cursor: pointer;
  letter-spacing: 0.5px;
}
.btn.btn_large {
  padding: 9px 25px;
  font-size: 14px;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 10px -2px rgba(61, 171, 244, 0.74);
  cursor: pointer;
}
.btn.btn_blue_on_hover {
  min-width: 50px !important;
  padding: 7px 10px;
  border: none;
  border-radius: 5px;
  pointer-events: all !important;
}
.btn.btn_blue_on_hover.Events_page_menu_link_button {
  padding: 8px 17px;
}
.btn.btn_blue_on_hover[aria-expanded=true] .fas {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn.btn_blue_on_hover[aria-expanded=false] .fas {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.btn.btn_blue_on_hover:not(.disabled):hover, .btn.btn_blue_on_hover[aria-expanded=true] {
  background-color: #009fe8 !important;
  color: #fff !important;
}

.btn_group_action .btn {
  min-width: 30px;
  margin-left: 4px !important;
  margin-right: 20px;
  color: #aaa;
  background: #f0f3f8;
  padding: 0;
  border: none;
  border-width: 0;
  background: transparent;
}
.btn_group_action .btn > svg {
  border-radius: 11px;
}
.btn_group_action .btn > svg rect {
  stroke: rgb(228.5377358491, 226.4622641509, 226.4622641509);
}
.btn_group_action .btn[aria-expanded=true]:focus {
  border: none;
  background-color: transparent !important;
}
.btn_group_action .btn[aria-expanded=true]:focus > svg rect {
  stroke: transparent;
  fill: rgb(0, 124.0474137931, 181) !important;
}
.btn_group_action .btn[aria-expanded=true]:focus > svg circle {
  fill: #fff !important;
}
.btn_group_action .btn[aria-expanded=true]::before {
  color: #fff;
}
.btn_group_action .btn:focus:active {
  border: none;
  background-color: transparent !important;
}
.btn_group_action .btn:focus:active > svg rect {
  stroke: transparent;
  fill: rgb(0, 124.0474137931, 181) !important;
}
.btn_group_action .btn:focus:active > svg circle {
  fill: #fff !important;
}
.btn_group_action .btn:hover {
  border: none;
  background-color: transparent !important;
}
.btn_group_action .btn:hover > svg rect {
  stroke: transparent;
  fill: #009fe8 !important;
}
.btn_group_action .btn:hover > svg circle {
  fill: #fff !important;
}

.action_button_round.btn {
  border: 1px solid transparent !important;
  background-color: transparent !important;
  min-width: 40px !important;
  width: 40px !important;
  min-height: 40px;
  height: 40px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  padding: 8px !important;
  margin: 0;
  border-radius: 50%;
  background-color: transparent !important;
  cursor: pointer;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  text-decoration: none !important;
  box-shadow: none;
  line-height: 1.3;
}
.action_button_round.btn.fas, .action_button_round.btn.fa, .action_button_round.btn.far, .action_button_round.btn > .fas, .action_button_round.btn > .fa, .action_button_round.btn > .far {
  font: var(--fa-font-solid);
  font-weight: 900;
  color: #9d9d9d !important;
  line-height: 1.4;
}
.action_button_round.btn.fas:before, .action_button_round.btn.fa:before, .action_button_round.btn.far:before, .action_button_round.btn > .fas:before, .action_button_round.btn > .fa:before, .action_button_round.btn > .far:before {
  vertical-align: middle;
}
.action_button_round.btn:not(:hover):not(:focus):not(:active) > svg path {
  fill: #9d9d9d !important;
}
.action_button_round.btn:focus:active {
  background-color: #0175bb !important;
  color: #fff;
}
.action_button_round.btn:focus:active > svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
.action_button_round.btn:hover {
  background-color: #009fe8 !important;
}
.action_button_round.btn:hover:before {
  color: #fff;
}
.action_button_round.btn:hover > svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.event_list_top_menu a {
  font-family: Avenir-Heavy, Avenir-Next, sans-serif !important;
  font-size: 0.85rem;
}

.dropdown-menu {
  box-shadow: 0px 4px 8px 0px #e4e4e4;
  border: none;
  border-radius: 0 0 6px 6px;
  margin-top: 10px;
}
.dropdown-menu > .dropdown-item {
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
  color: #333 !important;
  font-family: Avenir-Roman, Avenir-Next, sans-serif !important;
}
.dropdown-menu > .dropdown-item:hover {
  color: #009fe8 !important;
}

.bootstrap-select .dropdown-menu {
  margin-top: 3px;
}

.menu_blue_link, a.menu_blue_link {
  color: #009fe8;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  text-decoration: none;
}

.btn-danger {
  color: white !important;
}

.back-button, a.back-button:link, a.back-button:visited, a.back-button:active {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: auto 0;
}

.button-container {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}

.btn.round-blue-btn, .btn.edit-list-btn {
  min-width: 40px;
  width: 40px;
  min-height: 40px;
  border-radius: 20px;
  height: 40px;
  border: none;
  padding: 10px 8px;
  box-shadow: none;
  color: white;
  background-color: #48c5fe;
}
.btn.round-blue-btn:hover, .btn.edit-list-btn:hover {
  color: #E5F3FE;
  background-color: #009fe8;
}
.btn.round-blue-btn:active, .btn.edit-list-btn:active {
  background-color: rgb(0, 124.0474137931, 181);
}
.btn.round-blue-btn:disabled, .btn.edit-list-btn:disabled, .btn.round-blue-btn.disabled, .btn.disabled.edit-list-btn {
  /* Must be enabled for cursor to show. I made this
     change here rather than in btn-disabled because
     I'm not sure if this it would allow the link to
     work when disabled in other UIs.
  */
  pointer-events: auto;
}

.edit-list-btn {
  margin-bottom: 15px;
}

.clickable-div {
  padding: 20px;
}
.clickable-div:hover {
  cursor: pointer;
  background-color: #e7f5ff;
}

.clickable-drawer-div,
.clickable-modal-div,
.clickable-second-drawer-div {
  padding: 5px;
}

.clickable-drawer-div:hover,
.clickable-modal-div:hover,
.clickable-second-drawer-div:hover {
  padding: 5px;
  cursor: pointer;
  background-color: #e7f5ff;
}

.clickable_table_row_container {
  margin-left: -10px;
}
.clickable_table_row_container tr > td:first-child {
  padding-left: 10px !important;
}

.clickable_div_list_item {
  margin: 2px 0 2px;
  padding: 5px;
  font-size: 1rem;
  border: none;
  border-bottom: solid 1px #e6e4e4;
  background-color: #ffffff;
}

.clickable_div_cell_container {
  display: table;
  width: 100%;
  margin: 10px 0;
  table-layout: fixed;
  font-weight: 400;
}

.clickable_div_cell_action {
  display: table-cell;
  width: 65px;
  vertical-align: middle;
}

.clickable_div_cell_action:last-of-type {
  margin-right: 10px;
}

.clickable_div_cell_image {
  display: table-cell;
  width: 65px;
  vertical-align: middle;
}
.clickable_div_cell_image img {
  max-width: 50px;
  max-height: 50px;
}

.clickable_div_cell_title {
  display: table-cell;
  padding: 2px 5px;
  vertical-align: middle;
  word-wrap: break-word;
}

.clickable_div_cell_display_order {
  display: table-cell;
  width: 65px;
  vertical-align: middle;
  font-size: 1rem;
}

.clickable_div_desc {
  font-size: 14px;
  opacity: 0.7;
}

form select {
  border: 1px solid #dde1e3;
  border-radius: 4px;
  padding: 6px;
  font-size: 1rem;
  color: #3c4545;
  margin-left: 0;
}

#previewFormContainer .reg_form_field_container {
  width: initial;
}

.full-page-modal {
  margin-bottom: 0;
}
.full-page-modal .full_page_modal_close_button {
  position: fixed;
  top: 20px;
  background: #009fe8;
  width: 50px;
  height: 50px;
  border-radius: 35px;
  transition: all 0.3s ease;
  opacity: 0.95;
  z-index: 1;
  color: white;
  font-size: 20px;
  padding: 0;
  margin: 0;
  right: -75px;
  animation: slideInBtn 0.3s forwards;
}
@keyframes slideInBtn {
  100% {
    right: calc(100% - 75px);
  }
}
.full-page-modal .full_page_modal_close_button:hover i {
  transform: scaleX(-1);
  transition: transform 0.3s ease-in-out;
}
.full-page-modal .full_page_modal_close_button.slideOutBtn {
  transform: scaleX(-1);
  right: -75px;
  animation: slideOutBtn 0.3s forwards;
}
@keyframes slideOutBtn {
  100% {
    right: -75px;
  }
}
.full-page-modal .full-page-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background: rgb(62, 62, 62);
}
.full-page-modal .full-page-modal-container .full-page-modal-content-container {
  position: fixed;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  max-width: calc(100% - 50px);
  max-height: 100%;
  min-height: 100%;
  background: #f0f3f8;
  box-shadow: 990px 0 0 #f2f2f2, -2px 0 7px rgba(57, 73, 76, 0.45);
  right: -100%;
  animation: slideIn 0.3s forwards;
}
@keyframes slideIn {
  100% {
    right: 0;
  }
}
.full-page-modal .full-page-modal-container .full-page-modal-content-container.slideOut {
  right: 0;
  animation: slideOut 0.3s forwards;
}
@keyframes slideOut {
  100% {
    right: -100%;
  }
}
.full-page-modal .full-page-modal-container .full-page-modal-content-container .full-page-modal-content {
  height: 100%;
  max-height: initial;
  min-width: 600px;
  overflow-y: auto;
  background-color: #f0f3f8;
  padding-bottom: 65px;
}
.full-page-modal .full-page-modal-container .full-page-modal-content-container .full-page-modal-content .sub_section,
.full-page-modal .full-page-modal-container .full-page-modal-content-container .full-page-modal-content .sub_section_overlay {
  padding: 40px 60px;
  margin: 30px 50px;
  border-radius: 3px;
}
.full-page-modal .full-page-modal-container .full-page-modal-content-container .full-page-modal-content .modal-header {
  border-bottom: 1px solid #e4e0e0;
  flex-direction: row;
  padding: 0 45px;
  height: 57px;
  max-height: 57px;
  flex: 1 0 100px;
}
.full-page-modal .full-page-modal-container .full-page-modal-content-container .full-page-modal-content .modal-header .menu_blue_link {
  align-self: center;
  margin: 0 0 0 auto;
}
.full-page-modal .full-page-modal-container .page-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 40px;
}

.date_text_box_border_right {
  border-right: none;
}

.note-editor.note-frame {
  border: none;
}

.input-group input:not([type=search]):not([type=button]):focus {
  outline: 0;
  border-color: #5a9de4 !important;
  box-shadow: 0 0 0 0.122rem rgba(0, 123, 255, 0.25);
  outline: none !important;
}

input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input), textarea:not(.badge-designer-textarea), select:not(.badge-designer-select), div.summernote_container {
  font-family: Avenir-Medium, Avenir-Next, sans-serif;
  font-size: 1.125rem !important;
  color: #242A2D;
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input):not([disabled]), textarea:not(.badge-designer-textarea):not([disabled]), select:not(.badge-designer-select):not([disabled]), div.summernote_container:not([disabled]) {
  cursor: pointer;
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input):disabled, input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input).disable_summernote, input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input).disabled, textarea:not(.badge-designer-textarea):disabled, textarea:not(.badge-designer-textarea).disable_summernote, textarea:not(.badge-designer-textarea).disabled, select:not(.badge-designer-select):disabled, select:not(.badge-designer-select).disable_summernote, select:not(.badge-designer-select).disabled, div.summernote_container:disabled, div.summernote_container.disable_summernote, div.summernote_container.disabled {
  cursor: not-allowed !important;
  color: #9d9d9d;
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input):not([type=search]):not([type=button]), textarea:not(.badge-designer-textarea):not([type=search]):not([type=button]), select:not(.badge-designer-select):not([type=search]):not([type=button]), div.summernote_container:not([type=search]):not([type=button]) {
  border: 1px solid rgba(224, 227, 228, 0.53);
  font-size: 1.1rem;
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input):hover:not([disabled]):not(.disabled):not(.disable_summernote), textarea:not(.badge-designer-textarea):hover:not([disabled]):not(.disabled):not(.disable_summernote), select:not(.badge-designer-select):hover:not([disabled]):not(.disabled):not(.disable_summernote), div.summernote_container:hover:not([disabled]):not(.disabled):not(.disable_summernote) {
  border: 1px solid #009fe8 !important;
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input):focus, textarea:not(.badge-designer-textarea):focus, select:not(.badge-designer-select):focus, div.summernote_container:focus {
  border: 1px solid #009fe8 !important;
  box-shadow: 0 1px 6px 0 rgba(10, 162, 233, 0.33);
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input).editor_active, textarea:not(.badge-designer-textarea).editor_active, select:not(.badge-designer-select).editor_active, div.summernote_container.editor_active {
  margin-top: 3px;
  border: 1px solid #009fe8 !important;
  box-shadow: 0 1px 6px 0 rgba(10, 162, 233, 0.33);
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input):active, input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input) :focus, textarea:not(.badge-designer-textarea):active, textarea:not(.badge-designer-textarea) :focus, select:not(.badge-designer-select):active, select:not(.badge-designer-select) :focus, div.summernote_container:active, div.summernote_container :focus {
  border: 1px solid #009fe8 !important;
}
input[type=text]:not(.web_grid_text_search_text_box):not(.search_bar_on_wizard_text_box):not(.search_bar_on_page_text_box):not(.sp-input) .note-editable.card-block:focus, textarea:not(.badge-designer-textarea) .note-editable.card-block:focus, select:not(.badge-designer-select) .note-editable.card-block:focus, div.summernote_container .note-editable.card-block:focus {
  border: none !important;
}

.editor-label:not(.abc-checkbox, .abc-radio) {
  font-family: Avenir-Heavy, Avenir-Next, sans-serif;
  color: #858a8d;
  font-size: 0.875rem;
  margin-bottom: 0;
}

/*input[type=text] {
   background: none;

   &.reg_form_md, &.reg_form_lg {
      @include show-ellipses-textbox();
   }
}
*/
input[type=text].inline_editor_inactive, textarea, div.summernote_container, input[type=text].inline_editor_active, textarea, div.summernote_container {
  background: none;
}
input[type=text].inline_editor_inactive:not(.editor_active):not(.disable_summernote):not([disabled]):not(:focus):hover, textarea:not(.editor_active):not(.disable_summernote):not([disabled]):not(:focus):hover, div.summernote_container:not(.editor_active):not(.disable_summernote):not([disabled]):not(:focus):hover, input[type=text].inline_editor_active:not(.editor_active):not(.disable_summernote):not([disabled]):not(:focus):hover, textarea:not(.editor_active):not(.disable_summernote):not([disabled]):not(:focus):hover, div.summernote_container:not(.editor_active):not(.disable_summernote):not([disabled]):not(:focus):hover {
  border: 1px solid #009fe8;
  background: white url(/content/images/pencil.png) no-repeat;
  background-position: right 8px center;
  background-size: 18px;
}

select:not([disabled]):not(:focus):hover {
  border: 1px solid #009fe8 !important;
}

.location_search_div input:hover:not([disabled]):not(.disabled) {
  border: 1px solid #009fe8 !important;
}

.input-group .input-group-text {
  width: 150px;
}
.input-group .inline_editor_button.inline_editor_save_button, .input-group .inline_editor_button .inline_editor_save_success_button {
  margin-left: 6px;
}

.inline_editor_button.inline_editor_save_button {
  margin-left: 0;
}

.inline_editor_save_success_container {
  display: inline-block;
  margin-top: 6px;
  height: 27px;
}
.inline_editor_save_success_container .saved_text {
  margin-left: 3px;
  color: #00b300;
}

.has_border-right #StartTime .editor-field {
  border-right: none;
}

input[data-isdatepicker=true], .bootstrap_date_picker {
  background: none;
}

.date_text_box_border_right {
  border-right: 1px solid #e2dddd;
}

.note-editor.note-frame .note-editing-area .note-editable {
  padding: 6px;
}

.sub_section {
  padding: 40px 60px !important;
}

.sub_section_full_page {
  margin-left: 60px;
  margin-right: 60px;
}

.filter_modal select {
  margin-left: 0px !important;
}
.filter_modal input.date_textbox {
  background: white url("/content/images/date-icon.svg") no-repeat;
  background-position: right 8px center;
  padding-right: 30px !important;
  background-size: 18px;
}
.filter_modal .date_textbox, .filter_modal select {
  border: 1px solid #ccc8c8 !important;
  border-radius: 5px;
}
.filter_modal #datePickerDiv > div:last-child {
  margin-left: 3px;
}

.inline_editor_button {
  display: inline-block;
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-top: 6px;
  border-radius: 50%;
}
.inline_editor_button.inline_editor_save_button {
  margin-left: 10px;
  background: #50b0f6;
  text-align: center;
}
.inline_editor_button.inline_editor_save_button .glyphicon, .inline_editor_button.inline_editor_save_button .fas {
  color: #fff;
}
.inline_editor_button.inline_editor_save_success_button {
  margin-left: 5px;
  background: #00b300;
  text-align: center;
}
.inline_editor_button.inline_editor_save_success_button .glyphicon, .inline_editor_button.inline_editor_save_success_button .fas {
  color: #fff;
}
.inline_editor_button.inline_editor_cancel_button {
  margin-left: 3px;
  background: rgb(228.5377358491, 226.4622641509, 226.4622641509);
  text-align: center;
}
.inline_editor_button.inline_editor_cancel_button .glyphicon, .inline_editor_button.inline_editor_cancel_button .fas {
  color: #767D87;
}
.inline_editor_button .glyphicon, .inline_editor_button .fas {
  vertical-align: middle;
  font-size: 0.75rem;
  padding-right: 0;
}

.related-items-list {
  margin-bottom: 10px;
}
.related-items-list p {
  font-weight: 500;
  color: #858a8d;
}
.related-items-list .show-all-link {
  font-weight: 500;
  margin-top: 5px;
  margin-left: 14px;
  display: inline-block;
}
.related-items-list .show-all-link.disabled {
  background: transparent;
}

ul.related-items {
  text-align: left;
  margin-bottom: 0;
  border-top: 1px solid #eee;
  padding-top: 5px;
  padding-left: 0;
}
ul.related-items li {
  font-weight: 500;
  color: #858a8d;
  list-style-type: none;
  padding: 5px 0 5px 15px;
}

/* Do not show top border when list is shown in simple modal */
.modal_message ul.related-items {
  border-top: none;
}

.modal-dialog {
  box-shadow: 0px 0px 10px #808080;
}
.modal-dialog .jcrop-holder {
  margin: 0 auto;
}

.modal-drawer-sm .page-filters {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .modal-drawer-sm {
    max-width: 80% !important;
  }
  .modal-drawer-sm .modal-header {
    position: fixed;
    width: 80%;
  }
  .modal-drawer-sm .page-filters {
    margin-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-drawer-sm {
    max-width: 60% !important;
  }
  .modal-drawer-sm .modal-header {
    position: fixed;
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .modal-drawer-sm {
    max-width: 40% !important;
  }
  .modal-drawer-sm .modal-header {
    position: fixed;
    width: 40%;
  }
}
.filter_modal #datePickerDiv {
  margin-left: 0px;
}

.action_successful_message_div {
  display: none;
}
.action_successful_message_div > div {
  padding: 40px 0;
  text-align: center;
  min-height: 500px;
  display: flex;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.action_successful_message_div .fa-check {
  color: white;
  font-size: 4rem;
  padding: 45px;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #4392f2;
}
.action_successful_message_div p {
  font-size: 2rem;
  font-weight: 400;
  color: #646464;
  padding: 55px 20px 35px 20px;
}
.action_successful_message_div .action_successful_error_note_div {
  display: none;
}
.action_successful_message_div .action_successful_error_note_div p {
  font-size: 1.2rem;
  font-weight: 500;
  color: red;
  padding: 0 20px 35px 20px;
}

#ConfirmRecordPaymentFormId .action_successful_message_div p, #ConfirmIssueCreditFormId .action_successful_message_div p, #ConfirmRecordRefundFormId .action_successful_message_div p, #CancelRegistrationFormId .action_successful_message_div p {
  font-size: 1.2rem;
  font-weight: 500;
}

.modal-body {
  max-height: 75vh;
  overflow-y: auto;
}
.modal-body.datetimepicker_is_last_element {
  padding-bottom: 250px;
}

.modal-dialog {
  overflow-y: initial !important;
}

.modal_message {
  text-align: center;
  margin-bottom: 30px;
}

.modal_message + .modal_message {
  margin-top: -10px;
}

button.close, button.mce-close {
  border: none !important;
}

.modal-header > .close, .modal-body > .close {
  line-height: 0.7;
  font-size: 35px;
  font-weight: 400;
  padding-top: 16px;
}

.modal-header > .close:not(.close_drawer_button), .modal-body > .close:not(.close_drawer_button) {
  background-color: transparent;
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-header > .close:focus, .modal-body > .close:focus {
  outline: none;
}

.modal-body > .editor-label:first-of-type, .modal-body .reg_form_field_caption:first-of-type .editor-label:first-of-type {
  margin-top: 0;
}

.modal-header {
  background-color: #fff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  align-items: flex-start;
}

.modal-footer {
  background-color: #f5f5f5;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.modal-footer:not(.footer_two_buttons) .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

:not(.drawer) .modal-footer:not(.footer_two_buttons) > .btn {
  width: 100% !important;
  height: 100% !important;
  padding: 12px 12px 12px 12px;
  font-size: 1.1rem !important;
  font-weight: 600;
  margin: 0;
}

.modal-footer.footer_two_buttons {
  text-align: left;
}

.modal-footer:not(.footer_two_buttons) {
  text-align: center;
  padding: 0;
}

.modal-footer .footer_link {
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  font-size: 1.1rem;
}

.modal-title {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
  padding-left: 7px;
  color: #636060;
  overflow-x: hidden;
}

.modal-error-message {
  font-size: 1.2rem;
  margin: 15px 0;
  text-align: center;
}

.modal_h1 {
  font-size: 1.2rem;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: 400;
  color: #424242;
  line-height: 2rem;
}

.action_successful_message_div .action_successful_div_title {
  font-size: 26px;
  padding-bottom: 0;
}
.action_successful_message_div .action_successful_div_message {
  font-size: 20px;
  padding-top: 0;
}

.acknowledge_delete_div {
  border-top: 1px solid #ccc;
  margin: 20px 0;
}
.acknowledge_delete_div .abc-checkbox > label {
  font-weight: 400;
}

.modal_footer_single_link_left {
  text-align: left !important;
  padding: 20px 10px 20px 30px !important;
  justify-content: flex-start;
}

.info_modal_link {
  font-weight: 500;
  color: #009fe8;
  margin-left: 5px;
  cursor: pointer;
}
.info_modal_link .fas {
  margin-left: 5px;
  font-size: 11px;
}

.info_modal_body {
  text-align: left;
}
.info_modal_body .process_title {
  font-weight: 600;
}
.info_modal_body ol {
  padding-left: 20px;
}
.info_modal_body ol li {
  margin-bottom: 5px;
}

#modal-drawer-container .modal-dialog .sub_section,
#modal-drawer-container2 .modal-dialog .sub_section {
  padding: 40px 60px;
  margin: 30px 50px;
  border-radius: 3px;
}

.reports-navbar h1 {
  vertical-align: middle;
}
.reports-navbar .bootstrap-select {
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: white;
  margin-right: 10px;
}
.reports-navbar .bootstrap-select button, .reports-navbar .bootstrap-select button:hover,
.reports-navbar .bootstrap-select input[name="CustomDateStart.Date"],
.reports-navbar .bootstrap-select input[name="CustomDateEnd.Date"] {
  padding: 10px 13px 9px 13px;
  color: #666;
  min-width: 50px;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 400;
  border: none;
  background: transparent;
  box-shadow: none;
  min-width: initial;
  text-transform: none;
  height: auto;
}
.reports-navbar .date_search {
  vertical-align: middle;
}
.reports-navbar .date_search input[name="CustomDateStart.Date"],
.reports-navbar .date_search input[name="CustomDateEnd.Date"] {
  min-width: 100px;
  max-width: 125px;
  background: #fff;
  padding: 10px 13px 9px 13px;
  font-size: 15px;
  font-weight: 400;
}
.reports-navbar .date_search .date_search_button {
  margin-left: 0;
  margin-right: 10px;
  padding: 10px 13px 9px 13px;
  min-width: 40px;
  width: 40px;
  vertical-align: top;
}
.reports-navbar .date_search .date_search_button .fas {
  font-size: 0.75rem;
}
.reports-navbar .report-type-list .bootstrap-select button.dropdown-toggle,
.reports-navbar .report-type-list .bootstrap-select button.dropdown-toggle:hover {
  font-size: 1em;
  font-weight: 700;
}
.reports-navbar .report-type-list .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}
.reports-navbar .reports-navbar-filter-group .reports-navbar-filter-btn {
  display: inline-block;
}
.reports-navbar .reports-navbar-filter-group .reports-navbar-filter-btn .bootstrap-select .date_search {
  margin-left: 0;
}
.reports-navbar .reports-navbar-filter-group .reports-navbar-filter-btn .bootstrap-select .date_search input[type=text] {
  padding: 9px 11px 10px;
  font-size: 14px;
}
.reports-navbar .menu_blue_link {
  float: right;
  margin-top: 10px;
}

.plan-details .padding-bottom {
  padding-bottom: 16px !important;
}
.plan-details .plan-name {
  font-size: 14px;
}
.plan-details .bold-text {
  font-weight: 500;
}
.plan-details .blue-text {
  color: #009fe8 !important;
}
.plan-details .min-commitment {
  vertical-align: middle;
  display: inline-block;
  color: white;
  background-color: #009fe8;
  padding: 4px 10px;
  margin-left: 5px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.plan-details .grid-title {
  font-size: 14px;
  color: #999;
  padding: 0 8px 10px;
  line-height: 1rem;
  vertical-align: top;
}
.plan-details .level-description {
  font-size: 14px;
  margin-top: 20px;
}
.plan-details .monthly-rate {
  color: #666;
  font-size: 14px;
  margin-top: 20px;
}
.plan-details .annual-rate {
  font-size: 14px;
  margin-top: 20px;
}
.plan-details .green-text {
  color: #3E9430;
  font-weight: 500;
}
.plan-details thead .green-text {
  font-size: 0.7rem;
}
.plan-details .plan-description {
  border-top: 1px solid #e9f1f5;
  padding: 16px;
  background-color: #f0f5f5;
  font-size: 13px;
  margin-top: 20px;
  padding: 15px;
}
.plan-details table.subscription_plan_history {
  width: 100%;
}
.plan-details .subscription_plan_history td {
  vertical-align: top;
}
.plan-details .editor-field {
  font-weight: 500;
}
.plan-details .location-selection {
  border: none;
  margin: 0;
  padding: 0;
}
.plan-details .location-selection .editor-field label {
  font-size: 16px;
}
.plan-details .location-selection table {
  width: 90%;
}
.plan-details .location-selection table tr {
  border: none;
}
.plan-details .location-selection table tr td {
  padding: 20px 0 0;
  font-size: 16px;
}
.plan-details .location-selection table tr td.level-description, .plan-details .location-selection table tr td.monthly-rate, .plan-details .location-selection table tr td.annual-rate {
  margin: 0;
}
.plan-details .location-selection table tr td.annual-rate {
  display: none;
}
.plan-details .location-selection table tr td.monthly-rate, .plan-details .location-selection table tr td.annual-rate {
  color: #666;
  text-align: right;
}
.plan-details .location-selection table tr td.monthly-rate label.disabled, .plan-details .location-selection table tr td.annual-rate label.disabled {
  opacity: 0.65;
}

.uniform-control-width select:not(.reg_form_xxs, .reg_form_xs, .shortTextBox, .reg_form_sm, .custom_control_width):not(#RowsPerPage),
.uniform-control-width input[type=text]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
.uniform-control-width input[type=password]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
.uniform-control-width textarea:not(.custom_control_width) {
  min-width: 50%;
  width: 550px;
  max-width: 50%;
}
.uniform-control-width .editor-field input, .uniform-control-width .editor-field select {
  margin: 0 10px 10px 0;
}
.uniform-control-width .input-group.location_input input {
  min-width: calc(50% - 55px) !important;
  width: 495px !important;
}
.uniform-control-width .input-group .input-group-text {
  width: 150px;
}
.uniform-control-width .input-group .inline_editor_button.inline_editor_save_button, .uniform-control-width .input-group .inline_editor_button.inline_editor_save_success_button {
  margin-left: 6px;
}
.uniform-control-width .input-group .input-group-prepend {
  margin: 0 0 10px 0;
}
.uniform-control-width .input-group input {
  min-width: calc(50% - 150px) !important;
  width: 400px !important;
}
.uniform-control-width #modal-container .modal-dialog:not(.modal-lg) select:not(.reg_form_xxs, .reg_form_xs, .shortTextBox, .reg_form_sm, .custom_control_width):not(#RowsPerPage),
.uniform-control-width #modal-container .modal-dialog:not(.modal-lg) input[type=text]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
.uniform-control-width #modal-container .modal-dialog:not(.modal-lg) input[type=password]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
.uniform-control-width #modal-container .modal-dialog:not(.modal-lg) textarea:not(.custom_control_width),
.uniform-control-width #modal-container2 .modal-dialog:not(.modal-lg) select:not(.reg_form_xxs, .reg_form_xs, .shortTextBox, .reg_form_sm, .custom_control_width):not(#RowsPerPage),
.uniform-control-width #modal-container2 .modal-dialog:not(.modal-lg) input[type=text]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
.uniform-control-width #modal-container2 .modal-dialog:not(.modal-lg) input[type=password]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
.uniform-control-width #modal-container2 .modal-dialog:not(.modal-lg) textarea:not(.custom_control_width) {
  min-width: 80%;
  max-width: 80%;
}
.uniform-control-width #modal-container .modal-dialog:not(.modal-lg) .input-group.location_input input,
.uniform-control-width #modal-container2 .modal-dialog:not(.modal-lg) .input-group.location_input input {
  min-width: calc(80% - 55px) !important;
}
.uniform-control-width #modal-container .modal-dialog:not(.modal-lg) .input-group input,
.uniform-control-width #modal-container2 .modal-dialog:not(.modal-lg) .input-group input {
  min-width: calc(80% - 150px) !important;
}
@media (max-width: 991px) {
  .uniform-control-width select:not(.reg_form_xxs, .reg_form_xs, .shortTextBox, .reg_form_sm, .custom_control_width):not(#RowsPerPage),
  .uniform-control-width input[type=text]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
  .uniform-control-width input[type=password]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
  .uniform-control-width textarea:not(.custom_control_width) {
    min-width: 80%;
    max-width: 80%;
  }
  .uniform-control-width .input-group.location_input input {
    min-width: calc(80% - 55px) !important;
  }
  .uniform-control-width .input-group input {
    min-width: calc(80% - 150px) !important;
  }
}
@media (max-width: 767px) {
  .uniform-control-width select:not(.reg_form_xxs, .reg_form_xs, .shortTextBox, .reg_form_sm, .custom_control_width):not(#RowsPerPage),
  .uniform-control-width input[type=text]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
  .uniform-control-width input[type=password]:not(.reg_form_datetimepicker, .web_grid_text_search_text_box, .reg_form_sm, .reg_form_xs, .reg_form_xxs, .shortTextBox, .custom_control_width),
  .uniform-control-width textarea:not(.custom_control_width) {
    min-width: 100%;
    max-width: 100%;
  }
  .uniform-control-width .input-group.location_input input {
    min-width: calc(100% - 55px) !important;
  }
  .uniform-control-width .input-group input {
    min-width: calc(100% - 150px) !important;
  }
}

.authorized-apps-index .key-title {
  font-size: 1.1rem;
  color: #3b3b3b;
}
.authorized-apps-index .key-accent-text {
  color: #9d9d9d;
}

.dashboard {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.dashboard h1 {
  text-align: center;
  margin: 30px 0 50px;
}
.dashboard .dashboard-item {
  display: block;
  min-height: 400px;
  margin-top: 50px;
  padding: 20px;
  background: white;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  margin: 10%;
}
.dashboard .dashboard-item:hover {
  text-decoration: none;
  background-color: #E7F5FF;
  border: 1px solid #e3e3e3;
}
.dashboard .dashboard-item-description {
  margin-top: 30px;
  text-align: center;
  font-size: 22px;
  color: #c2c2c2;
}
.dashboard .dashboard-item-icon {
  margin-top: 30px;
  text-align: center;
}
.dashboard .dashboard-item-icon i {
  color: #00a9f8;
  font-size: 60px;
  opacity: 0.8;
}
.dashboard .dashboard-item-btn {
  display: block;
  margin-top: 30px;
  width: 200px;
  font-size: 16px;
  font-weight: 600;
  margin: 50px auto 25px;
}

.incident-status {
  display: inline-block;
  color: white;
  padding: 2px 10px;
  margin-left: 5px;
  vertical-align: super;
  font-weight: 600;
  font-size: 14px;
  border-radius: 5px;
  min-width: 70px;
  text-align: center;
  text-transform: uppercase;
}
.incident-status.open {
  background-color: orange;
}
.incident-status.closed {
  background-color: #3E9430;
}

.incidents-list td {
  vertical-align: top;
}
.incidents-list .incident-user-name {
  font-weight: 500;
  font-size: 14px;
  color: #858a8d;
}
.incidents-list .incident-added-on {
  font-weight: 400;
  font-size: 14px;
  color: #858a8d;
}
.incidents-list .incident-photo {
  height: 75px;
  width: 75px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #eee;
  border-radius: 5px;
}

.update-incident-page .add-note-btn {
  margin: 10px 0 15px 0;
}
.update-incident-page .image-preview {
  display: inline-block;
}
.update-incident-page .image-preview img {
  margin-top: 1em;
  max-width: 100px;
  max-height: 100px;
  border: 1px solid rgba(224, 227, 228, 0.53);
  border-radius: 5px;
}
.update-incident-page ul.incident-log-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: 80%;
  max-width: 80%;
}
@media (max-width: 767px) {
  .update-incident-page ul.incident-log-list {
    min-width: 100%;
    max-width: 100%;
  }
}
.update-incident-page ul.incident-log-list li {
  width: 100%;
  margin: 20px 0;
  padding: 1.5em;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: nowrap;
}
.update-incident-page ul.incident-log-list li .incident-details {
  width: 100%;
}
.update-incident-page ul.incident-log-list li .incident-details .incident-status {
  margin-left: auto;
}
.update-incident-page ul.incident-log-list li .incident-details .note-user-name {
  font-weight: 700;
  font-size: 16px;
  color: #858a8d;
}
.update-incident-page ul.incident-log-list li .incident-details .note-added-on {
  font-weight: 500;
  font-size: 14px;
  color: #858a8d;
}
.update-incident-page ul.incident-log-list li .incident-details .note-status-change {
  font-weight: 700;
  font-size: 16px;
  margin-left: 15px;
}
.update-incident-page ul.incident-log-list li .incident-details .note-status-change.reopend {
  color: orange;
}
.update-incident-page ul.incident-log-list li .incident-details .note-status-change.closed {
  color: #3E9430;
}
.update-incident-page ul.incident-log-list li .incident-details .editor-field {
  margin-top: 1em;
}
.update-incident-page ul.incident-log-list li .incident-details .editor-field label {
  white-space: break-spaces;
}
.update-incident-page ul.incident-log-list li .edit-link {
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
  margin-right: inherit;
}

.public-api-index .token {
  display: inline-block;
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.public-api-update textarea {
  min-width: 700px;
  min-height: 200px;
}
.public-api-update textarea :hover {
  background: none;
}

.location-selection {
  border-top: 1px solid #efefef;
  margin-top: 30px;
  padding-top: 20px;
}

.lobby-app-settings-page .settings-content {
  flex-basis: 0;
  flex-grow: 999;
  white-space: normal;
  padding: 10px 25px 10px 10px;
}
.lobby-app-settings-page .settings-content h2 {
  font-weight: bolder;
  font-size: 16px;
  margin-top: 30px;
}
.lobby-app-settings-page .settings-content .blue_link {
  font-weight: 500;
}

.mobile-apps-page .mobile-apps-desc {
  margin: 13px 0;
}
.mobile-apps-page .app-details > .col-lg-4 {
  padding-left: 0;
  min-width: 300px;
}
.mobile-apps-page .mobile-app-inner-div {
  margin: 10px 0 0 0;
  padding: 10px 10px 0 10px;
  border: 1px solid #e9f1f5;
  background-color: #fdfdfd;
  border-radius: 3px;
  height: 100%;
}
.mobile-apps-page .app-name-div {
  padding: 13px 0;
  border-bottom: 1px solid #e9f1f5;
}
.mobile-apps-page .app-name-div .app-name {
  padding-left: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #5b5f66;
}
.mobile-apps-page .app-name-div .app-for {
  float: right;
  font-size: 14px;
  color: #8d8d8d;
}
.mobile-apps-page .app-desc-div, .mobile-apps-page .app-features-div {
  padding: 13px 5px;
  border-bottom: 1px solid #e9f1f5;
}
.mobile-apps-page .app-features-div h3 {
  margin-bottom: 10px;
  color: #5d5e5d;
}
.mobile-apps-page .app-features-div ul {
  padding: 0 10px;
  list-style: none;
  margin-bottom: 0;
}
.mobile-apps-page .app-store-links-div {
  padding: 13px 5px;
}
.mobile-apps-page .app-store-links-div h3 {
  margin-bottom: 10px;
  color: #5d5e5d;
}
.mobile-apps-page .app-store-links-div div {
  display: flex;
  justify-content: flex-start;
  padding-left: 5px;
}
.mobile-apps-page .app-store-links-div div img {
  margin: 10px 40px 0 0;
  max-width: 35px;
  max-height: 35px;
}

.notification-settings h2 {
  font-weight: 500;
  margin-top: 40px;
}
.notification-settings .abc-checkbox .fa-pen {
  font-size: 11px;
  margin-left: 5px;
  margin-top: 4px;
  vertical-align: text-top;
  opacity: 0.7;
}
.notification-settings .editor-label {
  margin-top: 1em;
}
.notification-settings .abc-checkbox label:first-of-type {
  padding-top: 1px;
}
.notification-settings .placeholder-field-button-row .dropdown {
  display: inline-block;
}

.pricing-page .pricing-plans {
  max-width: 1200px;
  position: relative;
}
.pricing-page .pricing-plans .tile-wrap {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
}
.pricing-page .pricing-plans .tile {
  background-color: white;
  color: #3D3D3D;
  border: solid 1px #e9f1f5;
  -webkit-box-shadow: 0 2px 15px 0 rgba(180, 184, 185, 0.04);
  box-shadow: 0 2px 15px 0 rgba(180, 184, 185, 0.04);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  padding-bottom: 75px;
}
.pricing-page .pricing-plans .bold-text {
  font-weight: 500;
}
.pricing-page .pricing-plans .text-color-blue {
  color: #299ee9 !important;
}
.pricing-page .pricing-plans .text-color-gold {
  color: #F89C17 !important;
}
.pricing-page .pricing-plans .tile-title {
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  padding: 25px;
}
.pricing-page .pricing-plans .registration-fee {
  margin: 0.15rem 0.4rem 0.15rem 1rem;
  padding: 0.5rem 1rem;
  height: 40px;
  width: 220px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.pricing-page .pricing-plans .registration-fee h4 {
  font-size: 1rem;
  margin-top: 2px;
}
.pricing-page .pricing-plans .registration-fee.grey-fee-bc {
  background-color: #f0f5f5;
}
.pricing-page .pricing-plans .registration-fee.blue-fee-bc {
  background-color: #e6f5ff;
}
.pricing-page .pricing-plans .registration-fee.blue-fee-bc:hover {
  background-color: #d0eaff;
}
.pricing-page .pricing-plans .registration-fee.blue-fee-bc:active {
  background-color: #8dccff;
}
.pricing-page .pricing-plans .registration-fee.gold-fee-bc {
  background-color: #ffeea7;
}
.pricing-page .pricing-plans .registration-fee.gold-fee-bc:hover {
  background-color: #f6db67;
}
.pricing-page .pricing-plans .registration-fee.gold-fee-bc:active {
  background-color: #e5c333;
}
.pricing-page .pricing-plans .registration-fee i.fas {
  padding-right: 3px;
  font-size: 0.9rem;
}
.pricing-page .pricing-plans .plan-desc {
  padding: 0 25px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  min-height: 200px;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  color: #606060;
}
.pricing-page .pricing-plans .compare-list {
  padding: 0 25px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  list-style: none;
}
.pricing-page .pricing-plans .compare-list li {
  background-repeat: no-repeat;
  padding: 2px 0px;
  font-size: 14px;
  font-weight: 400;
  color: #606060;
  word-break: break-all;
}
.pricing-page .pricing-plans .compare-list li.divider {
  height: 10px;
}
.pricing-page .pricing-plans .compare-list li.big-divider {
  height: 20px;
}
.pricing-page .pricing-plans .compare-list li > a {
  font-weight: 600;
}
.pricing-page .pricing-plans .subscription_ended {
  color: #ff0000;
  font-weight: 600;
}
.pricing-page .pricing-plans .header-line {
  height: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.pricing-page .pricing-plans .bg-blue {
  background-image: linear-gradient(221deg, #52cdf6, #299ee9);
}
.pricing-page .pricing-plans .bg-yellow {
  background-image: linear-gradient(203deg, #FCDB90, #F89C17);
}
.pricing-page .pricing-plans .edit-subscription-links {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.pricing-page .pricing-plans .subscription_plan_desc {
  padding: 20px;
  line-height: 1.5;
  min-height: 477px;
}
.pricing-page .pricing-plans .subscription_plan_desc .plan_list_item {
  padding: 2px 0;
  font-size: 14px;
  color: #606060;
}
.pricing-page .pricing-plans .subscription_plan_desc .divider {
  height: 15px;
}
.pricing-page .pricing-plans .subscription_plan_btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 10px 10px;
  text-align: center;
}
.pricing-page .pricing-plans .subscription_plan_btn > .btn {
  width: 100%;
  padding: 11px;
}
.pricing-page .pricing-plans .subscription_plan_btn > .btn_selected {
  color: white;
  background-color: #4adc74;
  border-color: #4adc74;
}
.pricing-page .pricing-plans .subscription_plan_btn > div {
  cursor: default;
}
.pricing-page .pricing-plans .subscription_plan_btn > .btn_not_available {
  border: 1px solid #e6e6e6;
  color: #a9a9a9;
  background-color: #e6e6e6;
  cursor: default;
}
.pricing-page .pricing-plans .subscription_plan_btn > .btn {
  height: 44px;
}
.pricing-page .pricing-plans .subscription_plan_selected_plan_info {
  position: relative;
}
.pricing-page .pricing-plans .subscription_plan_selected_plan_info > div {
  padding: 10px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #999;
}
.pricing-page .pricing-plans .subscription_plan_selected_plan_info > div > div {
  margin: 3px 0;
  font-size: 14px;
}
.pricing-page .pricing-plans .selected_plan_header {
  font-weight: 600;
  margin-top: 0 !important;
}

.reports-dashboard-page .dashboard-row {
  background: white;
  padding: 20px 40px;
  border-radius: 5px;
}
.reports-dashboard-page .dashboard-row h2 {
  font-size: 2em;
  font-family: "Avenir-Next-Medium", sans-serif;
  color: #aaa;
}
.reports-dashboard-page .dashboard-row .web_grid_search_bar {
  margin: 10px 0 0 -8px;
}
.reports-dashboard-page .dashboard-row .web_grid_search_bar .bootstrap-select {
  border-color: transparent;
  margin: 0;
}
.reports-dashboard-page .dashboard-row .web_grid_search_bar .bootstrap-select button.dropdown-toggle, .reports-dashboard-page .dashboard-row .web_grid_search_bar .bootstrap-select button.dropdown-toggle:hover {
  color: #aaa;
}
.reports-dashboard-page .dashboard-row .web_grid_search_bar .bootstrap-select:hover {
  border-color: #ccc;
}
.reports-dashboard-page .dashboard-row .dashboard-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 0 -30px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section, .reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-large {
  text-align: center;
  background: white;
  min-width: 300px;
  table-layout: fixed;
  border-radius: 6px;
  /*box-shadow: 0 10px 20px 0 rgba(9, 35, 63, 0.1);*/
  border-right: 1px solid #efefef;
  margin: 0;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section .clickable-div, .reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-large .clickable-div {
  margin: 20px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section .clickable-div:hover, .reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-large .clickable-div:hover {
  cursor: pointer;
  background-color: #f8f8f8;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section:last-child, .reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-large:last-child {
  border: none;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section {
  height: 420px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-small {
  height: 350px;
  text-align: left;
  background-color: #fbfbfb !important;
  border-radius: 6px;
  margin: 0 30px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section .dashboard-sub-section {
  display: table-cell;
  vertical-align: middle;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-header-value {
  font-weight: 700;
  font-size: 32px;
  margin-top: 12px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .user-icon {
  color: #009fe8;
  font-size: 1.8rem;
  padding: 10px;
  margin: 30px 0 15px;
  border-radius: 50%;
  background-color: #d9eafb;
  cursor: pointer;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dollar-icon {
  color: #c89c5d;
  font-size: 1.8rem !important;
  padding: 10px 14.5px !important;
  margin: 30px 0 15px;
  border-radius: 50%;
  background-color: #fff5cc;
  cursor: pointer;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid-text.w_130 {
  max-width: 130px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .checked-icon {
  color: #00e600;
  font-size: 1.8rem !important;
  padding: 10px !important;
  margin: 30px 0 15px;
  border-radius: 50%;
  background-color: #e6ffe6;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-header {
  font-family: "Avenir-Next-Medium", sans-serif;
  font-size: 1.2rem;
  margin: 0 15px;
  color: #5b5f66;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid-sub-header {
  font-family: "Avenir-Next-Medium", sans-serif;
  font-size: 1.05rem;
  margin-bottom: 10px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid-text {
  color: #737373;
  font-weight: 500;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-small .dashboard-section-grid-text, .reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-small .blue_link {
  margin-top: -10px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid-bottom-text {
  margin-top: 15px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid-secondary-text {
  color: #aaa;
  font-weight: 500;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid-number {
  color: #999;
  white-space: nowrap;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-grid {
  min-height: 175px;
  margin: 5px 5px 10px;
  text-align: left;
  border-radius: 5px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-section-bottom-grid {
  margin: 0px 15px 15px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-grid-item {
  height: 60px;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-grid-item-small {
  height: 35px;
  margin: auto;
}
.reports-dashboard-page .dashboard-row .dashboard-grid .dashboard-grid-item-multiple-container {
  margin-bottom: 10px;
}

.summary-form-element-container {
  margin-bottom: 35px;
}
.summary-form-element-container .summary-form-element-header {
  font-weight: 600;
  margin-bottom: 5px;
}
.summary-form-element-container .summary-question-table th {
  padding: 5px 8px !important;
  padding: 0;
  font-weight: normal;
  color: #777;
}
.summary-form-element-container .summary-question-table tr > td {
  min-width: 120px;
}
.summary-form-element-container .summary-question-table tr > td a {
  font-weight: 700;
}
.summary-form-element-container .summary-question-table tr td:last-child,
.summary-form-element-container .summary-question-table tr th:last-child {
  padding-left: 50px !important;
}

.sign-in-out-settings-page .settings-container {
  display: flex;
  flex-wrap: wrap;
}
.sign-in-out-settings-page .settings-container .settings-menu {
  flex-grow: 1;
  flex-basis: 275px;
  align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin: 20px 0 0 20px;
  max-height: calc(100vh - 20px);
  overflow-y: auto;
}
.sign-in-out-settings-page .settings-container .settings-menu:not(:hover) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sign-in-out-settings-page .settings-container .settings-menu:not(:hover)::-webkit-scrollbar {
  display: none;
}
.sign-in-out-settings-page .settings-container .settings-menu ul {
  padding: 10px 0;
  margin: 0;
  text-align: left;
  vertical-align: text-top;
  width: 250px;
}
.sign-in-out-settings-page .settings-container .settings-menu ul li {
  list-style: none;
  width: 100%;
}
.sign-in-out-settings-page .settings-container .settings-menu ul li.header {
  margin: 15px 20px 0;
  color: #b4b7c4;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid;
  width: 210px;
  line-height: 2.5;
  border-color: #f5f5f7;
}
.sign-in-out-settings-page .settings-container .settings-menu ul li a {
  display: block;
  border-radius: 2px;
  padding: 8px 20px;
  text-decoration: none;
  color: #4a566c;
  font-size: 1rem;
  font-weight: 500;
}
.sign-in-out-settings-page .settings-container .settings-menu ul li a:hover {
  text-decoration: none;
  background-color: #d5eaf8;
  transition: background-color linear 0.1s;
  cursor: pointer;
}
.sign-in-out-settings-page .settings-container .settings-menu ul li a.selected {
  text-decoration: none;
  color: white;
  background-color: #009fe8;
  transition: background-color linear 0.1s;
}
.sign-in-out-settings-page .settings-container .settings-menu .section-header {
  font-size: 1.4rem;
  margin-top: 40px;
  margin-bottom: 20px;
}
.sign-in-out-settings-page .settings-container .settings-content {
  flex-basis: 0;
  flex-grow: 999;
  white-space: normal;
  padding: 10px 25px 10px 10px;
}
.sign-in-out-settings-page .settings-container .settings-content .section-header {
  font-size: 1.4rem;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #b4b7c4;
  font-weight: 500;
}
.sign-in-out-settings-page .settings-container .settings-content h2 {
  font-weight: bolder;
  font-size: 16px;
  margin-top: 30px;
}
.sign-in-out-settings-page .blue_link {
  font-weight: 500;
}

.sign-in-out-settings-page .public-url-link,
.new-employee-settings-drawer .public-url-link,
.update-location-drawer .public-url-link {
  font-weight: 500;
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
}

.sign-in-visitor-page table tr {
  border-bottom: none;
  vertical-align: top;
}
.sign-in-visitor-page .sign-in-header {
  padding-top: 18px;
  color: #767D87;
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
}
.sign-in-visitor-page .sign-in-header .fa-circle {
  margin-right: 10px;
}
.sign-in-visitor-page .sign-in-header .blue-dot {
  color: #3dabf4;
}
.sign-in-visitor-page .sign-in-header .orange-dot {
  color: #ff9c37;
}
.sign-in-visitor-page .sign-in-header .green-dot {
  color: #53e08e;
}
.sign-in-visitor-page .sign-in-header .purple-dot {
  color: #858ee6;
}
.sign-in-visitor-page .sign-in-value {
  display: inline-block;
}

.view-data-form .view_employee_information {
  margin: 30px 10px;
}
.view-data-form .view_employee_information .employee_information_hidden_field {
  vertical-align: super;
  display: inline-block;
  color: #fff;
  background-color: #4f6271;
  padding: 4px 10px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 15px;
  border: 1px solid #4f6271;
  text-align: center;
}
.view-data-form .view_employee_information .employee_information_value {
  margin: 0 0 10px;
  font-size: 1.2rem;
  font-weight: 500;
}

.view-visit-page .visit-action-buttons {
  width: 100%;
  text-align: center;
}
.view-visit-page .visit-action-buttons .btn {
  margin-top: 30px;
  width: 400px;
  font-size: 16px;
  font-weight: 600;
  margin: 50px auto 25px;
}
.view-visit-page .visit-action-buttons .btn_link, .view-visit-page .visit-action-buttons .btn_link_error {
  margin-bottom: 10px;
}

.visitor-type-settings .sign-in-steps .sign-in-step {
  max-width: 600px;
  border-top: 1px solid #ddd;
  padding: 22px 10px 22px 0;
}
.visitor-type-settings .sign-in-steps .sign-in-step > .step-toggle {
  display: flex;
  flex-direction: row;
  font-family: Avenir-Heavy, Avenir-Next, sans-serif;
  color: #858a8d;
}
.visitor-type-settings .sign-in-steps .sign-in-step > .step-toggle .switch {
  margin-left: auto;
}
.visitor-type-settings .sign-in-steps .sign-in-step a:link {
  font-weight: 500;
}

.watchlist-match-data, .watchlist-visitor-data {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px;
}

.watchlist-match-data .watchlist-header, .watchlist-visitor-data .watchlist-header {
  padding: 10px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 4px;
}

.watchlist-visitor-data .watchlist-header {
  background-color: #e9ecef;
}

.watchlist-match-data {
  background-color: rgba(255, 0, 0, 0.0666666667);
}
.watchlist-match-data .watchlist-header {
  background-color: #dc3545;
  color: #fff;
}

.watchlist-match-count {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #666;
  text-transform: uppercase;
}

.checkIfCookieEnabled,
.resend_activation_mail_button,
.navbar-static-top,
.navbar-header,
.navbar-toggle,
.icon-bar,
.navbar-right,
.ui_toggle_checkbox,
.navbar-light,
.close_button,
.no_padding_bottom,
.location_list_container_inner,
.location_desc,
.custom_branding_message,
.font-weight-bolder,
.host_row,
.expanded_host_data,
.data-form,
.edit-badge-settings-link,
.modal_link2_xl,
.SetWatchlistField,
.ultimate_subscription_details,
.visit-agreement-sortable,
.visitor_type_list_container_inner,
.not_available_item,
.visitor_type_desc,
.visit-type-sortable,
.visitor_type_details_link,
.font-weight-bold,
.sign-in-btn,
.source_field_ui,
.remove_item,
.include_visitor_type,
.limit_width_to_sortable,
.multiSelectCheckbox,
.radio_button_group,
.reg_form_checkbox,
.other_value_radio_button,
.otherValueLabel,
.other_value_textbox,
.singleCheckbox,
.slide,
.contact_jolly,
.plainDockedSaveButton,
.justify-content-stretch {
  /*These are all undeclared css classes*/
}

.hasTimepicker {
  position: relative !important;
  min-width: 100px !important;
  max-width: 145px !important;
  display: inline-block !important;
  background-position: right 8px center;
  padding-right: 30px !important;
  background-size: 18px;
}

.hasTimepicker {
  background: white url(/content/images/time.png) no-repeat;
  background-position: right 8px center;
  padding-right: 30px !important;
  background-size: 18px;
}

.editor_label_note {
  font-size: 14px;
  opacity: 0.7;
}

.pagination {
  display: inline-flex;
}

.pagination-num-records-message {
  float: right;
  opacity: 0.8;
}

a:link.glyph_link, a:visited.glyph_link, .glyph_link {
  color: #8b8b8b;
}

.sub_menu.account_section {
  background-color: #009fe8;
}

.sub_menu.account_section ul li a {
  color: #d0f0ff;
}

.sub_menu.account_section ul li a:hover {
  color: #fff !important;
}

.sub_menu.account_section li.selected_menu_item {
  background-color: #f0f3f8;
  color: #009fe8;
}

.sub_menu.account_section.has_sub_menu2 li.selected_menu_item, .sub_menu2.account_section {
  background-color: white;
  color: #009fe8;
}

.sub_menu.account_section ul li.selected_menu_item a:link, .sub_menu.account_section ul li.selected_menu_item a:visited {
  font-weight: 700;
  color: #009fe8 !important;
}

.sub_menu2.account_section ul li a {
  color: #565e63;
}

.sub_menu2.account_section ul li.selected_menu_item a {
  color: #009fe8 !important;
}

.sub_menu2.account_section ul li.selected_menu_item, .sub_menu2.account_section ul li.selected_menu_item {
  border-bottom: 2px solid #009fe8;
}

.sub_menu2.account_section ul li:not(.selected_menu_item) a:hover, .sub_menu2.account_section ul li:not(.selected_menu_item):hover a {
  color: #009fe8 !important;
}

.title_description {
  color: #99a6b0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 24px;
  margin-bottom: 0;
  vertical-align: middle;
}

.switch input {
  display: none;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #929292;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch input:checked + .slider {
  background-color: #2196F3;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(33px);
  -ms-transform: translateX(33px);
  transform: translateX(33px);
}

.switch #onlabel, .switch #offlabel {
  color: #fff;
  margin-bottom: 0;
  top: 1px;
  text-transform: capitalize;
  font-size: 16px;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.switch input:checked + .slider #onlabel {
  opacity: 1;
  -moz-opacity: 1;
}

.switch input + .slider #onlabel {
  opacity: 0;
  -moz-opacity: 0;
  position: absolute;
  left: 7px;
}

.switch input:checked + .slider #offlabel {
  opacity: 0;
  -moz-opacity: 0;
}

.switch input + .slider #offlabel {
  opacity: 1;
  -moz-opacity: 1;
  position: absolute;
  right: 9px;
}

.switch input + .slider:before {
  background-color: #fff;
}

.slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.switch.color_green input:checked + .slider {
  background-color: #08d1af;
  opacity: 1;
}

.note-popover .popover-content .note-recipientFields .note-dropdown-menu,
.note-popover .popover-content .note-visitFields .note-dropdown-menu,
.note-popover .popover-content .note-visitorFields .note-dropdown-menu,
.note-popover .popover-content .note-hostFields .note-dropdown-menu,
.note-popover .popover-content .note-fontname .note-dropdown-menu,
.note-popover .popover-content .note-fontsize .note-dropdown-menu,
.note-popover .popover-content .note-style .note-dropdown-menu,
.note-editor .note-toolbar .note-recipientFields .note-dropdown-menu,
.note-editor .note-toolbar .note-visitFields .note-dropdown-menu,
.note-editor .note-toolbar .note-visitorFields .note-dropdown-menu,
.note-editor .note-toolbar .note-hostFields .note-dropdown-menu,
.note-editor .note-toolbar .note-fontname .note-dropdown-menu,
.note-editor .note-toolbar .note-fontsize .note-dropdown-menu,
.note-editor .note-toolbar .note-style .note-dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.note-editor .dropdown-menu {
  margin-top: 0;
  border: 1px solid #ccc;
}

div.disabled_div > * {
  opacity: 0.65;
}
div.disabled_div > *.disabled_div {
  opacity: 1;
}
div.disabled_div div > .disabled_div > * {
  opacity: 1;
}
div.disabled_div .abc-checkbox input[type=checkbox]:disabled + label,
div.disabled_div .abc-checkbox input[type=checkbox]:disabled + input[type=hidden] + label,
div.disabled_div .abc-checkbox input[type=radio]:disabled + label {
  opacity: 1;
}
div.disabled_div .abc-radio input[type=radio]:disabled + label {
  cursor: not-allowed;
}

.btn:hover {
  text-decoration: none;
}

.btn_primary_icon {
  margin-bottom: 4px;
}
.btn_primary_icon path {
  fill: white;
}

.btn_blue_white_icon {
  margin-bottom: 2px;
}

.btn-disabled .btn_primary_icon path, .btn.round-blue-btn:disabled .btn_primary_icon path, .btn.round-blue-btn.disabled .btn_primary_icon path, .btn.edit-list-btn:disabled .btn_primary_icon path, .btn.disabled.edit-list-btn .btn_primary_icon path, .btn-disabled .btn_default_icon path, .btn.round-blue-btn:disabled .btn_default_icon path, .btn.round-blue-btn.disabled .btn_default_icon path, .btn.edit-list-btn:disabled .btn_default_icon path, .btn.disabled.edit-list-btn .btn_default_icon path {
  fill: #999 !important;
}

.btn-secondary:hover .btn_primary_icon path, .btn-secondary:focus .btn_primary_icon path {
  fill: white !important;
}

.highlight {
  font-weight: 600;
  font-size: 16px;
}

div.restrict-access-grid {
  width: 50% !important;
}

/* Prevent hidden content from causing scrollbars to appear such as in webgrid page size */
.bootstrap-select > select.selectpicker {
  display: none !important;
}

.not-available-item {
  color: #808080;
  font-size: 1rem;
  margin-left: 5px;
  white-space: nowrap;
}

.badge-settings-modal-header {
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.badge-settings-modal-header div {
  flex: 1;
  flex-basis: 100%;
  text-align: end;
}
.badge-settings-modal-header div .switch_label {
  color: gray;
  margin: 0 3px 0 0;
  vertical-align: bottom;
}

.back-button, a.back-button:link, a.back-button:visited, a.back-button:active {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: auto 0;
}

.button-container {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}

.checkmark-in-circle-container {
  padding: 10%;
  text-align: center;
  background-color: white;
  margin: auto;
}
.checkmark-in-circle-container .checkmark-in-circle {
  color: #3a9fe1;
  font-size: 50px;
  padding: 25px;
  border-radius: 50%;
  border: 2px solid #d9eafb;
  width: 100px;
  height: 100px;
}
.checkmark-in-circle-container .times-in-circle {
  color: #a00000;
  font-size: 50px;
  padding: 25px;
  border-radius: 50%;
  border: 1px solid #a00000;
  width: 100px;
  height: 100px;
}
.checkmark-in-circle-container p {
  opacity: 0.6;
}

span.glyphicon.icon_right, i.fas.icon_right, span.fas.icon_right {
  margin-left: 10px;
  padding-right: 0;
}

.maintenance-mode-alert {
  display: block;
  background-color: #f8d7da;
  color: #bf1728;
  padding: 5px 0;
  text-align: center;
}

.site-alert-btn {
  float: right;
  opacity: 0.3;
}