html {
  --navbar-height: 78px;
  --navbar-sm-height: 74px;
  --navbar-mobile-height: 74px;
}

.main-content-stream {
  margin-left: 0;
  min-height: 100%;
  padding: 0;
  background-color: black;
}

.page-content-stream {
  margin: 0;
  padding: 10px;
  background-color: black;
}

.main-container-stream {
  background-color: black;
  width: 100vw;
  height: 100vh;
}

.main-content::-webkit-scrollbar {
  display: none; /* Hides the scrollbar */
}

.main-content {
  min-height: 100%;
  padding: 0;
  margin: 4px 10px;
  scrollbar-width: none; /* Hides the scrollbar */
  -ms-overflow-style: none; /* Hides the scrollbar */
}

.main-content-map {
  margin: 2px 0 0 10px;
  overflow-y: clip;
}

.main-content-landing {
  max-width: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: row;
  position: relative;
}

.page-content {
  margin: 0;
  background-color: unset;
  padding: 5px 5px;
  /* margin-top: 40px;*/
  overflow-x: hidden;
}

.main-container {
  width: auto;
  height: auto;
}

.sidebar .nav > .nav-item > .nav-link {
  padding: 0.5em 0.5em 0.5em 1em;
}

.pos-rel{
  position: relative;
}
.no-skin .sidebar-toggle > .ace-icon {
  border-color: #bbbbbb;
  color: #6f6f6f;
  background-color: #d2d2d2;
}

.breadcrumbs {
  display: flow-root;
  font-size: 15px;
}
/*
* form hr styles to select from
*/

hr.style1{
  border-top: 1px solid #8c8b8b;
}


hr.style2 {
  border-top: 3px double #8c8b8b;
}

hr.style3 {
  border-top: 1px dashed #8c8b8b;
}

hr.style4 {
  border-top: 1px dotted #8c8b8b;
}

hr.style5 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b;
}


hr.style6 {
  background-color: #fff;
  border-top: 2px dotted #8c8b8b;
}

hr.style7 {
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}


hr.style8 {
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}
hr.style8:after {
  content: '';
  display: block;
  margin-top: 2px;
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}

hr.style9 {
  border-top: 1px dashed #8c8b8b;
  border-bottom: 1px dashed #fff;
}

hr.style10 {
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #fff;
}

hr.style11 {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.style12 {
  border: 0;
  height: 1px;
}

hr.style13 {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.style13:after {
  content: '\002665';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}

hr.style14 {
  border-top: 1px dashed #8c8b8b;
}
hr.style14:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}

hr.style15 {
  border-top: 1px solid #8c8b8b;
  text-align: center;
}
hr.style15:after {
  content: '§';
  display: inline-block;
  position: relative;
  top: -14px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
}

hr.style16 {
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.style16:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

pre {
  width: max-content;
  max-width: 100%;
}

/*
* Bootstrap hack to get Grapes content to display correctly
.row::before,
.row::after{
    content: normal !important;
    display: table !important;
}
*/

.body-yellow {
  background-color: #fbf6ce;
}

/* hide ui helper for filters */
.ui-helper-hidden-accessible { display:none; }

#radioBtn .notActive{
  color: #3276b1;
  background-color: #fff;
}

#company-detail-back {
  margin-right: 10px;
}

.center {
  /* width: 100%; */
  margin: 0 auto;
  text-align: center;
}

/* signature block */
.sig_block_inner {
  outline: 0px;
  width: 100%;
  display: table-cell;
  vertical-align: bottom;
}

.post-header-date {
  align-self: normal;
}

/* build.css */
.checkbox input[type="checkbox"]:checked + label::after {
  font-size: 16px;
  left: -1px;
}

#submit-spinner {
  margin: 4px;
}

#submit-uploading {
  margin: 4px;
  font-size: 15px;
}

.alert {
  margin: 5px;
  padding: 8px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  width: 96%;
}

.alert-float-right {
  float: right;
}

.widget-box {
  background-color: white;
  border: 1px solid #e6e6e6;
  box-shadow: 1px 1px 2px 0 rgb(247, 247, 247);
  padding: 5px 8px 5px 8px;
  margin: 5px 5px;
  border-radius: 2px;
}

.widget-box {
}

.widget-box-inner {
  background-color: white;
  border: 1px solid #dfdfdf;
  padding: 5px 8px;
  margin: 10px;
}

.widget-box-inner {
}

.navbar {
  min-height: 45px;
}

.dash-keyword-search {
  min-width: 380px;
}

.summary {
  margin-top: 4px;
}

/* color label boxes */
.label {
  line-height: normal;
  display: inline-block;
  margin: 1px;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
  text-shadow: none;
  font-weight: normal;
  color: white;
  padding: .15em .6em;
  text-align: center;
  vertical-align: baseline;
  border-radius: 1rem;
  min-width: 25px;
}

.label img {
  margin: -.05rem .2rem 0 -.5rem;
}

.label-wrap {
  display: block;
}

.label-inline {
  display: inline-block;
}

.label-yellow, .label.label-yellow, .badge.badge-yellow, .badge-yellow, .tooltip-yellow{
  color: #996633 !important;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
  background-color: #fee188 !important;
  border-color: #fee188;
}

.ghost{
  color: #B9B9B9 !important;
}

#ps, #eid {
  margin: 10px 0 5px 5px;
}

/*
.modal .checkbox{
    padding: 0;
    margin: 0;
}
*/
.modal h1{
  margin-top: 0;
}

.modal-body {
  position: relative;
  padding: 10px 10px;
  height: auto;
  overflow-y: inherit;
  -webkit-overflow-scrolling: auto;
}
.modal-overflow .modal-body {
  overflow: hidden;
}

.main-content-inner {
  float: none;
}

/*
* force iframe to go full height in notes slide-out section
*/
#notesframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#features .feature .feature-content {
  padding-left: 75px;
}
#hero .hero-form {
  padding: 0px 20px 20px 20px;
  width: 85%;
  float: right;
  text-align: center;
  background: rgb(0, 0, 0);
  border: #FFFFFFE6;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
}

.widget-toolbar {
  padding: 0 15px 0 0;
}

.invoice-info-label {
  font-size: 15px;
  max-width: 200px;
}

.card-header-session-block {
  display: -ms-flexbox;
  display: block;
  -ms-flex-pack: justify;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f9f9f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-body-session-descr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 20px;
}

.card-single-headshot {
  float: left;
  margin: 0 15px 0 0;
}
.card-multi-headshot img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border-radius: 50px;
  border: #797979;
  border-width: 2px;
  border-style: solid;
}
.card-multi-headshot {
  padding: 10px 10px 10px 20px;
  background-color: #f2e6cf7d;
}

.cards-container {
  margin: 4px 0 10px 0;
}

.widget-header > .widget-title {
  line-height: 5px;
}

.widget-header {
  color: #707070;
  font-weight: normal;
  background: #FFF;
  margin: -5px -8px 10px -8px;
  padding: 0 0 0 8px;
}

