html {
  position: relative;
  min-height: 100% !important;
}
body{padding-bottom: 160px;}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 20px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #cc4b37
}

.form-error.is-visible {
    display: block
}

.color-brown{color:#795548;}
.color-orange{color:#ff9800;}
.color-purple{color:#673ab7;}
.color-bluegray{color:#607d8b;}
.color-red{color:#ff3b30;}
.color-white{color:#ffffff;}
.color-lightblue{color:#5ac8fa;}
.color-blue{color:#007aff;}
.color-green{color:#4cd964;}
.color-yellow{color:#ffcc00;}
.refreshing{color:#4cd964}


.nav-pills .nav-link.active{background:#607d8b;}
.popover-body{padding:5px;}
.item-title{font-size: 1.5rem;}
.cri{max-width:140px; margin: 0 auto 0;}
.criCard{max-width:1100px; margin: 0 auto 0;}
.refreshing{color:orange}
.wow { visibility: hidden; }
.bottomAdd{
  /*position: fixed; 
  bottom: 80px;
   height: 90px;
  */
margin-top: 20px;
  width: 100%;
 
}
.btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle{background-color: #000;}
.btn-block {
    display: block;
    width: 100%;
    background: #fff;
}
.fa {text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.fa-li{position: inherit;}
.btn-toolbar {
  text-align: center;
}
.card-header {background-color: rgba(96,125,139,.2) !important;}
.btn-toolbar .btn-group {
  float: none !important;
}
.col-md-3 .btn-group{margin-top: 7px;}
.bootstrap-touchspin .input-group-btn-vertical>.btn{display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px 10px 10px;
margin-left: -1px;
position: relative}
.navbar-brand{
display: inline-block;
padding-top: .25rem;
padding-bottom: .25rem;
margin-right: 0.8rem;
font-size: 1.6rem;
line-height: inherit;
white-space: nowrap;
font-weight:500;
}
.badge{font-size: 1rem;}
h1 .badge{font-size: 1.2rem;}
.subtitle{margin-top: -2px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
font-style: italic }
.subtitle2{margin-top: 3px;
font-size: 12px;
line-height: 12px;
font-weight: normal;
font-style: italic }

.progress-bar{width: 35%; height: 40px;font-size: 1.5rem;
line-height: 2.5rem !important;}


.btn.emergencyInfo {
    margin-top: 25px;
}
.starter-template {
  margin-top:70px;
  padding: 1rem 0.3rem;
  text-align: center;
}
.embed-container{max-width: 100%;}
iframe{width: 100%;
height: 600px;}

.blue-grey {
 /*  background-color: #9fb1b9 !important*/
   background-color: #607d8b !important 
}

.btn-outline-secondary {background-color: #fff;}
.btn-outline-secondary:hover  i.fa-clipboard{color: #fff;}
.btn-outline-secondary:hover {background-color: #607d8b;}
.navbar.navbar-dark .navbar-brand, .navbar.navbar-dark .navbar-brand:hover {
    color: #fff
}


.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    cursor: pointer
}

.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
    color: #fff;
    transition: .35s
}

.navbar.navbar-dark .breadcrumb a:hover, .navbar.navbar-dark .navbar-nav .nav-item a:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar.navbar-dark .breadcrumb.active, .navbar.navbar-dark .navbar-nav .nav-item.active {
    background-color: rgba(255, 255, 255, .1)
}

.navbar.navbar-dark .breadcrumb .dropdown-menu a, .navbar.navbar-dark .breadcrumb .dropdown-menu a:active,
.navbar.navbar-dark .breadcrumb .dropdown-menu a:focus, .navbar.navbar-dark .breadcrumb .dropdown-menu a:hover,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a, .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:active,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:focus,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:hover {
    color: #212121;
}

.navbar.navbar-dark .nav-link, .navbar.navbar-dark .navbar-toggler {
    color: #fff
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}

	.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px
}
.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: 400
}
.input-group-btn .btn {
 font-size: .8rem;
 padding: .7rem 0.9rem;
  border-radius: 2px;
  border: 0;
  /* color: #fff !important; */
  margin: 6px;
  white-space: normal !important;
}
input[type="text"] {
  text-align: center;
}

.md-form, .md-form .btn{margin-bottom: 0.8rem;}
.footable-filtering-search .input-group .input-group-btn button.dropdown-toggle{display:none;}






.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px
}
.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: 400
}
.input-group-btn .btn {
 font-size: .8rem;
 padding: .7rem 0.9rem;
  border-radius: 2px;
  border: 0;
  /* color: #fff !important; */
  margin: 6px;
  white-space: normal !important;
}
input[type="text"] {
  text-align: center;

}
.form-control-sm {padding: .25rem .5rem;
font-size: .875rem;

border-radius: .2rem}

.footable-filtering-search .input-group .input-group-btn button.dropdown-toggle{display:none;}
  .bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell
}
.footable-filtering-search .btn.dropdown-toggle {
    display: none;
}
.pagination .page-item .page-link{border: 1px solid #ddd}
.flex-center ul li {
    margin-bottom: 0.5rem;
 
  }
  .flex-center ul li a{   padding-right:1rem; font-size: 1.6rem;}
 ul li a i.blue-grey-text{color:#37474f !important;}
.main{margin-top: 70px;
color: #fff;text-align: center;}
a.nav-link{font-size: 1.1rem;padding: .8em 0.5em;}
.buttonLinks2{max-width: 1000px;
margin: 25% auto 0;
text-align: center;
width: 100%;
}
.navbar {
  margin-bottom: 0;
}
.jumbotron {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 0;
  background-color: #fff;
}
.jumbotron p:last-child {
  margin-bottom: 0;
}
.jumbotron-heading {
  font-weight: 300;
}
.jumbotron .container {
  max-width: 80rem;
}
.album {
  min-height: 50rem; /* Can be removed; just added for demo purposes */
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}
.card {
  float: left;
  width: 25%;
 padding: .5rem;
  margin-bottom: 2rem;
  border: 0;
}
.card.choc{ width: 100%;}
.card.cri{ width: 100%;margin-bottom: 1rem;padding: .2rem;}
.card-text {
  font-size: 85%;
}
.card-block{padding: 0.25rem}
html,  body,  .view {
  height: 100%;
}
/* Navigation*/
        
.navbar {
  background-color: transparent;
}
.scrolling-navbar {
  -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.top-nav-collapse {
  background-color: #3c4f74;
}
 @media only screen and (max-width: 768px) {
.navbar {
  background-color: #1C2331;
}
}
/*Call to action*/
        
.flex-center {
  color: #fff;
}
.card {
  color: #000;
}
.view {
  background: url("drugs.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a.nav-link {
    font-size:1rem;
}
body > .view {
  /*padding: 60px 15px 0; */
}
footer.footer{
  /*margin-right:-15px;
margin-left: -15px;*/

}



 @media (min-width: 576px) {
.card-columns {
  column-count: 2;
}
}
 @media (min-width: 768px) {
.card-columns {
  column-count: 3;
}
a.nav-link {
    font-size:1rem !important;
}
}
 @media (min-width: 992px) {
.card-columns {
  column-count: 4;
}
a.nav-link {
    font-size:1.2rem !important;
}
}
 @media (min-width: 1200px) {
.card-columns {
  column-count: 5;
}
}





.nav-tabs {
    border: 0;
    padding: .7rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: -20px;
    z-index: 2;
    position: relative;
}

.nav-tabs .nav-item + .nav-item, .tabs-5 li {
    margin-left: 0
}

.nav-tabs .nav-link {
    border: 0;
    color: #fff
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
    border-radius: 2px;
}
.md-pills li {
  padding: 10px
}
.md-pills .nav-link {
  color: #666;
  text-align: center
}
.md-pills .nav-item .nav-link {
  border-radius: 2px
}
.md-pills .nav-item .nav-link:hover {
  background-color: rgba(158, 158, 158, .3);
  -webkit-transition: all .4s;
  transition: all .4s
}
.md-pills .nav-item .nav-link.active {
  color: #fff;
  border-radius: 2px;
  -webkit-transition: all .4s;
  transition: all .4s
}
.md-pills.pills-primary .nav-item .nav-link.active {
  background-color: #4285F4
}
.md-pills.pills-danger .nav-item .nav-link.active {
  background-color: #C00
}
.md-pills.pills-default .nav-item .nav-link.active {
  background-color: #2BBBAD
}
.md-pills.pills-secondary .nav-item .nav-link.active {
  background-color: #a6c
}
.md-pills.pills-success .nav-item .nav-link.active {
  background-color: #00C851
}
.md-pills.pills-info .nav-item .nav-link.active {
  background-color: #33b5e5
}
.md-pills.pills-warning .nav-item .nav-link.active {
  background-color: #F80
}
.md-pills.pills-ins .nav-item .nav-link.active {
  background-color: #3F729B
}
.tab-content {
  padding: 2rem 1rem 1rem;
  z-index: 1
}
.tab-content.vertical {
  padding-top: 0
}
.tabs-5 li {
  width: 20%
}
.tabs-4 li {
  width: 25%
}
.tabs-3 li {
  width: 33.3%
}
.tabs-2 li {
  width: 50%
}
.tabs-2, .tabs-3, .tabs-4, .tabs-5 {
  text-align: center
}
.tabs-wrapper {
  overflow-x: hidden
}
.classic-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
  overflow-x: auto
}
 @media (min-width:62rem) {
 .classic-tabs {
 overflow-x: hidden
}
}
.classic-tabs li {
  -webkit-box-flex: 1 0 30%;
  -webkit-flex: 1 0 30%;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%
}
.classic-tabs li a {
  display: block;
  padding: 20px 24px;
  font-size: 13px;
  color: rgba(255, 255, 255, .7);
  text-align: center;
  border-radius: 0
}
.classic-tabs li a.active {
  border-bottom: 3px solid #ffeb3b;
  color: #fff
}
 @media (min-width:62em) {
.classic-tabs li {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit
}
.classic-tabs li:first-child {
  margin-left: 56px
}
}
.classic-tabs.tabs-grey {
  background-color: #546e7a
}
.classic-tabs.tabs-grey li a.active {
  border-color: #fff
}
.classic-tabs.tabs-cyan {
  background-color: #00bcd4
}
.classic-tabs.tabs-cyan li a.active {
  border-color: #ffeb3b
}
.classic-tabs.tabs-pink {
  background-color: #ec407a
}
.classic-tabs.tabs-pink li a.active {
  border-color: #673ab7
}
.classic-tabs.tabs-orange {
  background-color: #ffa000
}
.classic-tabs.tabs-orange li a.active {
  border-color: #e53935
}
.classic-tabs.tabs-green {
  background-color: #7cb342
}
.classic-tabs.tabs-green li a.active {
  border-color: #1565c0
}
.classic-tabs.tabs-primary {
  background-color: #4285F4
}
.classic-tabs.tabs-primary li a.active {
  border-color: #fff
}


.btn.btn-default.dropdown-toggle {
    display:none !important;
}


 @media only screen and (max-width: 480px) {

.starter-template {
  padding: 0.5rem 0.5rem;
  text-align: center;
}
.starter-template h1 {font-size: 1.8rem;}
  .btn-group.home>.btn{padding: .25rem .5rem;
}

a.nav-link {
    font-size:1rem !important;
}
.card{width:100%;}
h3{font-size: 1.1rem;
}
h1 .badge{font-size: 1rem;}
.navbar-brand{font-size: 1.3rem;
}
.jumbotron{margin-bottom: 0.5rem;
padding: 0.5rem 0.5rem;}
.lead{font-size: 1.0rem;}
h1.display-3{font-size: 1.7rem;}
.lead{display:none;}
.marketing >.btn{padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem}
}

.addthis_sharing_toolbox{padding-top:10px !important;}