/* Fonts */
@font-face {
	font-family: "CarroisGothicRegular";
	src: url("../font/CarroisGothic-Regular.ttf") format("truetype");
}
/* Fonts */

/* Flash messages */

	.message{
		padding: 10px 5px;
		color: var(--light);
		border-radius: 4px;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.message.success{
		background-color: var(--success);
	}
	
	.message.error{
		background-color: var(--danger);
	}
	
	.has-error .help-block{
		margin-top: 0px;
		padding: 4px 0px;
		background-color: var(--danger);
		border-left: 1px solid var(--danger);
		border-right: 1px solid var(--danger);
		border-bottom: 1px solid var(--danger);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: var(--light);
	}
	
/* Flash messages */


/* Print settings */ 

@media print {
	.table td,
	.table th {
		background-color: inherit !important;
	}
}

/* Print settings */ 


/* Debugs */

ul,
.page-breadcrumb ul,
.bootstrap-datetimepicker-widget ul{
	list-style-type: none !important;
}


.bootstrap-datetimepicker-widget ul li::before{
	content: "" !important;
	padding: 0 !important;
}

.pageContent ul li::before,
.tooltip.bs-tooltip-bottom.show ul li::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    padding: 0 10px 0 0;
	font-weight: 600 !important;
	color: var(--primary) !important;
}
/* Debugs */

/* HeadImageContainer Texts*/

#headImageContainer{
	position: absolute;
	top: 20%;
	left: 8%;
	z-index: 0;
}

#headImageContainer p{
	color: var(--lightgray);
	text-shadow: 1px 1px 15px #000;
}

@media only screen and (min-width: 993px){
	
	#indexHeadlineContainer p{
		letter-spacing: 1px;
		font-weight: bold !important;
	}
	
	#indexHeadlineContainer{
		margin-top: 60px;
		padding-left: 20px;
	}
	
	.smallHeadLine{
		font-size: 20px;
	}
	
	.bigHeadLine{
		font-size: 45px;
	}
}

@media only screen and (max-width: 993px){
	
	.smallHeadLine{
		font-size: 16px;
	}
	
	.bigHeadLine{
		font-size: 30px;
		letter-spacing: 0px;
	}
}

@media only screen and (max-width: 500px){
	
	#headImageContainer{
		left: 2% !important;
		top: 25% !important;
		width: 92% !important;
		background-color: #ffffffA0;
		padding: 4px;
		border-radius: 4px;
	}
	
	#headImageContainer p{
		color: var(--dark);
		text-shadow: 1px 1px 2px rgba(0,0,0, 0.01) !important;
	}
	
	#indexHeadlineContainer{
		padding-left: 5%
	}
	
	.bigHeadLine{
		font-size: 25px;
		letter-spacing: 0px;
	}
	
}


/* HeadImageContainer Texts*/





.headImageContainer img{
	max-height: 350px !important;
}

.social-icons ul{
	margin-bottom: 0 !important;
}

.feature-icon i{
	transition: all .2s !important;
}


a.disabled{
	color: var(--darkgray);
	cursor: not-allowed;
}

.btn-secondary.disabled, .btn-secondary:disabled, .btn-primary.disabled, .btn-primary:disabled{
	background-color: transparent !important;
}


#hiddenContactContainer .form-group.date{
	display: flex !important;
}

.fliesstext {
    font-weight: 100 !important;
    font-size: 20px !important;
	line-height: 28px !important;
}

#Mittelpunkt .button.button-border:hover, 
#Mittelpunkt .button.button-border:focus,
#fullCalcContainer .button.button-border:hover, 
#fullCalcContainer .button.button-border:focus{
	background-color: var(--primary) !important;
	color: var(--light) !important;
}



/* Add button border for secondary buttons in leftSideButtonContainer */
#leftSideButtonContainer .button.bg-secondary.border-secondary{
	border-width: 2px;
	border-style: solid;
}
/* Add button border for secondary buttons in leftSideButtonContainer */

/* Added new colors for all leftSideButtonContainer buttons */
#leftSideButtonContainer .button.bg-secondary.border-secondary:hover,
#leftSideButtonContainer .button.bg-secondary.border-secondary:focus
{
	background-color: transparent !important;
	border: 2px solid var(--secondary) !important;
	color: var(--secondary) !important;
	font-weight: bold !important;
}