.widget-header-tabs {
  border-bottom: 0;
  background: unset;
  color: white;
  margin: -5px -8px 0 -8px;
  padding: 15px 0 0 8px;
}

.well {
  background-color: #fff;
}

.well-sm {
  padding: 6px 10px 6px 15px;
  line-height: 1.7em;
}

.well-x-sm {
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #ffffdc;
  line-height: 1.7em;
}

.well-sm p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.well-form-header {
  padding: 4px 12px;
  border-radius: 3px;
  background-color: #97cef2;
  line-height: 1.7em;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle {
  padding: 1px 6px;
  background-color: #cfecff;
}

.forms-amenity_vendor_price_block{
  display:none;
}

/*
 * tooltips
 */
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip-inner {
  background-color: #333333;
  color: #f6f6f6;
  font-size: 12px;
  text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5);
  border-radius: 0;
  padding: 5px 9px;
}
.tooltip.top .tooltip-arrow {
  border-bottom-width: 0;
  border-top-color: #333333;
  -moz-border-top-colors: #333333;
}
.tooltip.right .tooltip-arrow {
  border-left-width: 0;
  border-right-color: #333333;
  -moz-border-right-colors: #333333;
}
.tooltip.left .tooltip-arrow {
  border-right-width: 0;
  border-left-color: #333333;
  -moz-border-left-colors: #333333;
}
.tooltip.bottom .tooltip-arrow {
  border-top-width: 0;
  border-bottom-color: #333333;
  -moz-border-bottom-colors: #333333;
}
.tooltip-danger + .tooltip > .tooltip-inner,
.tooltip.tooltip-error > .tooltip-inner {
  background-color: #c94d32;
  text-shadow: 1px 1px 0 rgba(100,60,20,0.3);
}
.tooltip-danger + .tooltip.top .tooltip-arrow,
.tooltip.tooltip-error.top .tooltip-arrow {
  border-top-color: #c94d32;
  -moz-border-top-colors: #c94d32;
}
.tooltip-danger + .tooltip.right .tooltip-arrow,
.tooltip.tooltip-error.right .tooltip-arrow {
  border-right-color: #c94d32;
  -moz-border-right-colors: #c94d32;
}
.tooltip-danger + .tooltip.left .tooltip-arrow,
.tooltip.tooltip-error.left .tooltip-arrow {
  border-left-color: #c94d32;
  -moz-border-left-colors: #c94d32;
}
.tooltip-danger + .tooltip.bottom .tooltip-arrow,
.tooltip.tooltip-error.bottom .tooltip-arrow {
  border-bottom-color: #c94d32;
  -moz-border-bottom-colors: #c94d32;
}
.tooltip-success + .tooltip > .tooltip-inner,
.tooltip.tooltip-success > .tooltip-inner {
  background-color: #82af6f;
  text-shadow: 1px 1px 0 rgba(60,100,20,0.3);
}
.tooltip-success + .tooltip.top .tooltip-arrow,
.tooltip.tooltip-success.top .tooltip-arrow {
  border-top-color: #82af6f;
  -moz-border-top-colors: #82af6f;
}
.tooltip-success + .tooltip.right .tooltip-arrow,
.tooltip.tooltip-success.right .tooltip-arrow {
  border-right-color: #82af6f;
  -moz-border-right-colors: #82af6f;
}
.tooltip-success + .tooltip.left .tooltip-arrow,
.tooltip.tooltip-success.left .tooltip-arrow {
  border-left-color: #82af6f;
  -moz-border-left-colors: #82af6f;
}
.tooltip-success + .tooltip.bottom .tooltip-arrow,
.tooltip.tooltip-success.bottom .tooltip-arrow {
  border-bottom-color: #629b58;
  -moz-border-bottom-colors: #82af6f;
}
.tooltip-warning + .tooltip > .tooltip-inner,
.tooltip.tooltip-warning > .tooltip-inner {
  background-color: #f89406;
  text-shadow: 1px 1px 0 rgba(100,90,10,0.3);
}
.tooltip-warning + .tooltip.top .tooltip-arrow,
.tooltip.tooltip-warning.top .tooltip-arrow {
  border-top-color: #f89406;
  -moz-border-top-colors: #f89406;
}
.tooltip-warning + .tooltip.right .tooltip-arrow,
.tooltip.tooltip-warning.right .tooltip-arrow {
  border-right-color: #f89406;
  -moz-border-right-colors: #f89406;
}
.tooltip-warning + .tooltip.left .tooltip-arrow,
.tooltip.tooltip-warning.left .tooltip-arrow {
  border-left-color: #f89406;
  -moz-border-left-colors: #f89406;
}
.tooltip-warning + .tooltip.bottom .tooltip-arrow,
.tooltip.tooltip-warning.bottom .tooltip-arrow {
  border-bottom-color: #f89406;
  -moz-border-bottom-colors: #f89406;
}
.tooltip-info + .tooltip > .tooltip-inner,
.tooltip.tooltip-info > .tooltip-inner {
  background-color: #4b89aa;
  text-shadow: 1px 1px 0 rgba(40,50,100,0.3);
}
.tooltip-info + .tooltip.top .tooltip-arrow,
.tooltip.tooltip-info.top .tooltip-arrow {
  border-top-color: #4b89aa;
  -moz-border-top-colors: #4b89aa;
}
.tooltip-info + .tooltip.right .tooltip-arrow,
.tooltip.tooltip-info.right .tooltip-arrow {
  border-right-color: #4b89aa;
  -moz-border-right-colors: #4b89aa;
}
.tooltip-info + .tooltip.left .tooltip-arrow,
.tooltip.tooltip-info.left .tooltip-arrow {
  border-left-color: #4b89aa;
  -moz-border-left-colors: #4b89aa;
}
.tooltip-info + .tooltip.bottom .tooltip-arrow,
.tooltip.tooltip-info.bottom .tooltip-arrow {
  border-bottom-color: #4b89aa;
  -moz-border-bottom-colors: #4b89aa;
}
.tooltip-yellow + .tooltip > .tooltip-inner,
.tooltip.tooltip-yellow > .tooltip-inner {
  background-color: #fee188;
  text-shadow: 1px 1px 0 rgba(100,90,10,0.3);
}
.tooltip-yellow + .tooltip.top .tooltip-arrow,
.tooltip.tooltip-yellow.top .tooltip-arrow {
  border-top-color: #f89406;
  -moz-border-top-colors: #f89406;
}
.tooltip-yellow + .tooltip.right .tooltip-arrow,
.tooltip.tooltip-yellow.right .tooltip-arrow {
  border-right-color: #f89406;
  -moz-border-right-colors: #f89406;
}
.tooltip-yellow + .tooltip.left .tooltip-arrow,
.tooltip.tooltip-yellow.left .tooltip-arrow {
  border-left-color: #f89406;
  -moz-border-left-colors: #f89406;
}
.tooltip-yellow + .tooltip.bottom .tooltip-arrow,
.tooltip.tooltip-yellow.bottom .tooltip-arrow {
  border-bottom-color: #f89406;
  -moz-border-bottom-colors: #f89406;
}

