:root {
    --ggreybackgroundcolor: RGB(80, 80, 80);
	--geditlabel_minwidth: 155px;
	--gedit_standard_height: 25px;
	--ginputmarginbottom: 20px;
	--gedit_standard_font_size: 18px;
	
	--gedit_apotek_standard_font_size: 26px; /* 2.8vw; */
	--gedit_apotek_smaller_font_size: 20px; /*2.2vw;*/
	

	--gedit_minion_standard_font_size: 2.8vw;
	
	--gedit_minion_product_name_font_size: 20px;
	--gedit_minion_lbl_text_font_size: 20px;
	--gedit_minion_lbl_text_larger_font_size: 26px;
	--action_blue: #3737E6;
}

body {
	font-family: 'Roboto';
}


.header_links {
	display: flex;
	align-items: center;
	
}

.header_link_cnt {
	flex: 1;
}

.header_link_cnt_content_right {
	display: flex;
	justify-content: flex-end;
}

.header_link_cnt:last-of-type {
  margin-left: auto;
}


.heatpump_log_filters {
	
	box-sizing: border-box;
	padding-top: 45px;
	padding-bottom: 10px;

	text-align: center;
	
}

.heatpump_log_filters label {
	margin-left: 10px;
	margin-right: 10px;
	
}

.bsave {
	/*vertical-align: 2px;*/
	/*box-sizing: border-box;*/
	
	vertical-align: middle;
	display: inline-block;
}

.text_edit {
	
}

.pump_status_label {
	display: block;
	text-align: left;
	
	margin-bottom: 4px;
}

.heatpump_link label{
	cursor: pointer;
}

.heatlink_label {
	display: block;
	text-decoration: underline;
	margin-bottom: 10px;
}

.heatpump_link[data-active] {
	/*color: white;*/
	background-color: lightgrey;
	/*
	border-style: solid;
	border-width: 1px;
	border-color: black;
	*/
	
}

.chartblock {
	/*display: block;*/
}

.chart_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	/*margin-top: 30px;*/
}


.body_content {
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

.heatpump_log {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.heatpump_log, .heatpump_log tr, .heatpump_log td, .heatpump_log th {
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.heatpump_log td {
	text-align: right;
}

.heatpump_log .text_align_left {
	text-align: left;
}

.heatpump_log .text_align_right {
	text-align: right;
}

.td_sum {
	margin-left: 10px;
}

.date_td label{
	display: inline-block;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
}

.heatpump_log th {
	padding-left: 4px;
	padding-right: 4px;

	padding-top: 4px;
	padding-bottom: 4px;
}

.heatpump_chart {
	max-width: 750px;
	min-width: 750px;
	
	min-height: 450px;
	max-height: 450px;
	
	
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	
	display: inline-block;
}

.heatpump_chart[data-single] {
	max-width: initial;
}

.heatpump_link {
	font-size: 22px;	
	text-decoration: none;
	color: black;
	
	display: inline-block;
	padding: 15px;
	box-sizing: border-box;
	
	border-style: solid;
	border-width: 1px;
	border-color: black;
	margin-right: 15px;
	
}

.heatpump_list {
	box-sizing: border-box;
	
	/*padding-top: 20px;*/
	/*padding-left: 30px;*/
}


#login_div {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	/*background-color: black;*/
	background-color: rgb(211, 211, 211);
	box-sizing: border-box;
	
	/*padding-top: 20px;*/
	padding-bottom: 0px;
	margin-bottom: 15px;
}

.header_logo {
	height: 200px;
}


.header a {
	color: black;
	font-size: 18px;	
	text-decoration: none;
	
	margin-left: 15px;
	margin-right: 15px;
}

.multiline_link_line {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
}


.header a:visited {
	color: black;
}

.header_links_hp {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
}










.e_mail_not_sent {
	color: red;
	font-weight: bold;
}

#btoggleform {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 150px;
	height: 30px;
	/* float: right; */
}

#report_container {
	margin-top: 30px;
}

.editform_container {
	width: 850px;
	
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	
	border-style: solid;
	border-width: 1px;
	border-color: black;
	
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 0px;
	box-sizing: border-box;
}

