html {
   position: relative;
   min-height: 100%;
   font-size: 16px;
}

body {
   font-family: 'Avenir-Next', sans-serif;
   font-size: 16px;
   color: #333;
   margin: 0;
   padding: 0;
   width: 100%;
   min-width: 1200px;
   /* Margin bottom by footer height */
   margin-bottom: 260px;
   background: #f0f3f8;
}

/* LTO-947: don't show outline when checkbox is focused */
.checkbox input[type="checkbox"]:focus + input + label::before,
.radio input[type="radio"]:focus + label::before,
.abc-radio input[type="radio"]:focus + label::before,
.abc-checkbox input[type="checkbox"]:focus + input + label::before,
.abc-checkbox input[type="checkbox"]:focus + label::before,
.abc-checkbox input[type="checkbox"]:focus + input[type="hidden"] + label::before,
.abc-checkbox input[type="radio"]:focus + label::before {
   outline: none !important;
}

/* LTO-947: in Bootstrap 4, form-check set position to relative, in Bootstrap 5, 
   it does not. Safer to always apply to abc-checkbox directly. */
.abc-checkbox {
   position: relative;
}

.editor-label.abc-checkbox,
.editor-field.abc-checkbox {
   margin-bottom: 5px;
}

input[type="checkbox"], input[type="radio"] {
   margin-top: 3px;
   min-height: 20px;
   min-width: 20px;
}

.radio p, .checkbox p {
   padding-left: 5px;
}

.radio + .radio, .checkbox + .checkbox {
   margin-top: 5px;
}

.ui-dialog-titlebar-close > span {
   line-height: 1px;
}

.strong {
   font-weight: 600;
}

.bold-text {
   font-weight: bold;
}

.label-bold-text, .label-bold-text label {
   font-weight: bold !important;
}

div.btn_row > .btn {
   margin-right: 10px;
}


.btn {
   font-size: 14px;
   min-width: 110px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 7px 15px 8px 15px;
   border-width: 2px;
}

   .btn:active, .btn.active {
      box-shadow: none;
   }

   .btn.dropdown-toggle.btn-secondary {
      font-family: Avenir-next, sans-serif;
   }

   .btn + .btn, .btn-group + .btn-group, .btn-group + .btn, .btn + .btn-group, input + .btn, .btn + .dropdown_links_menu, .btn + .dropdown_more_menu {
      margin-bottom: 0;
      margin-left: 10px;
   }

a:link.btn-primary, a:visited.btn-primary {
   color: white;
}

.btn_blue_white, .btn_blue_white:focus, a.btn_blue_white, a.btn_blue_white:link, a.btn_blue_white:visited, .btn_blue_white:focus {
   color: white;
   background: #8bc1e3;
}

   .btn_blue_white:hover, a.btn_blue_white:hover, a.btn_blue_white:link:hover {
      color: white;
      background: #a5d1ec;
   }

.btn_blue, .btn_blue:focus, .btn_blue:active,
.btn.btn_blue, .btn.btn_blue:focus, .btn.btn_blue:active,
a.btn_blue, a.btn_blue:link, a.btn_blue:visited, a.btn_blue:active, a.btn_blue:focus {
   color: white !important;
   background-color: #009fe8;
   border-color: #009fe8;
   text-transform: uppercase;
}

   .btn_blue:hover, a.btn_blue:hover, a.btn_blue:link:hover {
      color: white;
      background-color: #008cc9;
      border-color: #008cc9;
   }

.btn-secondary, .btn-secondary:link, .btn-secondary:visited, .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus,
a.btn-secondary, a.btn-secondary:link, a.btn-secondary:visited, a.btn-secondary:active, a.btn-secondary:hover, a.btn-secondary:focus,
.btn.date_search_button {
   background: transparent;
   color: #666;
   border-color: #ccc;
   box-shadow: none !important;
   text-shadow: none;
   border-width: 2px;
   text-transform: uppercase;
}

   .btn-secondary:hover, .btn-secondary:hover, .btn-secondary:link:hover, .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-secondary.focus, .btn-group.open .btn-secondary .dropdown-toggle, .btn-group.open .btn-secondary, .btn.date_search_button:hover, .btn.date_search_button:focus, .btn.date_search_button:active:focus {
      background: white !important;
      color: #009fe8 !important;
      border-color: #009fe8 !important;
   }

   .btn-secondary.disabled, .btn-secondary:disabled {
      color: #666;
      background-color: transparent;
      border-color: #6c757d;
   }

   .btn-secondary:hover:disabled {
      background: #eee !important;
      cursor: not-allowed;
   }

   .btn-secondary:hover .btn_default_icon path, .btn-secondary:focus .btn_default_icon path {
      fill: #009fe8 !important;
   }

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


.btn-default, .btn-default:link, .btn-default:visited, .btn-default:active, .btn-default:hover, .btn-default:focus,
a.btn-default, a.btn-default:link, a.btn-default:visited, a.btn-default:active, a.btn-default:hover, a.btn-default:focus {
   background: transparent;
   color: #666;
   border-color: #ccc;
   box-shadow: none !important;
   text-shadow: none;
   border-width: 2px;
   text-transform: uppercase;
   vertical-align: top;
}

   .btn-default:hover, .btn-default:hover, .btn-default:link:hover, .btn-default:focus, .btn-default:active:focus,
   .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover,
   .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus,
   .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus,
   .btn-group.open .btn-default .dropdown-toggle, .btn-group.open .btn-default {
      background: white !important;
      color: #009fe8 !important;
      border-color: #009fe8 !important;
   }

      .btn-default:hover:disabled {
         background: #eee !important;
      }

.btn-primary:hover:disabled, .btn-primary:disabled {
   background: #265a88 !important;
   border-color: #265a88 !important;
}

.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:active, .btn-primary:hover, .btn-primary:focus,
a.btn-primary, a.btn-primary:link, a.btn-primary:visited, a.btn-primary:active, a.btn-primary:hover, a.btn-primary:focus {
   background: #00a9f8;
   color: white;
   border-color: #00a9f8;
   box-shadow: none !important;
   text-shadow: none;
   border-width: 2px;
   text-transform: uppercase;
}

   .btn-primary:hover, a.btn-primary:hover, a.btn-primary:link:hover, .btn-primary:focus, a.btn-primary:active:focus {
      background: #008cc9 !important;
      color: white !important;
      border-color: #008cc9 !important;
   }

.btn_blue_white, .btn_blue_white:focus, a.btn_blue_white, a.btn_blue_white:link, a.btn_blue_white:visited, .btn_blue_white:focus {
   color: #009fe8;
   border-color: #009fe8;
   background: white;
   text-transform: uppercase;
   transition-duration: 0s;
}

   .btn_blue_white:hover, a.btn_blue_white:hover, a.btn_blue_white:link:hover,
   .btn.btn_blue_white[aria-expanded="true"] {
      color: white !important;
      background: #009fe8 !important;
   }

   .btn_blue_white:active, a.btn_blue_white:active {
      color: white !important;
      background-color: #008cc9 !important;
      border-color: #008cc9 !important;
   }

.btn.btn_blue_white {
   font-size: 14px;
   min-width: 120px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 7px 15px 8px 15px;
   border-width: 2px;
}

a.btn.btn_blue_white:not([href]):not([tabindex]) {
   color: #009fe8;
}

a.btn_blue_white.btn-disabled:link, a.btn_blue_white.btn-disabled:link:hover, .btn_blue_white:disabled, .btn_blue_white:disabled:hover {
   border: 2px solid #bdb9b9 !important;
   color: #948e8e !important;
   background: #eee !important;
   background-position: 0 !important;
   box-shadow: none !important;
   text-transform: uppercase;
   cursor: not-allowed;
}

.btn_blue_white_icon path {
   fill: #318bf4;
}

.btn-disabled .btn_blue_white_icon path {
   fill: #999 !important;
}

.btn_blue_white:hover .btn_blue_white_icon path {
   fill: white !important;
}

.modal_link, .modal_link2, .modal_link_lg, .modal_link2_lg, .modal_message, .static_modal, .modal_drawer_for_filters {
   /* Placeholder styles for links that open modal dialogs */
}

#side_tab a.contact_popup {
   background: #009fe8 url('/content/images/white-phone.png') no-repeat center;
   right: 0;
   top: 230px;
   height: 60px;
   width: 45px;
   margin: 0;
   padding: 0;
   position: fixed;
   z-index: 1047;
   display: block;
   border-radius: 5px 0 0 5px;
}

#contact_modal_dialog {
   position: fixed;
   left: auto;
   right: 10px;
   width: 300px;
}

#contact-modal {
   z-index: 1048;
}

#contact_modal_dialog .modal-header {
   background-color: #009fe8;
   color: #ffffff;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: 0.3rem;
   border-top-right-radius: 0.3rem;
}

#contact_modal_dialog .modal-body .table-responsive, #contact_modal_dialog .modal-table {
   border: none;
}

#contact_modal_dialog .modal-title {
   text-align: center;
   font-size: 24px;
   color: white;
   flex-grow: 1 !important;
}

#contact_modal_dialog button.close {
   font-size: 30px;
   line-height: 0.7;
   color: white;
   opacity: .7;
   font-weight: 300;
}

   #contact_modal_dialog button.close:hover {
      opacity: 1;
   }

#contact_modal_dialog .fas {
   font-size: .8rem;
   color: #666;
   margin: 4px 10px 0;
   padding-right: 3px;
}

#contact_modal_dialog .modal-table tr {
   vertical-align: top;
   border: none;
}

#contact_modal_dialog .modal-table td {
   border: none;
   padding: 0;
}

#contact_modal_dialog .modal-section-header {
   font-size: 1.2rem;
   line-height: 1.5;
}

#contact_modal_dialog .modal-section-detail {
   font-size: 1rem;
   line-height: 1.5;
}

#contact_modal_dialog .modal-section-linebreak {
   line-height: 1.7;
}

#contact_modal_dialog .modal.fade:not(.in) .modal-dialog {
   -webkit-transform: translate3d(25%, 0, 0);
   transform: translate3d(25%, 0, 0);
}

#contact_modal_dialog .contact-button {
   color: #FFF;
   background-color: rgb(63,140,37);
   border-color: #617B64;
}

   #contact_modal_dialog .contact-button:hover {
      color: #FFF;
      background-color: rgb(59, 176, 20);
      border-color: #617B64;
   }

.theme_config > div {
   display: inline-block;
   vertical-align: top;
   margin-right: 50px;
}

/* PRIMARY LAYOUT ELEMENTS   
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width.
-----------------------------------------------------------*/

.event_details_h1 {
   font-size: 16px;
   color: #3E3E3E;
}

.edit_button, .save_button, .cancel_button, input[type="submit"].save_button {
   display: none;
   margin-top: 5px;
   min-width: 120px;
}

.edit_section_container > div > div.col-md-8, .edit_section_container > div > div.col-md-4 {
   padding-left: 0;
   margin-bottom: 20px;
}

.edit_section_break {
   min-width: 100%;
   border-bottom: 1px solid #ccc;
   margin: 20px 0 30px 0;
}

.event_page {
   width: 100%;
   min-height: 100%;
   margin: 0;
   position: relative;
}

.left_menu_page {
   background: #f0f3f8 url(/Content/images/bg-192.png) repeat-y;
   background-size: 250px;
}

.bw_event_img_page {
   width: 960px;
   min-height: 100%;
   position: relative;
   margin: 0 auto -256px;
   -webkit-box-shadow: 0 0 50px 0 #323232;
   -webkit-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 0 0 50px 0 #323232;
   -moz-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   box-shadow: 0 0 50px 0 #323232;
   box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   background: #000 url(/Content/images/login-bg.jpg) no-repeat;
   background-size: cover;
}

#bw_event_img_content {
   display: inline-block;
   margin: 50px;
   background-color: white;
   background-color: rgba(255,255,255,.8);
   border: 1px #ccc solid;
   padding: 20px;
}

.page {
   width: 960px;
   min-height: 100%;
   margin: 0;
   position: relative;
   background: url(/Content/images/bg-248.png) repeat-y;
   -webkit-box-shadow: 0 0 50px 0 #323232;
   -webkit-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 0 0 50px 0 #323232;
   -moz-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   box-shadow: 0 0 50px 0 #323232;
   box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
}

.narrow-menu-page {
   width: 960px;
   min-height: 100%;
   margin: 0;
   position: relative;
   background: url(/Content/images/bg-192.png) repeat-y;
   -webkit-box-shadow: 0 0 50px 0 #323232;
   -webkit-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 0 0 50px 0 #323232;
   -moz-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
   box-shadow: 0 0 50px 0 #323232;
   box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.75);
}

.confirmDialog .ui-dialog-titlebar {
   background-color: blue;
   color: white;
   background-image: none
}

.confirmDialog .ui-dialog-titlebar-close {
   visibility: hidden
}


/* Horizontal Menus
----------------------------------------------------------*/
.top_menu_container {
   display: table;
   width: 100%;
   background: white;
}

   .top_menu_container > div {
      display: table-row;
      white-space: nowrap;
   }

      .top_menu_container > div > div {
         display: table-cell;
         white-space: nowrap;
      }

ul#top_menu {
   width: 100%;
   display: inline-block;
   padding-top: 0;
   margin: 0 10px 0 0;
   font-size: 0;
}

   ul#top_menu > li:not(.navbar-setting) {
      font-weight: 600;
      display: inline-block;
      list-style-type: none;
      padding: 15px 40px 15px 0;
      vertical-align: middle;
      font-size: .9rem;
      letter-spacing: 1px;
      line-height: 1.6rem;
   }

   ul#top_menu > li:last-child {
      border: none;
   }

   ul#top_menu > li > a {
      color: #c2c2c2;
      font-weight: 700;
      text-decoration: none;
   }

.gray_icon {
   color: #c2c2c2 !important;
   font-weight: 700 !important;
}

ul#top_menu li a:hover {
   color: #009fe8;
}

.gray_icon:hover {
   color: #009fe8 !important;
}

ul#top_menu li.selected_menu_item a:link, ul#top_menu li.selected_menu_item a:visited,
ul#menu li.selected_menu_item a {
   color: #009fe8;
}

#top_menu .logo, #top_menu .logo:link, #top_menu .logo:active, #top_menu .logo:visited, #top_menu .logo.hover {
   font-size: 19px;
   letter-spacing: 3.3px;
   color: #555;
   overflow: hidden;
   vertical-align: middle;
}

.logo > img {
   margin-right: 15px;
   vertical-align: sub;
}

.sub_menu {
   background-color: #009fe8;
   width: 100%;
   min-width: 1080px;
   padding-left: 53px;
   padding-right: 40px;
   padding-top: 5px;
   white-space: normal;
}

.sub_menu2.mobile_apps_menu2,
.sub_menu2.integrations_menu2 {
   background-color: #008cc9 !important;
}

.sub_menu ul {
   padding: 0;
   vertical-align: bottom;
   margin: 0;
   /* remove horizontal gap */
   font-size: 0;
}

   .sub_menu ul li {
      font-size: .87rem;
      display: inline-block;
      list-style-type: none;
      padding: 13px 25px 17px 25px;
      vertical-align: baseline;
   }

.sub_menu li:last-child {
   border-right: none;
}

.sub_menu ul li.selected_menu_item {
   border-right: none;
}

.sub_menu ul li a {
   font-weight: 600;
   color: #d0f0ff;
   display: block;
   vertical-align: text-bottom;
   text-transform: uppercase;
   text-decoration: none;
}

.sub_menu.has_sub_menu2 li.selected_menu_item.integrations_menu_item {
   background-color: white;
}

.sub_menu.has_sub_menu2 li.selected_menu_item {
   background-color: white;
}