main {
  grid-area: main;
}

header {
  grid-area: header;
}

footer {
  grid-area: footer;
}

.company-keywords {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
  padding: 0 8px;
}

a.company-keywords:hover {
  text-decoration: none;
  border: 1px solid #9d9d9d;
}

/* Cardview grid */
.cardview_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  align-items: stretch;
  clear: both;
  padding-top: 0;
  grid-template-areas: "header" "main" "footer";
  grid-template-rows: auto 1fr auto;
}

.cardview_grid > main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
  clear: both;
  padding-top: 10px;
}

.cardview_grid > header_sav, .cardview_grid > footer_sav{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  align-items: stretch;
  clear: both;
  padding-top: 10px;
}

.cardview_grid > header, .cardview_grid > footer {
  display: block;
  clear: both;
  padding-top: 10px;
}
.cardview_grid #card-item-container {
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
  min-height: 325px;
  display: inline-grid;
  background-color: white;
}
.cardview_grid #card-item-container:hover {
  border: 1px solid #8c8c8c;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
}

.cardview_grid .user_img_round {
  max-width: 95%;
  max-height: 150px;
  border-radius: 6rem;
}

.cardview_img_block .user_img_round {
  max-width: 95%;
  max-height: 150px;
  border-radius: 6rem;
}

.card-body {
  font-size: 1.14rem;
}

/*
.cardview_grid #card-item-container img {
  max-width: 95%;
  max-height: 150px;
  border-radius: 6rem;
}
}*/

.gridview_img {
  max-width: 95%;
  max-height: 70px;
  border-radius: 3rem;
}

.detail-main-image-block img {
  max-height: 200px;
}

.cardview_text {
  padding: 0 20px 20px;
  display: inline-grid;
  align-items: flex-end;
}
.cardview_text > button {
  background: gray;
  border: 0;
  color: white;
}
.cardview_img {
  margin-left: auto;
  margin-right: auto;
}
.cardview_img_block {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cardview_buttons .btn {
  width: max-content;
  float: right;
}
.cardview_fields {
  height: 130px;
}
.cardview_fields_company {
  height: 100px;
}
.cardview_buttons {
  white-space: nowrap;
}
.cart_header_block{
  display: none;
}
.cart_header_total_due {
  display: inline;
  margin-right: 10px;
  font-weight: bolder;
}
.fa-bookmark-o {
  margin: 0 3px;
}
.fa-bookmark {
  margin: 0 3px;
  color: khaki;
}
.cardview_img_block .fa {
  font-size: 130px;
  margin: 20px auto;
  opacity: 14%;
}
/* Media cardview grid */
.media_cardview_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  align-items: stretch;
  clear: both;
  padding-top: 0;
  grid-template-areas: "header" "main" "footer";
  grid-template-rows: auto 1fr auto;
}

.media_cardview_grid > main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 10px;
  align-items: stretch;
  clear: both;
  /* padding-top: 10px; */
}

.media_cardview_grid > header, .media_cardview_grid > footer{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  align-items: stretch;
  clear: both;
  padding-top: 10px;
}

.media_cardview_grid #media-card-item-container {
  /* border: 1px solid #ccc; */
  /* box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);*/
  min-height: 25px;
  display: inline-grid;
  background-color: white;
}

.media_cardview_grid #media-card-item-container:hover {
  box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.3);
}

.media_cardview_grid #media-card-item-container img {
  max-width: 90%;
}
.media_cardview_text {
  padding: 0 20px 20px;
  display: inline-grid;
  align-items: flex-end;
}
.media_cardview_text > button {
  background: gray;
  border: 0;
  color: white;
}
.media_cardview_img {
  /* max-height: 100px;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2%;
}
.media_cardview_img_block {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.media_cardview_text .btn {
  width: max-content;
}
.media_cardview_fields {
  height: 140px;
}
.media_cardview_buttons {
  white-space: nowrap;
}

/* Video Stage grid */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}


@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

#video_stage_grid {
  /*display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
  grid-column-gap: var(--spacing);
  grid-gap: 10px;
  align-items: stretch;
  clear: both;*/
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 10px;
  align-items: stretch;
  justify-content: space-evenly;
}
/*
#video_stage_grid > div {
    display: inline-grid;
}

#video_stage_grid > div:hover {
    // border: 1px solid #ccc;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,.5);
}

#video_stage_grid > div img {
    max-width: 90%;
}
*/

.video_guest_block_inner_stage{
  /*background-color: grey;*/
  position: relative;
  display: flex;
  max-height: 99vh;
  width: auto; /*one-person:max-content*/
  margin: 0 auto;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
  /* pip
  position: absolute;
  z-index: 9998;
  bottom: 10px;
  */
}

.video_guest_block_inner_stage > video {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
  /*background-color: black;*/
}

.video_screen_block_inner_stage{
  position: relative;
  display: flex;
  height: auto; /* dynamic - auto/100 */
  max-height: 100vh;
  width: auto; /*one-person:max-content*/
  margin: 0 auto;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.video_screen_block_inner_stage > video {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
  /*background-color: black;*/
}

.video_roll_stage_grid{
  position: relative;
  display: flex;
  height: auto; /* dynamic - auto/100 */
  max-height: 100vh;
  width: auto; /*one-person:max-content*/
  margin: 0 auto;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.video_roll_stage_grid > video {
  height: 100vh;
  width: 100vw;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
  /*background-color: black;*/
}

#video_roll_block {
  width: 100%;
  height: auto; /* dynamic - auto/100 for vr/screenshare */
  display: none;
  background-color: black;
}

.video_roll_block_inner_stage{
  position: relative;
  display: flex;
  height: auto; /* dynamic - auto/100 */
  max-height: 100vh;
  width: auto; /*one-person:max-content*/
  margin: 0 auto;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.video_roll_group_grid{
  position: relative;
  display: flex;
  height: auto; /* dynamic - auto/100 */
  max-height: 100vh;
  width: auto; /*one-person:max-content*/
  margin: 0 auto;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.video_roll_group_grid > video {
  height: 100vh;
  width: 100vw;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.vjs-tech {
  height: 100vh;
  width: 100vw;
}

.vjs-control-text,
.vjs-modal-dialog,
.vjs-text-track-display,
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-control-bar{
  display: none;
}

.video-js.vjs-playing .vjs-tech {
  /* prevent click to pause*/
  pointer-events: none;
}

.video_stage_element {
  width: 100%;
  /* pip
  width: 200px;
  */
}

.video_stage_element_screen {
  width: 100%;
  height: auto; /* dynamic - auto/100 for screenshare */
}

#button-pip-off{
  display: none;
}

.page-content-video-group {
  position: relative;
  margin: 0;
  padding: 10px;
  height: 80vh;  /* dynamic - 80/100 */
  z-index: 1000;
}

.video_guest_name_stage {
  position: absolute;
  margin: 0;
  padding: 0.5em 0.5em 0.5em 1em;
  background: #008b8bc4;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  width: max-content;
}

.video_guest_name_stage::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: -2em;
  border: 1em solid #008b8bc4;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.video_guest_name_stage {
  bottom: 15px;
}

.video_guest_block_inner_stage:before {
  /*content: "";
  display: block;
  height: 0;
  width: 0;
  padding-bottom: calc(9/16 * 90vh);*/
}

/* Video Session grid */
.row-video-containers-embed {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: auto;
  height: 90vh;
  background-color: #d8eed8;
}

.iframe {
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
  background-color: #d5d5d5;
}

.stage_screen_share{
  cursor:zoom-in;
}

#video-stage-content {
  /*background-image: url("https://coolbackgrounds.io/images/backgrounds/index/ranger-4df6c1b6.png");
  background-size: cover;
  background-position: center center;*/
}

#video-control-sep1 {
  color: #b9b9b9;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.page-content-video-control {
  margin: 0 10px;
}