.timerange_container {
	display: inline-block;
}

.bsave, .bcancel {
	width: 150px;
	height: 30px;
	/*height: var(--gedit_standard_height);*/
}

.submit_container {
	margin-bottom: var(--ginputmarginbottom);
}

.cb_label
{
    float: left;
}

.cb_box {
    float: left;
    clear: left;
    margin-left: var(--geditlabel_minwidth);
    margin-bottom: 15px;
    
}

.info_table {
	margin: auto;
	margin-top: 30px;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}

.info_table_th {
	border-style: solid;
	border-width: 1px;
	
	padding-top: 2px;
	padding-bottom: 2px;

	padding-left: 16px;
	padding-right: 16px;
}

.info_table_td {
	border-style: solid;
	border-width: 1px;
	border-color: black;

	padding-top: 2px;
	padding-bottom: 2px;

	padding-left: 16px;
	padding-right: 16px;
}

.info_table_caption, .info_table_headrow td {
	border-style: solid;
	border-width: 1px;
	
	border-bottom: none;
	
	padding-top: 6px;
	padding-bottom: 6px;
	
	font-weight: bold;
	font-size: 22px;
	color: maroon;
	
	
}












.section_caption {
	font-family: 'apotek';
	font-size: var(--gedit_apotek_standard_font_size);
	font-weight: lighter;
}



.product_extra_link_w_comment {
	line-height: 100%;
}


.margin_hori_auto {
	margin-left: auto;
	margin-right: auto;
	
}

.waiting_cursor {
	cursor: wait !important;
}


/*.hidden_radio:checked ~ label {*/
.hidden_radio {
	display: none;
}

.lbl_rbpayment_selection {
	font-size: var(--gedit_minion_standard_font_size);
}

.hidden_radio:checked + .lbl_for_hidden_rb {
  color: white;
  background-color: var(--ggreybackgroundcolor);  
}

.lbl_for_hidden_rb {
	/*font-family: 'minion';*/
	font-size: var(--gedit_minion_standard_font_size);
	margin-top: 15px;
	margin-left: 20px;
	padding: 15px;
	display: inline-block;
	
	border-width: 1px;
	border-style: solid;
	border-color: RGB(200, 200, 200);
	
	min-width: 150px;
	text-align: center;	
	
	box-sizing: border-box;
}

.hidden_radio:checked + .lbl_bank_selection, .hidden_radio:checked + .lbl_date_selection, .hidden_radio:checked + .lbl_time_selection {
  background-color: RGB(210, 210, 210);
  border-color: black;
}

.hidden_radio:checked + .lbl_date_selection, .hidden_radio:checked + .lbl_time_selection {
	color: black;
}

.lbl_bank_selection {
	color: transparent;
	
	outline-width: 1px;
	outline-style: solid;
	outline-color: var(--ggreybackgroundcolor);	
		
	width: 100px;
	height: 100px;	
}

.lbl_date_selection, .lbl_time_selection {
	font-family: 'apotek';
	font-size: var(--gedit_apotek_standard_font_size);
	margin-top: 15px;
	margin-left: 20px;
	padding: 15px;
	display: inline-block;
	
	min-width: 130px;
	max-width: 200px;
	text-align: center;	
}

.lbl_time_selection {
	max-width: 100px;
	padding: 10px;
	margin-top: 7px;
	margin-left: 7px;
	box-sizing: border-box;
}

.campaign_time_edit {
	margin-top: 15px;
	min-width: 180px;
}

.position_relative {
	position: relative;
}

.cnt_campaign_time {
	max-width: 270px;
	margin-left: auto;	
	
}

.cnt_one_col_time {
	text-align: right;
	column-count: 1;
}

.cnt_two_col_time {
	text-align: left;
	column-count: 2;
}

.cnt_campaign_date_and_time {
	display: flex;
}

.sold_out {
	border-color: red;
}

.cnt_campaign_dates {
	max-width: 360px;
	column-count: 2;
	column-width: 130px;
}


#lbl_card_payment {
	margin-left: 0px;
}

#payment_selection {
	text-align: center;
	margin-top: 60px;
}

#bank_selection {
	text-align: center;
	margin-top: 30px;
	
}