.sub_menu li.selected_menu_item {
   background-color: #f0f3f8;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

.sub_menu2 {
   background-color: #fff;
   width: 100%;
   padding-top: 5px;
   padding-left: 53px;
   padding-right: 90px;
   white-space: normal;
   border-bottom: 1px solid #dcdcdc;
}

   .sub_menu2.mobile_apps_menu2, .sub_menu2.integrations_menu2 {
      background-color: #008cc9 !important;
   }

   .sub_menu2 ul {
      padding: 0;
      margin: 0;
      vertical-align: bottom;
      /* remove horizontal gap */
      font-size: 0;
   }

      .sub_menu2 ul li {
         display: inline-block;
         list-style-type: none;
         padding: 15px 20px 15px 20px;
         vertical-align: baseline;
      }

         .sub_menu2 ul li a {
            font-size: 1rem;
            color: #565e63;
            display: block;
            vertical-align: text-bottom;
            text-decoration: none;
            margin: 0;
         }

   .sub_menu2.mobile_apps_menu2 ul li a, .sub_menu2.integrations_menu2 ul li a {
      color: #d0f0ff !important;
   }

      .sub_menu2.mobile_apps_menu2 ul li.selected_menu_item a, .sub_menu2.integrations_menu2 ul li.selected_menu_item a,
      .sub_menu2.mobile_apps_menu2 ul li a:hover, .sub_menu2.integrations_menu2 ul li a:hover {
         color: white !important;
      }

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

   .sub_menu2.mobile_apps_menu2 .sub_menu2.integrations_menu2, .sub_menu2.mobile_apps_menu2 ul li.selected_menu_item,
   .sub_menu2.integrations_menu2 .sub_menu2.integrations_menu2, .sub_menu2.integrations_menu2 ul li.selected_menu_item {
      color: white !important;
      border-bottom: 2px solid white;
   }

.sub_menu3 {
   width: 100%;
   padding-top: 5px;
   padding-left: 53px;
   padding-right: 90px;
   white-space: normal;
}

   .sub_menu3 ul {
      padding: 0;
      margin: 0;
      vertical-align: bottom;
      /* remove horizontal gap */
      font-size: 0;
   }

      .sub_menu3 ul li {
         display: inline-block;
         list-style-type: none;
         padding: 0 20px 0 20px;
         margin: 15px 0 0 0;
         vertical-align: baseline;
      }

         .sub_menu3 ul li a {
            font-size: 1rem;
            color: #565e63;
            Opacity: .7;
            display: block;
            vertical-align: text-bottom;
            text-decoration: none;
            margin: 0;
         }

         .sub_menu3 ul li.selected_menu_item {
            color: #009fe8;
            font-weight: bold;
         }

.mobile_apps_menu_item > a:before, a.mobile_apps_menu_item:before {
   display: inline-block;
   vertical-align: top;
   content: "\f00a";
   font: var(--fa-font-solid);
   font-size: 15px;
   padding-right: 10px;
}

.sub_menu ul li.integrations_menu_item, .sub_menu ul li.mobile_apps_menu_item,
.sub_menu2 ul li.integrations_menu_item, .sub_menu2 ul li.mobile_apps_menu_item {
   float: right;
}

.integrations_menu_item > a:link:before {
   display: inline-block;
   vertical-align: top;
   content: url('/content/images/integration-icon-blue.png');
   margin-right: 10px;
}

.integrations_menu_item.selected_menu_item > a:link:before {
   content: url('/content/images/integration-icon-dark-blue.png');
}

.integrations_menu_item:not(.selected_menu_item ):hover > a:link:before {
   content: url('/content/images/integration-icon.png');
}

.sub_menu ul li:not(.selected_menu_item) a:hover, .sub_menu.contacts_section ul li a:hover {
   color: #fff !important;
}

.mobile_apps_menu_item, .integrations_menu_item {
   padding-bottom: 10px;
}

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

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

.sub_menu2 ul li a:hover, .sub_menu2 ul li:hover a {
   color: #009fe8;
}

.sub_menu3 ul li.selected_menu_item a {
   color: #009fe8;
}

.sub_menu3 ul li a:hover, .sub_menu3 ul li:hover a {
   color: #009fe8;
}

/* Add Meeting wizard layout styles */

.add_meeting_wizard_header {
   background: white;
   padding: 25px 5% 0 5%;
}

.add_meeting_wizard_row_body {
   background: #f8fafd;
   padding: 0 5% 40px 5%;
}

/* End of Add Meeting wizard layout styles */

.admin_menu > li > a:hover {
   color: white;
}

.admin_menu > li > a:hover {
   color: white;
}

.link_menu {
   width: 100%;
}

   .link_menu ul {
      padding: 0;
      margin: 0;
      vertical-align: bottom;
      /* remove horizontal gap */
      font-size: 0;
   }

      .link_menu ul li {
         display: inline-block;
         list-style-type: none;
         padding: 0 30px 15px 0;
         vertical-align: baseline;
      }

         .link_menu ul li a {
            font-size: .95rem;
            font-weight: 600;
            color: #009fe8;
            display: block;
            vertical-align: text-bottom;
            text-decoration: none;
            margin: 0;
         }

         .link_menu ul li.selected_menu_item a:link, .link_menu ul li.selected_menu_item a:visited {
            font-weight: 600;
            color: #333;
            border-bottom: 3px solid #fff;
         }

         .link_menu ul li a:hover, .link_menu ul li:hover a {
            color: #009fe8;
         }

/* Vertical Menu
----------------------------------------------------------*/
ul#menu {
   padding: 0 0 2px 0;
   margin: 0;
   text-align: left;
   vertical-align: text-top;
   width: 100%;
}

   ul#menu li {
      list-style: none;
      vertical-align: text-top;
      width: 100%;
   }

      ul#menu li a {
         display: block;
         padding: 0 0 0 2rem;
         text-decoration: none;
         line-height: 2.8rem;
         color: #555;
         font-size: 1rem;
      }

         ul#menu li a:hover {
            text-decoration: none;
            color: #009fe8;
         }

      ul#menu li:hover {
         text-decoration: none;
         color: #009fe8;
      }

      ul#menu li.selected_menu_item {
         filter: none;
         text-decoration: none;
         font-weight: 600;
         background-color: #f8fafd;
         border-top: 1px solid #ddd;
         border-bottom: 1px solid #ddd;
      }

         ul#menu li.selected_menu_item::before {
            content: '';
            width: .8rem;
            height: 2.8rem;
            background-color: #009fe8;
            position: absolute;
         }

      /* 2nd Level Menu */

      ul#menu li ul {
         padding: 0 0 2px 0;
         margin: 0;
         text-align: left;
         vertical-align: text-top;
         font-size: .95rem;
      }

         ul#menu li ul li {
            list-style: none;
            vertical-align: text-top;
            width: 100%;
            border-bottom: none;
         }

            ul#menu li ul li a {
               display: block;
               padding: 0 0 5px 20px;
               font-weight: 400;
               text-decoration: none;
               line-height: 1rem;
               color: #333;
            }

               ul#menu li ul li a:hover {
                  text-decoration: underline;
               }

/* horizontal tabs */
.tabs {
   padding: .5em .5em 0;
   margin: 0;
   text-align: left;
   background: #ddd;
   border-radius: 4px 4px 0 0;
   -webkit-border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
}

   .tabs li {
      display: inline-block;
      list-style: none;
      background-color: #eee;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-radius: 4px 4px 0 0;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
   }

      .tabs li a {
         display: block;
         width: 100px;
         font-weight: 400;
         text-decoration: none;
         color: #333;
         width: 100px;
         padding: 5px 10px 5px 10px;
      }

      .tabs li:hover {
         background-color: #fff;
         text-decoration: none;
         font-weight: 400;
      }

      .tabs li.selected {
         border-top: 4px solid green;
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;
         border-bottom: 1px solid #fff;
         border-radius: 4px 4px 0 0;
         -webkit-border-radius: 4px 4px 0 0;
         -moz-border-radius: 4px 4px 0 0;
      }

         .tabs li.selected a {
            display: block;
            width: 100px;
            background-color: #fff;
            color: #000;
            padding: 2px 10px 5px 10px;
         }

.tabs-panel {
   display: block;
   padding: 15px;
   border-left: 1px #ccc solid;
   border-right: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
   /*border-top: 1px #ccc solid;*/
}

/* FORM LAYOUT ELEMENTS   
-----------------------------------------------------------*/

.view_only {
   min-height: 0;
   resize: none;
   overflow: hidden;
}

fieldset {
   position: relative;
   border: 1px solid lightGrey;
   margin: 15px 0 15px 0;
   padding: 0 20px 15px 20px;
}

legend {
   font-size: 1.1rem;
   font-weight: 400;
   color: #444444;
}

label {
   /* Override bold font from bootstrap forms.less */
   font-weight: 500;
}

   label.disabled, span.disabled {
      background: none;
      opacity: 0.65;
   }

textarea {
   min-height: 75px;
   margin-left: 0;
}

input[type="text"], input[type="password"], textarea, select:not(.badge-designer-select, .reg_form_xxs, .reg_form_xs) {
   border: 1px solid #ccc;
   border-radius: 2px;
   padding: 6px;
   font-size: 1rem;
   color: #444;
   min-width: 215px;
   margin-left: 0;
   font-weight: 500;
}

.bootstrap-select > select {
   z-index: -99999 !important;
}

select option {
   font-weight: 400;
}

input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled, select:disabled {
   color: #696969;
   background-color: rgb(241, 241, 241);
}

.editable_select:disabled {
   color: #696969 !important;
   background-color: rgb(241, 241, 241) !important;
}

.disabled {
   color: #696969;
   background-color: rgb(241, 241, 241);
}

/* All disabled links background should be transparent except add button links otherwise they will not be visible */
a.disabled:not(.add_button), a.disabled:link:not(.add_button), a.disabled:hover:not(.add_button), a.disabled:visited:not(.add_button) {
   color: #8d8d8d;
   background-color: transparent;
   text-decoration: none;
   cursor: not-allowed;
}

/* This is to allow tooltip on disabled add button links */
a.disabled.add_button, a.disabled.add_button:link, a.disabled.add_button:hover, a.disabled.add_button:visited {
   pointer-events: auto;
   cursor: not-allowed;
}

select:focus::-ms-value, .editable_select:focus::-ms-value {
   background-color: white;
   color: #000;
}

select:not(.badge-designer-select) {
   border: 1px solid #ccc;
   border-radius: 2px;
   padding: 6px;
   font-size: 1rem;
   color: #444;
   margin-left: 0;
}

.editable_select {
   border: 1px solid #ccc;
   color: #444;
}

.selectfieldtype {
   -moz-min-width: 214px;
   -ms-min-width: 214px;
   -o-min-width: 214px;
   -webkit-min-width: 214px;
   min-width: 214px;
   width: 214px;
}

.jbutton {
   display: inline-block;
   padding: 10px 15px 10px 15px;
   border: 1px solid #DBDBDB !important;
   cursor: pointer;
   color: #FFF !important;
   font-size: 15px !important;
   text-align: center !important;
   text-decoration: none !important;
   background-color: #0079bd;
}

div.jbutton {
   min-width: 60px;
}

button.jbutton, input.jbutton {
   min-width: 92px;
   -webkit-appearance: none;
   -moz-appearance: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
}

.jbutton-small, .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   display: inline-block;
   opacity: 1;
   min-width: 40px !important;
   background: #444 !important;
   color: white !important;
   padding: 5px 20px 5px 20px !important;
   font-weight: 400 !important;
}

   .jbutton-small:hover, .ui-datepicker .ui-datepicker-buttonpane button:hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
      opacity: 1;
      background: #848484 !important;
      padding: 5px 20px 5px 20px !important;
      font-weight: 400 !important;
      color: white !important;
   }

      .jbutton-small:disabled, .jbutton-small:hover:disabled {
         background: #848484 !important;
      }

.jbutton:hover {
   background-color: #009af0;
}

.jbutton-disabled {
   display: inline-block;
   padding: 10px 15px 10px 15px;
   border: 1px solid #DBDBDB !important;
   cursor: pointer;
   font-size: 15px !important;
   text-align: center !important;
   text-decoration: none !important;
   min-width: 60px;
   color: #999;
   background-color: #eee;
}

.description {
   margin: 0 0 10px 0;
   color: #999;
   font-size: 1rem;
}

.description_secondary {
   color: #999;
   font-size: 1rem;
}

.description:empty {
   margin: 0;
}

/* TABLE
-----------------------------------------------------------*/
table {
   border-collapse: collapse;
}

   table td {
      padding: 15px 8px;
   }

   table th {
      padding: 15px 8px;
      text-align: left;
      white-space: nowrap;
   }

   table tr {
      border-bottom: 1px solid #f2f2f2;
   }

thead th, tfoot th {
   color: #666;
   background-color: #ffffff;
   border-top: none;
   border-bottom: 1px solid #ccc;
   font-size: .9rem;
   font-weight: 400;
}

tfoot td {
   border: none;
}

thead th > a:link, thead th > a:visited, thead th > a:hover {
   color: #666;
}

tfoot {
   color: #666;
   font-size: .9rem;
   font-weight: 400;
}

   tfoot > tr > td {
      text-align: left !important;
      font-size: 1rem;
   }

      tfoot > tr > td a:link, tfoot > tr > td a:visited {
         color: #009fe8
      }

table.defaultable {
   padding: 0;
   border: 0;
   border-collapse: collapse;
}

   table.defaultable td {
      padding: 0;
      border: 0;
      border-collapse: collapse;
   }

#styleSelectRow td {
   background: grey;
}

table.settings-summary {
   border-top: 1px dotted #ccc;
   border-left: none;
   border-right: none;
   border-bottom: none;
   border-collapse: collapse;
}

   table.settings-summary td {
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px dotted #ccc;
   }

.none {
   display: none;
}

.clear {
   clear: both;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.editor-label, .radio + .editor-label.radio, .checkbox + .editor-label.checkbox {
   margin: 1.5em 0 0 0;
}

.editor-field + .editor-field {
   margin: 5px 0 0 0;
}

.editor-field-no-label {
   margin: 1.5em 0 0 0;
}

.text-box {
   width: 100%;
}

.text-area.multi-line {
   height: 6.5rem;
}

.text-area.multi-line-wide {
   width: 100%;
   height: 6.5rem;
}

.text-area.multi-line-large {
   height: 35rem;
}

.tri-state {
   width: 6rem;
}

.editor-field-large {
   width: 400px;
}

.editor-field-inline label {
   float: left;
   width: 105px;
   margin: 5px 0 0 0;
}

.editor-field-inline #MeetingLocation,
.editor-field-inline input[type=text] {
   width: 235px;
   margin: 5px 0 0 10px;
}

/* Date Formatting
----------------------------------------------------------*/

.date {
   min-width: 75px !important;
   width: 75px !important;
}

.ui-datepicker {
   width: 19rem;
   padding: 2px;
}

   .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
      min-width: 20%;
      margin: 3px;
   }

.time {
   min-width: 0;
}

/* Configuration Summary
---------------------------------------------------------*/
.config-summary {
   font-size: 1.0rem;
   font-weight: 400;
   line-height: 2rem;
}

   .config-summary a:link, .config-summary a:visited {
      color: #075a83;
      text-decoration: none;
   }

   .config-summary a:hover {
      text-decoration: underline;
   }

/******************
The following are from the original online registration
******************/

/******************
HTML Tags
******************/
#about {
   text-align: left;
}

   #about table, #about table td {
      border: 0;
      padding: 0;
   }

p {
   font-size: 1rem;
   line-height: 1.5;
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work
*/
a:link {
   color: #4c4b44;
   text-decoration: none;
}

a:visited {
   color: #4c4b44;
}

a:hover {
   color: #4c4b44;
   text-decoration: underline;
}

a:active {
   color: #4c4b44;
}

   .blue_link, a.blue_link, a:hover.blue_link, a:visited.blue_link, a:active.blue_link {
      color: #009fe8 !important;
      cursor: pointer;
   }

      a.blue_link.disabled, a:hover.blue_link.disabled, a:visited.blue_link.disabled, a:active.blue_link.disabled {
         color: #8d8d8d !important;
         cursor: default;
      }

      .blue_link.highlight {
         font-weight: 700;
      }

   a.green_link, a:hover.green_link, a:visited.green_link, a:active.green_link {
      color: #3E9430 !important;
   }

      a.green_link.disabled, a:hover.green_link.disabled, a:visited.green_link.disabled, a:active.green_link.disabled {
         color: #8d8d8d !important;
      }

h1 a:hover {
   cursor: pointer;
}

.page-title {
   font-size: 24px;
   color: #555;
   border-bottom: 3px #E1DFD2 dotted;
   padding-bottom: 3px;
   margin-bottom: 10px;
   clear: both;
   overflow: auto;
}


/******************
HEADINGS
******************/
h1 {
   font-weight: 700;
   font-size: 1.6rem;
   padding: 0;
   margin: 10px 0 15px 0;
   color: #3c4545;
}

.sub_section h1 {
   margin: 10px 0 8px 0;
}


h2 {
   font-size: 1.2rem;
   padding: 0;
   margin: 20px 0 5px 0;
   font-weight: 400;
   color: #3c4545;
}

h3 {
   font-size: 1rem;
   padding: 0;
   margin: 0 0 5px 0;
}

h4 {
   font-size: 1.1rem;
}

h5 {
   font-size: 1rem;
}

h6 {
   font-size: .8rem;
}

/******************
Layout Divs
******************/

#header {
   padding: 15px 15px 15px 15px;
   background-color: white;
   box-shadow: 0 0 3px 0 #888888;
}

   #header:after {
      content: " ";
      display: block;
      clear: both;
   }

#header-text {
   display: inline-block;
   color: #4e4d4d;
   font-size: 16px;
   vertical-align: bottom;
}

#header-logo {
   margin: 10px 25px 0 5px;
   display: inline-block;
}

   #header-logo a, #header-logo a:link, #header-logo a:visited, #header-logo a:hover {
      text-decoration: none;
      border: 0;
      color: #3E9430;
   }

#header-account-links {
   text-align: right;
   padding-top: 1px;
   float: right;
}

   #header-account-links a, #header-account-links a:link, #header-account-links a:visited, #header-account-links a:hover {
      color: #4c4b44;
      text-decoration: underline;
      font-size: .95rem;
   }

#content-container {
   color: #4c4b44;
}

   #content-container:after {
      content: " ";
      display: block;
      clear: both;
   }

#content-left-col {
   float: left;
   margin-left: -100%;
   vertical-align: top;
   width: 250px;
   margin-bottom: 50px;
   margin-top: 10px;
}

ul#menu li a.not-active {
   pointer-events: none;
   cursor: not-allowed;
   color: #d67d7d;
}

