@charset "utf-8";


body, .container-fluid {
    height:100%;

}

.mainContainer {
	width: calc(100% - 130px);
}

#dropbox {
	height:auto;
	background-color: black;
}

.backgroundstripe_ground {
	height:auto;
	background-color: black;
	z-index: 10;
}

.brandwhite {
	max-width: 100%;
 	height: auto;
	top: 40px;
	left: 80px;
	position: relative;
	animation-name: meinreinanim;
	animation-duration: 0.5s;
}

.h3 {
	color: white;
	position: relative;
	z-index: 20;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	animation-name: haushaltanim;
	animation-duration: 0.5s;
	margin-left: 17%;
	margin-top: 20%;
}

.nomarg {
	margin: 1;
	padding: 1;
}

#grund_features_display {
	display:inline;
}

.grund_features_wrap {
	display:inline;
	height: auto;
	padding-top: 4%;
}

.grund_features_container {
	height: auto;
	margin-top:5%;
	margin-bottom:7%;
}

.animup {
	animation-name: haushaltanim;
	animation-duration: 0.5s;
}

#hCont {
	display: none;
}

.grund_features_text {
	margin-left: 50px;
	font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 16px;
	vertical-align: middle;
	display: inline-table;
	font-style: normal;
	font-weight: 400;
}

.grund_det_text {
	margin-left: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	vertical-align: middle;
	display: inline-table;
	font-style: normal;
	font-weight: 400;
}


#closeNotes {
	font-size: 30px;
	color: white;
	display: inline-table;
	align: right;
}



.freqv_active {
	display: block;
	background-color: black;
	height: 140px;
}

.font_big{
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
}

.pos_before {
	position: relative;
	float: right;
	height: 150px;
}

.button_term {
	margin-right: 10px;
	background-color: black;
    perspective: 1px;
}

.button_det {
	background-color: black;
}

button{
 outline: none !important;
}

.centre {
	text-align: center;
}

.centreMon {
	text-align: center;
}

.pos_after {
	position: relative;
	display: inline-table;
}

.blackback {
	margin-left: 10px;
	padding-left: 5px;
	background-color: black;
	display: flex;
	flex-wrap: wrap;
    width: 100%;
}

#droptarget {
    margin-top: 2%;
}

.freqv_rollout {
	background-color: black;
	height: 0;
}

#rollContainer {
    display: flex;
    width: 100%;
    gap: 50px;
}

#monContainer {
    display: none;
}

#3monContainer {
    display: none;
    
}

.centre-div {
	margin-top: 30px;
	margin-left: 40px;
}

.menu_gap_margin10 {
	width: 100%;
	margin-left: 10px;
	color: rgba(0,0,0,1.00);
	margin-bottom: 20px;
	
}

.font_bigblack{
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
}

.cell_simple {
	height: 100px;
	border: 2px solid black;
	margin-right: 10px;
	width: 32%;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
	animation-name: haushaltanim;
	animation-duration: 0.4s;
}

.black{
	color: black;	
}

.font_small {
	font-family: 'Montserrat', sans-serif;
	left: 50px;
	font-size: 18px;
}

.cells_row {
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	margin-top: 30px;
	margin-left: -8px;
}

.cells_wrap {
	width: 19.7%;
	left: 10px;
	}

.cells {
	height: 150px;
	background-color: white;
	width: 100%;
	border: 2px solid black;
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	
}
	
.cells_bottom {
	height: 60px;
	display: block;
	width: 100%;
	animation-name: haushaltanim2;
	animation-duration: 0.6s;
	}
	
.cells_bottom_border {
	border-bottom: 1px solid black;
}


.font_big_neut{
	margin-top: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1vw;
}

.centre-img{
	margin-left: auto;
	display: block;
	margin-right: auto;
	position: relative;
	bottom: 27px;
	!filter: invert(100%);
	pointer-events:none;
}

.details {
	width:100%;
	opacity: 0.5;	
}

.titlepos {
	margin-top: 4%;
	margin-bottom: 2%;
}