#cnt_custom_wait_cursor {
	position: fixed;
	top: 30%;
	left: 50%;
	transform: translate(-50%, 50%);
	/*font-family: 'minion';*/
}

#custom_wait_cursor {
	z-index: 1000;
	/*stroke: black;*/
	/*fill: RGB(120, 120, 120);*/
	/*fill: url(#lgrd);*/
	fill: none;
	stroke: url(#lgrd);
	
	height: 106px;
	width: 106px;	
	
	stroke-width: 5px;
	
	animation-name: hourglass;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

#custom_wait_cursor_text {
	stroke-width: 1px;
	fill: black;
	font-size: 2.2vw;
	
} 

#lgrd_stop1 {
	stop-color: RGB(0, 0, 0);
	stop-opacity: 1;
	
}

#lgrd_stop2 {
	stop-color: RGB(240, 240, 240);
	stop-opacity: 1;	
}

@keyframes hourglass {
	/*
	0%  {transform: rotate(90deg);}
	33% {transform: rotate(180deg);}
	66% {transform: rotate(270deg);}
	*/
	100% {transform: rotate(360deg);}
}

/*
@keyframes hourglass {
	0%  {transform: scale(1); fill: RGB(120, 120, 120);}
	25% {transform: scale(1.5); fill: RGB(150, 150, 150);}
	50% {transform: scale(2); fill: RGB(230, 230, 230);}
	75% {transform: scale(1.5); fill: RGB(150, 150, 150);}
	100% {transform: scale(1); fill: RGB(120, 120, 120);}
}
*/

.text_center {
	text-align: center;
}

.header_links_narrow {
	display: none;
}

.header_links {
	display: flex;
	align-items: center;
	
}

.header_link_cnt {
	flex: 1;
}

.header_link_cnt_content_right {
	display: flex;
	justify-content: flex-end;
}

.header_link_cnt:last-of-type {
  margin-left: auto;
}

.logo_little {
	width: 110px;
	margin-left: 20px;
	margin-top: 20px;
	/*float: left;*/
	
}


.language_selection, .language_selection:visited {
	color: black;
	text-decoration: none;
	margin-right: 15px;	
	font-family: 'apotek';
	font-size: var(--gedit_apotek_standard_font_size);
}

.membership_link, .membership_link:visited {
	color: #3737E6;
	text-decoration: none;
	/*display: block;*/
	/*margin-top: 10px;*/
	margin-right: 15px;	
	text-transform: uppercase;
	font-family: 'apotek';
	font-size: var(--gedit_apotek_standard_font_size);
	
}

.ui-datepicker-header .ui-icon {
	background-image: none;
}

.ui-datepicker-header .ui-datepicker-next
{
	background-image: url(nextmonth.svg);
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 60%;
}

.ui-datepicker-header .ui-datepicker-prev
{
	background-image: url(prevmonth.svg);
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 60%;
}

body {
	padding: 0px;
	margin: 0px;
	/*background-color: rgb(245, 242, 240);*/
	
}
	


.price_value, .currency_value {
	margin-top: 4px;
	display: block;
}

.price_value {
	
	font-size: var(--gedit_standard_font_size);
	float: right;
	
	min-width: 40px;
	text-align: right;
}

.currency_value {
	font-size: var(--gedit_standard_font_size);
	float: right;
	
	min-width: 15px;
}

.total_amount_value {
	float: right;	
	min-width: 40px;
	text-align: right;
}

.total_amount_value, #total_currency {
	margin-top: 0px;
	font-family: 'apotek';
	font-size: var(--gedit_minion_lbl_text_larger_font_size);	
}

.display_block {
	display: block;
}
.page_header_text {
	color: white;
	backGround-color: var(--ggreybackgroundcolor);
	text-align: center;
	font-size: 3.5vw;
	/*font-family: 'minion';*/
}



.error_container {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	
}

.error_text {
	margin-left: 10px;
	color: maroon;
	font-size: 2vw;
	font-weight: bold;
	cursor: pointer;
}

#contacts_label {
	font-family: 'apotek';
	/*font-size: var(--gedit_minion_lbl_text_font_size);*/
	font-size: var(--gedit_minion_lbl_text_larger_font_size);
}