#leftSideButtonContainer .button.button-border,
#MainContentContainer .button.button-border,
#MainContentContainer .button.button-border{
	background-color: var(--primary) !important;
	color: var(--light) !important;
}

#leftSideButtonContainer .button.button-border:hover,
#leftSideButtonContainer .button.button-border:focus,
#MainContentContainer .button.button-border:hover, 
#MainContentContainer .button.button-border:focus{
	background-color: transparent !important;
	color: var(--primary) !important;
	font-weight: bold !important;
}
/* Added new colors for all leftSideButtonContainer buttons */





.tab .nav.nav-tabs li a{
	background: var(--darkgray);
}

.hoverTrigger a{
	color: var(--dark) !important;
}

/* Actual content starts here!  */

*, .button {
    font-family: "CarroisGothicRegular";
	letter-spacing: .2px;
	text-transform: none !important;
}

b, strong{
	font-weight: bold !important;
}

body{
	overflow-x: hidden !important;
}


a.disabled {
  pointer-events: none;
  cursor: default;
}

/* Needed for now! */

.calculator .invalid-feedback{
	margin-top: 0px !important;
	padding: 4px 0px !important;
	border-left: 1px solid var(--danger) !important;
	border-right: 1px solid var(--danger) !important;
	border-bottom: 1px solid var(--danger) !important;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: 12px !important;
	font-weight: bold !important;
	color: var(--light) !important;
}

.invalid-feedback{
	margin-top: 0px;
	padding: 4px 0px;
	border-left: 1px solid var(--danger);
	border-right: 1px solid var(--danger);
	border-bottom: 1px solid var(--danger);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: center; 
	color: var(--dark);
}

/* More custom checkbox shiat - prefix for tariff-overview only */ 


.remember-checkbox label:before, 
.remember-checkbox label:after {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 700 !important;
	color: var(--primary) !important;
	font-size: 22px;
	position: absolute;
	top: -5px;
	left: 0px;
	padding-left: 2px;
	border-radius: 3px;
}

.remember-checkbox label:before {
	border-color: var(--primary) !important;
	border: 2px solid rgba(0, 0, 0, 0.1);
	content: "";
	height: 25px;
	margin-top: 4px;
	width: 25px;
}

.remember-checkbox label:after {
	color: var(--primary) !important;
	overflow: hidden;
	opacity: 0.5;
	transition: all 0.35s !important;
	-webkit-transition: all 0.35s !important;
	-ms-transition: all 0.35s !important;
	-ms-transition: all 0.35s !important;
	-o-transition: all 0.35s !important;
}


/* More custom checkbox shiat - prefix for tariff search only */ 

.tooltip > .tooltip-inner{
	max-width: 300px !important;
	padding: 5px 10px 5px 20px !important;
	text-align: left;
	color: var(--deepdark) !important;
	background-color: white;
	box-shadow: 0px 0px 20px 1px var(--deepdark) !important;
}

tfoot td{
	border: 0 !important;
}

.form-control{
	height: calc(1.5em + .75rem + 14px) !important;
}


/* Insurance Card styles */


.insuranceCard{
	max-height: 650px;
	padding: 10px;
	background-color: var(--gray);
}

.insuranceCard.active {
  position: relative;
  background-color: var(--light);
  border-top: 4px solid var(--primary);
  box-shadow: 0 0 10px 0 var(--breads);
}

.insuranceCard.active:before, .insuranceCard.active:after {
  content: "";
  position: absolute;
  background-image: -webkit-linear-gradient(var(--primary), transparent);
  background-image: -moz-linear-gradient(var(--primary), transparent);
  background-image: -o-linear-gradient(var(--primary), transparent);
  background-image: linear-gradient(var(--primary), transparent);
  top: -4px;
  bottom: -4px;
  width: 4px;
}
.insuranceCard.active:before {
  left: -4px;
}
.insuranceCard.active:after {
  right: -4px;
}


 
/* InsuranceCard Highlights */

.highlightBox{
	height: 250px;
}

.highlightBox.mobile{
	height: 300px !important;
}


.active .highlightBox{
  position: relative;
  margin-bottom: 20px; 
}

.active .highlightBox:before {
  left: 4px;
}
.active .highlightBox:after {
  right: -4px;
}


/* InsuranceCard Highlights */