#content-right-col {
   /* Offset left menu + padding */
   width: -o-calc(100% - 250px);
   width: -moz-calc(100% - 250px);
   width: -webkit-calc(100% - 250px);
   width: calc(100% - 250px);
   display: inline-block;
   margin-left: 250px;
   white-space: normal;
   padding: 10px 25px;
}

#content-right-col-wrapper {
   float: left;
   width: 100%;
}

#event_footer {
   box-sizing: border-box;
   position: absolute;
   width: 100%;
   bottom: 0;
   font-size: 12px;
   line-height: 2.2rem;
   padding: 20px 5px 20px 5px;
   border-top: 1px solid #ccc;
   background-color: rgb(245, 245, 245);
   background-image: url('/content/images/invite.png');
   background-repeat: no-repeat;
   background-position: 20px center;
}

.footer_line {
   display: table;
   margin: 0 auto;
   color: #4c4b44;
}

.footer_copyright {
   display: table;
   margin: 0 auto;
   color: #848484;
}


/******************
LISTS - IN THE CONTENT DIV
******************/
/* Popup */
#backgroundPopup {
   display: none;
   position: fixed;
   _position: absolute; /* hack for internet explorer 6*/
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background: #000000;
   border: 1px solid #ccc;
   z-index: 1;
}

#popupDiv {
   width: 400px;
   margin-top: -220px; /* half of the height plus a little */
   margin-left: -200px; /* half of the width */
   top: 50%;
   left: 50%;
   background: #FFFFFF;
   border: 1px solid #000;
   padding: 0;
   z-index: 999;
   cursor: default;
   border: 2px solid #ccc;
   display: none;
   position: fixed;
}

#popupDivBody {
   text-align: left;
   padding-bottom: 10px;
   color: black;
   font-size: 11px;
}

#popupDivTitleSuccess {
   height: 25px;
   font-size: 15px;
   border-bottom: 1px solid #ccc;
   padding: 6px 10px 0 10px;
   color: white;
   background: url('/content/images/bg-header-green.png') repeat-x green;
}

#popupDivTitleInfo {
   height: 25px;
   font-size: 15px;
   border-bottom: 1px solid #ccc;
   padding: 6px 10px 0 10px;
   color: white;
   background: url('/content/images/bg-header-orange.png') repeat-x orange;
}

#popupDivTitleError {
   height: 25px;
   font-size: 15px;
   border-bottom: 1px solid #ccc;
   padding: 6px 10px 0 10px;
   color: white;
   background: url('/content/images/bg-header-red.png') repeat-x red;
}

#popupDivImage {
   display: inline;
   float: left;
   width: 50px;
   margin: 10px 0 0 10px;
}

#popupDivMessage {
   display: inline;
   float: right;
   text-align: left;
   width: 290px;
   padding: 10px;
   min-height: 65px;
}

#popupDivButtonRow {
   height: 45px;
   background: url('/content/images/grey-gradient.png') repeat-x #d3d3d3;
}

#popupDiv input[type="button"] {
   margin: 10px 10px 10px 0;
}

a.popupDivCloseLink, a.popupDivCloseLink:link, a.popupDivCloseLink:hover {
   font-size: 14px;
   line-height: 14px;
   right: 6px;
   top: 4px;
   position: absolute;
   color: #fff;
   font-weight: 700;
   display: block;
}

/*Reporting module styles*/

.datagrid table {
   page-break-inside: auto;
   overflow: auto;
   border-collapse: collapse;
   text-align: left;
   width: 100%;
}

.datagrid {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font: normal 12px/150% Arial, Helvetica, sans-serif;
   background: #FFF;
   overflow: auto;
   border: 1px solid #8C8C8C;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   max-height: 100%;
}

   .datagrid table td, .datagrid table th {
      page-break-inside: auto;
      page-break-after: auto;
      white-space: nowrap;
      padding: 3px 10px;
   }

   .datagrid table thead th {
      padding: 0 16px 0 4px;
      cursor: pointer;
      background-color: #7D7D7D;
      text-align: left;
      color: #FFFFFF;
      font-size: 15px;
      font-weight: 400;
      border-left: 1px solid #A3A3A3;
   }

      .datagrid table thead th:first-child {
         border: none;
      }

   .datagrid table tbody td {
      cursor: pointer;
      color: #7D7D7D;
      border-left: 1px solid #848484;
      border-bottom: 1px solid #848484;
      font-size: 12px;
      font-weight: 400;
   }

   .datagrid table tbody tr:hover {
      background: #C8C8C8;
   }

   .datagrid table tbody .selectedRow td {
      background: #DADADA;
      color: #7D7D7D;
   }

   .datagrid table tbody td:first-child {
      border-left: none;
   }

   .datagrid table tbody tr:last-child td {
      border-bottom: none;
   }


.ascendingSorted {
   background: url("/Content/images/upArrow.png");
   background-position: right center;
   background-repeat: no-repeat;
}

.descendingSorted {
   background-image: url("/Content/images/downAarrow.png");
   background-position: right center;
   background-repeat: no-repeat;
}

.navigatioButton {
   background-color: #cfcdc5;
   padding: 8px 45px 5px 45px;
   font-size: 1rem;
   font-weight: 400;
   height: 15px;
   text-align: center;
   vertical-align: middle;
   width: 115px;
   color: black;
   border-bottom: 1.5px solid #333;
   border-right: 1.5px solid #333;
   cursor: default
}

.printButton {
   border: 4px outset lightgray;
   padding: 2px;
   margin: 4px;
   float: left;
   color: black;
   cursor: pointer;
   text-decoration: none;
}

.right {
   float: right;
}

.navigatioButton:link {
   text-decoration: none;
}

.tabList {
   list-style: none;
   margin: 0;
   padding: 0;
}

   .tabList li {
      display: inline;
   }

      .tabList li:after {
         content: ",";
      }

      .tabList li:last-child:after {
         content: "";
      }

.tabControl {
   height: 100%;
}

.tabItemHeader {
   vertical-align: bottom;
   display: inline-block;
   margin-left: 1.5px;
   margin-right: 1.5px;
   border-width: 1px 1px 0 1px;
   padding: 4px;
   border-style: solid;
   border-color: #8C8C8C;
   cursor: pointer;
}

.selectedTabItemHeader {
   vertical-align: bottom;
   display: inline-block;
   margin: 0;
   color: white;
   border-width: 3px 3px 0 3px;
   padding: 4px;
   border-style: solid;
   border-color: #8C8C8C;
   background-color: #8C8C8C;
   cursor: pointer;
}

.tabItemHeader:target {
   border-bottom-width: 0;
   border-color: #DDDDDD;
   background: #DDDDDD;
}

.tabContent {
   border-width: 1px;
   border-style: solid;
   border-color: #666666;
   min-height: 80%;
   height: 100%;
}

/* Reporting table*/

.tableheader {
   background: lightslategrey;
   display: inline;
   page-break-inside: auto;
}

.tablecontainer {
   display: table;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font: normal 12px/150% Arial, Helvetica, sans-serif;
   border: 1px solid #7D7D7D;
}

.lastUpdate {
   cursor: default;
   font-style: italic;
   font-size: 12px;
   float: right;
}

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

@media print {
   .no_print, .no_print * {
      display: none !important;
   }

   .page {
      width: 1500px
   }

   #content-container {
      border: 0;
   }

   #sorteTable {
      display: inline-table !important
   }
}

.blue-gradient-bg {
   background: rgb(3,89,143); /* Old browsers */
   background: -moz-linear-gradient(-45deg, rgba(3,89,143,1) 0, rgba(3,127,193,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0,rgba(3,89,143,1)), color-stop(100%,rgba(3,127,193,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, rgba(3,89,143,1) 0,rgba(3,127,193,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, rgba(3,89,143,1) 0,rgba(3,127,193,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, rgba(3,89,143,1) 0,rgba(3,127,193,1) 100%); /* IE10+ */
   background: linear-gradient(135deg, rgba(3,89,143,1) 0,rgba(3,127,193,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03598f', endColorstr='#037fc1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.blue {
   background-color: #0079bd;
}

   .blue:hover {
      background-color: #009af0;
   }

.blue-text {
   color: #0079bd;
}

.red-text, a.red-text, a:visited.red-text, a:focus.red-text, a:active.red-text, a:hover.red-text,
button:hover.red-text, button:focus.red-text {
   color: #ff0000
}

.orange {
   background-color: #e47911 !important;
}

   .orange:hover {
      background-color: #ffa32b !important;
   }

.orange-text {
   color: #e47911 !important;
}

.green {
   background-color: #3E9430;
}

   .green:hover {
      background-color: #92d34a;
   }

.green-text, button:hover.green-text, button:focus.green-text {
   color: #3E9430;
}

.dark-green-text, button:hover.dark-green-text, button:focus.dark-green-text {
   color: #42740a;
}

.disabled-button {
   background-color: #666666;
}

   .disabled-button:hover {
      background-color: #666666;
   }

.menu-header {
   color: #009fe8;
   font-size: 1.1rem;
   padding: 20px 0 5px 20px;
}

.white-link, a.white-link, a:visited.white-link, a:link.white-link, a:hover.white-link {
   color: #FFFFFF;
   text-decoration: underline;
}

.headerTabs {
   margin: 20px 0 20px 0;
}

   .headerTabs div {
      display: inline-block;
      margin-right: 30px;
      font-size: 12px;
      color: #A58D6C;
   }

      .headerTabs div a:link, .headerTabs div a:hover, .headerTabs div a:visited {
         font-size: 12px;
         color: #A58D6C;
      }

.tabDisabled, .tabDisabled a:link, .tabDisabled a:hover, .tabDisabled a:visited {
   color: #999 !important;
}

.tabSelected {
   margin-right: 30px;
   font-weight: 400;
}

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

.result_message_success_large {
   font-weight: bold;
   font-size: 30px;
   margin-bottom: 15px;
   color: green;
}

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

.result_message_failed_large {
   font-weight: bold;
   font-size: 30px;
   margin-bottom: 15px;
   color: red;
}

.ui-datepicker-trigger {
   vertical-align: top;
}

.testemailaddress {
   margin-top: 20px;
}

   .testemailaddress label {
      line-height: 2rem;
   }

.disclaimer {
   color: #666;
}

.homepage_top_row {
   background-image: url(/Content/images/jolly-events-top-row.jpg);
   background-repeat: no-repeat;
   height: 420px;
}

.homepage_middle_row {
   background-image: url(/Content/images/jolly-events-middle-row.jpg);
   background-repeat: no-repeat;
   height: 320px;
   padding-bottom: 5px;
}

.homepage_bottom_row {
   background-image: url(/Content/images/jolly-events-bottom-row.jpg);
   background-repeat: no-repeat;
   height: 370px;
}

.banner_text_container {
   display: inline-block;
   position: relative;
   background-color: #000000;
   background-color: rgba(0,0,0,.7);
   padding: 0;
   max-width: 50%;
   margin: 40px;
}

.banner_title {
   color: white;
   font-size: 24px;
   margin: 12px 20px;
   line-height: 35px;
}

.homepage_mid_row_text {
   background-color: #3f4553;
   color: white;
   font-size: 24px;
   padding: 15px;
}

.banner_bottom_row_container {
   margin-top: 40px;
   background-color: #424242;
   background-color: rgba(66,66,66,1.00);
}

.banner_contact_info_container {
   margin: 10px 0 10px 0;
   padding: 2px 22px 2px 15px;
   float: left;
   color: #E5E5E5;
   text-align: right;
   font-size: 15px;
   line-height: 19px;
   border-right: 1px solid #E5E5E5;
}

.banner_bottom_row_container .banner_buttons {
   float: left;
   margin: 12px 24px 0 22px;
   line-height: 17px;
}

.banner_contact_info_container a:link, .banner_contact_info_container a:visited, .banner_contact_info_container a:hover {
   color: #E5E5E5;
   font-size: 13px;
}

.web_grid_alt_row {
   background-color: #fafafa;
}

.background_color {
   width: 100px;
   -moz-min-width: 100px !important;
   -ms-min-width: 100px !important;
   -o-min-width: 100px !important;
   -webkit-min-width: 100px !important;
   min-width: 100px !important;
}

div.badge_image_preview {
   display: inline-block;
   width: 50px;
   height: 50px;
   border: 1px solid #ccc;
   vertical-align: top;
   margin-right: 5px;
}

   div.badge_image_preview img {
      max-width: 48px;
      max-height: 48px;
      height: auto;
      margin: auto;
      display: block;
   }

div.image_preview {
   display: inline-block;
   width: 160px;
   height: 100px;
   border: 1px solid #ccc;
   vertical-align: top;
}

   div.image_preview img {
      max-width: 158px;
      max-height: 98px;
      height: auto;
      margin: auto;
      display: block;
   }

   div.image_preview.small {
      display: inline-block;
      width: 34px;
      height: 34px;
      border: 1px solid #ccc;
      vertical-align: bottom;
      margin-right: 5px;
      margin: 0 8px;
   }

      div.image_preview.small img {
         max-width: 32px;
         max-height: 32px;
      }

div.photo_image_preview {
   display: inline-block;
   width: 102px;
   height: 102px;
   vertical-align: top;
}

   div.photo_image_preview img, img.photo_image_preview {
      max-width: 100px;
      max-height: 100px;
      border-radius: 7px;
      height: auto;
      margin: auto;
      display: inline-block;
   }

div.video_preview {
   display: inline-block;
   width: 160px;
   height: 130px;
   border: 1px solid #ccc;
   vertical-align: top;
}

   div.video_preview video {
      max-width: 158px;
      max-height: 128px;
      height: auto;
      margin: auto;
      display: block;
   }

.page_preview_wrapper {
   max-width: 1200px;
   max-height: 1100px;
   padding: 0;
   overflow: hidden;
   border: 1px solid #ccc;
}

.page_preview_frame {
   -ms-transform-origin: 0 0;
   -moz-transform-origin: 0 50px;
   -o-transform-origin: 0 50px;
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
}

.page_preview_frame {
   width: 1200px;
   height: 1100px;
   overflow: hidden;
   border: none;
}

ul.header_menu {
   text-align: left;
   display: inline;
   margin: 0;
   padding: 5px;
   list-style: none;
   min-width: 165px;
}

   ul.header_menu a:link, ul.header_menu a:visited,
   ul.header_menu li a:link, ul.header_menu li a:visited,
   ul.header_menu li ul a:link, ul.header_menu li ul a:visited,
   ul.header_menu li ul li a:link, ul.header_menu li ul li a:visited {
      color: #009fe8 !important;
      text-decoration: none !important;
      display: block;
      padding: 0 0 0 10px;
      width: 140px;
      line-height: 2.5rem;
   }

   ul.header_menu li {
      display: inline-block;
      position: relative;
      padding: 5px 10px;
      background: #fff;
      color: #777;
      border: 1px solid #eeeeee;
      cursor: default;
   }

      ul.header_menu li:hover {
         background: #f5f5f5;
         color: #777;
      }

      ul.header_menu li ul {
         padding: 0;
         position: absolute;
         top: 35px;
         left: 0;
         display: none;
         opacity: 0;
         visibility: hidden;
         background-color: #fff;
         border: 1px solid #eeeeee;
         border-bottom-left-radius: 3px;
         border-bottom-right-radius: 3px;
         -o-box-shadow: 0 3px 6px #000000;
         -o-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
         -moz-box-shadow: 0 3px 6px #000000;
         -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
         -webkit-box-shadow: 0 3px 6px #000000;
         -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
         box-shadow: 0 3px 6px #000000;
         box-shadow: 0 3px 6px rgba(0,0,0,0.2);
      }

         ul.header_menu li ul li {
            padding: 0;
            display: block;
            color: #777;
            border: none;
         }

            ul.header_menu li ul li:hover {
               background-color: #ffffff;
               text-decoration: underline;
            }

      ul.header_menu li:hover ul {
         display: block;
         opacity: 1;
         visibility: visible;
      }

.header_menu_arrow {
   vertical-align: baseline;
   width: 10px;
   height: 10px;
}

.header_menu_profile {
   vertical-align: middle;
   width: 25px;
   height: 25px;
   opacity: 0.6;
}

.header_menu_display_name {
   display: inline-block;
   text-align: right;
   vertical-align: super;
   font-size: .95rem;
   font-weight: 400;
}

.header_menu_icons {
   vertical-align: middle;
   width: 30px;
   height: 30px;
   opacity: 0.9;
}

/*
    Placeholder styles used by JQuery to locate elements
*/

.popupDivClose {
   /* click referenced in javascript */
}

.valueInput {
   /* placeholder to denote registration form value fields */
}

.openDialog {
   /* placeholder to buttons that popup dialogs */
}

#progress_bar {
   margin: 10px 0;
   padding: 3px;
   border: 1px solid #000;
   font-size: 14px;
   clear: both;
}

   #progress_bar.beforeload {
      visibility: hidden;
   }

   #progress_bar .loading {
      visibility: visible;
   }

   #progress_bar .percent {
      background-color: #99ccff;
      height: auto;
      width: 0;
   }

.event_header_inner {
   padding: 20px 70px;
   width: 100%;
}

   .event_header_inner > div {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
   }

   .event_header_inner.sticky {
      position: fixed;
      width: 100%;
      background-color: #f0f3f8;
      border-color: #3e9430;
      border-style: solid;
      top: 0;
      z-index: 100;
      padding: 0 7% 0;
   }

a.event_header_link:link, a.event_header_link:hover, a.event_header_link:visited, a.event_header_link:active {
   font-size: 1.2rem;
   font-weight: 600;
   margin-right: 15px;
   text-decoration: none;
}

a.event_header_link:link, a.event_header_link:visited, a.event_header_link:active {
   color: #009fe8;
}

a.event_header_link:hover {
   color: #00a9f8;
}

.event_header_buttons {
   -ms-flex: 1;
   flex: 1 0 auto;
   text-align: right;
   white-space: nowrap;
}

.event_header_h1 {
   color: #3E9430;
   font-size: 2rem;
   line-height: 1.3;
}

.event_header_h2 {
   color: #777;
   line-height: 2;
   font-size: .95rem;
}

.event_header_h3 {
   color: #777;
}

.event_header_h4 {
   color: #aaa;
}

#stickyHeader {
   display: none;
   background-color: white;
   position: fixed;
   top: 0;
   left: 0;
   padding: 10px 5%;
   text-align: left;
   width: 100%;
   z-index: 999;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
   white-space: nowrap
}

   #stickyHeader > div {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
   }