.float_left {
	
	float: left;
}

.float_right {
	
	float: right;
}

.tickets_container {
	
	margin: auto;
	width: 60%;
	margin-top: 30px;
}

.invoice_container {
	margin: auto;
	width: 30%;
	margin-top: 30px;	
}	

.submit_button_container, .invoice_container, .tickets_container {
	max-width: 800px;
	min-width: 800px;
}

.product_group_container {
	margin-top: 25px;
	margin-bottom: 35px;
	
}

.inside_text_link {
	text-decoration: none;
	color: #3737E6;
}

.product_group_link {
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'apotek';
	font-size: var(--gedit_apotek_standard_font_size);
	margin-right: 20px;
}

.product_group_link:hover {
	color: blue;
}

#after_payment_heading {
	/*font-family: 'minion';*/
	font-size: 25px;
	font-weight: normal;
	
	/*text-align: justify;*/

	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: var(--ggreybackgroundcolor);
	
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	
	width: 100%;
	
	box-sizing: border-box;
	
	margin: auto;
	margin-top: 50px;
	margin-bottom: 15px;
}


.ticket_name, .invoice_number_text {
	min-width: 40%;
	display: inline-block;
}

.invoice_tickets_container {
	
}

.ticket_no, .invoice_doc_no {
	
color: black;	
}

.time_container {
	padding-bottom: 10px;
	
	
	padding-top: 15px;
	box-sizing: border-box;

	/*
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--ggreybackgroundcolor);
	*/
	
	
	margin-bottom: 35px;
}

.submit_button_container {
	
	padding-top: 15px;
	box-sizing: border-box;
	
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: var(--ggreybackgroundcolor);
	
	margin-bottom: 35px;
}

.time_selection_edits_container, .door_selection_edits_container {
	/*display: inline;*/
	/*float: right;*/
	margin-bottom: var(--ginputmarginbottom);
}

.submit_button_container {
	margin: auto;
	width: 60%;
	margin-top: 30px;
	max-width: 800px;
}

.ticket_explanation {
	/*font-size: var(--gedit_apotek_smaller_font_size);*/
	font-size: var(--gedit_apotek_standard_font_size);
	font-family: 'apotek';
	font-weight: lighter;
	margin-bottom: 30px;
	border-bottom: solid;
	border-width: 1px;
	border-color: black;
	padding-bottom: 20px;
	box-sizing: border-box;
	
	line-height: 92%;
}

.lang_icon {
	height: 25px;
	margin-right: 3px;
	/*
	border-radius: 16px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	*/
}


.product_name, .invoice_number, .ticket_number {
	font-size: 25px;
	/*font-family: 'minion';*/
	max-width: 550px;
	display: inline-block;
	
	display: inline-flex;
	align-items: center;
	
}

.product_name {
	font-size: var(--gedit_minion_product_name_font_size);
}

.product_comment {
	font-size: 14px;
	/*font-family: 'minion';*/
	display: inline-flex;
	margin-bottom: 10px;
	max-width: 70%;
}

.product_link_comment {
	font-size: 14px;
	/*font-family: 'minion';*/
	margin-top: 0px;
}

.ticket_number, .invoice_number {
	display: block;
	color: var(--action_blue);
}


.time_selection_text {
	font-size: var(--gedit_minion_product_name_font_size);	
	/*font-family: 'minion';*/
}

.ui-timepicker-list li{
	font-size: var(--gedit_standard_font_size);
	text-align: right;
}

.product_container {
	padding-bottom: 10px;
	min-height: 30px;
}

.cnt_selection {
	float: right;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	border-radius: 15px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 0px;
	color: black;
}

.cnt_edit {
	float: right;
	margin-right: 10px;
	
	height: var(--gedit_standard_height);
	width: 30px;
	
	text-align: center;
	padding: 0px;
	
}



.submit_tickets {
	margin-right: 20px;
	margin-bottom: 20px;
	float: right;
	width: 200px;
	padding: 10px;
	/*font-family: 'minion';*/
	font-size: var(--gedit_minion_lbl_text_font_size);
}