.waiting-container {
  height: max-content;
  padding: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: #008b8b4f;
}

#video_controls_block {
  z-index: 999;
  position: inherit;
  display: block;
}

#video_guests_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-gap: 10px;
  align-items: stretch;
  clear: both;
}

#video_guests_grid > div {
  display: inline-grid;
}

#video_guests_grid > div:hover {
  /* border: 1px solid #ccc; */
  box-shadow: 2px 2px 3px 1px rgba(0,0,0,.5);
}

#video_guests_grid > div img {
  max-width: 90%;
}

.video_guest_block_inner > video {
  width: 100%;
}

.video_guest_block_inner_waiting > video {
  width: 100%;
  height: auto;
}


.video_guest_block_inner_waiting {
  background-color: black;
  border-color: #717171;
  border-width: 1px;
  border-style: ridge;
  cursor: pointer;
}

#main-container-video-stage {
  background-color: #000;
  height: 100vh;
}

#stage-control-buttons {
  position: fixed;
  bottom: 0;
  right: 0;
  padding-bottom: 5px;
  z-index: 9999;
  margin-right: 5px;
}

#group-control-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 5px;
  z-index: 9999;
  margin-right: 5px;
}

#pip-dropdown, #stream-dropdown {
  padding: 5px 8px;
}

.page-content-video-stage {
  position: relative;
  margin: 0;
  padding: 8px;
  height: 100vh;
  z-index: 9990;
}

#video_guests_text {
  padding: 0 20px 20px;
  display: inline-grid;
  align-items: flex-end;
}
#video_guests_text > button {
  background: gray;
  border: 0;
  color: white;
}
#video_guests_img {
  max-height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}
#video_guests_img_block {
  margin-top: 10px;
  text-align: center;
}
#video_guests_text .btn {
  width: max-content;
}
#video_guests_buttons {
  white-space: nowrap;
}

.video_guest_del {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  color: #fff;
  background-color: #000000;
  font-size: 12px;
  line-height: 1em;
  display: block;
  cursor: pointer;
  opacity: .1;
}

.video_guest_block_inner_stage:hover > .video_guest_del {
  position: absolute;
  color: #76ff76;
  background-color: #000000;
  cursor: pointer;
  opacity: 1;
}

.guest_remove_ico {
  float: inline-start;
  padding: 2px 2px;
  color: #ff7c7c;
}

.guest_remove_txt {
  float: right;
  padding: 6px 5px 0 5px;
  font-size: 13px;
  color: white;
}

.video_guest_add {
  position: absolute;
  top: auto;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  color: #fff;
  background-color: #000000;
  font-size: 12px;
  line-height: 1em;
  display: none;
  cursor: pointer;
}

.video_guest_block_inner_waiting:hover > .video_guest_add {
  position: absolute;
  top: auto;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-size: 12px;
  line-height: 1em;
  color: #76ff76;
  background-color: #000000;
  display: inline;
  cursor: pointer;
}

.guest_add_ico {
  float: inline-start;
  padding: 2px 2px;
}

.guest_add_txt {
  float: right;
  padding: 6px 5px 0 5px;
  font-size: 13px;
}

.video_guest_name_waiting {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0.5em 0.5em 0.5em 1em;
  background: #008b8bc4;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  width: max-content;
}

.video_guest_name_waiting::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: -2em;
  border: 1em solid #008b8bc4;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.cart_header_total_due {
  display: inline;
  margin-right: 10px;
  font-weight: bolder;
}

/*Single checkbox mods*/

.cbx, .cbx-container {
  margin: 4px 0 -3px 2px;
  vertical-align: baseline;
}

.cbx-sm {
  width: 18px;
  height: 18px;
  font-size: 13px;
}
.cbx-icon {
  font-size: 11px;
  top: -2px;
}
.cbx-active {
  /*background: #428bca;*/
  /*color: #FFF;*/
}
.cbx-label {
  /*margin-bottom: 8px;*/
  margin-top: 4px;
}

/*
.cbx-container {
    margin-bottom: 12px;
    margin-top: 4px;
}
*/

div.hopscotch-bubble .hopscotch-content {
  line-height: 20px;
}
div.hopscotch-bubble {
  color: #535353;
  font-size: 16px;
}
div.hopscotch-bubble h3 {
  font-size: 18px;
  margin: 0px 25px 5px 0;
}

.modal-dialog {
  max-width: 450px;
  margin: 1.75rem auto;
}

.modal-body {
  min-height: 500px;
}

#vendorModal .modal-dialog {
  max-width: 940px;
}

.modal-page-content {
  max-height: 60vh;
  overflow: auto;
}

.modal-backdrop {
  display: none;
}

.modal-dialog-1000{
  width: 1000px;
}

.modal-dialog-badge1 {
  width: 680px;
  margin: 30px auto;
}

/* Important part */
.modal-dialog-badge1{
  overflow-y: initial !important
}

.loader {
  position: absolute;
  left: calc(50% - 40px);
  top: 40%;
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  width: 80px;
  height: 80px;
  z-index: 20000;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  -moz-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.modal-loader {
  display: none;
  position: absolute;
  left: calc(50% - 64px);
  top: 20%;
  color: inherit;
  width: 128px;
  height: 128px;
  z-index: 100;
}
.modal-loader div {
  transform-origin: 64px 64px;
  animation: lds-spinner 1.2s linear infinite;
}
.modal-loader div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 6px;
  left: 58px;
  width: 10px;
  height: 28px;
  border-radius: 20%;
  background: #999;
}
.modal-loader div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.modal-loader div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.modal-loader div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.modal-loader div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.modal-loader div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.modal-loader div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.modal-loader div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.modal-loader div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.modal-loader div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.modal-loader div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.modal-loader div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.modal-loader div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.author-source:hover {
  cursor: pointer;
}

