html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}
a.navbar-brand {
  font-family: 'Lato';
  font-size: 150%;
  font-weight: bold;
}
h1,h2,h3,h4,h5 {
  font-family: 'Lato', sans-serif;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.footer .language {
    padding-left:20px;
    display:inline-block;
}
.footer .bird {
    padding-left:7px;
    margin-top:-3px;
}

.footer {
    color: #666a73;
    font-size: 14px;
    height:auto;
    padding: 25px 0;
}

.footer p {
  color: #666a73;
  margin-bottom:5px;
}
.footer .heading {
  margin-bottom:10px;
  font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #666a73;
    font-size:16px;
}

.footer .logo {
  font-size: 1.5em;
  color: #666a73;
  vertical-align: top;
  margin-bottom:5px;
}
.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.meeting-view h4 {
  margin-bottom:0px;
}
h4.meeting-place {
  white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.hint-text {
    color: #999;
    font-size:90%;
    font-style: italic;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.horizontal-pad {
  margin:0px 7px 0px 0px;
}
.vertical-pad {
  margin:15px 0px;
}
.vertical-pad-15 {
  margin-top:15%;
}
.vertical-bump {
  margin-top:15px;
}
.bottom-pad,#participantHeader {
  margin-bottom:15px;
}
.bottom-minipad {
  margin-bottom:7px;
}
.top-minipad {
  margin-top:7px;
}
.flushBottom {
  margin-bottom:-5px;
  padding-bottom:0px;
}
#messageSpacer {
  margin:10px 0 10px 0;
  font-size: 100%;
  font-weight:normal;
}
.profile-image {
  border:1px solid black;
}

tr.small-header {
  font-weight:bold;
  font-style:italic;
}

.centered {
  text-align:center;
  margin: auto;
  max-width: 300px;
}

.marketing h4 {
  padding:10px 0 0px;
}

.site-team img {
  border:1px solid;
  margin-top:30px;
}

.grid-download-button {
  float:left;
  border:none;
  color: #337ab7;
  background-color: transparent;
  margin-right:7px;
}

/* Custom styles */

td.virtualThing {
  padding-left:3px;
  padding-top:1px;
}

/* mouse spacing for icons and buttons */
a.icon-pad {
  padding: 0 3px 0 3px;
}
.button-margin-top {
  margin-top:1px;
}
.button-pad-left {
  padding-left:5px;
}
.mini-button-pad {
  padding: 3px 5px 3px 5px !important;
}
.comment-bubble {
  vertical-align: text-top;
  padding-left:3px;
}
/* meeting participant in index view */
.index-participant,.index-time {
  font-style:italic;
  font-size: 90%;
  color: grey;
}
.rwd-break {
  display:none;
}
table.table-list {
  width:100%;
}
table.table-list td.table-list-first {
    float: left;
    display: inline;
    width: auto;
  }

table.table-list td.table-switches {
    width: auto;
    float: right;
    display: inline;
  }
.switch-pad {
    padding-left:7px;
  }
.smallStatus {
  font-size:90%;
  color: grey;
  font-style: italic;
}
.setting-label label, #preferences label {
  font-weight:normal;
}
.command-bar {
    margin: 0 0 10px 0;
}

.hidden, #tz_alert, #tz_success, #guide_success, .dns_field {
  display:none;
  visible:false;
}

.btn-participant, .btn-meetingplace, .btn-meetingtime, .btn-meetingactivity {
  margin: 0 7px 7px 0;
}
.red-star {
  color:red;
}
.emright {
  float:right;
  font-style:italic;
}
.nopadding {
  padding:0px;
}
#editNote {
  padding:15px;
}
#noteThread table {
  border-bottom: 1px solid #ddd !important;
}
.short-footer {
  padding:3px 15px;
}
.field-mc_url, .field-mc_phone_number, .field-mc_access_code, #mc_url, #mc_phone_number, #mc_access_code {
  display:none;
  visibility: hidden;
}
select#mc_call_type {
  width: 35%;
}
.container6 {
  height: 10em;
  display: flex;
  align-items: center;
  justify-content: center
}

.breadcrumb, .panel {
   margin-bottom: 15px;
 }
 .participant-form {
   padding:10px 15px;
 }
 #participantButtons {
   padding:15px 15px 10px 15px;
 }
 #participantMessage {
   margin:15px 15px 0 15px;
 }
.panel-who,.panel-where, .panel-when, .panel_activity {
  padding: 0px;
  margin:0px;
}
.panel hr {
    margin-top:5px;
    margin-bottom:0px;
}

.panel .table {
  margin-bottom:0px;
}