.insuranceCard button:focus{
	background: transparent !important;
}

.insuranceCard.active button:focus{
	background: var(--primary) !important;
}



.insuranceCard.active button{
	background-color: var(--primary) !important;
	color: var(--white) !important;
}


/* bleaching colors */ 

.insuranceCard.bleaching.active {
  position: relative;
  background-color: var(--light);
  border-top: 4px solid var(--secondary);
  box-shadow: 0 0 10px 0 var(--breads);
}

.insuranceCard.bleaching.active:before, .insuranceCard.bleaching.active:after {
  content: "";
  position: absolute;
  background-image: -webkit-linear-gradient(var(--secondary), transparent);
  background-image: -moz-linear-gradient(var(--secondary), transparent);
  background-image: -o-linear-gradient(var(--secondary), transparent);
  background-image: linear-gradient(var(--secondary), transparent);
  top: -4px;
  bottom: -4px;
  width: 4px;
}
.insuranceCard.bleaching.active:before {
  left: -4px;
}
.insuranceCard.bleaching.active:after {
  right: -4px;
}


/* bleaching colors */ 

tr.bg-secondary .smallTableLine{
	height: 12px !important;
}

/* Insurance Card styles */

#teledocHeadContainer{
	border-style: solid;
}


.hide-on-med-and-up{
	display: none;
}

.hide-on-small-only{
	display: block;
}

.userInformationCard{
	border: 1px solid var(--dark);
	padding: 5px 10px !important;
	background-color: var(--lightgray);
}

.userInformationCard ul{
	list-style: none !important;
}

/* Accordion */

.fa, .fas, .far, .accordion .acd-group .acd-heading:before{
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 450;
}

.fa, .fas, .accordion .acd-group .acd-heading:before{
	font-weight: 600 !important;
}

.accordion.animated .acd-group.acd-active .acd-heading{
	color: var(--primary) !important;
}

.accordion.animated .acd-group .acd-heading{
	color: var(--dark);
}

.accordion .acd-group .acd-des{
	overflow: hidden !important;
}

.accordion .acd-heading:hover{
	color: var(--primary) !important;
}


/* Accordion */

.process.left .process-step{
	z-index: 100 !important;
}

.process .process-step strong{
	z-index: 3 !important;
}


.grecaptcha-badge{
	z-index: 1000 !important;
}


.mega-menu .menu-mobile-collapse-trigger span,
.mega-menu .menu-mobile-collapse-trigger:before,
.mega-menu .menu-mobile-collapse-trigger:after{
	background: var(--dark) !important;
}


.dataInputContainer .form-group.radio{
	display: flex !important;
}



#sealHeadline{
	text-shadow: 2px 1px 3px #f1f1f8;
	color: var(--primary);
}



/* Needed for now! */ 

/* Debugs */


/* FONTS */
h1, h2, h3, h4, h5, h6{
	font-weight: 300 !important;
}
p, span, a, label{
	font-weight: 100 !important;
}

::selection{
	background: var(--primary) !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--breads) !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--breads) !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--breads) !important;
}
:-moz-placeholder {
	color: var(--breads) !important;
}


input[type=text]{
	color: black;
}


/* FONTS */


/* Menu Elements */

.dropdown-divider{
	margin: 0 !important;
}

.dropdown-menu{
	padding: 0 !important;
}




/* Menu Elements */




/* Elements */


/* Effects */

.grayscale{
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
	opacity: .8;
}

/* Effects */






/* Breads */

.page-breadcrumb li a span{
	color: var(--breads) !important;
	font-size: 16px !important;
}

.page-breadcrumb li a span:hover{
	color: var(--dark) !important;
}

.page-breadcrumb li i{
	color: var(--breads) !important;
	font-size: 12px !important;
}

/* Breads */


#Mittelpunkt .card,
.nav-tabs .nav-item a{
	border-top-left-radius: .25rem !important;
	border-top-right-radius: .25rem !important;
}

#Mittelpunkt img{
	border-top-left-radius: .3rem !important;
	border-top-right-radius: .3rem !important;
}

a.button-border:hover{
	background-color: var(--secondary) !important;
	color: white !important;
}

button.button-border:hover{
	background-color: var(--primary) !important;
	color: white !important;
}
button.button-border.border-danger:hover{
	background-color: var(--danger) !important;
	color: white !important;
}