.help-block-error {
  margin-top: -2px;
}

.help-block-input {
  margin: -1.2rem 0 .8rem .2rem;
  color: #666;
  clear: both;
  font-size: small;
  font-style: initial;
  width: fit-content;
  padding: 2px 4px;
  border-radius: 0.2rem;
}

.help-block-selectors {
  margin: 4px 0px 0px 0px;
  color: #313131;
  background-color: #eee;
  padding: 2px 8px;
  font-size: smaller;
  width: auto;
}

#hero {
  padding: 110px 0;
}

/* 2nd menu level */
.no-skin .nav-list > li .submenu > li > a {
  font-size: 110%;
}

.control-label{
  white-space: nowrap;
}

.user-info {
  top: 12px;
  font-size: 14px;
  max-width: none;
  overflow: visible;
  margin-left: 5px;
}

.dropdown-menu{
  margin-right:4px;
}

.dropdown-menu-pip {
  background-color: unset;
  border: unset;
  background-clip: unset;
  box-shadow: unset;
  text-align: right;
}

.btn-group .dropdown-menu {
  min-width: 100px;
  margin-right: 2px;
}

/* landing page stuff*/
#header .logo {
  margin-top: -8px;
}
.logo {
  font-size: 62px;
  font-weight: bold;
}

#header {
  padding: 0px;
  height: 86px;
}
.logoimg {
  height: 80px;
  margin-right: 10px;
}
.logo-string {
  padding-top: 2px;
  line-height: 75px;
}
.page-header {
  border-bottom: 0px;
}
.phone {
  margin-top: 10px;
}

p.lead {
  font-size: 20px;
  line-height: 1.4em;
}

#header .navigation {
  float: right;
  margin-top: 25px;
}

#hero .hero-text .title {
  margin: 0 0 20px 0;
  font-size: 38px;
  color: #ffffff;
}

#header .navigation nav ul li {
  margin-left: 10px;
}

#header .navigation nav ul li a {
  font-size: 20px;
}

.navbar-brand {
  padding: 10px 8px;
}

.label.arrowed-right, .label.arrowed-in-right {
  z-index: 0;
}

.label.arrowed, .label.arrowed-in {
  z-index: 0;
}

.reconcile_header{
  font-size:16px;
}

.btn.multiple-input-list__btn.js-input-plus.btn-default {
  background-color: green !important;
}

.btn-group > .btn:first-child {
  margin-right: 2px;
  margin-left: 2px;
}

.btn-group .dropdown-toggle {
  border-radius: 3px;
  padding: 4px 6px 4px 8px;
  line-height: 1.43;
  margin-right: 4px;
}

.btn-group > .btn > .caret {
  margin-top: 2px;
}


/* smaller button for Gridview cell */
.btn-comp {
  padding: 1px 4px;
  border-radius: 4px;
  font-size: smaller;
  white-space: nowrap;
}

a.btn-comp {
  text-decoration: none;
}

.btn-grid {
  padding: 2px 8px;
  border-radius: 4px;
  line-height: normal;
}

a.btn-grid {
  text-decoration: none;
}

.btn-mini {
  padding: 0px 6px;
  border-radius: 4px;
  line-height: normal;
}

.btn-group > .btn.btn-sm > .caret {
  margin-top: -2px;
  border-width: 4px;
}

.btn-sign-doc {
  font-size: 24px;
}

.btn-minier, .btn-group-minier > .btn {
  margin: 1px 0px;
}

tr .btn-sm {
  line-height: 1.4;
  vertical-align: middle;
  border-style: outset;
  border-color: #a4a4a4;
  border-width: 1px;
}

a.btn-sm {
  text-decoration: none;
  margin: 2px;
  display: inline-block;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 14px;
  padding-bottom: 6px;
}

.btn-grey,.btn-grey:focus {
  background-color: #b1b1b1 !important;
  border-color: #b1b1b1;
  color: white;
}

tr .btn-lg {
  line-height: 2.2;
}
a.btn-lg {
  text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
  font-size: 16px;
}

.gridview-elastic{
  width: 60px;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  padding: 10px;
}

.gridview-elastic-left{
  width: 60px;
  text-align: left;
  white-space: nowrap;
  overflow: visible;
  padding: 10px;
}

.gridview-elastic-right{
  width: 60px;
  text-align: right;
  white-space: nowrap;
  overflow: visible;
  padding: 10px;
}

.gridview-elastic-center{
  /*width: 60px;*/
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  padding: 10px;
  width: max-content;
}

.table .ui-autocomplete-input {
  width: 100%;
  height: 28px;
}

#gridview-nomargin {
  margin-top: 25px;
}

#gridview .pull-right {
  margin-bottom: 4px;
}

.grid-view {
  margin-top: 10px;
}

.amenity-grid-view {
  margin-top: 0px;
  width: 80%;
  margin-left: 14px;
}

.amenity-grid-view-table {
  margin-bottom: 10px;
}

#drag-bars {
  cursor: move;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 10px;
}
.btn-minier, .btn-group-minier > .btn {
  padding: 8px;
}
.nav-list > li > a > .menu-icon {
  margin-right: 0;
  font-size: 22px;
}
.nav-list > li > a {
  font-size: 15px;
  padding-left: 0;
  height: 39px;
  margin-left: 8px;
}
.no-skin .nav-list li.active > a::after {
  border-right-color: #FFF;
  -moz-border-right-colors: #FFF;
}

.no-skin .nav-list > li.active::after {
  border-width: 0 4px 0 0;
  border-color: #6da1ca;
}

/* sidebar z-index stuff */
.sidebar.menu-min .nav-list > li:hover > a > .menu-text,
.sidebar.menu-min .nav-list > li.hover-show > a > .menu-text {
  display: block;
  z-index:999;
}