#bmake_payment {
	float: none;
	margin-top: 45px;
	margin-bottom: 20px;
}


.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.lbl_text_edit {
    float: left;
    clear: left;
    min-width: var(--geditlabel_minwidth);
	text-align: left;
	/*font-family: 'minion';*/
	/*font-size: var(--gedit_minion_lbl_text_font_size);*/
	margin-top: 3px;
}

.display_none {
	display: none;
}

.display_hidden {
	visibility: hidden;
}

.text_edit {
    float: left;
    margin-bottom: var(--ginputmarginbottom);
	min-width: 300px;
	/*height: var(--gedit_standard_height);*/
	/*font-size: var(--gedit_standard_font_size);*/
}

.infotext_edit {
	height: auto;
}

.datetime_edit {
	/*float: right;
	margin-right: 10px;*/
	height: var(--gedit_standard_height);
	min-width: initial;
	width: 130px;
	text-align: center;
	font-size: var(--gedit_standard_font_size);
	
	vertical-align: middle;
	display: inline-block;
}

[class*="date_edit"] {
	/*margin-right: 10px;*/
}


.contacts_container {
	display: table;
	margin: auto;
	margin-top: 40px;


}

.border_top_container, .border_top_container_thin {
	padding-top: 20px;
	
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: var(--ggreybackgroundcolor);
}

.border_top_container_thin {
	border-top-width: 1px;
}

.border_bottom_container {
	padding-bottom: 30px;
	
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: var(--ggreybackgroundcolor);
}

.border_bottom_none {
	border-bottom: none;
}

.last_product_in_timegroup {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--ggreybackgroundcolor);
	
	margin-bottom: 20px;
}

.border_top_like_last_product_in_timegroup {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--ggreybackgroundcolor);
	
	/*margin-bottom: 20px;*/
}

@media screen and (max-width: 992px) {

.timerange_container {
	margin-top: var(--ginputmarginbottom);
	display: block;
}


.lbl_rbpayment_selection {
	font-size: 6vw;
}

.lbl_bank_selection {
	width: 180px;
	height: 180px;	
}

.page_header_text {
	color: white;
	backGround-color: var(--ggreybackgroundcolor);
	text-align: center;
	font-size: 6.4vw;	
}

.logo_little {
	width: 130px;
	float: none;
	
}


.product_group_link, .membership_link {
	font-size: 7vw;
}

.ticket_explanation {
	font-size: 4.2vw;
}

.product_name, .invoice_number, .ticket_number {
	font-size: 4.2vw;

	margin-top: 0px;
	min-height: 70px;
	display: inline-flex;
	align-items: center;
}

#contacts_label {
	display: inline;
}


.ticket_number, .invoice_number {
	font-size: 6.4vw;
	display: block;
	min-height: initial;
}

.product_name {
	max-width: 400px;
}


.language_selection {
	font-size: 7vw;
	/*margin-top: 5px;*/
	/*
	float: right;
	display: block;
	*/
}

.product_container {
	min-height: 70px;
	padding-bottom: 20px;
}

.cnt_selection {
	width: 70px;
	height: 70px;
	font-size: 4.5vw;
	font-weight: bold;
	border-radius: 35px;
}

.cnt_edit {
	float: right;
	
	margin-left: 25px;
	margin-right: 31px;
	
	height: 70px;
	width: 70px;
	
	font-size: 4.5vw;
}

.cnt_plus {
	margin-left: 5px;
}

.lbl_text_edit {
	display: none;
}

.text_edit {
	float: none;
	
	height: 78px;
	width: 90%;
	
	font-size: 3.4vw;
	text-align: left;
	/*margin-bottom: 50px;*/
}

.infotext_edit {
	height: auto;
}

.time_selection_text {
	font-size: 5.4vw;
	display: block;
}

.ui-timepicker-list li {
	font-size: 4.8vw;
}

.price_value, .currency_value {
	margin-top: 0px;
	font-size: 5vw;
}

.total_amount_value, #total_currency {
	margin-top: 0px;
	/*font-size: 4.2vw;*/
	font-size: var(--gedit_minion_lbl_text_larger_font_size);	
	min-width: 60px;
}