.icon {
	margin-top: 1%;
	margin-left: 3%;
	margin-bottom: 1%;
	
}

.centrevert {
	margin-top: auto;
	margin-bottom: auto;
}

.topdist_sm {
	margin-top: 30px;	
}

.topdist_mm {
	margin-top: 5%;	
}

.cal_wrap {
	margin-top: 30px;
	text-align: center;
	width: 100%;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	display: flex;
}

.cal_wrap_inline {
	margin-top: 30px;
	text-align: center;
	width: 100%;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	display: inline-flex;
}


#dayButtons {
    display: flex;
    justify-content: center;
 	align-items: center;
}

.button_days {
	height: 150px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 0px;
	background-color: white;
	width: 100%;
	border: 2px solid black;
	transition: all 0.7s;
	animation-name: haushaltanim;
	animation-duration: 0.2s;
	color: black;
	vertical-align: middle;
    justify-content: center;
 	align-items: center;
    text-align: center !important;
}

.button_days_full {
	height: 150px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 0px;
	background-color: white;
	width: 100%;
	border: 2px solid black;
	transition: all 0.7s;
	animation-name: haushaltanim;
	animation-duration: 0.2s;
	color: black;
	text-align: center !important;
	vertical-align: middle;
    justify-content: center;
 	align-items: center;
	opacity: 20%;
}
	
.button_days:hover {
	width: 110%;
	text-decoration: none;
}
	
.button_days:focus {
	background: black;
	color: white;
	width: 100%;
	outline: none;
	text-decoration: none;
	}
	
.button_std {
	height: 100px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: white;
	color: grey;
	border: 0px;
	width: 100%;
	display: inline-table;
	font-size: 85%;
	}
	
#myRange {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
	
.slider {
    -webkit-appearance: none;  
    appearance: none;
    width: 100%; 
    height: 10px;
	margin-top: 0px;
    background: black;
    outline: none; 
	opacity: 0.7; 
    -webkit-transition: .2s; 
    transition: opacity .2s;
	background: black;
}

.slider:hover {
    opacity: 1; 
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 4%; 
    height: 50px; 
    background: white; 
	border: 2px solid black;
    cursor: pointer;
	
}

.slider::-moz-range-thumb {
    width: 6%; 
    height: 50px; 
    background: #4CAF50; 
    cursor: pointer; 
}

#footer {
	width: 100%;
	height: 150px;
	margin-top: 120px;
	text-align: center;
}

#footer2 {
	display: none;
	width: 100%;
	height: 150px;
	margin-top: 50px;
	text-align: center;
}

#footerImg {
	margin:auto;
	
}



#dragIcon {
	display: none;
}

#modText {
	font-family: "Post Grotesk", sans-serif;
	font-size: 14px;
	text-align: center;
}

#modTextTemp {
    font-family: "Post Grotesk", sans-serif;
    font-size: 14px;
    text-align: center;
    display: none;
    color: #FF5012;
}

.font_small_white {
	color: white;
	font-family: 'Montserrat', sans-serif;
	left: 50px;
	font-size: 14px;
	}

#master {
	color: white;
	position: relative;
	z-index: 100;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	margin-left: 18%;
	margin-top: 3%;
}

.masterGet {
	
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	margin-top: 4%;
}

button:focus {outline:0;}







#drag1 {
	cursor:n-resize;
}


#rollout{
	display: none;
}




#master_mon {
    margin-top: 15px;
	
}

#freq_active {
	margin-left: 5%;
	height: 100px;
}

#termtext {
	
}

.datal {
	display:block;
}

.posSide {
	margin-left: 200px;
	}

#freqw {
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	margin-top: 3%;
	}
	
#freqm {
	animation-name: haushaltanim;
	animation-duration: 0.6s;
	margin-top: 3%;
	}
	
#lFlankName {
	width: 35%;	
	}
	
#rFlankName {
	width: 55%;
	display: inline-block;
	margin-left: 30px;	
	}
	
#lFlankStr {
	width: 73%;	
	}
	
#rFlankHausnr {
	width: 20%;
	display: inline-block;
	margin-left: 30px;	
	}
	