.site-login, .site-signup, .site-request-password-reset, .site-reset-password {
  padding: 10px;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

.modal.aside {
  z-index: 9100;
}

.modal-content-slide {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal.aside-vc  .slide-modal-dialog {
  width: 400px;
  transition: transform 0.3s ease-out 0.0s;
}
.slide-help-body {
  padding: 8px 10px;
  border: 1px solid #DEDEDE;
  background-color: rgba(240, 243, 190, 0.45);
  min-height: 110px;
}
.table-header {
  background-color: rgba(192, 243, 188, 0.8);
  color: #000;
  font-size: 15px;
  line-height: 37px;
  padding-left: 12px;
  border: 1px solid #DEDEDE;
}

label {
  margin-right: 0px;
  margin-top: 4px;
}
.checkbox-inline {
  /* margin-left: 15px; */
}

.widget-toolbar-dashboard-searchbox {
  display: inline-block;
  padding: 0 10px;
  line-height: 37px;
  float: left;
  position: relative;
}

/*******************/
/* CRM APP screens */
/*******************/
.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
  height: 38px !important;
}
.select2-search__field {
  margin-left: 20px;
}

.select2-selection__choice__remove {
  font-size: 16px;
  color: red;
}

.select2-selection__choice {
  font-size: 16px;
  padding: 2px 8px 3px 10px;
}

.tab-content {
  margin: 0 4px;
  padding: 0 14px;
}

.tab-content.no-border {
  border: none;
  margin-left: 8px;
  padding: 0 14px;
}
.company-profile-default-icon {
  color: #8A8A8A;
  font-size: 100px;
}

h3.company-profile-title {
  margin: 5px 20px 15px 10px;
}

.nav.nav-tabs.nav-tabs-company-profile {
  height: 45px;
  position: inherit;
  margin-left: 20px;
  margin-top: 10px;
}

.nav.nav-compact-2 {
  background-color: #f0f0f0;
  border-radius: 2em;
  border: #d5d5d5;
  border-style: solid;
}

.hidden{
  /*display:none;*/
}

a.btn-tag-cloud {
  text-decoration: none;
  margin: 2px 0;
  display: inline-block;
}

.btn-tag-cloud {
  border-style: solid;
  border-color: #b9b9b9;
  border-width: 0.1em;
}

.btn-bookmark-small {
  font-size: small;
  border-radius: 2px;
  border: 1px solid transparent;
  margin: 2px 2px;
  padding: 4px 4px 2px 4px;
}

.bookmark_button {
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 1000;
}

.news-image-block {
  max-height: 300px;
  overflow: auto;
}

.news-image-block-detail {
  /*max-height: 300px;*/
  overflow: auto;
}

#profile-tab-media img {
  max-width: 170px;
}

#product-tab-media img {
  max-width: 170px;
}

/* right-justify contact detail labels */
.table-bordered > tbody > tr > th, .table-bordered > thead > tr > th {
  /*text-align: right;*/

}

#contact_info_name {
  font-size: 15px;
  font-weight: bold;
}

#contact_detail_name {
  font-size: 16px;
  font-weight: bold;
}

#contact_detail_header_block {
  text-align: center;
  margin: 20px;
}

.profile-picture {
  border-radius: 5%;
  margin-bottom: 8px;
  box-shadow: unset;
  border: 0;
  background-color: unset;
}

.detailview-label {
  text-align: left;
  vertical-align: top !important;
  white-space: nowrap;
  width: 20%;
}

.detailview-data {
  width: 80%;
}

.jcrop-holder {
  direction: ltr;
  text-align: center;
  -ms-touch-action: none;
  margin: auto;
}

#imageId_buttons {
  margin-top: 20px;
}

#contact_detail_company {
  font-size: 16px;
  font-weight: normal;
}

#news_block_image {
  float: left;
  margin-right: 10px;
  min-width: 40px;
}

#news_block_author_info {
  font-size: 16px;
}

#news_block_from_info {
  font-size: 15px;
}

.news-block-header {
  min-height: 70px;
}

#contact_info_image {
  width: 60px;
  height: auto;
}

#navbar_user_image {
  height: 40px;
  border-radius: 50%;
}

#contact_detail_image {
  /*border-radius: 5%;*/
  max-height: 120px;
  border-radius: 50%;
}

.news-image {
  max-width: 100%;
  max-height: 90vh;
}

.gallery-image {
  max-width: 100%;
  max-height: 90vh;
}

.company_profile_featured_image {
  display: block;
  max-width: 400px;
  max-height: 400px;
  width: auto;
  height: auto;
  margin: auto;
  border-radius: 50%;
}

#gridview_company_logo {
  display: block;
  max-width: 120px;
  max-height: 80px;
  width: auto;
  height: auto;
  margin: auto;
}

#gridview_attendee_image {
  display: block;
  max-width: 60px;
  max-height: 60px;
  width: auto;
  height: auto;
  margin: auto;
  border-radius: 50%;
}

.news-date {
  color: #555;
  margin-left: auto;
  order: 2;
}

.news-action-button-block {
  text-align: right;
}

.news-block-main {
  margin-top: 15px;
}

#news-item-back {
  margin: 8px 2px;
}

/* apply form */

.amenity_type {
  vertical-align: middle;
}

.amenity-label {
  flex: 2;
  border: 1px solid #ccc;
  padding: 5px 5px 4px 20px;
  background-color: #f6f6f6;
  white-space: nowrap;
}

.select-checkout {
  float: right;
  margin-top: 5px;
}

.client-order-label {
  flex: 2;
  border: 1px solid #ccc;
  padding: 10px 5px 4px 20px;
  background-color: #f6f6f6;
}

.client-order-label.checkbox {
  padding-left: 28px;
  padding-top: 6px;
}

.amenity-price {
  flex: 0 1 140px;
  border: solid #ccc;
  padding: 5px 10px 4px 10px;
  font-size: 14px;
  border-width: 1px 1px 1px 0px;
  background-color: #ffffe6;
  white-space: nowrap;
  text-align: right;
}

.amenity_qty {
  padding-left: 4px;
  border: solid 1px #dcdcdc;
}

.amenity-label.checkbox {
  padding-left: 28px;
  padding-top: 6px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  padding: 3px 30px 3px 5px;
  white-space: nowrap;
}

/* Alert box */
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-block {
  padding: 10px 20px;
  overflow: auto;
}

/* apply summary due block*/
.summary_total_due {
  float: right;
  text-align: center;
  background-color: #ffdfdf;
  padding: 0px 6px 6px 6px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 200px;
  color: black;
}

.checkout_paypal_button {
  float: right;
  margin-right: 20px;
  margin-top: -20px;
  padding: 10px;
}

.media_file_preview {
  display: inline-block;
  margin-left: 5px;
}

/* Trumbowyg */
.trumbowyg-editor, .trumbowyg-textarea {
  padding: 10px;
  font-size: 14px;
}
.trumbowyg-box, .trumbowyg-editor {
  margin: 5px auto 0 auto;
}

/* Signup Form Mods */
#signupform-username,
#signupform-password,
#signupform-email,
#loginform-email,
#loginform-password,
#loginform-username,
#loginform-phone,
#passwordresetrequestform-email {
  height: 50px;
  font-size: 18px;
  padding-left: 10px;
  width: 98%;
}

/* Apply Page Tweaks */
.client_desc {
  margin-left: 10px;
  font-style: italic;
  font-size: 14px;
}

.selectors-shift-left{
  padding-left: 20px;
}

#forms-discount_rate,
#forms-discount_amount,
#forms-attendance_fee,
#forms-application_fee
{
  font-size: 115%;
}

/* Formats hover labels on Applicant Fields */
.tooltip_field_vals{
  text-decoration-style: dotted;
  text-decoration-line: underline;
  cursor: help;
}

.sweet-alert p {
  font-size: 20px;
}

/* Template Field Selector Labels */
.template-field-label {
  font-size: 17px;
}

.template-field-selector-container .template-field-container:hover {
  box-shadow: 1px 1px 5px #a7a7a7;
  border-color: #C76C0C;
  background: #ededed;
  filter: alpha(opacity=100);
  opacity: 1;
}

