html,
body {
  height: 100%;
}
body {
  overflow-x: hidden;
  font-family: 'Roboto Slab', serif;
}
.container-fluid {
    height: 100%;
    overflow-y: auto;
}
.fill-height {
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

@media only screen and (min-width : 240px) {
	body{
		font-size: 10px;
	}
	.btn {
		font-size: 100%;
	}
	.btn-circle {
	    width: 20px;
	    height: 20px;
	    padding: 2px 2px;
	    border-radius: 10px;
	    border-width: 1px;
	    text-align: center;
	    line-height: 1.33;
	}
	.row-table-display {
		display:block;
	}
	.col-table-display {
		display: flex; 
		display: -webkit-flex;
		align-items: center; 
		justify-content: center;
		float:none;
  		height:50%;
  		margin-top:3px;
	}
	.left-col-table-display {
		display: flex; 
		display: -webkit-flex;
		align-items: center; 
		justify-content: center;
		float:none;
  		height:50%;
	}
	.right-col-table-display {
		display: flex; 
		display: -webkit-flex;
		align-items: center; 
		justify-content: center;
		float:none;
  		height:50%;
  		text-align: center;
	}
	.resp-hidden {
		display:none;
	}
	.navbar-resp-margin {
		margin-top:0px;
		margin-bottom:0px;
	}
	.zoll-modal {
    	width: 90%;
	}
	.site-name {
		color:#ff9900;
		margin:5px 0 0 0;
	}
	.logos {
		height:30px;
		display:block;
	}
}
@media only screen and (min-width : 480px) {
	body{
		font-size: 10px;
	}
	.btn-circle {
	    width: 25px;
	    height: 25px;
	    padding: 3px 3px;
	    border-radius: 15px;
	    border-width: 1px;
		text-align: center;
	    line-height: 1.33;
	}
	.zoll-modal {
    	width: 80%;
	}
	.site-name {
		color:#ff9900;
		margin:0;
	}
	.resp-hidden {
		display: inline;
	}
}
@media only screen and (min-width : 768px) {
	body{
		font-size: 12px;
	}
	.btn-circle {
		width: 25px;
	    height: 25px;
	    padding: 3px 3px;
	    border-radius: 15px;
	    border-width: 1px;
		text-align: center;
	    line-height: 1.33;
	}
	.navbar-resp-margin {
		margin-top:5px;
		margin-bottom:5px;
	}
	.zoll-modal {
    	width: 70%;
	}
	.resp-hidden {
		display: inline;
	}
	.site-name {
		color:#ff9900;
		margin:15px 0 15px 0;
	}
	.logos {
		height:60px;
		display:inline;
	}
	.row-table-display {
		display:table;
	}
	.col-table-display {
		float:none;
		display:table-cell;
		vertical-align:middle;
		align-items: initial; 
		justify-content: initial;
  		height:100%;
	}
	.left-col-table-display {
		float:none;
		display:table-cell;
		vertical-align:middle;
		align-items: initial; 
		justify-content: initial;
  		height:100%;
	}
	.right-col-table-display {
		float:right;
		display:table-cell;
		vertical-align:middle;
		align-items: initial; 
		justify-content: initial;
  		height:100%;
  		text-align: right;
	}
}
@media only screen and (min-width : 992px) {
	body{
		font-size: 14px;
	}
	.btn-circle {
		width: 35px;
	    height: 35px;
	    padding: 5px 5px;
	    border-radius: 25px;
	    border-width: 2px;
		text-align: center;
	    line-height: 1.33;
	}
	.zoll-modal {
    	width: 50%;
	}
}
@media only screen and (min-width : 1200px) {
	body{
		font-size: 14px;
	}
	.btn-circle {
		width: 40px;
	    height: 40px;
	    padding: 6px 6px;
	    border-radius: 30px;
	    border-width: 2px;
		text-align: center;
	    line-height: 1.33;
	}
	.zoll-modal {
    	width: 40%;
	}
}

h2 {
	font-size:130%;
}
h3 {
	font-size:120%;
}
h4 {
	font-size:110%;
}
h4 {
	color: #7F7474;
}

.centered {
	display: flex; 
	display: -webkit-flex;
	align-items: center; 
	justify-content: center;
}

.flex-center {
	display: flex; 
	display: -webkit-flex;
	align-items: center; 
	justify-content: center;
}

a.nav-link {
	color:#0074C8;
	font-size:90%;
}
.navbar-link {
	font-size:100%;
	color:#93969B;
	padding-top:10!important;
	padding-bottom:10!important;
}
.icon-bar {
	background-color:#AA989C;
}
.navbar-link:hover, .navbar-link:active, .navbar-link:focus {
	color:#93969B;
	background-color:white!important;
	border-style:none none solid none;
	border-width:3px;
	border-color:#ff9900;
	border-spacing: 30px;
	padding-bottom:0!important;
}

.footer {
  position: static;
  bottom: 0;
/*   left: 0; */
/*   left: 50%; */
/*   -webkit-transform: translateX(-50%); */
/*   -ms-transform: translateX(-50%); */
/*   transform: translateX(-50%); */
  width: 100%;
  min-width:100%;
  height: 75px;
  margin: 15px 0px 0px 0px;  
  display: flex; 
  display: -webkit-flex;
  align-items: center; 
  justify-content: center;
}

.zoll-tooltip {
	font-size:8px!important;
	box-shadow:2px 2px 2px #AA989C;
	border-radius:3px;
	padding:0px;
	margin:0px;
	font-style:italic;
}

.dt-selected-row {
 	font-weight: bold;
 	outline-color: #ff9900;
 	outline-style: solid;
 }
 
 .z-well {
 	background-color: white;
 }
 
 .no-space {
 	padding:0px!important;
 	margin:0px!important;
 }
 
 .z-form-well {
 	background-color:white;
 	width:80%;
 }
 
 .focused-icon {
	color:#ff9900;
}

/**** Rounded Sliding Check Boxes ****/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

input:checked + .slider {
  background-color: black;
}
/**** End - Rounded Sliding Check Boxes ****/

.status-select > li.active > a {
	background-color:#ff9900 ;
	color:#F5F5F5;
}
.status-select > li > a {
	background-color: transparent;
	color:#ff9900;
}
.status-select > li > a:hover, .status-select > li > a:active, .status-select > li > a:focus {
	background-color:#ff9900!important;
	color: #F5F5F5!important;
}

.sub-views > li > a {
	color: #ff9900;
	background-color: transparent;
}

.sub-views > li.active > a, .sub-views > li.active > a:hover, .sub-views > li.active > a:focus {
	color: #ff9900;
	background-color: transparent;
	border-style: solid;
	border-width: 2px;
	border-color: #ff9900;
	font-weight: bold;
}

.large_slider_jpg {
	cursor: pointer;
}

.btn-no-border {
	border: none!important;
}

.btn-transparent {
	background-color:transparent;
	border:none;
}

.red-text {
	color: #FF0000!important;
}

.green-text {
	color: #00C000!important;
}

.yellow-text {
	color: #B07700!important;
}

.orange-text {
	color:#ff9900!important;
}

.zoll-container {
	width:100%;
	min-width:100%;
	padding-right:5%;
	padding-left:5%;
}
.zoll-inner-container {
	width:100%;
	min-width:100%;
	padding-right:0;
	padding-left:0;
	margin-top:2%;
}
.zoll-table-row {
	width:100%;
	min-width:100%;
	margin: 0!important;
}
.nopadding {
	padding:0px;
}
.zoll-inner-panel {
	padding-left:0px;
	padding-right:0px;
}
.interest-thumb {
	width:100%;
	height:100%;
	background-color:transparent;
	border:none!important;
}
.interest-thumb:hover, .interest-thumb:active, .interest-thumb:focus {
	outline:none!important;
	background-color:transparent!important;
}