.back_to_all_icon {
   color: white;
   margin: 11px 6px 11px 6px;
}


.scrollToTopSpan.fas {
   background-color: #8ea8b7;
   vertical-align: middle;
   font-size: 16px;
   border-radius: 4px;
   color: #ffffff;
   padding: 11px;
   top: 0;
}

.scrollToTopDiv {
   font-size: 16px;
   border-radius: 4px;
   position: absolute;
   top: 1em;
   right: 5%;
}

   .scrollToTopDiv:hover .scroll_to_top_div_content {
      background-color: #009fe8;
      display: inline;
      cursor: pointer;
   }

   .scrollToTopDiv:hover .scrollToTopSpan, .scrollToTopDiv:hover, .scrollToTopSpan:hover, .back_icon_div:hover, .back_icon_div:active {
      background: #009fe8;
      color: #ffffff !important;
      cursor: pointer;
   }

.scroll_to_top_div_content {
   color: white;
   padding-left: 15px;
   padding-right: 3px;
   vertical-align: middle;
   display: none;
   text-transform: uppercase;
}

   .scroll_to_top_div_content:before {
      content: "SCROLL TO TOP";
   }

#stickyHeader div.sticky_header_title {
   -ms-flex: 1;
   flex: 1;
   text-align: center;
}

.back_icon_div {
   font-size: 16px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   position: absolute;
   left: 0;
   background-color: #8ea8b7;
   z-index: 1;
}

.header_back_icon_div {
   top: 1em;
}

#stickyHeader .back_icon_div {
   margin-top: 0;
}

#stickyHeader > div > div:last-child {
   float: right;
   text-align: right;
}

#scrollToTopButton {
   position: fixed;
   bottom: 20px;
   right: 20px;
   background: #009fe8;
   width: 50px;
   height: 50px;
   display: block;
   text-decoration: none;
   -webkit-border-radius: 35px;
   -moz-border-radius: 35px;
   border-radius: 35px;
   display: none;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: .8 !important;
   z-index: 11;
}

   #scrollToTopButton i {
      color: #fff;
      margin: 0;
      position: relative;
      left: 16px;
      top: 13px;
      font-size: 19px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
   }

   #scrollToTopButton:hover {
      opacity: 1 !important;
   }

      #scrollToTopButton:hover i {
         top: 5px;
      }

   #scrollToTopButton:hover, .back_icon_div:hover {
      background: #009fe8;
      color: #ffffff;
      cursor: pointer;
   }

.main_window_scroll_top, .drawer_scroll_top {
   /*placeholder*/
   cursor: pointer;
}

.back_icon_div_content {
   display: none;
   padding-right: 10px;
   text-transform: uppercase;
}

.back_icon_div:hover .back_icon_div_content {
   background: #009fe8;
   display: inline;
}

a.back_icon_div:hover {
   text-decoration: none;
}

#stickyHeaderTrigger.btn, div#stickyHeaderTrigger {
   /*float: right;*/
}

#stickyHeaderTrigger > button {
   margin: 5px 0 0 0px;
}

div#stickyHeaderTrigger {
   vertical-align: middle;
}

a.stick_header_offset_link {
   margin-top: 16px !important;
}

a.sticky_header_link:link, a.sticky_header_link:hover, a.sticky_header_link:visited {
   float: right;
   font-size: 1.2rem;
   font-weight: 600;
   margin: 10px 15px 0 0;
   text-decoration: none;
}

a.sticky_header_link:link, a.sticky_header_link:visited {
   color: #009fe8;
}

a.sticky_header_link:hover {
   color: #00a9f8;
}

a.sticky_header_back_link:hover {
   color: #009fe8 !important;
}

a.sticky_header_back_link:link, a.sticky_header_back_link:visited {
   float: right;
   font-size: 1.2rem;
   font-weight: 400;
   margin: 12px 0 0 0;
   text-decoration: none;
   border: 1px solid #e2e2e2;
   border-radius: 3px;
   padding: 5px 13px;
   color: #60a0bd;
}

.sticky_header_link > .fas, .sticky_header_back_link > .fas {
   font-size: .8rem;
   margin-right: 2px
}

#stickyHeader a.sticky_header_link, #stickyHeader .dropdown, #stickyHeader .btn {
   float: none;
   display: inline-block;
   margin: 0;
   vertical-align: middle;
}

   #stickyHeader .btn.dropdown-toggle {
      margin: 0;
   }

.dropdown-menu .divider, .dropdown-menu .divider:hover {
   padding: 0;
   margin: 0;
}

.dropdown_more_menu, #stickyHeader .dropdown_more_menu {
   display: inline-block;
   margin: 0;
}

.dropdown_links_menu {
   display: inline-block;
   margin: 0 0 0 5px;
}

   .dropdown_links_menu i {
      vertical-align: bottom;
   }

   .dropdown_links_menu > div {
      height: 40px;
      padding: 0 7px;
   }

   .dropdown_more_menu > div, .dropdown_links_menu > div {
      min-width: 0;
      margin: 0;
   }

.has_more_menu {
   margin-right: 0 !important;
}

#stickyHeader div.dropdown

.header_save_button { /* placeholder */
}

.event_status {
   display: inline-block;
   color: white;
   padding: 2px 10px;
   margin-left: 5px;
   vertical-align: super;
   font-size: .75rem;
   font-weight: 600;
   border-radius: 5px;
   min-width: 70px;
   text-align: center;
}

td > .event_status {
   margin-left: 0;
}

.event_draft {
   background-color: #666;
}

.event_open {
   background-color: #3E9430;
}

.event_paused {
   background-color: #ff8e2e;
}

.event_closed {
   background-color: #960007;
}

.event_status_text {
   /*font-weight: 400;*/
   background-color: transparent;
}

   .event_status_text.event_draft {
      /*color: #666;*/
   }

   .event_status_text.event_open {
      /*color: #3E9430;*/
   }

   .event_status_text.event_paused {
      /*color: #ff8e2e;*/
   }

   .event_status_text.event_closed {
      /*color: #960007;*/
   }

.contactGroup {
   padding: 0 0 10px 0;
   float: left;
}

.magnifier {
   position: relative;
   top: 2px;
   left: 2px;
   height: 15px;
}

.location_search_div {
   border: 1px solid #ccc;
   border-radius: 2px;
   width: 250px;
   padding: 0 3px;
}

.location_search_img {
   margin-left: 5px;
   height: 20px;
   vertical-align: sub;
}

.location_search_text {
   border: none !important;
   outline: none;
   width: 450px;
   display: inline-block !important;
}

/**************************************/
/*****LAYOUT FOR SEARCH PARAMETERS*****/
/**************************************/


.search_bar_on_wizard {
   border: 1px solid #e5e5e5;
   border-radius: 3px;
   margin: 20px;
   background-color: white;
}

input.search_bar_on_wizard_text_box {
   border: none;
   outline: none;
   width: 93%;
   background: transparent;
   padding: 10px;
}

input.search_bar_on_page_text_box {
   border: none;
   outline: none;
   width: 97%;
   background: transparent;
   padding: 10px;
}

.search_bar_on_wizard_search_button {
   padding: 8px 11px 8px 0;
   cursor: pointer;
   font-size: .75rem;
   vertical-align: middle;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
   margin-left: 5px;
}

.btn-group.open .dropdown-toggle {
   color: white;
   box-shadow: none;
}

.web_grid_total {
   font-weight: 600;
   font-size: .9rem;
   color: #666;
   float: right;
}

@media (min-width: 992px) {
   .modal-lg {
      min-width: 900px !important;
      width: 900px !important;
   }
}

.modal-xl {
   min-width: 800px !important;
   width: 800px !important;
}

@media (min-width: 1200px) {
   .modal-xl {
      min-width: 1140px !important;
      width: 1140px !important;
   }
}

.name_badge_mapping_label {
   display: inline-block;
   text-align: left;
   margin-top: 20px;
}

.name_badge_mapping_dropdown {
   min-width: 291px;
   width: 291px;
}

/* Format text box for short text, date */
.shortTextBox {
   -moz-min-width: 70px !important;
   -ms-min-width: 70px !important;
   -o-min-width: 70px !important;
   -webkit-min-width: 70px !important;
   min-width: 70px !important;
   width: 70px;
}

.shortDatePickerTextBox {
   min-width: 100px !important;
   width: 100px;
}

.money {
   text-align: right;
}

.center_pos {
   text-align: center;
}

.transaction_details {
   width: 400px;
}

.transaction_details_label {
   display: inline-block;
}

.transaction_details_field {
   display: inline-block;
   float: right;
}

.header_green {
   color: #146114;
}


.infoError {
   margin-bottom: 15px;
   color: red;
}

.alert-danger {
   display: inline-block;
   border: 1px red solid;
   border-radius: 6px;
   padding: 10px 20px;
   margin: 0 0 15px 0 !important;
   font-weight: bold;
}

   .alert-danger:before {
      font: var(--fa-font-solid);
      content: "\f071";
      font-weight: 900;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      width: 20px;
      color: red;
   }

.infoMessage {
   display: inline-block;
   border: 1px #decf7a solid;
   border-radius: 6px;
   padding: 10px 20px;
   margin: 0 0 15px 0;
   background-color: rgb(255, 253, 242);
   color: #797979;
}

   .infoMessage:before {
      font: var(--fa-font-solid);
      content: "\f05a";
      font-weight: 900;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      width: 20px;
      color: #e2c51d;
   }

.full-page-modal-container .infoMessage {
   margin: 40px 0px 0px 50px;
}

.blueInfoMessage {
   border: 1px rgb(101, 169, 218) solid;
   padding: 10px;
   background-color: rgb(237, 243, 249);
   color: rgb(53, 53, 53);
   display: inline-block;
   margin: 10px 0 15px 0;
}

/* Drag and Drop to sort packages/package items/registration form fields */
.sortable {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: 80px;
}

   .sortable li {
      margin: 5px 0 20px;
      padding: 10px 40px 10px 15px;
      font-size: 1rem;
      cursor: move;
      /* fallback if grab cursor is unsupported */
      cursor: -moz-grab;
      cursor: -webkit-grab;
      background: url('/content/images/grip-item.svg') repeat-y;
      background-position: right 5px center;
      border-radius: 10px;
      box-shadow: 0 10px 22px -7px rgba(0, 0, 0, 0.06);
      border: solid 1px #ededed;
      background-color: #ffffff;
   }

.ui-sortable-disabled li {
   cursor: default !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
   border-radius: 5px;
}

/* Drag & Drop for Radiobutton, Multiple Checkbox and Dropdown List Options */
#SortableListItems {
   list-style-type: none;
   padding: 0;
   display: table;
}

.sortable div[id="dataFormElementDiv"] {
   pointer-events: none;
}

   .sortable div[id="dataFormElementDiv"] .blue_link {
      pointer-events: auto;
      position: relative;
   }

#SortableListItems .list_item {
   overflow: hidden;
   background: url('/content/images/grip.png') repeat-y;
   margin-top: 5px;
   border: 1px solid #ccc;
   max-width: 425px;
   cursor: move;
   /* fallback if grab cursor is unsupported */
   cursor: -moz-grab;
   cursor: -webkit-grab;
}

   #SortableListItems .list_item .list_item_container {
      padding-top: 2px;
   }

   #SortableListItems .list_item .list_item_value {
      float: left;
      padding: 6px 6px 6px 20px;
      max-width: 383px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }

   #SortableListItems .list_item .list_item_modifier {
      float: right;
      padding: 6px;
   }

   /* SDEV-1410: Styles for description label */
   #SortableListItems .list_item .description {
      padding-left: 20px;
      display: block;
      max-width: 383px;
   }

/* LTO-227: Styles for excluded form element */
li.excluded-form-element {
   border: 1px solid #d5d5d5;
   padding: 2px 5px 2px 15px;
   color: #999;
   background-color: #f9f9f9;
   font-style: italic;
}

   li.excluded-form-element a.blue_link {
      opacity: 0.9;
   }

   li.excluded-form-element #dataFormElementDiv {
      margin-top: 2px !important;
   }

   li.excluded-form-element .reg_form_field_caption_desc {
      display: none
   }

   li.excluded-form-element input.valueInput {
      display: none
   }

   li.excluded-form-element .required:after {
      color: #999;
   }

/* LTO-227: End of Styles for excluded form element */

#defaultListBox, #defaultListBox option {
   max-width: 425px;
}

/* Package and Package Items */

.package_items_header {
   font-size: 1.2rem;
   margin: 10px 0 5px 0;
   font-weight: 400;
   color: #e47911;
}

.package_placeholder {
   height: 3rem;
   line-height: 1rem;
}

.package_container {
   padding: 10px 10px 18px;
}

.package_table {
   display: table;
   width: 100%;
}

.package_row {
   display: table-row;
}

.package_data {
   display: table-cell;
   width: 80%;
}

.package_modifiers {
   display: table-cell;
   width: 10%;
   min-width: 80px;
   text-align: right;
   white-space: nowrap;
}

.package_datadiv {
   display: inline-block;
   font-weight: 400;
}

.package_items {
   list-style-type: none;
   padding: 0;
   border: none;
}

.package_item_cell {
   vertical-align: top;
   display: table-cell;
   padding: 6px 0 6px 25px;
   font-weight: 400;
   font-size: 1.1rem;
}

.package_description {
   white-space: pre-line;
   margin: 0;
   font-weight: 400;
   font-size: 1.1rem;
   color: #999999;
}

.ticket_selection_options {
   color: #666;
   cursor: pointer;
}



.package_item_description {
   display: table-cell;
   white-space: pre-line;
   padding-left: 25px;
   font-size: .95rem;
   opacity: .8;
   font-family: sans-serif;
   padding-bottom: 5px;
}

.package_item_header {
   font-weight: 400;
   vertical-align: top;
   display: inline-block;
}

.package_item_header_separator {
   border-bottom: 1px solid #ccc !important;
   padding: 5px 0 !important;
}

.package_item_last_col {
   float: right;
}

.package_item_cell > input {
   margin-left: -22px;
}

.package_list_header {
   display: table;
   width: 100%;
   margin: 10px 0;
}

.package_list_header_row {
   display: table-row;
}

   .package_list_header_row div {
      display: table-cell;
      padding: 2px 10px 2px 10px;
      font-weight: 400;
      border-bottom: 1px solid #ccc;
   }

.package_name {
   font-size: 1.4rem;
   font-weight: 400;
}

li.package_list_element {
   margin-bottom: 20px;
}

.package_list_element:nth-child(even) {
   background-color: #FCFCFC;
}

.package_list_element:nth-child(odd) {
   background-color: #FFFFFF;
}

/* to distinguish package items */
.package_items > .package_item_list_element:nth-child(even) {
}

.package_items > .package_item_list_element:nth-child(odd) {
}

.package_item_list_element {
   border: 1px solid rgb(234,234,234);
}

   .package_item_list_element:hover {
      border: 1px solid #e0e0e0;
      background-color: #f6f6f6;
   }

.package_item_list_element_table {
   display: table;
   width: 100%;
}

.package_item_list_element_row {
   display: table-row;
}

.packageHeaderText {
   font-size: 24px;
}

.cursorDefault {
   cursor: default;
}

/* Registration Form */

.reg_form_placeholder {
   height: 3rem;
   line-height: 1rem;
}

.reg_form_field_container {
   display: table;
   margin: 10px 5px;
   position: relative;
   width: 100%;
}

.reg_form_field_modifiers {
   display: table-cell;
   text-align: right;
   vertical-align: middle;
   margin-left: 10px;
   width: 10%;
}

.reg_form_field_header {
   display: table-cell;
   vertical-align: middle;
   width: 90%;
   padding-left: 10px;
   font-weight: 400;
   font-size: 1.1rem;
}

.reg_form_field_caption {
   display: table-cell;
   vertical-align: middle;
   width: 70%;
   padding-left: 10px;
   font-weight: 400;
   font-size: 16px;
}

   .reg_form_field_caption .editor-label {
      margin-top: 10px;
   }