#total_currency {
	min-width: 0px;	
}

.currency_value {
	min-width: 30px;
}


.ui-timepicker-wrapper {
	max-height: 50%;
	
}

.datetime_edit {
	
	/*float: right;*/
	/*margin-right: 20px;*/
	/*margin-right: 6%;*/
	
	float: none;
	display: inline-block;
	height: 80px;
	width: 43%;
	font-size: 4.5vw;
	text-align: center;	
}

[class*="date_edit"] {
	/*margin-right: 15px;*/
}


.time_selection_edits_container, .door_selection_edits_container {
	float: none;
	margin-top: 20px;
	display: block;
	text-align: center;
	/*padding-bottom: 80px;*/
	
}

.time_container {
	
	margin-top: 40px;
	
}
	
.tickets_container {
	
	width: 95%;
	
}

.submit_button_container {
	text-align: center;
	width: 95%;
}

.contacts_container {
	text-align: center;
	display: block;
	width: 90%;
	margin: auto; 
	margin-top: 45px;
}

.submit_tickets {
	width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	float: none;
	font-size: 5vw;
	
}

.error_text {
	font-size: 3.2vw;
}

div.ui-datepicker {
	font-size: 5.2vw;
}

div.ui-datepicker .ui-icon {
	width: 32px;
	height: 32px;
}

#after_payment_heading {
font-size: 6.4vw;
/*width: 95%;*/
	
}

.tickets_container {
	
	margin: auto;
	width: 95%;
	margin-top: 30px;
}

.submit_button_container, .invoice_container, .tickets_container {
	max-width: none;
	min-width: initial;
}


.invoice_container {
	margin: auto;
	width: 80%;
	margin-top: 30px;
}	

.page_header_text {
	/*color: red;*/
}

.currency_value {
	min-width: 60px;
}
.price_value {
	min-width: 100px;
}

.invoice_number, .ticket_number {
	max-width: initial;
}


}/* @media screen and (max-width: 992px) */ 


@media screen and (max-width: 900px) {

.ticket_explanation {
	font-size: 4vw;
}

.product_name {
	font-size: 4vw;
	max-width: 320px;
}

.total_amount_value, #total_currency {
/*font-size: 4vw;*/
}

}

@media screen and (max-width: 830px) {

.ticket_explanation {
	font-size: 4vw;
}

.product_name {
	font-size: 4vw;
	max-width: 300px;
}

.total_amount_value, #total_currency {
/*font-size: 4vw;*/
}

}

@media screen and (max-width: 790px) {

.ticket_explanation {
	font-size: 3.7vw;
}

.product_name {
	font-size: 3.7vw;
	max-width: 255px;
}

.total_amount_value, #total_currency {
/*font-size: 3.7vw;*/
}

}