#lFlankPLZ {
	width: 21%;	
	}
	
#rFlankStadt {
	width: 73%;
	display: inline-block;
	margin-left: 30px;	
	}
	
#lFlankEmail {
	width: 48%;	
	}
	
#rFlankMobil {
	width: 48%;
	display: inline-block;
	margin-left: 30px;	
	}
	
.block {
	display: inline-block;
}

.btnEmpty {
	background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	}
	
.btnSimple {
	height: 50px;
	border: 2px solid black;
	margin-top: 100px;
	width: 300px;
	background-color: white;
	border-radius: 1px;
	font-weight: bold;
	display: block;
	margin-left: 190px;
	}

.white {
	color: white;	
	}
	
.marginRight {
	margin-right: 10px;
	}
	
.topdist20 {
	margin-top: 20px;	
}

.paystyle {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: white;
	padding-bottom: 80px;
    padding-right: 14%;
	padding-left: 14%;
	padding-top: 70px;
	}
	
.payImg {
	margin: 0px auto;
	display: block;
	}
	
.titleStripe {
	width: 100%;
	margin-left: 0;
	background-color: black;
	top: 0;
	left: 0;
	z-index: -100;
	height: auto;
	//900px;
	padding-bottom: 20px;	
}

.title {
	color: white;
	position: relative;
	z-index: 100;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	animation-name: haushaltanim;
	animation-duration: 0.5s;
	margin-top: 4%;
	margin-bottom: 4%;
	text-align: center;
}

.paytitle {
	z-index: 100;
	font-family: "Post Grotesk", sans-serif;
	font-size: 36px;
	text-align: center;
	padding-top: 6%;
	padding-bottom: 3%;
	color: grey;
	border-bottom: thin solid rgba(155,155,155,1.00);
	border-left-color: grey;
	border-right-color: grey;
	border-top-color: grey;
	width: 50%;
	margin: 0 auto;
	}
	
.paybody {
	z-index: 100;
	font-family: "Post Grotesk", sans-serif;
	font-size: 36px;
	text-align: center;
	padding-top: 6%;
	padding-bottom: 4%;
	color: black;
	width: 68%;
	margin: 0 auto;
	padding-left: 16%;
	}
	
.paybodyCol {
	width: 22%;
	float: left;
	padding-top: 30px;
	font-weight: bold;
	}
	
.paybodyCol2 {
	padding-top: 30px;
	width: 50%;
	float: left;
	}
	
.paybodySepa {
	width: auto;
	float: left;
	padding-top: 30px;
	}
	
.sepabold {
	font-weight: bold;
	width: 250px;
	}
	
.smMarginR {
	margin-right: 3px;
	}
	
.OKbtn {
	width: 20%;
		}
	
:focus {
    outline-color: grey;
}

a {
    color: black;
    text-decoration: none;
}

a:hover 
{
     color: black; 
     text-decoration:none; 
     cursor:pointer;  
}
.bigTopMargin {
	margin-top: 10%;
}

#grund_features_displayP {
	display:none;
	width: 70%;
	margin: auto;
	justify-content: center;
  	align-items: center;
}

#detText1 {
	display: none;
}

#detText2 {
	display: none;
}

#detText3 {
	display: none;
}

#termButtonPhone {
	display: none;
	font-size: 18px;
	letter-spacing: 12px;
	font-weight: bold;
	text-align:center;
	margin-top:80px;
	margin-bottom:70px;
}

#appodiv {
	padding: 0.3%;
}

#checkid {
	width: 450px;
	height: 60px;
	font-size: 18px;
    font-weight: bold;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 140px;
    letter-spacing: 12px;
    display: flex;
}

.autoHeight {
	height: auto;
}

#warnCont {
    width: 100%;
    display: flex;
    justify-content: center;
}

#warn {
    width: 80%;
    margin-top: 7%;
    margin-bottom: 4%;
    font-family: 'Post Grotesk', sans-serif;
	font-size: 20px;
}

#slyupSingle {
    display: none;
    padding-top: 5%;
    font-weight: 400;
}