.reg_form_field_caption_desc, .reg_form_field_desc {
   font-weight: 400;
   font-size: 14px;
   opacity: .6;
   font-family: sans-serif;
}

.reg_form_field_desc {
   padding-left: 5px;
}

.reg_form_field_data {
   display: table-cell;
   width: 70%;
   font-weight: 400;
}

.reg_form_field_radio_desc {
   font-weight: 400;
   font-size: .95rem !important;
   opacity: .6;
   font-family: sans-serif;
   margin-bottom: 10px;
   padding-left: 5px;
}

.transaction {
   width: 300px;
}

.transaction_type {
   display: inline-block;
}

.transaction_amount {
   display: inline-block;
   float: right;
}

.transaction_separator {
   border-bottom: 1px black dotted;
}

.addToCalendar:hover {
   color: #009fe8;
   text-decoration: underline;
   cursor: pointer;
}

.fixed_bottom_banner {
   z-index: 9999;
   position: fixed;
   bottom: 0;
   padding: 10px;
   background-color: #000000;
   background-color: rgba(0, 0, 0, .3);
   text-align: center;
   left: 250px;
   width: calc(100% - 210px);
}

.static_bottom_banner {
   z-index: 9999;
   width: 100%;
   position: static;
}

.fileNameTextBox {
   height: 25px;
   width: 40px;
}

.inline_block_element {
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: bottom;
   zoom: 1;
   *display: inline;
}

.inline_block_group {
   padding: 0px;
}

.default_button {
   border: 2px outset buttonface !important;
}

.promote_input {
   margin-right: 10px;
   vertical-align: sub;
}

.color_scheme {
   display: inline-block;
   cursor: pointer;
   width: 80px;
   height: 80px;
   border: 1px solid darkgray;
   margin-right: 10px;
}

.import_label {
   display: inline-block;
   width: 110px;
   text-align: left;
   margin-top: 20px;
}

.import_span {
   width: 80px;
}

/* Color Picker */
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff {
   width: 32px !important;
   height: 32px !important;
}

.evo-colorind {
   top: 0 !important;
}

.opacity_percent {
   border: 0 !important;
   min-width: 0 !important;
   width: 40px !important;
   padding: 0 !important;
}

.logo_height_text, .photo_height_text {
   border: 0 !important;
   min-width: 0 !important;
   width: 5rem !important;
   padding: 0 !important;
}

.theme_config_col {
   display: inline-block;
   vertical-align: top;
   min-width: 200px;
}

.btn-primary-small {
   margin: 10px 0;
}

@media (min-width: 481px) {
   .reg_form_xxs, input.reg_form_xxs {
      min-width: 50px;
      height: auto;
   }

   .reg_form_xs, input.reg_form_xs {
      min-width: 70px;
      height: auto;
   }

   .reg_form_sm, input.reg_form_sm {
      min-width: 100px;
      height: auto;
   }

   .reg_form_md, input.reg_form_md {
      min-width: 300px;
      height: auto;
   }

   .reg_form_lg, input.reg_form_lg {
      min-width: 500px;
      height: auto;
   }

   .reg_form_datetimepicker, input.reg_form_datetimepicker {
      min-width: 150px;
      height: auto;
   }
}

@media (max-width: 480px) {
   .reg_form_xs, input.reg_form_xs {
      min-width: 25% !important;
      height: auto;
   }

   .reg_form_sm, input.reg_form_sm {
      min-width: 50% !important;
      height: auto;
   }

   .reg_form_md, input.reg_form_md {
      min-width: 100% !important;
      height: auto;
   }

   .reg_form_lg, input.reg_form_lg {
      min-width: 100% !important;
      height: auto;
   }
}

.reg_form_glyph {
   font-size: 1.6rem;
   vertical-align: text-bottom;
}

.reg_form_date_time_break {
   height: 10px;
}

.reg_form_field_caption > div input[type="checkbox"],
.reg_form_field_caption > div input[type="radio"] {
   margin-left: -22px;
   vertical-align: baseline;
}

.reg_form_field_caption > div label {
   font-weight: 400;
   font-size: 16px;
   opacity: 1 !important;
}


.calendar_glyph {
   color: #454545;
   font-size: 1.6rem;
   vertical-align: text-bottom;
}

.theme_title {
   font-size: 16px;
   font-weight: 400;
   color: #545454;
   margin-top: 20px;
}

.busy_indicator_container {
   background-color: #5f5f5f;
   background-color: rgba(95,95,95, .5);
   z-index: 999998;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.busy_indicator {
   z-index: 999999;
   background: url('/content/images/spinner.gif') no-repeat center;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -40px;
   margin-left: -40px;
   width: 40px;
   height: 40px;
}

.footnote {
   color: #333;
   font-size: .9rem;
   font-style: italic;
}

.event_session_row {
   padding: 10px 0;
   /*font-size: 16px;*/
   border-bottom: 1px solid #eee;
}

.event_session_item_modifiers {
   text-align: left;
}

.event_session_item_modifiers {
   padding-right: 0;
   padding-top: 4px;
   white-space: nowrap;
}

a.event_session_item_button {
   /*-ms-opacity: 0;
   opacity: 0;
   -webkit-transition: all .15s ease .15s;
   -moz-transition: all .15s ease .15s;
   -ms-transition: all .15s ease .15s;
   -o-transition: all .15s ease .15s;
   transition: all .15s ease .15s;*/
   margin-right: 4px;
   vertical-align: middle;
}

.event_session_row:hover div > a.event_session_item_button {
   /*-ms-opacity: 1;
   opacity: 1;*/
   text-decoration: none;
}

.event_session_time {
   padding-top: 4px;
}

.event_session_title {
   padding-top: 4px;
   word-wrap: break-word;
   overflow: hidden;
}

.event_session_description,
.event_session_location,
.event_session_documents {
   white-space: pre-line;
   padding-top: 4px;
   color: #666;
   word-wrap: break-word;
   overflow: hidden;
}

.event_session_highlight_customer {
   font-weight: 700;
}

.sample_event_popup_row {
   margin-bottom: 20px;
}

   .sample_event_popup_row > div {
      display: inline-block;
      vertical-align: top;
   }

   .sample_event_popup_row img {
      width: 150px;
      margin-right: 10px;
   }

.sample_event_popup_title {
   font-size: 1.7rem
}

.btn-white {
   color: #6B6B6B;
   background-color: #FFFFFF;
   border-color: #91D3FF;
}

   .btn-white:hover,
   .btn-white:focus,
   .btn-white:active,
   .btn-white.active,
   .open .dropdown-toggle.btn-white {
      color: #333333;
      background-color: #DBF1FF;
      border-color: #91D3FF;
   }

   .btn-white:active,
   .btn-white.active,
   .open .dropdown-toggle.btn-white {
      background-image: none;
   }

   .btn-white.disabled,
   .btn-white[disabled],
   fieldset[disabled] .btn-white,
   .btn-white.disabled:hover,
   .btn-white[disabled]:hover,
   fieldset[disabled] .btn-white:hover,
   .btn-white.disabled:focus,
   .btn-white[disabled]:focus,
   fieldset[disabled] .btn-white:focus,
   .btn-white.disabled:active,
   .btn-white[disabled]:active,
   fieldset[disabled] .btn-white:active,
   .btn-white.disabled.active,
   .btn-white[disabled].active,
   fieldset[disabled] .btn-white.active {
      background-color: #FFFFFF;
      border-color: #91D3FF;
   }

   .btn-white .badge {
      color: #FFFFFF;
      background-color: #6B6B6B;
   }

.indent_field, .indent_validation_message {
   margin-left: 25px !important;
}

.indent_fieldx2 {
   margin-left: 50px !important;
}

.indent_fieldx3 {
   margin-left: 75px !important;
}

.inline_block {
   display: inline-block;
}

td.min_width {
   width: 1%;
   white-space: nowrap;
}

#dockedListDiv div {
   background-color: white;
   opacity: .9;
   bottom: 0;
   position: fixed;
   z-index: 1049;
}

#dockedButton [class^="btn"] {
   margin: 0;
}

#dockedSaveButtonDiv button, #dockedLinkButtonDiv a {
   background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
}

#dockedSaveButtonDiv button, #dockedLinkButtonDiv a, #dockedViewButtonDiv #dockedViewButton {
   font-size: 1.1rem;
   color: white;
   opacity: .9;
   bottom: 0;
   height: 60px;
   min-width: 120px;
   margin: 0;
   padding: 8px 10px 25px 10px;
   position: fixed;
   z-index: 1049;
   display: block;
   border-radius: 5px 5px 0 0;
}

/* SDEV-946 */
#dockedViewButtonDiv #dockedViewButton {
   background-image: linear-gradient(to bottom, #57B257 0, #449A44 100%);
   text-decoration: none;
   text-align: center;
   color: white;
}

#viewButton {
   text-decoration: none;
   text-align: center;
   color: white;
}

#slidingStatusIndicatorDiv {
   background-color: #4cdc82;
   font-size: 1rem;
   color: white;
   left: 50%;
   transform: translateX(-50%);
   bottom: 30px;
   padding: 7px 25px;
   position: fixed;
   z-index: 1070;
   display: none;
   border-radius: 20px;
   overflow: hidden;
   text-transform: uppercase;
   font-family: Avenir-Next, sans-serif;
}

#dockedLinkButtonDiv a {
   left: 15px;
}

#dockedSaveButton:focus, #dockedButton:focus {
   outline: none;
}

#dockedSaveButtonImage, #saveButtonImage, #slidingStatusIndicatorImage {
   display: inline-block;
   background-size: 20px 20px;
   background-position: right bottom;
   background-repeat: no-repeat;
   min-width: 20px;
   min-height: 20px;
   margin-left: 10px;
   vertical-align: sub;
}

   #dockedSaveButtonImage.save_successful, #slidingStatusIndicatorImage.save_successful {
      background-image: url('/Content/images/save-successful.png');
   }

   #saveButtonImage.save_successful {
      background-image: url('/Content/images/save-successful-disabled.png');
      opacity: 0.6;
   }

   #dockedSaveButtonImage.save_failed, #saveButtonImage.save_failed, #slidingStatusIndicatorImage.save_failed {
      background-image: url('/Content/images/save-failed.png');
   }

#dockedSaveButton.processing {
   background: gray !important;
   padding-bottom: 25px !important;
   min-height: 60px;
}

#dockedSaveButton.save_successful {
   background: rgb(9, 154, 65) !important;
   padding-bottom: 25px !important;
   min-height: 60px;
}

#dockedSaveButton.save_failed {
   background: gray !important;
   padding-bottom: 25px !important;
   min-height: 60px;
}

#slidingStatusIndicatorDiv.processing {
   background: gray !important;
   min-height: 20px;
   opacity: 0.8;
   box-shadow: 0 4px 7px 0 rgba(178, 185, 181, 0.56);
}

#slidingStatusIndicatorDiv.save_successful {
   background-color: #4cdc82 !important;
   box-shadow: 0 4px 7px 0 rgba(76, 220, 130, 0.56);
}

#slidingStatusIndicatorDiv.save_failed {
   background: gray !important;
   min-height: 20px;
   opacity: 0.8;
   box-shadow: 0 4px 7px 0 rgba(178, 185, 181, 0.56);
}

.registrant_info {
   margin-left: 0.6rem;
   margin-bottom: 1rem;
}

input.sp-input {
   min-width: initial;
   font-size: 1rem !important;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear, .sp-cancel {
   font-size: 1rem !important;
}

/* Prevent Chrome from autofilling things it should not like misc password fields */
.fakeusername, .fakepassword {
   position: absolute !important;
   height: 1px !important;
   width: 0 !important;
   left: 0 !important;
   top: -100px !important;
   padding: 0 !important;
   border: 0 !important;
}

div.account_past_due {
   text-align: center;
   padding: 10px;
   background-color: gold;
   font-weight: 400;
}

#EmailLengthErrorMessage {
   display: none;
}

.dropdown-menu {
   padding: 0
}

   .dropdown-menu a {
      cursor: pointer;
   }

   .dropdown-menu > li > a, .dropdown-menu > li {
      font-weight: 400;
      font-size: 1rem;
   }

      .dropdown-menu > li > a:hover {
         font-weight: 400;
         font-size: 1rem;
         background: #eeeeee;
      }

   .dropdown-menu > li {
      padding: 3px 0
   }

      .dropdown-menu > li:hover {
         padding: 3px 0;
         background: #eeeeee;
      }

.slider.slider-horizontal {
   width: 90%;
   height: 20px;
   max-width: 600px;
}

/* Survey designer styles */

.survey_delivery_container, .survey_form_container {
   margin-top: 1.5em;
   width: 100%;
}

   .survey_delivery_container .survey_schedule_container {
      padding-top: 20px;
      overflow: auto;
   }

   .survey_delivery_container .survey_start_date, .survey_delivery_container .survey_end_date {
      margin-top: 10px;
      margin-bottom: 30px;
   }

   .survey_delivery_container .survey_date_label {
      padding-top: 5px;
      float: left;
   }

   .survey_delivery_container .survey_date_control {
      overflow: auto;
      padding-left: 10px;
   }

.survey_schedule_container #schedule_survey_btn.disabled {
   color: #eeeeee;
}

.survey_schedule_container #cancel_survey_schedule_btn.disabled {
   color: #696969;
}

/* End of Survey designer styles */


/* Survey form styles */

.event_wizard_header_row {
   background-color: #EAEAEA;
}

.event_wizard_header_text {
   margin-top: 1rem;
}

.survey_form_model_error {
   color: red;
   font-weight: bold;
}

.survey_form_submit_btn {
   color: #FFFFFF !important;
   background-color: #0079BD;
   border-color: #009AF0;
   padding: 0.625rem 1.875rem;
   font-size: 1.5rem;
}

   .survey_form_submit_btn:hover {
      background-color: #009AF0;
   }

   .survey_form_submit_btn.disabled {
      background-color: #0079BD;
   }

/* Slider styles */

.sliderMinItem {
   padding-right: 8px;
}

.sliderMaxItem {
   padding-left: 8px;
}

.sliderMinItem, .sliderMaxItem {
   font-size: 1.0rem;
   color: #999999;
}

.sliderSelectedItem {
   padding-left: 5px;
   font-weight: bold;
   font-size: 1.15rem;
   color: #666666;
}

/* End of Slider styles */

/* End of Survey form styles */

/* LinkedIn */
.linkedInPreview {
   width: 530px;
   border: 1px solid #ccc;
   padding: 15px;
   font-family: Arial, sans-serif;
   margin-top: 10px;
   background: #fff;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
   box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
}

.linkedInPreviewName {
   color: #009fe8;
   font-weight: bold;
   font-size: 13px;
}

.linkedInPreviewTitle {
   border-bottom: 1px solid #ccc;
   font-size: 13px;
   padding-bottom: 10px;
   color: #66696a;
}

.linkedInPreviewComment {
   font-size: 13px;
   margin: 10px 0;
}

.linkedInPreview table {
   border: 1px solid #ccc;
   width: 100%;
   min-height: 100px;
}

.linkedInPreviewFirstCol {
   padding: 0;
   width: 190px;
   text-align: center;
   border-right: 1px solid #ccc;
}

   .linkedInPreviewFirstCol > img {
      max-width: 190px;
      max-height: 100px;
   }

.linkedInPreviewSecondCol {
   padding: 0 10px;
}

.linkedInPreviewEventName {
   font-size: 16px;
}

.linkedInPreviewDescription {
   font-size: 12px;
}

.linkedInPreviewBottomBar {
   color: #009fe8;
   font-size: 13px;
   margin-top: 10px;
}

/* End of LinkedIn styles */

/* Apps & Services START */

.support_plan_div {
   padding: 10px;
   display: inline-block;
   width: 275px;
   text-align: center;
   vertical-align: top;
}

   .support_plan_div > div {
      border: 1px solid #ccc;
      border-radius: 5px;
      background-color: #fcfcfc;
      margin: 2px;
   }

.support_plan_title {
   font-size: 1.4rem;
   font-weight: 600;
   color: #3E9430;
   margin: 20px 20px 20px 20px;
}

.support_plan_max_registrants {
   margin: 0 20px 20px 20px;
}

.support_plan_price {
   font-size: 1.2rem;
   color: #666;
   border-top: solid #ccc 1px;
   border-bottom: solid #ccc 1px;
   height: 60px;
   margin-bottom: 20px;
}

   .support_plan_price > div {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
   }

.support_plan_addl_registrants {
   color: #444;
   font-size: 1rem;
   font-weight: 400;
}

.support_plan_features_div {
   height: 180px;
}

   .support_plan_features_div ul {
      display: inline-block;
      padding: 0;
      margin: 0 0 20px;
      text-align: left;
   }

      .support_plan_features_div ul li {
         list-style-type: none;
         line-height: 1.7;
      }

   .support_plan_features_div .fas {
      color: #009fe8;
      font-size: 14px;
      margin-right: 5px;
   }

.support_plan_button_div {
   border-top: 1px solid #ccc;
   margin: 0;
   padding: 10px 10px 20px;
   color: #444;
   font-weight: 400;
   height: 105px;
}

   .support_plan_button_div > div {
      margin-bottom: 10px;
      color: #666;
   }