select#video-controls, option#video-controls.selected {
  width:max-content;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  height: auto;
  font-size: 13px;
  line-height: 1.5em;
  padding: 3px 35px 5px 8px;
}

/* Custom dropdown */
.dropdown-selector {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 2px 2px 2px 2px;
}

.dropdown-selector select {
  background-color: #6fb3e0;
  color: #fff;
  height: 35px;
  font-size: 1.22rem;
  padding: .35em 2.5em .3em .5em;
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 2px;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dropdown-selector::before,
.dropdown-selector::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

/*  Custom dropdown arrow */
.dropdown-selector::after {
  content: "\25BC";
  height: 1em;
  font-size: 1.1em;
  line-height: 1em;
  right: 0.55em;
  top: 50%;
  margin-top: -.6em;
}

.dropdown-selector::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.dropdown-selector select[disabled] {
  color: rgba(0,0,0,.3);
}

.dropdown-selector select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.dropdown-selector::before {
  background-color: rgba(0,0,0,.15);
  height: 32px;
  margin: auto;
}
.dropdown-selector::after {
  color: rgba(0,0,0,.4);
}

/* remove margin for hidden fields */
.form-group.field-applicants-cpk,
.form-group.field-applicants-applic_id,
.form-group.field-applicants-form_code {
  margin-bottom: 0px;
}

/* Front Map Detail Sortable list*/
#events-booth_details-sortable {
  margin-left: 0px;
}

#events-booth_details-sortable i {
  padding: 10px;
  border: 1px solid #ddd;
  margin-right: 4px;
}

.sortable li {
  padding: 6px;
}

select.applicants-recordpayment {
  padding: 4px 6px;
  margin-left: -4px;
  font-size: 14px;
}

.input-group-cell-override {
  display: table-cell;
  margin: 0px 0px 0px 10px;
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Stripe Button */
.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;

  background-image: -webkit-linear-gradient(#28A0E5, #015E94);
  background-image: -moz-linear-gradient(#28A0E5, #015E94);
  background-image: -ms-linear-gradient(#28A0E5, #015E94);
  background-image: linear-gradient(#28A0E5, #015E94);

  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;

  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

  cursor: pointer;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stripe-connect:hover{
  text-decoration: none;
}

.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;

  background: #1275FF;
  background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);

  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.stripe-connect span:before {
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}

.stripe-connect:active {
  background: #005D93;
}

.stripe-connect:active span {
  color: #EEE;

  background: #008CDD;
  background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);

  -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect:active span:before {

}

/* Images*/

.stripe-connect span:before{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADQklEQVRIDbWVaUiUQRjHZ96dXY/d1fYQj1U03dJSw9YkFgy6DIkILRArQSSC7PjQjQQqVH7oQ0GHQUWgpQhKHzoNSqiUwpXcsrwIjzVtPVrzbPV9Z6bZhYV3N3WXYAeGmWeeZ37z8J95GEgpBf5oeXn1Es4fYAdzPDlM6je4RBYhR+LMU89UxiCBGiCgkUwsBYSA+SlPKLQBQAYEAZm+3j42K96z3NyOF7VOeMrp62opRcacjPW5+43rDTpNSKQ8QKZAEg7xmPCTs/O27uGJgXuNbW0pxyvLfTmAEBzthEsFZLxRvPdi5rpYo2cmUiQJDA4IVeo0obGdlvGfXUPj0Sym2zPuHxvzcWjDyVupJ/YYizKTGNjLw/HiduNTAqIRIUJ6Vpp+ky8bCSFgwQ2xgkGxFi1ioNWEBGuJB31gbLIv/2pd7SpFoGxtpCYkLSEq4ptlzIYFO7tc7w0TKkeEYg5ADnrWkkYhD8s26GPq3nW0WKxTptftPYBI4Mj3O2fHvKNZBMVSDmMwarXNjDkSF3d5kExZeiCr8M2VI+VFu9IvsPcYtzAvkfoEZkEEE45jMppq3ppbCNPFIY1nD1cpo07lbMmvOXeoDCF8BLKy9uUAAjDkBh+c6bz78mNtVVP7MwET7JBnqb4xXpdWVpC1OVzWn+ELHLCsneX/s7rkRWl1463cy1U3WroG21jhCGKJXPOtKQnpAuENvsAppgDB3TcDVIrpDHbK5Kd+y7W8iodNybHh22rOHyxUK+UaMYjZaoyp25rYL54TSihSKmwZ14v3lc3ZFxdbeywjn/tGJnkmzrydX1ApxOEACKymmXLYfXVpi1JMEOGxPi1ep18doY4r2J7uFumQQ9yGf01bMcZW8dpyc0oIjxxpuC5wuUDX+ovWrnYeg3aXvdLIqnmOvXPsfH6uA5YbTb1DX8ofvTLzTy6ZV4K6fAw+gXiATfdffmjeaUgc1UdpdWplsCooQBrEnqUw82dhdnjit/Vxc4f59tP3DRjzJvYteqrl4rmNlJIfrOwpgNklesDRNQBCHYtQAQqD2CgACNjHAJnG1EyfV/S67fZiJB5t2OGEe4n7L3fS4fpEv/2hUEATfoPbuam5v8N7nps70YTbAAAAAElFTkSuQmCC");
}
/* End of stripe button*/

/* GrapesJS Editor */
.gjs-editor {
  font-size: 1.25rem;
}
.gjs-trt-traits{
  font-size:1.25rem;
}
.gjs-sm-properties{
  font-size:1.25rem;
  padding:10px 5px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  box-sizing:border-box;
  width:100%
}
.gjs-layer{
  font-weight:lighter;
  text-align:left;
  position:relative;
  background-color:rgba(0,0,0,0.1);
  font-size:1.25rem;
}
.gjs-clm-tags{
  font-size:1.25rem;
  padding:10px 5px
}
.gjs-pn-options {
  right: 15%;
  top: 0;
  font-size: 1.7rem;
}
.gjs-pn-buttons {
  font-size: 1.7rem;
}

.gjs-devices-c {
  padding: 0;
}

/* Terms and Conditions
*/
.terms {
  margin-left: 30px;
}
.terms li {
  margin: 6px 2px;
}
.tm25 {
  padding: 4px 8px;
}

/* products selector page */

.value-pair-container {
  display: flex;
  justify-content: flex-start;
}

.pair-item {
  flex: 2;
  padding: 2px;
  white-space: nowrap;
}

.pair-value {
  flex: 0 1 140px;
  padding: 2px;
  font-size: 14px;
  white-space: nowrap;
  text-align: right;
  display: table;
  border-collapse: separate;
  border-radius: 0 !important;

}

.pair-item-input {
  width: 95%;
}

.pair-value-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 60px;
}

.input-group-addon{
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  width: auto;
  border-radius: 0 !important;
}

.amenity-price-null {
  flex: 0 1 140px;
  border: solid #ccc;
  padding: 5px 5px 5px 10px;
  border-width: 1px 1px 1px 0px;
  background-color: #f6f6f6;
}

.amenity_booth_qty {
  padding-left: 8px;
  border: solid 1px #dcdcdc;
  margin: 0 4px 0 2px;
}

.amenity_disable_qty {
  padding-left: 8px;
  border: solid 1px #dcdcdc;
  width: 40px;
  margin: 0 4px 0 2px;
}

/* Format number field */
.amenity_qty, .amenity_qty_single {
  border: solid 1px #dcdcdc;
  height: 28px;
  width: 28px;
  padding: 5px 4px;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"] {
  -moz-appearance: textfield;
}

.amenity-label.checkbox {
  padding-left: 28px;
  padding-top: 6px;
}

.badge-note {
  flex: 3;
  padding: 2px 2px 2px 10px;
  background-color: #fff;
  white-space: nowrap;
  color: #ff3b3b;
}

.chosen-container-multi .chosen-choices li.search-choice {
  padding: 3px 30px 3px 5px;
  white-space: nowrap;
}

.amenity-item-container {
  display: flex;
  justify-content: flex-start;
}

.product-desc {
  display: block;
  margin: 8px 0 4px 0;
}

button,input,optgroup,select,textarea {
  margin:0;
  font:inherit;
  color:inherit;
}

input {
  line-height:normal;
}

input, button, select, textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

textarea {
  width:inherit;
}

/* custom navbar top */
.navbar-fixed > .navbar-inner {
  height: 74px;
  padding-left: 6px;
}

#id-navbar-user-image {
}

a.nav-link {
  color: #282828;
}

.event-logo {
  width: fit-content;
  height: 74px;
  margin-left: 10px;
}

@media (min-width:500px){
  .sig_block_inner{
    width: 50%;
  }
}

@media{
  .modal-dialog {
    margin: 80px auto;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 1200px) {
  .page-content {
    margin: 0;
    background-color: unset;
    padding: 5px 10px;
  }
}

@media only screen and (max-width: 991px) {
  .crm-news-view {
    margin: 0 20px;
  }
  .terms {
    margin-left: 20px;
  }
  .navbar-header-label{
    width: 100%;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .page-content {
    margin: 0;
    background-color: unset;
    padding: 5px;
  }
  .form-group .col-lg-8 .form-control {
    margin-left: 5px;
  }
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /* padding-left: 14px;
    padding-right: 14px; */
  }
  .page-content > .row .col-xs-12{
    max-width: 100%;
    margin: 0;
  }
  .crm-news-view {
    margin: 0 20px;
  }
  th#col_1, th#col_2, th#col_3, th#col_4, th#col_5 {
    display: none;
  }
  body {
    /* font-size: larger;*/
  }
  .client-action-buttons a.btn-sm a.btn-sm {
    clear: both;
    font-size: large;
    padding: 8px 12px;
  }
  .label {
    /*font-size: larger;*/
    display: inline;
  }
  .client-payment-options{
    float:right;
  }
  #msform fieldset {
    background: white;
    border: 0 none;
    padding: 5px 10px;
    margin: 0 5%;
    width: 90%;
  }
  #msform {
    margin: 20px auto;
  }
  .t-fs-title {
    font-weight: 300;
    color: #0081c2;
    font-size: 26px;
  }
  .footer, .fs-title, #onboard_hr1, #onboard_hr3, #onboard_hr2 {
    display: none;
  }
  .wellx {
    padding: 0;
    margin-bottom: 0;
    border: 0;
  }
  .control-label {
    white-space: normal;
  }
  #signup-acct-type {
    margin-bottom: 25px;
  }
  .signup-password {
    width: 100%;
    margin: auto;
  }
  .signup-acct-type-btn {
    padding: 15px;
  }
  .crm-contacts-update, .crm-contacts-create {
    margin: 20px;
  }
}