#dateTitle {
    display: none;
    padding-top: 3%;
    padding-bottom: 2%;
}


/*_____________________________________________________________________________________________________________________*/

@media (hover: none) {
	.button_days:hover {background: black;color: white;width: 100%;outline: none;text-decoration: none;}
}

/*All Tabs Landscape*/
@media only screen and (max-width: 1366px) and (min-aspect-ratio: 6/4) and (orientation: landscape) {
	.cell_simple {width: 31.4%;}
	.cells {height: 100px;}
	.details {width: 100%; margin-left: 0px; margin-right: 0px; opacity: 0.4;}
	.detDisplay {height: 100px; display: table-cell; margin-left: 20px; vertical-align: middle;}
	.grund_det_text {min-width: 100%; font-family: "Post Grotesk", sans-serif; font-size: 16px; margin-left:0px; }
	.centrevert {}
	.icon {float: left;	width: 70px; height: 70px; margin-right: 20px; margin-bottom: 10px;}
	.grundImg {width: 100px; height:auto; margin: auto;}
	#termButtonPhone {display: block; width: 400px; height: 50px; margin-left: auto; margin-right: auto; margin-top:140px;}
	.button_days {margin-left: auto; margin-right: auto; margin-top: 0px; width: 13%; height: 90px; font-size: 18px;}
	.button_days:focus {width: 13%; background: black;color: white;outline: none;text-decoration: none;}
	.button_days:hover {width: 13%;}
	#droptarget_mon {margin-top: 30px;}
    #droptarget_3mon {margin-top: 30px;}
	.cal_wrap {height: 80px; margin-left: 10px; width: 96%; font-size: 18px;}
	#myRange {width: 96%;margin-left: 10px;}
	#checkid {margin-top:80px;}
	
}

/*All Phones landscape*/
@media only screen and (max-width: 812px) and (orientation: landscape){
	.mainContainer {width: 100%;}
	#sideline {display:none;}
	#phone {display:block; height: 10vh;}
	.brandwhite {width:70%;left: 60px;}
	.h3 {font-size: 18px; margin-top: 40%; margin-left:35%;}
	#master {font-size: 18px; margin-top: 20px; margin-left:40%;}
	.backgroundstripe_ground {padding-bottom: 60px;}
	.grund_features_wrap {margin-top:40px;}
	.grund_features_container {width:100%; margin-top:30px; margin-bottom:0px; margin-right: 0px;}
	.grundImg {width: 80px;}
	.grund_features_text {height: auto; font-family: "Post Grotesk", sans-serif; font-size: 14px; margin-left: 20px; margin-bottom: 0px;}
	.cell_simple {width: 29%; margin-left: 9px; font-size: 18px !important;}
	.font_small {margin-top: 10px;}
	.cells_wrap {width: 24%; left: 1%;	margin:auto; padding: 10px;}
	.font_big_neut{font-size: 14px; margin-bottom: 15px;}
	.cells {padding: 5px; flex: 3; border: 1px solid black; height: 85px;}
	.cells_bottom {height: 30px;}
	.cells_bottom_border {border-bottom: 0px;}
	.details {width: 96%; margin:auto;}
	.icon {margin-bottom: 20px;}
	.detDisplay {display: table-cell; height: auto; margin-left: 20px; padding-top: 7px;}
	.detLine {height: 20px; border-bottom: 0px; margin-bottom: 10px;}
	#dDHelpCont {display: flex;	flex-direction: row-reverse; padding: 30px, 30px, 0, 30px;}
	#modText {display: none;}
	#modTextTemp {display: inline;}
    #dragIcon {display: inline;	margin-left: 15%; margin-left: 5%; margin-bottom: 10px}
	.cells_row {margin-top: 0px;}
	#droptarget {flex: 1; margin-bottom: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(26%, 1fr)); grid-gap: 0px 15px;}
	#droptarget_mon {width:68.5%; margin-left:40px; margin-top: 30px; margin-bottom: 10px;}
    #droptarget_3mon {width:68.5%; margin-left:40px; margin-top: 30px; margin-bottom: 10px;}
	.font_big{font-size: 18px;}
	.button_days{font-size:13px; height: 70px;}
	.cal_wrap {margin-bottom: 20px;}
	#appodiv{display:none;}
	#myRange {margin-top:70px;}
   
}