.mobile_app_badge {
   display: inline-block;
   margin: 0 15px;
   border: none;
}

   .mobile_app_badge > img {
      opacity: .5;
      width: 40px;
      height: 40px;
   }

.service_plan_upgrade td {
   padding: 0 20px 5px 0;
   border: none;
}

/* Apps & Services END */

.site_alert {
   display: none;
   font-size: medium;
   font-weight: 400;
   text-align: center;
}

.alert {
   margin-bottom: 0;
}

/* SDEV-1379 */

.errorText {
   color: red;
}

.successText {
   color: green;
}

.report_type_list {
   margin: 20px 0 0;
}

.webgrid_checkbox_col {
   width: 1%;
}

.quick_links, .quick_links > div {
   font-size: .9rem;
   display: inline-block;
}

   .quick_links > div {
      color: #777;
      font-weight: 600;
   }

      .quick_links > div > .fas {
         font-size: .6rem;
         color: #777;
         padding-bottom: 5px;
      }

   .quick_links > a {
      margin-left: 20px;
   }


.btn_circle {
   min-width: initial;
   width: 40px;
   height: 40px;
   text-align: center;
   padding: 11px 0;
   font-size: 1.2rem;
   border-radius: 20px;
   /*border-wdith: 3px solid;*/
}

/* SDEV-1487 */
.log_webgrid .webGrid th, .log_webgrid .webGrid td {
   max-width: 400px;
}

   .log_webgrid .webGrid td:first-child {
      width: 200px;
   }

.log_webgrid .webGrid td {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.text_center {
   text-align: center !important;
}

/* SDEV-1430 */
.ellipsis-text {
   min-width: 0 !important;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis !important;
}

/* PRICING PAGE */

.pricing {
   text-align: center;
}

   .pricing h1 {
      font-size: 36px;
      font-weight: 400;
   }

   .pricing h2 {
      font-size: 30px;
      font-weight: 400;
   }

   .pricing p {
      margin: 20px 12%;
      font-weight: 400;
   }

.pricing_table_container {
   display: inline-block;
   text-align: left;
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 30px 40px 10px 40px;
   font-weight: 400;
   margin: 20px;
}

.pricing_table_header {
   font-size: 20px;
   margin-bottom: 5px;
}

.pricing_table_desc {
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 10px;
}

.pricing_table_container .table {
   width: auto;
}

.pricing_table {
   font-size: 16px;
   color: #222;
   border: none;
}

   .pricing_table tbody > tr > td {
      border-top: none;
      padding: .8rem;
      vertical-align: top;
      line-height: 1.5rem;
   }

   .pricing_table tbody > tr:last-child > td {
      border: none;
   }

.pricing .price_change {
   font-weight: 600;
   font-size: 14px;
   color: red;
   margin: 10px 18%;
}

.pricing .footnote {
   font-size: 14px;
   margin: 10px 18%;
   color: #333;
   font-style: italic;
}

.green_checkmark {
   color: green;
   font-size: .9rem;
   line-height: 2rem;
   margin-right: 5px;
}

.store_icon {
   opacity: .8;
   width: 40px;
   height: 40px;
}

.pdf_file_glyph {
   font-size: 1.1rem;
   text-decoration: none;
   margin-right: 5px;
   margin-top: 5px;
}

.radio input[type="radio"]:disabled + label + span {
   opacity: 0.65;
}

.checkbox label::before, .radio label::before {
   margin-top: 3px;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="checkbox"]:checked + input[type="hidden"] + label::after,
.checkbox input[type="radio"]:checked + label::after,
input[type="checkbox"].styled:checked + label:after,
input[type="checkbox"].styled:checked + input[type="hidden"] + label:after,
input[type="radio"].styled:checked + label:after,
.radio label::after {
   margin-top: 3px;
}

/* Summernote related styles */

.summernote_container {
   margin: 0 3px 0 0;
   position: relative;
}

   .summernote_container textarea {
      min-width: 100% !important;
   }

.summernote_overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
}

.summernote_disabled_overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
   display: none;
}

.note-editor.note-frame {
   border: 1px solid #ccc;
}

.summernote_container {
   margin: 0 3px 0 0;
}

.summernote_container {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
}

.note-editable b {
   font-weight: bold;
}

.note-editor .note-btn,
.note-editor .note-btn:hover,
.note-popover .btn {
   text-transform: none;
   height: 30px;
   border-width: 1px;
   color: #454545 !important;
   border-color: inherit !important;
   font-family: 'Avenir-Next';
   font-size: 0.8rem !important;
   font-weight: 500;
   min-width: 0;
   background: #fff;
}

.note-btn.btn.dropdown-toggle.btn-secondary {
   font-family: Verdana, Geneva, sans-serif;
}

.summernote {
   /*place holder*/
}

.note-editable {
   font-family: Verdana, Geneva, sans-serif;
}

.note-editable > p {
   font-size: inherit;
}

.note-editor.panel {
   margin-bottom: 0;
}

.panel-default > .panel-heading {
   color: #333;
   background-color: #f5f5f5;
   border-color: #ccc;
}

.note-btn-group {
   border-color: #ccc
}

span + .note-icon-caret, i + .note-icon-caret {
   margin-left: 5px;
}

.note-editable.panel-body strong {
   font-weight: 600;
}

.note-current-fontname {
   text-transform: capitalize;
}

.btn-primary.disabled {
   border: 1px solid #DBDBDB !important;
   color: #999 !important;
   background: #eee !important;
   background-position: 0 !important;
   box-shadow: none !important;
   height: 40px;
   text-transform: uppercase;
   margin: 5px 5px 0 0;
}

.nda-display, .screening-form-desc {
   word-wrap: break-word;
   overflow: auto;
}

.add_button_glyph, .cloud_upload_glyph, .export_glyph, .download_button_glyph,
.check_button_glyph, .print_button_glyph, .fa_glyph {
   font-size: 14px;
   vertical-align: baseline;
   margin-right: 10px;
}

.ellipsis_glyph {
   font-size: 21px;
   vertical-align: bottom;
   margin-right: 5px;
}

.meeting_summary_map_marker_glyph {
   vertical-align: baseline;
   margin-right: 8px;
}

.meeting_summary_calendar_glyph {
   margin-right: 8px;
}

.angle_left_glyph {
   font-weight: 800;
   font-size: 20px;
   vertical-align: baseline;
   margin-right: 10px;
   float: left
}

.angle_right_glyph {
   font-weight: 800;
   font-size: 20px;
   vertical-align: baseline;
   margin-left: 10px;
   float: right;
}

.meeting_info_div {
   display: inline-block;
   vertical-align: top;
   width: 390px;
   height: 500px;
   border: solid 1px #ccc;
   border-radius: 8px;
   margin: 10px 15px 0 0;
   background: white;
}

   .meeting_info_div > div:first-child {
      padding: 15px;
      border-bottom: 1px solid #eee
   }

.add_or_select_item_on_wizard {
   font-size: 1.15rem;
   font-weight: 600;
   padding-bottom: 10px;
}

.meeting_info_visitor_link, .meeting_info_host_link {
   border-top: 1px solid #eee;
   padding: 15px;
   margin-top: 15px;
}

   .meeting_info_visitor_link > div, .meeting_info_host_link > div {
      cursor: pointer;
      font-weight: 700;
      color: #999;
   }

.meeting_items_list_on_wizard {
   max-width: 600px;
   max-height: 500px;
   overflow-y: auto;
   border-top: 1px solid #efefef;
   border-left: 0;
   border-right: 0;
}

.meeting_info_list {
   height: 355px;
   overflow-y: auto;
}


#SelectVisitorDiv .meeting_info_list, #SelectHostDiv .meeting_info_list {
   height: 310px;
}

.meeting_info_select_button {
   float: right !important;
   padding-top: 12px;
   padding-right: 20px
}

.meeting_info_selection_list .inline_block_group {
   padding-left: 10px;
}

.meeting_info_selection_list, .select_eventleaf_customer_selection_list {
   list-style-type: none;
   padding: 0;
}

   .meeting_info_selection_list li {
      padding: 10px;
      min-height: 62px;
      cursor: pointer;
      border-bottom: 1px solid #efefef;
   }

   .select_eventleaf_customer_selection_list li {
      padding: 15px;
      cursor: pointer;
      border-bottom: 1px solid #efefef;
   }

.eventleaf_customer_select_button {
   float: right;
}

.meeting_info_selection_list li:hover,
.select_eventleaf_customer_selection_list li:hover {
   background-color: #E7F5FF !important;
}

   .meeting_info_selection_list li:hover .meeting_info_select_button input[type="radio"] + label,
   .select_eventleaf_customer_selection_list li:hover .eventleaf_customer_select_button input[type="radio"] + label {
      background-color: #009fe8;
      color: white;
   }

.meeting_info_selection_list .name,
.select_eventleaf_customer_selection_list .name {
   font-size: 16px;
   font-weight: 600;
   color: #585858;
}

.meeting_info_selection_list .organization, .meeting_info_selection_list .department, .meeting_info_selection_list .phone,
{
   font-size: 14px;
   color: #888;
}

.meeting_info_selection_list .watch_list_warning {
   font-size: 14px;
   color: red;
}

.meeting_info_selection_list .name, .meeting_info_selection_list .organization, .meeting_info_selection_list .department,
.meeting_info_selection_list .phone, .meeting_info_selection_list .watch_list_warning,
.select_eventleaf_customer_selection_list .name {
   width: 215px;
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

.conflict-details {
   width: 100%;
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   font-size: 14px;
   color: #888;
}

.repeat_visitor_list, .host_list {
   /* placeholder */
}

.meeting_info_select_button input, .eventleaf_customer_select_button input {
   display: none;
}

   .meeting_info_select_button input[type="radio"] + label,
   .eventleaf_customer_select_button input[type="radio"] + label {
      margin-right: 5px;
      text-align: center;
      background: white;
      color: #009fe8;
      border: 1px solid #cadbe6;
      border-radius: 3px;
      padding: 5px 0;
      min-width: 100px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
   }

   .meeting_info_select_button input[type="radio"]:checked + label,
   .eventleaf_customer_select_button input[type="radio"]:checked + label {
      background: #009fe8;
      color: white;
   }

.meeting_edit_visitor_button, .meeting_edit_host_button {
   float: right !important;
   padding: 12px;
   border: none;
   margin-right: 5px;
   margin-top: 3px;
   text-align: center;
   color: #ccc;
   padding-top: 6px;
   min-width: 30px;
   height: 30px;
   font-size: 17px;
   font-weight: 700;
   cursor: pointer;
}

.meeting_edit_button {
   color: #ccc;
}

   .meeting_edit_button:hover, .meeting_edit_visitor_button:hover, .meeting_edit_host_button:hover {
      color: #888;
   }

.select_button_label {
   /* placeholder */
}

.btn_modal_primary {
   background-color: #39a0e3;
}

.btn_modal_default {
   background-color: #8bc1e3;
}

.btn_modal_primary, .btn_modal_default {
   width: 290px;
   color: white;
}

   .btn_modal_primary:link,
   .btn_modal_primary:hover, .btn_modal_primary:visited, .btn_modal_primary:active, .btn_modal_primary:focus,
   .btn_modal_default:hover, .btn_modal_default:visited, .btn_modal_default:active, .btn_modal_default:focus {
      color: #fbfbfb;
   }

   .btn_modal_primary:hover, .btn_modal_default:hover {
      background-color: #8bc0e2;
   }

   .btn_modal_primary .glyph-menu-right, .btn_modal_default .glyph-menu-right {
      float: right;
      margin-top: 7px;
      font-size: 0.6rem;
   }

.modal_checkmark_in_circle {
   color: #3a9fe1;
   font-size: 1.8rem;
   padding: 25px;
   border-radius: 50%;
   border: 2px solid #d9eafb;
}

.modal_x_in_circle {
   color: #b22222;
   font-size: 1.8rem;
   padding: 25px 30px;
   border-radius: 50%;
   border: 2px solid #b22222;
}

.step_circle_glyph {
   color: #88a1b1;
}

.step_circle_text {
   color: white;
   font-size: 1.25em;
}

.step_header {
   display: inline-block;
   font-weight: 700;
}

.meeting_summary_div {
   width: 350px;
   min-height: 360px;
   padding: 15px;
   border: solid 1px #ccc;
   border-radius: 8px;
   margin: 10px 15px 0 0;
   background: white;
}

   .meeting_summary_div:last-child {
      margin-right: 0;
   }

   .meeting_summary_div .name, .meeting_summary_div .organization, .department,
   .meeting_summary_div .phone, .meeting_summary_div .email {
      width: 230px;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
   }

   .meeting_summary_div .location, .meeting_summary_div .custom_field {
      width: 320px;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
   }

.meeting_summary_field {
   margin: 5px 10px 0 0;
   color: grey;
}

   .meeting_summary_field, .meeting_summary_field > a:link {
      color: grey;
   }

.meeting_summary_primary_field {
   font-weight: 600;
}

.subscription_plan_div:first-of-type {
   margin-left: 0;
}

.subscription_plan_div {
   display: inline-block;
   vertical-align: top;
   background: white;
   width: 282px;
   margin: 0 20px 20px 0;
   border: 1px solid #efefef;
   border-radius: 5px;
}

.subscription_plan_header {
   padding: 20px;
   background-image: linear-gradient(221deg, #52cdf6, #299ee9);
   color: white;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

   .subscription_plan_header .subscription_plan_title {
      font-size: 30px;
   }

   .subscription_plan_header.ultimate {
      background-image: linear-gradient(203deg, #fff0b8, #f7ab1c);
   }

.subscription_plan_price {
   font-size: 30px;
   margin-bottom: 10px;
}

   .subscription_plan_price > span {
      font-size: 16px;
   }

   .subscription_plan_price.price_text {
      margin: 36px 0;
   }

.btn_subscription, .btn_subscription_selected {
   border-width: 1px;
   margin: 5px 5px 0 0;
   width: 220px
}

.btn_subscription, a.btn_subscription, a.btn_subscription:link, a.btn_subscription:visited, a.btn_subscription:active {
   color: white;
   background-color: #00a9f8;
   border-color: #00a9f8;
}

   .btn_subscription:hover, a.btn_subscription:hover, a.btn_subscription:link:hover {
      color: white;
      background-color: #008cc9;
      border-color: #008cc9;
   }

.btn_subscription_selected, a.btn_subscription_selected, a.btn_subscription_selected:link, a.btn_subscription_selected:visited, a.btn_subscription_selected:active {
   color: #00a9f8;
   background-color: white;
   border-color: #00a9f8;
}

   .btn_subscription_selected:hover, a.btn_subscription_selected:hover, a.btn_subscription_selected:link:hover {
      color: #008cc9;
      border-color: #008cc9;
   }

.back_wizard_link {
   margin-left: 20px;
}

.validation_summary_on_wizard {
   padding: 15px 0 0 15px;
}

.meeting_info_list > ul > li > label:nth-child(even), .meeting_items_list_on_wizard > ul > li > label:nth-child(even) {
   word-wrap: break-word;
   width: 240px;
}

.meeting_info_header {
   font-size: 1.2rem;
   padding: 0;
   margin: 0 0 5px 0;
   font-weight: 400;
   color: #4e5858;
}

.visit_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;
}

.visitor_not_signed_in,
.visitor_signed_out {
   background-color: #666;
}

.visitor_signed_in,
.incident_closed {
   background-color: #3E9430;
}

.visitor_waiting,
.incident_open {
   background-color: orange;
}

.visit_canceled,
.visit_denied {
   background-color: #960007;
}

.inline_editor_with_text > div {
   display: inline-block;
}

   .inline_editor_with_text > div:nth-child(2) {
      vertical-align: top;
      padding-top: 7px;
   }

.host_list_empty, .visitor_list_empty {
   margin: 10px;
}

.btn + .btn_link, .btn_link + .btn, .btn_link + .btn_link {
   margin-left: 20px;
}

.btn_link, .btn_link_error {
   text-transform: uppercase;
   display: inline-block;
   vertical-align: middle;
}

   .btn_link, .btn_link:active, a.btn_link:link, a.btn_link:visited {
      color: #999;
      font-weight: 700;
      font-size: 16px;
      text-decoration: none;
   }

a.btn_link:hover {
   color: #777;
   font-weight: 700;
   font-size: 16px;
   text-decoration: none;
}

.btn_link_error, .btn_link_error:active, a.btn_link_error:link, a.btn_link_error:visited {
   color: #aaa;
   font-weight: 700;
   font-size: 16px;
   text-decoration: none;
}

a.btn_link_error:hover {
   color: #999;
   font-weight: 700;
   font-size: 16px;
   text-decoration: none;
}

.btn_menu {
   font-weight: 600;
}

.meetings_webgrid tbody tr {
   height: 75px;
}

.meetings_webgrid .visitor_details, .meetings_webgrid .host_details, .meetings_webgrid .visit_date {
   font-size: 14px;
   color: #999;
   padding: 0;
}

.meetings_webgrid .watch_list_result_allowed {
   font-size: 14px;
   color: green;
   font-weight: 500;
   padding: 0;
}

.meetings_webgrid .watch_list_result_denied,
.meetings_webgrid .denied_reason,
.paginated-report-container .denied_reason {
   font-size: 14px;
   color: red;
   font-weight: 500;
   padding: 0;
}


.meetings_webgrid .watchlist_result_pending {
   font-size: 14px;
   color: orange;
   font-weight: 500;
   padding: 0;
}

.waiting-time {
   font-size: 14px;
   color: orange;
   font-weight: 500;
}

.host_name, .visitor_name, .location_name, .visit_time, .space_type_name, .space_name, .floor_plan_name {
   font-size: 16px;
}

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

.email_column {
   max-width: 500px;
   word-wrap: break-word;
}

.italic_note {
   font-size: 13pt;
   font-style: italic;
}

.timepicker-picker table td {
   padding: 0;
   border-bottom: none;
   background-color: transparent;
}

.timepicker-picker table .btn {
   font-weight: 600;
   font-size: 14px;
   min-width: 20px;
   text-transform: uppercase;
   border-width: 2px;
}

.datepicker {
   z-index: 9999 !important;
}

.position_static {
   position: static;
}

.datepicker-days .disabled {
   color: #ccc !important;
}

.datepicker-days .day {
   color: black;
}

input[data-isdatepicker="true"], .bootstrap_date_picker {
   background: white url('/content/images/date-icon.svg') no-repeat;
   background-position: right 8px center;
   padding-right: 30px;
   background-size: 18px;
   min-width: 100px;
   max-width: 150px;
}

.bootstrap_date_picker {
   min-width: 300px !important;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
   color: #847f7f;
}

.datepicker_format_0, .datepicker_format_1 {
   min-width: 160px !important;
}

.datepicker_format_2 {
   min-width: 150px !important;
   width: 150px
}

.datepicker_format_3 {
   min-width: 200px !important;
}

.datepicker_format_4 {
   min-width: 300px !important;
}

.fas.reg_form_glyph {
   font-size: 1.6em;
   vertical-align: text-bottom;
}

.reg_form_date_time_break {
   height: 10px;
}

.reg_form_field_caption input[type="checkbox"],
.reg_form_field_caption input[type="radio"] {
   margin-left: -22px;
   vertical-align: baseline;
}

#attendeeRegistrationForm input {
   margin-left: 0;
}

.reg_form_field_caption > div label {
   margin-bottom: 0;
}

.visit_form_full_width_text {
   max-width: 100%;
}

.bold_text {
   font-weight: bold;
}

.add_visitor_fields_list, .add_host_fields_list {
   height: 365px;
   overflow-y: auto;
}

.modal-header > .close, .modal_close_button_without_header.close, .mfp-close {
   line-height: 0.7;
   font-size: 50px;
   font-weight: 300;
}

.modal_close_button_without_header.close {
   font-size: 65px;
}

   .modal-header > .close:hover, .modal_close_button_without_header.close:hover, .mfp-close :hover {
      opacity: 1;
   }

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

.modal_close_button_without_header.close {
   position: absolute;
   top: 10px;
   right: 20px;
   z-index: 10;
}

.drawer .modal-dialog {
   height: 100%;
   max-height: 100%;
   overflow-y: auto !important;
   position: fixed;
   margin: auto;
   width: 100%;
   max-width: 93%;
   box-shadow: 990px 0 0 #f2f2f2, -2px 0 7px rgba(57,73,76,.45);
}

.drawer #modal-drawer-dialog2 {
   max-width: 86%;
   box-shadow: 990px 0 0 #f2f2f2, -2px 0 7px rgba(57,73,76,.45);
}

@media (min-width: 768px) {
   .modal-dialog {
      width: 600px;
      max-width: 600px;
      margin: 30px auto;
   }

   #contact_modal_dialog.modal-dialog {
      width: 300px;
      max-width: 300px;
      margin: 30px auto;
   }
}