.selection-panel {
  padding:3px 10px 10px 10px;
  border-bottom:1px solid #f0f0f0;
}
.panel-meeting{
/*border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          border: 1px solid transparent;
          border:none;
          border: 1px solid #ddd;
*/
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ffffff;
  margin-bottom: 20px;
}

.panel-meeting .panel-heading{
  border-bottom:1px solid #ddd;
  background-color: #f2f2f2;
  padding: 2px 7px 7px 10px;
}

.where-form, .when-form, .activity-form {
  padding: 10px 10px 5px 10px;
}

#timeMessage,#placeMessage,#activityMessage {
  margin-bottom:10px;
}
#placeTable {
  margin-bottom:0px;
}

.choiceHead {
  background-color:#fbfbfb;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 10px;
  color: #337ab7;
}

#available-times-msg,#available-places-msg,#available-activities-msg {
  border-bottom: 1px solid #ddd;
  padding-bottom:5px;
  margin-bottom:7px;
}

#notifierTime,#notifierChooseTime,#notifierPlace,#notifierChoosePlace,#notifierActivity,#notifierChooseActivity {
  display:none;
}
#possible-times,#possible-places,#possible-activities {
  padding:3px 10px 10px 10px;
}
td.parent-td-table-list {
  padding-bottom:0px !important;
}
tr:first-child .parent-td-table-list {
  border-top:none;
  padding-top:0px !important;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.carousel-inner .item {
  text-align: right;
}

.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
}

.carousel-caption h3, p {
  color:#444;
  text-shadow: none;
  padding-bottom:0px;
}

.carousel-indicators li {
  border:1px solid #999;
}

.carousel-indicators .active {
background-color: #999;
}

.carousel-control.left, .carousel-control.right {
     background-image: none;
     /*background: rgba(0, 0.025, 0.025, 0.025);*/
}
.carousel-control  {
  color:#999;
}

.datetimepicker-width {
  max-width:240px;
}
.duration-width {
  max-width:120px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width:3px;
}

.ticket-reply {
  margin-left:25px;
}
.ticket-reply em {
color:#a0a0a0;
}

.shepherd-element.shepherd-theme-arrows {
  max-width: 40%;
}

.mini-button {
  display: inline;color:white;padding:1px 3px;border-radius:4px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../img/ui-icons_444444_256x240.png") !important;
}
.ui-widget-header .ui-icon {
	background-image: url("../img/ui-icons_444444_256x240.png") !important;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../img/ui-icons_555555_256x240.png") !important;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../img/ui-icons_ffffff_256x240.png") !important;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../img/ui-icons_777620_256x240.png") !important;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../img/ui-icons_cc0000_256x240.png") !important;
}
.ui-button .ui-icon {
	background-image: url("../img/ui-icons_777777_256x240.png") !important;
}

.fieldLeftFull {
  width:100%;
  text-align:left;
}
.help-sign {
  vertical-align: middle;
  padding-right:2px;
}
.divHelpDialog {
  margin-top:20px;
}
#helpWhat,#helpWho,#helpWhen,#helpWhere,#helpCall,#helpActivity,#helpNotes,#helpCommandBar,#helpVerify,#helpWizard,#helpWizard1,#helpWizard2,#helpWizard3,#helpWizard4,#helpWizard5 {
  font-size:1.5em;
  color:#ccc;
  margin: 3px 3px 0 0;
}
#helpWizard,#helpWizard1,#helpWizard2,#helpWizard3,#helpWizard4,#helpWizard5 {
  font-size:2em;
  margin-top:0px;
}
div.tooltip-inner {
    text-align:center;
    min-width:250px;
    background-color: #fff;
    border:solid 1px #333;
    color: #333;
    margin:0px 15px;
    font-size: 12px;
}
div.tooltip.bottom .tooltip-arrow {
  margin-left: -5px;
  border-color: #333; /* black */
  color:#333;
  border-width: 0 5px 5px;
}
#copyInviteLink {
  margin-top:0px;
}

/* future meeeting.css specific styles */
.verify-auth-div {
  padding-top: 10px;
}
.user-verify-form,#verifyAuthMessage {
  margin:10px;
}
.user-verify-form input {
  width:80%;
}
/* to do */

.x-small-glyphicon {
  font-size:75%;
}

#virtualThingBox {
  float:right;
  height:35px;
}
#invitation-url {
  float:left;
  margin:3px 0 0 0;
  padding:0px;
}

.glyphicon-thumbs-up {
  color:green;
}
.glyphicon-thumbs-down {
  color:red;
}
.thumb-choices {
  margin: 0px 0 5px 0;
}
.buttonCounter {
  background-color:transparent;
  color:inherit;
}

.feature-form {
  width:300px;
  margin-right:10px;
}