/*All Tabs Portrait*/
@media only screen and (max-width: 1024px) and (orientation: portrait){
	.mainContainer {min-width: 100%;}
	.grund_features_text {height: auto; font-family: "Post Grotesk", sans-serif; font-size: 16px; margin-left: 30px;}
	.grund_det_text {height: auto; font-family: "Post Grotesk", sans-serif; font-size: 16px; margin-left: 30px;}
	.grundImg {width: 80px;	height:auto; margin: auto;}
	.brandwhite {display:block;	position:static; width:80%; margin:40px 0 60px 17%;}
	.h3 {margin-left: 25%;}
	#master {margin-left: 27%;margin-top: 5%;}
	.grund_features_wrap {padding-top: 15%;}
	.cell_simple {width: 31%; margin-bottom: 0px; margin-left: 0px;}
	#dragIcon {display: inline; margin-right: 2%; margin-left: 20px; margin-bottom: 10px; width: 60px; height: 60px}
	.cells {border: 1px solid black; height: 85px; flex: 3;}
	.cells_wrap {width: 47%; left: 3%;	margin:auto;}
	#droptarget {flex: 1; margin-bottom: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(26%, 1fr)); grid-gap: 0px 15px;}
	.cells_row {margin-top: 0px;}
	#modText {display: none;}
	#modTextTemp {display: inline; margin-top: 10px; margin-bottom: 20px;}
    .cal_wrap {margin-left: 2%; width: 96%; font-size: 14px; }
	.button_days {margin-left: auto; margin-right: auto; margin-top: 0px; width: 18%; height: 50px;}
	.button_days:focus {background: black;color: white;width: 13%;outline: none;text-decoration: none;}
	.mainContainer {min-width: 100%;}
	.grund_features_container {	width:auto; margin-top:0px; margin-bottom:0px;}
	.grundImgP {width: 80px; height:auto; display:inline-block;}	
	.backgroundstripe_ground {padding-bottom: 40px;}
	.button_term {margin-right: 0px; margin-left: 50px;}
	#freq_active {font-size: 22px; margin-left: 10px; height: 100px;}
	.menu_gap_margin10 { margin-top: 20px; margin-bottom: 40px;}
	/*#rollout{width: 95%; margin-left: 2.5%;}*/
	.cells_bottom {height: 40px;}
	.font_small {margin-top: 10px;}
	.font_big_neut{font-size: 14px;}
	.centre-img{position: relative;	bottom: 22px; !filter: invert(100%); pointer-events:none;}
	.cells_bottom_border {border-bottom: 0px;}
	.centre-div {margin-top: 0px; margin-right: 30px; margin-left: 40px;}
	.centre {margin-block-start: 10px !important; text-align: center;}
	#droptarget_mon {width:72%;}
    #droptarget_3mon {width:72%;}
	.titlepos {margin-top: 70px; margin-bottom: 30px;}
	.details {margin-left: 5%; margin-right: 5%; opacity: 0.4;}
	.icon {float: left;	width: 50px; height: 50px; margin-left: 0px; margin-right: 20px; margin-bottom: 10px;}
	.detDisplay {height: auto; display: inline; margin-left: 0px; text-align: justify;}
	.centrevert {margin-top: 30px; margin-bottom: 10px;}
	.detLine {width: 100%; height: 20px; border-bottom: 1px solid rgba(199,199,199,1.00); margin-bottom: 30px;}
/*	.topdist_sm {margin-top: 40px;}*/
/*	#myRange {width: 766px; transform:translateX(-766px);}*/
	.button_std {margin-right: 5px;	margin-left: 5px; background-color: white; color: grey;	border: 0px; font-size: 50%; display:inline-table; width: 50%; height: 30px !important;
	}
	#checkid {width: 50%; font-size: 18px; letter-spacing: 8px;}
	.titleSmall {font-size: 18px;}
	#conti {display: block;	width: 100%;}
	.flex {display:block;}
	#footer {margin-top: 50px;}
	#footerImg {width: 200px; height: 74px;}
	#dDHelpCont {display: flex;	flex-direction: row-reverse;}
	#termButtonPhone {display: flex; width: 370px; height: 46px;}
    #warn {font-size: 16px; margin-top: 11%; margin-bottom: 8%; hyphens: auto;}
    #slyupSingle {padding-top: 15%;}
}