.drawer.fade .modal-dialog {
   right: -90%;
   -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
   -o-transition: opacity 0.3s linear, right 0.3s ease-out;
   transition: opacity 0.3s linear, right 0.3s ease-out;
}

.drawer.fade.fade.show .modal-dialog {
   right: 0;
}

.drawer .modal-body {
   height: 100%;
   max-height: initial;
   overflow-y: auto;
}

.drawer .modal-content {
   height: 100%;
   max-height: initial;
   overflow-y: auto;
   background-color: #f0f3f8;
   padding-bottom: 65px;
}

@media(max-width: 1199px) {

   .drawer .modal-content .sub_section,
   .drawer .modal-content .sub_section_overlay,
   .drawer .modal-content .infoMessage {
      width: 90%;
      max-width: 840px;
      margin: 0 5%;
   }
}

@media(min-width: 1200px) {
   .drawer .modal-content .sub_section,
   .drawer .modal-content .sub_section_overlay,
   .drawer .modal-content .infoMessage {
      width: 95%;
      max-width: 100%;
      margin: 0 50px;
   }
}

/*TODO: once UpdateField.cshtml is a drawer this can be removed*/
.modal-content .modal-body .sub_section_overlay {
   width: 95%;
   max-width: 100%;
}

.drawer .modal-content #ErrorMessage {
   margin-top: 10px;
   padding-top: 10px;
}

.drawer .modal-content .sub_section,
.drawer .modal-content .sub_section_overlay {
   padding: 40px 60px;
   margin-bottom: 30px;
   border-radius: 3px;
}

.sub_section_overlay {
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: black;
   z-index: 10;
   opacity: .3;
   display: none;
}

.drawer .modal-content .infoMessage {
   margin-top: 25px;
   margin-bottom: 0;
}

.drawer .close {
   margin-top: 7px;
   margin: 0;
   float: left;
   margin-left: 1rem;
}

/*
    https://www.reddit.com/r/webdev/comments/8ed4oz/any_workaround_for_this_safari_bug_with_a/dxu9v4b/
    https://stackoverflow.com/questions/18529381/what-does-webkit-transform-translate3d0-0-0-exactly-do-apply-to-body
*/

.modal#modal-drawer-container {
   z-index: 1051;
   -ms-transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.modal#modal-drawer-container2 {
   z-index: 1053;
   -ms-transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.modal#modal-container {
   z-index: 1055;
}

.modal#modal-container2 {
   z-index: 1057;
}

.modal#ModalCropImage,
.modal#modal-message,
.modal#modal-drawer-content-for-filter {
   z-index: 1059;
}

/* Hide all modal-backdrop except the first */
.modal-backdrop ~ .modal-backdrop {
   display: none;
}

.modal#modal-drawer-container-for-filters {
   z-index: 1085;
   -ms-transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

#modal-drawer-content {
   border-radius: 0;
}

   #modal-drawer-content2.modal-content, #modal-drawer-content.modal-content {
      border: 0;
   }

#modal-content1 .spinner_container .fa, #modal-content2 .spinner_container .fa {
   color: #fff;
}

#modal-content1 .spinner_container, #modal-content2 .spinner_container {
   top: 400px;
}

.close.back_button_drawer {
   color: #4c4b44;
   text-decoration: none;
   padding: 8px 15px 8px 10px;
   background: #e6eef5;
   margin-top: 5px;
   font-size: .9rem;
   opacity: 1;
   text-decoration: none;
   border-radius: 3px;
   border-color: transparent;
   text-shadow: none;
}

a.close.back_button_drawer {
   color: #768998;
   font-weight: 500;
}

   a.close.back_button_drawer:hover {
      color: #009fe8 !important;
   }

      a.close.back_button_drawer:hover path, .arrow_back:hover path {
         fill: #009fe8;
      }

.drawer .modal-content {
   border-radius: 0;
}

.modal_drawer_title {
   font-size: 1.3rem !important;
   font-weight: 500;
   padding-left: 1rem;
   padding-top: 2px;
   margin-bottom: 6px;
   margin-top: 15px;
   text-align: left;
   color: #636060;
   display: inline-block;
   max-width: 95%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis !important;
}

.modal_link, .modal_link2, .modal_link_lg, .modal_link2_lg, .static_modal, .modal_drawer_link, .modal_drawer_link2 {
   /* Placeholder styles for links that open modal dialogs */
}

.close_drawer_button.close {
   position: fixed;
   top: 8px;
   left: 7%;
   background: #009fe8;
   width: 40px;
   height: 40px;
   display: block;
   text-decoration: none;
   margin-left: 0;
   opacity: 0.9;
   border-radius: 50%;
   transform: translateX(-50%);
   z-index: 1;
}

#modal-drawer-content2 .close_drawer_button.close {
   position: fixed;
   top: 15px;
   left: 14%;
}

.close_drawer_button.close i {
   color: #fff;
   margin: 0;
   position: relative;
   font-size: 1.3rem;
   top: -12px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   padding-right: 0;
}

.close_drawer_button.close:hover {
   opacity: 1 !important;
}

.drawer .modal-header {
   border-bottom: 1px solid #e4e0e0;
   flex-direction: column;
   padding-left: 45px;
   padding-top: 0px;
   padding-bottom: 0px;
   height: 57px;
   max-height: 57px;
   flex: 1 0 100px;
}

.grid_total {
   font-size: 14px;
   font-weight: 700;
   margin-top: 10px;
   text-decoration: none;
   text-transform: uppercase;
}

.spinner_container {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}

   .spinner_container > .fa-spinner {
      font-size: 2rem;
      color: #009fe8;
   }

.vcenter {
   display: inline-block;
   vertical-align: middle;
   font-size: 1rem;
   float: none;
}

.img_placeholder {
   background: url('/Content/images/placeholder.png') white center no-repeat;
   opacity: .5;
   border-radius: 5px;
   border: 1px solid #ddd;
}

   .img_placeholder.small_picture {
      background: url('/Content/images/placeholder-sm.png') white center no-repeat;
      opacity: .5;
      border-radius: 5px;
      border: 1px solid #ddd;
   }

.webGridPhoto {
   height: 50px;
   width: 50px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.WatchlistSearchCriteria {
   display: block;
}

.SearchCriteriaEqualSign {
   display: inline-block;
   margin-left: 25px;
   margin-right: 25px;
}

.SearchCriteriaVisitorField, .SearchCriteriaWatchlistField {
   display: inline-block;
}

.SearchCriteriaAnd {
   max-width: 500px;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}

.watchlistCriteriaHeader {
   margin-top: 20px;
   font-size: .9rem;
   font-weight: 600;
}

.watchlistVisitorFieldHeader {
   display: inline-block;
   text-align: center;
   width: 215px;
}

.WatchlistProviderFieldsHeader {
   display: inline-block;
   width: 215px;
   margin-left: 50px;
   text-align: center;
}

.watch_list_connected, .access_control_connected, .single_sign_on_connected {
   color: green;
   text-transform: uppercase;
   font-weight: bold;
}

.watch_list_disconnected, .access_control_disconnected, .single_sign_on_disconnected {
   color: orange;
   text-transform: uppercase;
   font-weight: bold;
}

.selected_change_plan {
   font-weight: 600;
   font-size: 18px;
   color: #009fe8;
}

.admin_only {
   color: #d9534f !important;
}

table.subscription_plan_history {
   width: 100%;
}

a.admin_only, a:hover.admin_only, a:visited.admin_only, a:active.admin_only {
   color: #d9534f !important;
   cursor: pointer;
}

   a.admin_only.disabled, a:hover.admin_only.disabled, a:visited.admin_only.disabled, a:active.admin_only.disabled {
      color: #8d8d8d !important;
   }

.meeting_details_image {
   height: 50px;
   width: 50px;
}

.meeting_list_image, .visitor_list_image, .host_list_image, .meeting_details_image, .auto_complete_list_image,
.selected_host_image {
   border-radius: 50%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border: 1px solid #e9e9e9;
}

.subscription_plan_display {
   display: inline-block;
   color: white;
   padding: 2px 10px;
   margin-left: 5px;
   vertical-align: super;
   font-size: .75rem;
   font-weight: 600;
   border-radius: 5px;
   min-width: 70px;
   text-align: center;
   background-color: #3E9430;
}

.btn_group_action > .btn {
   min-width: 30px;
   margin-left: 4px !important;
   padding: 0 3px;
   border: 1px solid #ddd;
   color: #aaa;
   background: #f0f3f8;
}

   .btn_group_action > .btn > span.fas {
      padding: 0 3px 0 2px;
   }

.btn_group_action .ellipsis_glyph {
   margin-right: 0;
}

.internal_data_form_searchable_field {
   /* placeholder for search fields ILO-224*/
}

.auto_complete_photo {
   height: 40px;
   width: 40px;
   margin-right: 5px;
}

.auto_complete_list_second_line {
   font-size: 12px;
   color: #aaa;
}

.auto_complete_list_on_watch_list {
   font-size: 12px;
   color: red;
   font-weight: 600;
   text-transform: capitalize;
}

.auto_complete_max_height {
   max-height: 300px;
   overflow-y: scroll;
}

/*allows the autocomplete drop down to be shown on a modal dialog*/
ul.ui-autocomplete {
   z-index: 9999 !important;
}

.meeting_details_edit_info_link {
   margin-right: 5px;
}

.meeting_details_change_link {
   margin-left: 5px;
}

.selected_host_image {
   height: 50px;
   width: 50px;
   vertical-align: top;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.thumbnail_small_image, .thumbnail_photo_column {
   width: 50px;
}

.default_row_link {
   /*placeholder*/
}

body.add_visit_body {
   margin-bottom: 80px;
}

.add_visit_body .reg_form_field_caption {
   padding-left: 0;
}

.new_meeting_header_inner, .meeting_details_header_inner {
   padding: 20px 5% 25px;
   background: white;
   width: 100%;
   border-bottom: 1px solid #dcdcdc;
}

.new_meeting.event_header_inner > div {
   display: flex;
   -ms-flex-align: center;
   align-items: center;
}

.new_meeting.event_header_inner.sticky {
   position: fixed;
   width: 100%;
   background-color: #f8fafd;
   border-color: #3e9430;
   border-style: solid;
   top: 0;
   z-index: 100;
   padding: 0 7% 0;
}

.footer.minimal_footer {
   height: auto;
}

.med_font {
   font-weight: 600;
}

.btn_group_action .dropdown-toggle::after, .dropdown-toggle.dropdown_use_ellipses_before::after, .no_dropdown_icon::after {
   display: none;
   border: none;
   margin: 0;
}

.dropdown-toggle.dropdown_use_ellipses_before::before {
   display: inline-block;
   content: "\f141";
   font-size: 1.2em;
   font: var(--fa-font-solid);
   height: 16px;
   line-height: 16px;
   vertical-align: text-bottom;
}

.sub_section {
   background: white;
   padding: 40px 60px;
   margin-top: 10px;
   margin-bottom: 29px;
   border-radius: 6px;
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.04);
}

.sub_section_with_overlay_container {
   position: relative;
}

.details_name, .details_phone, .details_organization, .details_email, .details_location, .details_date, .details_sign_in_date {
   font-weight: 600;
   color: #747379;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 1rem;
   line-height: 1.8;
}

.details_deleted {
   font-weight: 600;
   color: #ff0000;
   font-size: 1rem;
   line-height: 1.8;
}

.details_sign_in_date {
   font-size: .85rem;
}

.details_name {
   font-size: 1.3rem;
}

.circle_image {
   display: block;
   width: 95px;
   height: 95px;
   margin: 1em auto;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #e9e9e9;
}

.drawer_circle_image {
   display: block;
   width: 95px;
   height: 95px;
   margin-top: 1em;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #e9e9e9;
}

.is-table-row {
   display: table;
   width: 95%;
   max-width: 1600px;
   margin-left: auto;
   margin-right: auto;
}

   .is-table-row > div {
      float: none;
      display: table-cell;
      vertical-align: top;
      margin-left: 15px;
      margin-right: 15px;
      padding: 15px;
   }

.visitor_info_div, .host_info_div, .date_location_info_div {
   min-height: 400px;
   width: 400px;
   padding: 20px;
   background: white;
   position: relative;
   border-radius: 4px;
}

.visitor_type_div, .location_div {
   margin: auto;
   min-height: 200px;
   width: 500px;
   padding: 20px;
   background: white;
   position: relative;
   border-radius: 4px;
   box-shadow: 4px 3px 20px 0px rgba(135, 139, 136, 0.17);
}

.visitor_info_div {
   box-shadow: 4px 3px 20px 0px rgba(135, 139, 136, 0.17);
}

.host_info_div {
   box-shadow: 4px 3px 20px 0px rgba(135, 139, 136, 0.17);
}

.date_location_info_div {
   box-shadow: 4px 3px 20px 0px rgba(135, 139, 136, 0.17);
}

.is-table-row > div:first-of-type {
   margin-left: 36px;
}

.is-table-row > div:last-of-type {
   margin-right: 36px;
}

.visitor_title, .host_title, .space_title, .date_location_title, .visitor_type_title, .location_title {
   vertical-align: middle;
   font-size: 1.3rem;
   font-weight: 600;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #585858;
}

   .visitor_title::before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      transform: rotate(45deg);
      border-radius: 2px;
      background-color: #53e08e;
      margin-right: 9px;
   }

   .host_title::before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      transform: rotate(45deg);
      border-radius: 2px;
      background-color: #858ee6;
      margin-right: 9px;
   }

   .space_title::before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      transform: rotate(45deg);
      border-radius: 2px;
      background-color: #858ee6;
      margin-right: 9px;
   }

   .date_location_title::before {
      content: "";
      display: inline-block;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: solid 3px rgba(118, 137, 152, 0.42);
      margin-right: 7px;
   }


   .modal-title .visitor_title::before, .modal-title .host_title::before, .space_title::before, .modal-title .date_location_title::before {
      margin-right: 20px;
   }