@media screen and (max-width: 768px) {

	.info_table {
		width: 100%;
		font-size: 3.7vw;
	}

	.info_table_caption, .info_table_headrow td {
		font-size: 4.5vw;
	}


	
.editform_container {
	width: 95%;
}	


.timerange_container {
	margin-top: var(--ginputmarginbottom);
	display: block;
}

	
.cb_box {
    margin-left: 100px;
    margin-bottom: 15px;    
}





	
		
.product_comment {
	max-width: initial;
}	
		
.lbl_date_selection {
	margin-left: 5px;
	
}	

.cnt_campaign_date_and_time {
	display: initial;
}

.cnt_campaign_dates {
	max-width: 80%;
	margin: auto;
}


.lbl_time_selection {
	margin-left: 5px;
}



.cnt_campaign_time {
	/*
	top: initial;
	bottom: 0px;
	*/
	
	width: initial;
	position: initial;
	max-height: initial;
	right: initial;
	top: initial;
	text-align: center;
	
	
	max-width: 80%;
	margin: auto;
	
}	

.cnt_one_col_time .lbl_time_selection {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cnt_one_col_time {
	text-align: center;
}

.cnt_two_col_time {
	text-align: center;
}


.campaign_dates_narrow {
	text-align: center;
}
	
.logo_little {
	margin-left: initial;
}	

.header_links_narrow {
	display: block;
}	

.header_links_wide {	
	display: none;
}

.membership_link, .language_selection {
	float: right;
}

.page_header_text {
	color: white;
	backGround-color: var(--ggreybackgroundcolor);
	text-align: center;
	font-size: 10vw;
	
}

.logo_little {
	width: 130px;
	float: none;
	
}

.product_group_link, .membership_link {
	font-size: 5vw;
}

.ticket_explanation {
	font-size: 4vw;
	line-height: 98%;
}

.product_name, .invoice_number, .ticket_number {
	font-size: 4vw;
	margin-top: 0px;
	min-height: 80px;
	display: inline-flex;
	align-items: center;
}

#contacts_label {
	display: inline;
}

.ticket_number, .invoice_number {
	font-size: 6.4vw;
	display: block;
	min-height: initial;
}


.product_name {
	max-width: 230px;
}

.language_selection {
	font-size: 5.5vw;
	/*
	float: right;
	display: block;
	*/
}
/*
.language_selection::after {
	content: " 601 - 768px";
}
*/
.product_container {
	min-height: 80px;
}

.lower_pr_container {
	min-height: 65px;
}

.cnt_selection {
	width: 70px;
	height: 70px;
	font-size: 3vw;
	font-weight: bold;
	border-radius: 35px;
}

.cnt_edit {
	float: right;
	
	margin-left: 25px;
	margin-right: 35px;
	
	height: 70px;
	width: 70px;
	
	font-size: 5vw;
}

.lbl_text_edit {
	display: none;
}

.text_edit {
	float: none;
	
	height: 80px;
	width: 95%;
	
	font-size: 5vw;
	text-align: left;
	margin-bottom: 35px;
}

.infotext_edit {
	height: auto;
}

.time_selection_text {
	font-size: 6.7vw;
}

.ui-timepicker-list li {
	font-size: 6vw;
}

.price_value, .currency_value {
	margin-top: 12px;
	font-size: 4vw;
	min-width: 40px;
}

.total_amount_value, #total_currency {
	margin-top: 0px;
	/*font-size: 4vw;*/
	font-size: var(--gedit_minion_lbl_text_larger_font_size);	
	min-width: 75px;
}

#total_currency {
	min-width: 0px;	
}

.currency_value {
	min-width: 25px;
}


.ui-timepicker-wrapper {
	max-height: 50%;
	
}

.datetime_edit {
	
	/*float: right;*/
	/*margin-right: 32px;*/
	/*margin-right: 7%;*/
	
	float: none;
	display: inline-block;
	height: 60px;
	width: 45%;
	font-size: 4vw;
	text-align: center;
	
}

.time_selection_edits_container, .door_selection_edits_container {
	float: none;
	margin-top: 20px;
	display: block;
	/*padding-bottom: 80px;*/
	
}

.time_container {
	
	margin-top: 40px;
	
}
	
.tickets_container {
	
	width: 95%;
	
}

.submit_button_container {
	text-align: center;
	width: 95%;
}

.contacts_container {
	text-align: center;
	display: block;
	width: 90%;
	margin: auto; 
	margin-top: 40px;
}

.submit_tickets {
	width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	float: none;
	font-size: 5vw;
	
}

.submit_button_container, .invoice_container, .tickets_container {
	max-width: none;
	min-width: initial;
}

.error_text {
	font-size: 5vw;
}

div.ui-datepicker {
	font-size: 5.3vw;
}

div.ui-datepicker .ui-icon {
	width: 32px;
	height: 32px;
}

#after_payment_heading {
font-size: 8vw;
/*width: 95%;*/
	
}

.tickets_container {
	
	margin: auto;
	width: 90%;
	margin-top: 30px;
}

.invoice_container {
	margin: auto;
	width: 80%;
	margin-top: 30px;
}	



}/* @media screen and (max-width: 768px) */ 

@media screen and (max-width: 700px) {
	
.product_name {
	max-width: 170px;

}
/*
.price_value {
	min-width: 30px;
	font-size: 4vw;
}

.currency_value {
	min-width: 20px;
	font-size: 4vw;
}

*/
}/* @media screen and (max-width: 700px) */ 