/*All Phones Portrait*/
@media only screen and (max-width: 480px) and (orientation: portrait){
    .brandwhite {display:block;	position:static; width:80%; margin:40px auto 60px auto;}
	.grund_features_container {	width:90%; margin-top:0px; margin-bottom:0px;}
	.grundImg {width: 80px;	height:auto; display:block;	margin: auto;}
	.grund_features_wrap {padding-top: 4%;}	
	.grund_features_text {height: 120px; font-family: "Post Grotesk", sans-serif; font-size: 16px; margin-left: 80px;}
	.grund_det_text {height: 120px; font-family: "Post Grotesk", sans-serif; font-size: 16px; margin-left: 0px;}
	.backgroundstripe_ground {padding-bottom: 0px;}
	.menu_gap_margin10 { margin-left: 15px;}
    #dragIcon {display: inline; margin-right: 2%; margin-left: 8px; margin-bottom: 10px; width: 60px; height: 60px}
	#termFix {margin-top: 5px;}
	#modText {display: none;}
	#modTextTemp {display: inline;}
    .flex {display: flex;}
    .icon {margin-left: 10px;}
	.cell_simple {width: 90%; margin-bottom: 0px; margin-left: 5px;}
	.cells {width: 100%; border: 1px solid black; height:85px; flex:2;}
	.cells_wrap {width: 90%; left: -1%;	margin:auto;}
    .centreMon {text-align: left;}
    .blackback {width: 101.1%;}
    #rollout {width: 103.5%; background-color: black;}
	#droptarget {flex: 1; margin-bottom: 20px; margin-right: 45px; display: grid; grid-template-columns: repeat(auto-fit, minmax(35%, 1fr)); grid-gap: 0px 15px;}
    #rollContainer {flex-direction: column; width: 90%;}
    .centre-div {min-width: 39%;}
    .cal_wrap {margin-left: 0%; margin-right: 0px; width: 100%; font-size: 18px; }
    .cal_wrap_inline {margin-left: 100px; margin-right: 0px; margin-bottom: 50px; width: 100%; font-size: 18px; display: inline; }
	.button_days {margin-left: auto; margin-right: auto; margin-top: 20px; width: 85%; height: 60px;}
	.pos_before {
		position: static;
		float: none;
		margin-right:auto;
		margin-left: auto;
		height: 50px;
		text-align: center;
	}
	.button_term {
        transform: scale(0.8);
        margin-left: 0;
		margin-top: 5%;
	}
	.pos_after {
	position: relative;
	display: block;
		padding-top: 20px;
	}
	.freqv_active {
		display: block;
		background-color: black;
		height: 230px;
	}
	.button_days:focus {background: black;color: white; width: 100%; outline: none; text-decoration: none;}
	#conti {display: block;	width: 100%;}
	#myRange {margin-top: 10px; margin-left: 30px; margin-right: 0px; width: 630px; height: 5px; float: right;}
	.button_std {margin-right: 5px;	margin-left: 5px; background-color: white; color: grey;	border: 0px; font-size: 85%; display:inline-table; width: 50%; height: 30px !important;
	}
	#checkid {width: 75%; margin-top:50px; margin-bottom: 50px;}
	#termButtonPhone {width: 300px; height: 42px; font-size: 16px;}
	.details {width: 88%; margin-left: 30px;}
	.icon {float: left;	margin-left: 0px;}
    #dayButtons {flex-direction: column;}
    #unfreeDay {padding-top: 15%; padding-bottom: 15%;}
    #dateTitle {padding-top: 12%;}
}