.btn_green_white, .btn_green_white:focus, a.btn_green_white, a.btn_green_white:link, a.btn_green_white:visited, .btn_green_white:focus {
   color: white;
   background: #53e08e;
   padding: 9px 15px 10px;
   min-width: 175px;
}

   .btn_green_white:hover, a.btn_green_white:hover, a.btn_green_white:link:hover,
   .btn_green_white:active, a.btn_green_white:active, a.btn_green_white:link:active {
      color: white;
      background: #53e08e;
   }

.btn_purple_white, .btn_purple_white:focus, a.btn_purple_white, a.btn_purple_white:link, a.btn_purple_white:visited, .btn_purple_white:focus {
   color: white;
   background: #858ee6;
   padding: 9px 15px 10px;
   min-width: 175px;
}

   .btn_purple_white:hover, a.btn_purple_white:hover, a.btn_purple_white:link:hover,
   .btn_purple_white:active, a.btn_purple_white:active, a.btn_purple_white:link:active {
      color: white;
      background: #858ee6;
   }


.btn_green_green, .btn_green_green:focus, a.btn_green_green, a.btn_green_green:link, a.btn_green_green:visited, .btn_green_green:focus {
   color: #2ec26c;
   background: #c8f8dc;
   padding: 9px 15px 10px;
   min-width: 65px;
   font-weight: 600;
   text-transform: capitalize;
}

   .btn_green_green:hover, a.btn_green_green:hover, a.btn_green_green:link:hover,
   .btn_green_green:active, a.btn_green_green:active, a.btn_green_green:link:active {
      color: #2ec26c;
      background: #c8f8dc;
   }

.btn_purple_purple, .btn_purple_purple:focus, a.btn_purple_purple, a.btn_purple_purple:link, a.btn_purple_purple:visited, .btn_purple_purple:focus {
   color: #858ee6;
   background: #e8eaff;
   padding: 9px 15px 10px;
   min-width: 65px;
   font-weight: 600;
   text-transform: capitalize;
}

   .btn_purple_purple:hover, a.btn_purple_purple:hover, a.btn_purple_purple:link:hover,
   .btn_purple_purple:active, a.btn_purple_purple:active, a.btn_purple_purple:link:active {
      color: #858ee6;
      background: #e8eaff;
   }


.btn_grey_grey, .btn_grey_grey:focus, a.btn_grey_grey, a.btn_grey_grey:link, a.btn_grey_grey:visited, .btn_grey_grey:focus {
   color: #7b838a;
   background: #ebecec;
   padding: 9px 15px 10px;
   min-width: 65px;
   font-weight: 600;
   text-transform: capitalize;
}

   .btn_grey_grey:hover, a.btn_grey_grey:hover, a.btn_grey_grey:link:hover,
   .btn_grey_grey:active, a.btn_grey_grey:active, a.btn_grey_grey:link:active {
      color: #7b838a;
      background: #ebecec;
   }

.empty_content_div {
   margin-top: 130px;
   min-width: 360px;
   text-align: center;
}

.location_summary_content, .host_summary_content, .visitor_summary_content, .host_summary_content, .visitor_summary_content {
   padding: 10px 3%;
   min-width: 360px;
}

.host_summary_content, .visitor_summary_content, .host_summary_content, .visitor_summary_content, .location_summary_content {
   text-align: center;
}

.submit_button_div > button {
}

.submit_button_div {
   text-align: center;
}

.meeting_submit_button {
   margin-top: 30px;
   width: 400px;
   font-size: 16px;
   font-weight: 600;
   margin: 50px auto 25px;
}

.arrow_inside_button {
   display: inline-block;
   width: 30px;
   height: 15px;
   float: right;
   margin-top: 6px;
}

.text_left {
   text-align: left !important;
   text-align: -moz-left !important;
   text-align: -webkit-left !important;
   display: inline-block;
}

div.photo_image_preview.person_preview {
   border-radius: 50%;
   position: relative;
   width: 72px;
   height: 72px;
   margin-top: 5px;
}
   /*div.photo_image_preview img, img.photo_image_preview {
   max-width: 87px;
   masx-height: 87px;
   height: auto;
   margin: auto;
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

div.photo_image_preview {
   display: inline-block;
   width: 90px;
   height: 90px;
   border: 1px solid #ccc;
   vertical-align: top;
   border-radius: 50%;
   position: relative;
}*/


   div.photo_image_preview.person_preview > img {
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70px;
      height: 70px;
      object-fit: cover;
   }

.host_selection_details_div {
   margin-left: 10px;
}

#AddHostLink .fa-plus {
   margin-right: 5px;
}

.no_padding {
   padding: 0 !important;
}


.disabled_overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
   background: rgba(224, 227, 228, 0.58);
}

.meeting_submit_button.btn-disabled {
   color: #918f8f !important;
}

   .meeting_submit_button.btn-disabled path {
      fill: #918f8f !important;
   }

.visitor_info_div {
   margin-left: auto;
}

.host_info_div {
   margin: 0 auto;
}

.date_location_info_div {
   margin-right: auto;
}

.meeting_added_conf_div {
   text-align: center;
   max-width: 400px;
   margin: 50px auto 0;
   padding: 50px 50px;
   background: white;
}

.arrow_back {
   transform: rotate(180deg) scale(.6);
   margin-right: 5px;
   vertical-align: sub;
}

   .arrow_back path {
      fill: #4c4b44;
   }

a.back_to_dashboard {
   display: inline-block;
   color: #768998;
   text-decoration: none;
   padding: 4px 15px 4px 10px;
   background: #f1f6fb;
   font-size: .9rem;
   border-radius: 3px;
}

   a.back_to_dashboard:hover {
      text-decoration: none;
   }

.back_to_dashboard svg path {
   fill: #768998;
}

.blue_shadow {
   box-shadow: 8px 9px 20px 0px rgba(100, 157, 209, 0.43);
}


#VisitorDetailsDiv, #hostDetailsDiv {
   height: 220px;
}

#LocationDetailsDiv {
   padding-top: 20%;
}

.margin-top-25p {
   margin-top: 25px;
}


.modal_header_button, .modal_header_link {
   float: right;
   padding: 5px 15px;
   margin-right: 20px;
}

.error {
   color: red;
}

.btn_default_icon, .btn_primary_icon {
   margin-right: 10px;
}

   .btn_primary_icon path {
      fill: white;
   }

.report_type_container {
   margin-bottom: 15px;
}

.stickyButtonLink {
   position: absolute;
   left: 5%;
}

.web_grid_search_bar .btn_blue_white {
   padding-top: 9px;
}


.fas.fa-phone {
   transform: rotate(108deg);
}

.display_inline_block {
   display: inline-block;
}

.blue_text {
   color: #009fe8 !important;
}

.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;
   }

.dropdown-menu {
   padding: 0
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
}

   .dropdown-item:hover, .dropdown-item:focus {
      color: #16181b;
      text-decoration: none;
      background-color: #f8f9fa;
   }

   .dropdown-item.active, .dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #007bff;
   }

   .dropdown-item.disabled, .dropdown-item:disabled {
      color: #6c757d;
      pointer-events: none;
      background-color: transparent;
   }


.dropdown-menu > .dropdown-item {
   font-weight: 400;
   font-size: 1rem;
}

   .dropdown-menu > .dropdown-item:hover {
      font-weight: 400;
      font-size: 1rem;
      background: rgba(70, 196, 253, 0.08);
   }

.dropdown-menu .dropdown-item:not(.active):hover {
   background: rgba(70, 196, 253, 0.08);
   color: #212529;
}

.dialog-icon-in-circle {
   color: #3a9fe1;
   font-size: 1.8rem;
   padding: 25px;
   border-radius: 50%;
   border: 2px solid #d9eafb;
}

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

.print_preview_div {
   padding: 5px;
   background-color: grey;
   line-height: 150px;
   text-align: center;
}

   .print_preview_div img {
      max-height: 150px;
      max-width: 344px;
      vertical-align: middle;
   }

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

#badgeLogoSizeLink.dropdown-toggle::after,
#badgeTitleStyleLink.dropdown-toggle::after,
#photoDisplayFormatLink.dropdown-toggle::after,
#line1StyleLink.dropdown-toggle::after,
#line2StyleLink.dropdown-toggle::after,
#line3StyleLink.dropdown-toggle::after,
#line4StyleLink.dropdown-toggle::after,
.name-badge-style-link.dropdown-toggle::after {
   display: none;
}

#badgeLogoSizeLink, #badgeLogoSizeLink:hover,
#badgeTitleStyleLink, #badgeTitleStyleLink:hover,
#photoDisplayFormatLink:hover,
#line1StyleLink, #line1StyleLink:hover,
#line2StyleLink, #line2StyleLink:hover,
#line3StyleLink, #line3StyleLink:hover,
#line4StyleLink, #line4StyleLink:hover,
a.name-badge-style-link, a.name-badge-style-link:hover {
   text-decoration: none;
}

#badgeLogoSizeLink,
#badgeTitleStyleLink,
#photoDisplayFormatLink,
#line1StyleLink,
#line2StyleLink,
#line3StyleLink,
#line4StyleLink,
a.name-badge-style-link {
   padding: 4px 11px 5px;
   border: 1px solid rgb(204, 204, 204);
   text-align: center;
   text-align: -webkit-center;
   text-align: -moz-center;
   width: 40px !important;
   display: inline-block;
   color: #b3aaaa;
}

.dropdown-menu {
   padding: 0;
   min-width: 160px;
   /* Bootstrap 4.0 dropdown styles */
   min-width: 11rem;
   margin: 0.125rem 0 0;
   font-size: 1rem;
   text-align: left;
}

   .dropdown-menu > .dropdown-item {
      font-weight: 400;
      font-size: 1rem;
      /* Bootstrap 4.0 dropdown styles */
      display: block;
      width: 100%;
      padding: 0.25rem 1.5rem;
      clear: both;
      background-color: transparent;
      border: 0;
   }

      .dropdown-menu > .dropdown-item:hover {
         font-weight: 400;
         font-size: 1rem;
         background: rgba(70, 196, 253, 0.08);
      }

   .dropdown-menu .dropdown-item:not(.active):hover {
      background: rgba(70, 196, 253, 0.08);
      color: #212529;
   }

.d-inline-block {
   display: inline-block !important;
}


.modal.in #modal-drawer-dialog.modal-dialog, .modal.in #modal-drawer-dialog2.modal-dialog {
   -ms-transform: none;
   -webkit-transform: none;
   transform: none;
}

.small_btn {
   padding: 0.4rem .6rem !important;
   font-size: .8rem !important;
}

.clear_image_div {
   vertical-align: middle;
   display: inline-block;
   text-align: center;
}

   .clear_image_div > a:hover {
      color: #009fe8 !important;
   }


   .clear_image_div > a {
      text-decoration: none;
      padding: 0;
      color: #666;
      font-size: 30px !important;
      font-weight: 300;
      line-height: .7;
   }

.data_container .editor-label {
   margin-top: 15px !important;
}

.section > .data_container > .editor-label:first-child {
   margin-top: 0 !important;
}

.app_action_link {
   font-weight: 600;
}

.sign_in_failed_reason {
   margin-top: 20px;
   font-size: 14px;
   opacity: .7;
}

.btn_primary_error {
   color: #999;
   background-color: #eee;
   border-color: #DBDBDB;
}

   .btn_primary_error:focus,
   .btn_primary_error.focus {
      color: #eee;
      background-color: #999;
      border-color: #999;
   }

   .btn_primary_error:hover {
      color: #eee;
      background-color: #999;
      border-color: #999;
   }

   .btn_primary_error, .btn_primary_error:link, .btn_primary_error:visited, .btn_primary_error:active, .btn_primary_error:hover, .btn_primary_error:focus,
   a.btn_primary_error, a.btn_primary_error:link, a.btn_primary_error:visited, a.btn_primary_error:active, a.btn_primary_error:hover, a.btn_primary_error:focus {
      background: #eee;
      color: #999;
      border-color: #DBDBDB;
      box-shadow: none !important;
      text-shadow: none;
      border-width: 1px;
      text-transform: uppercase;
   }

      .btn_primary_error:hover, a.btn_primary_error:hover, a.btn_primary_error:link:hover, .btn_primary_error:focus, a.btn_primary_error:active:focus {
         background: #999 !important;
         color: #eee !important;
         border-color: #999 !important;
      }

.modal_dialog_note {
   font-size: 14px;
   opacity: .6;
}

.acs_description_note {
   opacity: .6;
}

.data_form_list_item_margin {
   margin: 10px 0;
}

.integration_connection_error {
   margin-top: 10px;
   font-weight: 600
}

.sortable_cell_placeholder {
   height: 3rem;
   line-height: 1rem;
}

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

.sortable_cell_title, .cell_title {
   display: table-cell;
   padding: 2px 5px;
   vertical-align: middle;
   word-wrap: break-word;
   font-weight: 500;
}

.sortable_cell_action, .cell_action {
   display: table-cell;
   width: 65px;
   vertical-align: middle;
}

.expand_host_data, .collapse_host_data {
   color: #9FB2D1;
   text-align: center;
   border-radius: 5px;
   width: 100px;
   margin: 0 auto;
}

   .expand_host_data:hover, .collapse_host_data:hover {
      color: #9FB2D1;
      background-color: #e2e2e2;
   }

.additional_host_data_column_value {
   font-size: 14px;
   color: #888;
   margin-left: 75px;
}

.additional_host_data_caption {
   margin-top: 5px;
   font-size: 12px;
   color: #9FB2D1;
   margin-left: 75px;
}

.data_form_details_value {
   margin: 0 0 10px;
   font-size: 1.2rem;
   font-weight: 600;
}

   .data_form_details_value p {
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5;
      color: #99a6b0;
   }

.note_text {
   margin: 0;
   opacity: .7;
   font-size: .9rem;
}

.icon_btn {
   min-width: 35px !important;
}


.sample_label {
   font-family: Avenir-Heavy,Avenir-Next,sans-serif;
   color: #858a8d;
   font-size: .875rem;
   margin-bottom: 0;
}

.btn > span.glyphicon,
.btn > i.fas,
.btn > span.fas,
a > span.fas {
   margin-right: 5px;
}


/*Copied  from visitor portal*/
.confirmation-page table tr {
   border-bottom: none;
   vertical-align: top;
}

   .confirmation-page table tr td {
      padding: 15px 8px;
   }

.confirmation-page .sign-in-header {
   padding-top: 18px;
   color: #767D87;
   font-weight: 500;
   font-size: 0.8em;
   text-transform: uppercase;
}

   .confirmation-page .sign-in-header .fa-circle {
      margin-right: 10px;
   }

   .confirmation-page .sign-in-header .blue-dot {
      color: #3dabf4;
   }

   .confirmation-page .sign-in-header .orange-dot {
      color: #ff9c37;
   }

   .confirmation-page .sign-in-header .green-dot {
      color: #53e08e;
   }

   .confirmation-page .sign-in-header .purple-dot {
      color: #858ee6;
   }

   .confirmation-page .sign-in-header .purple-dot {
      color: #858ee6;
   }

   .confirmation-page .sign-in-header .cyan-dot {
      color: cyan;
   }

   .confirmation-page .sign-in-header .yellow-dot {
      color: yellow;
   }

.confirmation-page .sign-in-value {
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   color: #585858;
}

.space_booking_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;
}

.space_booking_not_checked_in {
   background-color: #666;
}

.space_booking_checked_in {
   background-color: #3E9430;
}

.space_booking_released {
   background-color: #ff8e2e;
}

.space_booking_canceled {
   background-color: #960007;
}

.employee_signed_in_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;
}

.employee_not_signed_in {
   background-color: #666;
}

.employee_signed_in {
   background-color: #3E9430;
}

.employee_signed_out {
   background-color: #ff8e2e;
}

.employee_signed_in_failed {
   background-color: #960007;
}

#CustomerNotesDiv {
   margin-top: 30px;
}

#CustomerNotesList {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 50%;
   color: #454545;
}

   #CustomerNotesList li {
      margin: 5px 0;
      padding: 10px 5px 10px 15px;
      border-radius: 5px;
      border: 1px solid #d9534f;
      min-height: 100px;
      width: 100%;
      display: inline-block;
      color: #d9534f;
      background: white;
   }

   #CustomerNotesList .customerNoteText {
      float: left;
   }

   #CustomerNotesList .customerNoteDelete {
      float: right;
      padding-top: 10px;
   }

   #CustomerNotesList .customerNoteAddedOn {
      font-weight: 700;
      font-size: 0.9rem;
      padding-left: 10px;
   }

   #CustomerNotesList .customerNote {
      padding-top: 5px;
   }

#searchFormId select.selectpicker, #PageFilterFormId select.selectpicker {
   display: inline-block !important;
   min-width: 65px !important;
   margin-left: 5px;
}