/* Step wizard */
	.stepwizard{
		margin: 0px auto !important;
		text-align: center !important;
	}

	.stepwizard-step{
		width: 200px !important;
	}
	
	.stepwizard-row{
		display: inherit !important;
	}
	
	.stepwizard-row:before{
		left: 0 !important;
		min-width: 100% !important;
	}
/* Step wizard */


.menu-list-items{
	padding: 0px !important;
}

.desktopTopFixed .menu-list-items{
	min-height: 90px !important;
}

.desktopTopFixed li{
	padding: 0px !important;
}

.mega-menu{
	min-height: 75px !important;
}

.serviceItemBox > .portfolio-item{
	max-height: 350px !important;
}

.portfolio-item img{
	max-height: 180px !important;
	min-height: 180px !important;
}

.portfolio-item > .portfolio-overlay{
	max-height: 100px !important;
	min-height: 100px !important;
	overflow: hidden !Important;
}


.navbar-nav .dropdown-menu {
    min-width: 250px !important;
	background-color: var(--primary);
    border: 1px solid rgba(255,255,255,.75);
    border-radius: .1rem;
}

.dropdown-menu a{
	color: var(--light) !important;
	padding: 0.5rem 0 0.5rem 15px;
}

.dropdown-menu a:hover{
	color: var(--primary) !important;
	font-weight: bold !important;
}




#awardsContainer .card-image{
	margin: 0px auto !important;
}

#awardsContainer img{
	padding-top: 10px !important;
	max-width: 350px !important;
	margin-bottom: 25px !important;
	
}

#myTab{
	background-color: var(--light);
	padding: 0 !important;
}

.tab .nav.nav-tabs li a.active{
	margin-bottom: -2px !important;
	border: none !important;
}

#myTab li a{
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	min-height: 26px !important;
    line-height: 26px !important;
}

#myTabContent label{
	color: var(--light) !important;
}

#myTabContent .custom-control-label{
	margin-left: 20px !important;
}

.tab .nav.nav-tabs li a{
	padding: 10px 5px !important;
}


.table.table-hover.small td{
	padding: 5px !important;
}

.button.button-border-er {
	background: var(--lightblue) !important;
	border: 1px solid transparent  !important;
	border-radius: 4px  !important;
	width: 46px !important;
	height: 46px !important;
}

.button.button-border-er:hover,
.button.button-border-er:focus {
	background: var(--primary)  !important;
	color: #ffffff  !important;
	border-color: transparent  !important;
}

.header.text-dark .mega-menu .menu-links > li.active > a {
	font-weight: bold !important; 
}

.hoverTrigger .drop-down{
	background: #FFFFFF !important;
	border: 2px solid var(--darkgray) !important;
	border-radius: 5px !important;
	padding: 0 !important;
}

.hoverTrigger .drop-down li{
	line-height: 25px !important;
	padding: 2px 4px;
}

.hoverTrigger a{
	color: var(--dark);
}

.hoverTrigger .drop-down li > a{
	color: var(--dark) !important;
	font-size: 14px !important;
	padding: 5px 10px !important;
}

.drop-down li > a{
	color: var(--primary) !important;
}

.drop-down li > a:hover{
	font-weight: bold !important;
	color: var(--primary) !important;
}

.mega-menu .menu-links > li > a{
	margin-top: 10px;
	color: #323232;
}

.card-body{
	padding: .75rem !important;
}

.nav-item {
	padding-left: 3px;
	padding-right: 3px;
}

.nav-tabs{
	padding: 5px 0px 0px 0px !important;
}

.nav-tabs .nav-item a.active,
.nav-tabs .nav-item a:hover
{
	font-weight: bold !important;
	color: var(--light) !important;
	background: var(--secondary) !important;
	border-bottom: 0px solid transparent !important;
}

.calcIcon{
	max-width: 53px !important;
	min-height: 46px !important;
	margin: 0px auto !important;
	cursor: pointer;
}

.calcIcon.guenstig{
	background: url('/img/icons/icon-guenstig.png');
}

.calcIcon.guenstig:hover,
.calcIcon.guenstig.active{
	background: url('/img/icons/icon-guenstig-active.png') !important;
}

.calcIcon.fair{
	background: url('/img/icons/icon-fair.png');
}