@media (min-width: 480px) and (max-width: 540px), (max-width: 360px) {
  .navbar:not(.navbar-collapse) .navbar-buttons .user-menu {
    padding-top: 42px !important;
  }
  .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
    color: #FFF;
    display: contents;
    cursor: text;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 1px) and (max-width: 479px) {
  .page-content {
    margin: 0;
    background-color: unset;
    padding: 5px;
  }
  .navbar .navbar-brand {
    white-space: nowrap;
  }
  .form-group .col-lg-8 .form-control {
    margin-left: 5px;
  }
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /* padding-left: 8px;
    padding-right: 14px;*/
  }
  .page-content > .row .col-xs-12{
    max-width: 100%;
    margin: 0;
  }
  .well {
    padding: 0;
    margin-bottom: 0;
    border: 0;
  }
  .form-horizontal .radio {
    padding-top: 7px;
    margin: 0 0 0 20px;
  }
  .crm-news-view {
    margin: 0 20px;
  }
  .client-action-button-float{
    float:none;
  }
  .navbar:not(.navbar-collapse) .ace-nav {
    display: block;
    float: right !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.1);
    letter-spacing: -3px;
  }
  th#col_1, th#col_2, th#col_3, th#col_4, th#col_5, th#col_8{
    display: none;
  }
  body {
    /*font-size: large;*/
  }
  .client-action-buttons a.btn-sm {
    clear: both;
    font-size: large;
    padding: 8px 12px;
  }
  .label {
    /*font-size: larger;*/
    display: inline;
  }
  .client-payment-options{
    float:right;
  }
  #msform fieldset {
    background: white;
    border: 0 none;
    padding: 5px 10px;
    margin: 0 2%;
    width: 96%;
  }
  #msform {
    margin: 10px auto;
  }
  .t-fs-title {
    font-weight: 300;
    color: #0081c2;
    font-size: 26px;
  }
  .footer, .fs-title, #onboard_hr1, #onboard_hr3, #onboard_hr2 {
    display: none;
  }
  .control-label {
    white-space: normal;
  }
  #signup-acct-type {
    margin-bottom: 25px;
  }
  .signup-password {
    width: 100%;
    margin: auto;
  }
  .radio {
    padding-left: 10px;
  }
  .signup-acct-type-btn {
    padding: 15px;
  }
  .crm-contacts-update, .crm-contacts-create {
    margin: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .fa-bookmark-o {
    font-size: inherit;
  }
  .dropdown-selector select {
    height: 41px;
  }
  .dropdown-selector::before {
    height: 41px;
  }
  .select2-selection__choice {
    font-size: 18px !important;
    padding: 4px 8px 5px 10px !important;
  }
  .select2-container--krajee-bs4 .select2-results__option[aria-selected="true"] {
    font-size: larger;
  }
  .select2-results__option {
    font-size: large;
  }
  .select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice__remove {
    font-size: larger;
  }
  .select2-container--krajee-bs4 .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.35rem 0.45rem 0.4rem 0.45rem;
  }
}