.best-viewed-desktop {
  display:none;
}
.online-badge {
  color: #5cb85c;
}
#newNotesCount {
  background-color: #5bc0de;
}
ul.plan-invite {
  list-style:square;
}
ul.plan-invite li {
  padding-bottom: .5em;
}
.more-options {
  padding-bottom: 10px;
}
.plan-invitation .jumbotron {
    padding-bottom:.5em;
    background-color: #f8f8f8;
}
.hide-guide input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
  margin: 0px 10px 25px 0;
}
.hide-guide label {
  font-weight:normal;
  font-size:1.2em;
}
.desktopOnly {
  display:inline-block;
  visible:true;
}
.mobileOnly {
  display:none;
  visible:false;
}
.toggle-row-left {
  max-height:24px;
}

.toggle-span {
  float:right;margin-top:.2em
}

.toggle-row-right {
  padding-left:0px;
}

.sitemap ul.languages {
  list-style-type: none;
}

.sitemap ul.languages li {
  display:inline;
}

.sitemap ul.languages li span.glyphicon {
  padding-left:3px;
  padding-right:3px;
  color:#ccc;
  font-size:50%;
}

.preFooterPad {
  padding-bottom:5em;
}
.scheduleme h1 {
  margin-top:0;
}
.scheduleme table.bio tr td:first-child {
  padding-right: 15px;
}
.scheduleme .alert p {
  color:inherit;
}
.scheduleme .alert li {
  padding-top:5px;
}

.empty {
  color: #555;
}

#whereInperson.active,#whereVirtual.active,#whereNone.active {
  font-weight:bold;
  font-size: 1.1em;
}
#invitationGrid th {
  border-bottom:0 !important;
}
.schedmeIcon {
  width:40px;
  margin-top:-3px;
  height:auto;
  padding-right:10px;
}
.scheduleme-buttons .btn {
  min-width: 250px;
  margin: 7px;
}
img.scheduleme {
      float:right;
}
ul.auth-clients {
  margin: 0 0 25px 35px;
}
ul.auth-clients li {
  margin-right: 25px;
}
/* iphone 5 and small as */
@media only screen
  and (max-device-width: 320px)
  and (-webkit-min-device-pixel-ratio: 2) {
    #meeting-add-place-favorites {
      visibility: hidden;
    }
}

/* page width */
@media (min-width: 992px) {
  .container {
      width: 970px !important;
  }
  .thumb-choices .btn {
    width:100px;
  }
}

/* ----------- mobile displays ----------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
    /* hides drop down menu items and footer items */
    .desktopOnly,.itemHide,li.menuHide {
      display:none !important;
      visible:false;
    }
    .mobileOnly {
      display:inline-block;
      visible:true;
    }
    .panel-meeting {
      margin-bottom:15px;
    }
    /* removes home and / from breadcrumb */
    ul.breadcrumb li:first-child, li.tabHide {
      display:none;
      visible:false;
    }
     ul.breadcrumb li:nth-child(2)::before {
       content:'';
    }
    /* fingertip spacing for buttons */
    a.icon-pad {
      padding: 0 5px 0 2px;
    }
    .button-pad {
      padding: 7px 0 7px 0;
    }
    .command-btn-pad {
      margin-bottom:  7px ;
    }
    .btn {
      min-width: 55px;
    }
    .rwd-break {
      display:block;
    }
    .heading-pad {
      margin-top:5px;
    }
    .panel-heading {
      padding:7px;
    }
    .datetimepicker-width {
      width:320px;
    }
    .schedule-me {
      min-width:75%;
      padding:60px 10px 40px 10px;
    }
    .shepherd-element.shepherd-theme-arrows {
      max-width: 85%;
    }
    .horizontal-pad {
      margin:5px 7px 5px 0px;
    }
    .footer .add-bottom-margin {
      margin-bottom:10px;
    }
    .site-team img.alex  {
      margin-top:60px;
    }
    #copyInviteLink {
      margin-top:0px;
    }
    .best-viewed-desktop {
      display:block;
      margin-bottom:15px;
    }
    .xs-top-margin-10 {
      margin-top:10px;
    }
    select#mc_call_type {
      width: 100%;
    }
    #miniform-form {
      margin-top:5px;
    }
    #whereInperson.active,#whereVirtual.active,#whereNone.active {
      font-weight:bold;
      font-size: 1em;
    }
}

/* not desktop */
@media only screen
  and (max-device-width: 768px)
  and (-webkit-min-device-pixel-ratio: 2) {
      img.imgMobile
      {
        width:100%;
        text-align: center;
        margin-bottom:20px;
      }
      img.scheduleme
      {
        width:80px;
        float:right;
      }
      .panel-verify {
        margin-left: 10%;
      }
    }