.calcIcon.fair:hover,
.calcIcon.fair.active{
	background: url('/img/icons/icon-fair-active.png') !important;
}


#calcBenefitsRow{
	text-align: center;
}

#indexRebellContainer li{
	background-image: url("/img/icons/check-gruen.png");
	background-repeat: no-repeat;
	line-height: 28px;
	padding-left: 30px;
}

#indexRebellContainer{
	text-align: left;
}

#indexRebellContainer i {
	padding-right: 0.3rem;
}

#indexRebellContainer ul li p{
	line-height: 1.8;
}

.col.col-12.col-sm-4 .grid-item{
	margin: 20px auto;
	min-width: 175px !important;
	max-width: 350px;
	max-height: 450px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.col.col-4 .grid-item img{
	max-width: 350px !important;
    max-height: 180px;
    margin: 0px auto !important;
}

.tab-pane button{
	background-color: var(--lightblue) !important;
}

.tab-pane button:hover{
	background-color: var(--primary) !important;
}

.menu-links .nav-tabs .nav-item{
	width: 100%;
	margin: 0px auto 2px !important;
}


.kontaktBox{
	background-color: var(--lightgray);
	padding: 5px !important;
	min-height: 180px !important;
}

.kontaktBox:hover{
	background-color: var(--gray) !important;
}

#KontaktBoxes{
	margin-top: 50px !important;
}

.spaeter{
	position: absolute;
	bottom: 0px !important;
    font-size: 13px !important;
}

#newsletterCTA .custom-control{
	padding-left: .8rem;
}

.custom-control{
	padding-left: 2.8rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary) !important;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 80px;
	border-color: var(--primary);
    display: none;
	z-index: 10 !important;
}


/* Elements */


/* Color overrides */
:root{
	--primary: #185ca5 !important;
	--primary-light: #f6fff6 !important;
	--secondary: #2b9037 !important;
	--gray: #F2F2F2 !important;
	--lightgray: #F7F7F7 !important;
	--darkgray: #8E8E8E !important;
	--deepdark: #232323 !important;
	--dark: #626262 !important;
	--breads: #BDBDBD !important;
	--lightblue: #85A7CA !important;
	--light: #FFFFFF !important;
	--verylight: #FBFBFB !important;
}

/* Primary(green) bg/text/border color */
.bg-primary{
	background-color: var(--primary) !important;
}
.text-primary{
	color: var(--primary) !important;
}
.border-primary{
	border-color: var(--primary) !important;
}

/* Primary-Light(green) bg/text/border color */
.bg-primary-light{
	background-color: var(--primary-light) !important;
}
.text-primary-light{
	color: var(--primary-light) !important;
}
.border-primary-light{
	border-color: var(--primary-light) !important;
}


/* Secondary(blue) bg/text color */
.bg-secondary{
	background-color: var(--secondary) !important;
}
.text-secondary{
	color: var(--secondary) !important;
}
.border-secondary{
	border-color: var(--secondary) !important;
}

.bg-lightgray{
	background-color: var(--lightgray) !important;
}
.text-lightgray{
	color: var(--lightgray) !important;
}

.border-lightgray{
	border-color: var(--lightgray) !important;
}

.bg-gray{
	background-color: var(--gray) !important;
}
.text-gray{
	color: var(--gray) !important;
}
.border-gray{
	border-color: var(--gray) !important;
}

.bg-breads{
	background-color: var(--breads) !important;
}
.text-breads{
	color: var(--breads) !important;
}
.border-breads{
	border-color: var(--breads) !important;
}

.bg-darkgray{
	background-color: var(--darkgray) !important;
}
.text-darkgray{
	color: var(--darkgray) !important;
}
.border-darkgray{
	border-color: var(--darkgray) !important;
}





.bg-orange{
	background-color: var(--orange) !important;
}
.text-orange{
	color: var(--orange) !important;
}
.border-orange{
	border-color: var(--orange) !important;
}


/* Dark bg/text color */
.bg-regular{
	background-color: var(--dark) !important;
}
.text-regular{
	color: var(--dark) !important;
}

/* Light bg/text color */
.bg-light{
	background-color: var(--light) !important;
}
.text-light{
	color: var(--light) !important;
}

/* Transparent bg color */
.bg-transparent{
	background-color: transparent !important;
}

.bg-lightblue{
	background-color: var(--lightblue) !important;
}

