body {
    font-family:'Roboto', sans-serif;
    background-color:#262624;
}

.bg-dark {background-color:#262624 !important;}

#navbar {color:#FFF;}
#navbar a {color:#FFF;}

#header {
    padding-top:20px;
    padding-bottom:20px;
    background-color:#FFF;
}

#headerLogo {color:#333;font-size:24px;margin-top:35px; display:block;}
#headerLogo:hover {text-decoration:none;}


#homeHero { background-color: #262624; }
#homeHero .container {background-image:url('../images/home1.png'); background-position-x:right;height:300px;background-repeat:no-repeat;color:#FFF;padding-top:25px;margin-bottom:0px;}

#mainContent {
    background-color:#FFF;min-height:800px;padding-bottom:80px;
}

.sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 0px;
  padding-top:20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */

}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
  height:30px;
  overflow:hidden;
  text-wrap:none;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

.sidebar .nav-link i {width:20px;}
.sidebar .card {border-left:0px;border-right:0px;border-radius:0px;border-top:0px;}
.sidebar .card-header {cursor:pointer;padding-left:5px;}
.sidebar .card-body {padding:10px;}

.description { font-size:12px; font-style:italic; color:#777; }


.grayStripe { background-color: #262624; padding-top:40px;padding-bottom:40px;color:#FFF;}

.whiteStripe { background-color:#EEE; padding-top:40px;padding-bottom:40px; }

#price {text-align: center; font-size:90px; font-weight:500;color:#FFF;}
#noContract {text-align: center;font-size:30px;font-style:italic;color:#DDD;}


#waitingOptions {padding-left:0px;}
#waitingOptions li { margin-top:20px;list-style-type:none;font-size:20px; }
#waitingOptions li i {font-size:24px;}
#waitingOptions .no {color:#dc3545;}
#waitingOptions .yes {color:#28a745;}

#userMenu {min-width:250px;max-width:100%;position:absolute;right:0px;background-color:#262624;color:#FFF;top:57px;z-index:9999;}
#userMenu a, #userMenu .label {display:block;padding-top:7px;padding-bottom:7px;padding-left:20px;color:#FFF;padding-right:10px;}
#userMenu .label {font-weight:600;color:#DDD;}
#userMenu a:hover {text-decoration:none;background-color:#777;}
#userMenu .divider {border-top:1px solid #999;}

#socialFooter a, #socialFooter a:hover, #socialFooter a:visited {
    margin-left:8px;color:#FFF; font-size:16px;
}


.StripeElement { background-color: white; height: 40px; padding: 10px 12px; border-radius: 4px; border: 1px solid #495057; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; width: 100%;}
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

.imageField {max-width:100%; max-height:75px;}


@media (max-width: 575px) { 
    #sidebarToggle {display:block!important;margin-top:10px;font-size:20px;color:#000;}
}