.homepage-height {
	height: 100%;
}
.homepage {
/* Location of the image */
  background-color: #ffffff;
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;
}

/* Used to adjust phonestats.com logo on main screen to fit screen sizes  > 300 < 544px */
@media screen and (max-width: 544px) {  
  	.logo-on-small-screen-300 {
  		width: 300px;
  	}
}

/* make font-size smaller for header fonts so it fits on single line */
@media screen and (max-width: 350px) {  
  	.small-screen-font-size-1-6 {
		font-size: 1.6rem !important;
  	}
  	.small-screen-font-size-1-1 {
		font-size: 1.1rem !important;
  	}
  	.small-screen-font-size-0-8 {
  		font-size: 0.8rem !important;
  	}
}

.lbl-lg-view {
	display: inline-block;
}
.lbl-sm-view {
	display: none;
}

@media screen and (min-width: 576px) and (max-width: 995px) {  
  	.lbl-lg-view {
  		display:none;
  	}
  	.lbl-sm-view{
       display:inline-block;
    }
}

.jumbotron-nobg {
    padding: 2rem 1rem 0.5rem 1rem;
    border-radius: .3rem;
}

.textfield-bottom-border-only {
	outline: 0; 
	border-width: 0 0 1px;
}

.card-border-rounded {
	border-radius: .50rem !important;
}

.font-size-13-px {
	font-size: 13px;
}

/* this prevents the text from going beyond the container limit. If text won't fit it will show '...' */
.text-overflow-limit {
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.flex-vertical-align-middle {
	align-items: center;
  	justify-content: center;
}

.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #343a40;
    border-radius: .25rem;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #343a40;
}

.z-index-0 {
	z-index: 0 !important;
}

.custom-form-label-group {
  position: relative;
  height: 3.125rem;
  padding: .75rem;
}

.agreement-box {
	height: 200px;
	overflow-y: scroll;
}