.text-lightblue{
	color: var(--lightblue) !important;
}

.bg-deepdark{
	background-color: var(--deepdark);
}

.text-deepdark{
	color: var(--deepdark) !important;
}


/* Color overrides */





/* FOOTER STUFF BELOW! */

footer{
	position: relative;
	min-height: 250px;
}

.footerTopBar{
	position: relative;
	margin-top: -10px;
}

.footerTopBar img{
	max-width: 100% !important;
	z-index: 2;
}

footer a{
	color: var(--lightgray);
	line-height: 30px;
}
footer a:hover{
	color: var(--lightblue) !important;
	line-height: 30px;
}

footer i{
	color: var(--light);
}

.windraeder{
	position: absolute;
	top: 0;
	left: 10%;
	z-index: 5;
}

.windraeder img{
	margin-top: -110px !important;
	filter: opacity(.6) !important;
}

.baum{
	position: absolute;
	top: -25%;
	right: 10%;
	z-index: 5;
}

.baum img{
	margin-top: -200px !important;
}

.white-box{
	width: inherit;
	margin: 20px auto 10px;
	text-align: center;
	background-color: var(--light);
	border-radius: 10px;
}

.white-box img{
	max-width: 180px;
}

footer hr{
	border-top-color: var(--lightgray) !important;
}

/* FOOTER STUFF Above! */

/* Media queries */

@media only screen and (min-width: 580px){
	
	.hidden-sm-up{
		display: none !important;
	}
	
}


@media only screen and (min-width: 993px){
	
	#indexRebellContainer{
		width: 100% !important;
		margin: 0px auto !important;
	}
	
	.campaignImage{
		margin-top: -12rem !important;
	}
}

@media only screen and (max-width: 993px){
	
	.hidden-md-down {
		display: none !important;
	  }
	
	.contentContainer .col-12 > .row:nth-child(even){
		display: flex !important;
		flex-direction: column-reverse !important;
		
	}
	
	.header.text-dark .mega-menu > section.menu-list-items .menu-links{
		background: var(--lightgray) !important;
	}
	.white-box img{
		max-width: 130px !important;
	}
	
	.footerTopBar{
		margin: 0px !important;
	}
	
	.footerTopBar img{
		margin-top: 16px !important;
	}
	
	.baum img{
		margin-top: -170px !important;
	}
	
	.windraeder img{
		margin-top: -90px !important;
	}
	
	.windraeder{
		left: 2%;
	}
	.baum{
		right: 3%;
	}
	
	#fullCalcContainer{
		width: 100% !important;
	}
	
	#calcBenefitsRow{
		text-align: left !important;
	}
	
	#calcBenefitContainer{
		padding-left: 10%;
	}
}

@media only screen and (max-width: 500px){
	.baum{
		display: none !important;
	}
	
	.windraeder{
		left: 10%;
	}
	
	.btn-circle{
		width: 42px !important;
		height: 42px !important;
	}
}




@media only screen and (min-width: 1680px){
	/* Floating button container on info pages*/
	#leftSideButtonContainer{
		position: fixed;
		top: 50%;
		left: 15px;
		max-width: 275px;
		min-height: 120px;
		border: 2px solid var(--breads);
	}
	/* Floating button container on info pages*/
}
	
	
@media only screen and (min-width: 500px) and (max-width: 580px){
	.nav-tabs .nav-item a{
		padding-left: 10px !important;
		padding-right: 0px !important;
		font-size: 14px;
	}
	
	.nav-item, .nav-link{
		width: 150px !important;
	}
}

@media only screen and (max-width: 767px){
	
	.dataInputContainer .form-group.radio{
		flex-direction: column !important;
	}
	
}


@media only screen and (max-width: 575px){
	
	#myTab{
		background-color: transparent !important;
	}
	
	.hide-on-med-and-up,
	.hidden-sm-up{
		display: block !important;
	}
	
	.nav-link, .nav-item{
		min-width: 200px !important;
		text-align: left !important;
	}
	
	.nav-item a i{
		padding-left: 10px !important;
	}
	
	.nav-tabs{
		display: flex !important;
		flex-direction: column;
	}
	
	.hide-on-small-only{
		display: none !important;
	}
	
	#calcBenefitContainer{
		padding-left: 20%;
		line-height: 1.8rem;
	}
}

/* Media queries */