@media screen and (max-width: 600px) {

.page_header_text {
	color: white;
	backGround-color: var(--ggreybackgroundcolor);
	text-align: center;
	font-size: 10vw;
	
}

.logo_little {
	width: 100px;
	float: none;
	
}

#after_payment_heading {
	margin-top: 10px;
	padding-top: 10px;
}

.product_group_link, .membership_link {
	font-size: 5.8vw;
}

.ticket_explanation {
	font-size: 4.2vw;
}

.product_name, .invoice_number, .ticket_number {
	font-size: 4.2vw;
	margin-top: 0px;
	min-height: 45px;
	display: inline-flex;
	align-items: center;
}

#contacts_label {
	display: inline;
}

.ticket_number, .invoice_number {
	
	display: block;
	min-height: initial;
	min-height: initial;
	font-size: 7vw;
}

.product_name {
	max-width: 175px;
	
}

.language_selection {
	font-size: 5.5vw;
	/*
	float: right;
	display: block;
	*/
}
/*
.language_selection::after {
	content: " 0 - 600px";
}
*/

.product_container {
	min-height: 45px;
}

.lower_pr_container {
	min-height: 30px;
}


.cnt_selection {
	width: 30px;
	height: 30px;
	font-size: 3vw;
	font-weight: bold;
	border-radius: 21px;
}

.cnt_minus {
	margin-right: 0px;
}

.cnt_edit {
	float: right;
	
	margin-left: 5px;
	margin-right: 5px;
	
	height: 28px;
	width: 30px;
	
	font-size: 5vw;
}

.lbl_text_edit {
	display: none;
}

.text_edit {
	float: none;
	
	height: 42px;
	width: 95%;
	
	font-size: 5vw;
	text-align: left;
	margin-bottom: 35px;
}

.infotext_edit {
	height: auto;
}

.time_selection_text {
	font-size: 6.7vw;
}

.ui-timepicker-list li {
	font-size: 6vw;
}

.price_value, .currency_value {
	margin-top: 2px;
	font-size: 5vw;
	min-width: 30px;
}

.total_amount_value, #total_currency {
	margin-top: 0px;
	/*font-size: 4.2vw;*/
	font-size: var(--gedit_minion_lbl_text_larger_font_size);	
	min-width: 75px;
}

#total_currency {
	min-width: 0px;	
}

.currency_value {
	min-width: 20px;
}


.ui-timepicker-wrapper {
	max-height: 50%;
	
}

.datetime_edit {
	
	/*float: right;*/
	/*margin-right: 16px;*/
	/*margin-right: 6%;*/
	
	float: none;
	display: inline-block;
	height: 40px;
	width: 40%;
	font-size: 5vw;
	text-align: center;
	
}

.time_selection_edits_container, .door_selection_edits_container {
	float: none;
	margin-top: 20px;
	display: block;
	/*padding-bottom: 40px;*/
	
}

.time_container {
	
	margin-top: 10px;
	
}
	
.submit_button_container {
	text-align: center;
	width: 95%;
}

.contacts_container {
	text-align: center;
	display: block;
	width: 90%;
	margin: auto; 
	margin-top: 40px;
}

.submit_tickets {
	width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	float: none;
	font-size: 5vw;
	
}

.error_text {
	font-size: 5vw;
}

div.ui-datepicker {
	font-size: 5.3vw;
}

div.ui-datepicker .ui-icon {
	width: 32px;
	height: 32px;
}

#after_payment_heading {
font-size: 7vw;
/*width: 95%;*/
	
}

.tickets_container {
	
	margin: auto;
	width: 97%;
	margin-top: 30px;
}

.invoice_container {
	margin: auto;
	width: 80%;
	margin-top: 30px;
}	

.lbl_bank_selection {
	min-width: initial;
	width: 80px;
	height: 60px;
	margin-left: 5px;
}

.submit_button_container, .invoice_container, .tickets_container {
	max-width: none;
	min-width: initial;
}




}/* @media screen and (max-width: 600px) */ 


.display_none_important {
	display: none !important;
}

.display_inline_block {
	display: inline-block;
}

.text_align_left {
	text-align: left;
}

.text_align_right {
	text-align: right;
}
