body
{
    height: 100%;
    font-family: "Times New Roman", "Liberation serif", Times, serif;    
}

:root
{
    --gstandardbackgroundcolor: seashell;
	--geditlabel_narrow_minwidth: 115px;
    --geditlabel_minwidth: 140px;
	--gwideeditlabel_minwidth: 170px;
	--gextrawideeditlabel_minwidth: 200px;
    --ginputmarginbottom: 8px;
    --data_edit_table_minwidth: 70px;
	--ggreybackgroundcolor: RGB(80, 80, 80);
	
}

.dialog_caption {
	font-size: 20px;
	
	color: maroon;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: darkseagreen;
	
	padding-bottom: 10px;
	padding-left: 15px;
	box-sizing: border-box;
}

.editform .dialog_caption {
	margin-left: -35px;
}

.bprinttable_selectablemenu {
	float: left;
}

#login_logo {
	width: 180px;
	height: 95px;
	/*
	max-width: 100%;
	*/
}

.filter_cb_div_selectable_menu {
	margin-top: 10px;
}

.filter_cb_div_selectable_menu .cb_box_quickfilter {
	margin-left: 10px;
}

.tbl_shopping_cart_narrow {
	display: none;
}

.margin_top_small {
	margin-top: 5px;
}

.quantity_update_div {
	margin-top: 5px;
	margin-bottom: 5px;
}

.show_only_on_narrowscreen {
	display: none;
}

.menubuttonline {
	stroke: white;
	stroke-width: 5px;
}

.menubuttonsvg {
	height: 100%;
	width: 100%;
}

#cnt_custom_wait_cursor {
	position: fixed;
	top: 30%;
	left: 50%;
	transform: translate(-50%, 50%);
	font-family: 'minion';
	z-index: 2147483647;
}

#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);}
}
*/

select {
    float: left;
    margin-bottom: var(--ginputmarginbottom);
    min-width: 150px;
}


.id_card_instruction {
	font-weight: bold;
	margin: 20px;
	display: block;
}

#language_selection, #language_selection:visited {
	color: black;
	text-decoration: none;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 15px;	
	/*font-weight: bold;*/
	
	font-size: 1.8vw;
}

#language_selection, #language_selection {
	clear: right;
	/*margin-top: 50%;*/
}

.hidden_radio {
	display: none;
}

.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: 0px;
	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;
}

.text_bold {
	font-weight: bold;
}

.temporary_validity_stop
{
	color: maroon;
}

.waiting_cursor/*, .waiting_cursor * */{
	/*
	
	.waiting_cursor * -> Might be slow if there are lot of elements in DOM, for example invoice or payment list for a year.
	
	*/
	cursor: wait !important;
}

#login_div
{
	max-width: 500px;
}


input:invalid
{
    color: red;
    font-weight: bold;
	
}

.invalid_border:invalid
{
	border: 1px solid red;
}

.button_after_edit
{	
	float: left;
	margin-left: 5px;
}

.button_client_extra_info~.button_after_edit{
	margin-left: 0px;
}

.button_sum_toggle {
	margin-left: 10px;
	font-weight: bolder;
	font-size: 14px;
	height: 25px;
	width: 25px;
}

.cb_box, .cb_box_narrow_margin, .cb_box_wide_margin, .cb_box_after_edit, .cb_box_report, .cb_box_quickfilter/*input[type=radio], input[type=checkbox]*/
{
    float: left;
    clear: left;
    margin-left: 130px;
    margin-bottom: 15px;
    
}

.cb_box_report, .cb_box_quickfilter
{
	margin-left: 20px;
}
.cb_box_report+label, .cb_box_quickfilter+label
{
margin-right: 10px;
}

.cb_box_quickfilter
{
	margin-bottom: auto;
	clear: none;
}

.cb_box_after_edit
{
	clear: none;
	margin-left: 15px;
}

.cb_box_narrow_margin
{
	margin-left: var(--geditlabel_narrow_minwidth);
}

.cb_box_wide_margin
{
    margin-left: 170px;
}
.cb_label
{
    float: left;
}

.text_align_initial {
	text-align: initial;
}

.cb_box_inline {
	margin-left: var(--geditlabel_narrow_minwidth);
	
}

.lbl_edit_block_narrow, .lbl_edit_block_extra_wide {
	float: none;
	display: block;
	text-align: left;
	margin-bottom: var(--ginputmarginbottom);	
}

.lbl_edit_block_narrow + input {
	margin-left: var(--geditlabel_narrow_minwidth);
}

.lbl_edit_block_extra_wide + input {
	margin-left: var(--gextrawideeditlabel_minwidth);
}

.lbl_text_edit, .lbl_text_edit_same_line, .lbl_text_edit_wide, .lbl_info_text_after_edit, .lbl_text_edit_narrow, .lbl_info_text, .lbl_text_edit_extra_narrow, .lbl_text_edit_extra_wide
{
    float: left;
    clear: left;
    min-width: var(--geditlabel_minwidth);
    margin-bottom: var(--ginputmarginbottom);
	text-align: left;
}


.lbl_text_edit_no_float {
	margin-right: 15px;
	float: none;
}

.lbl_text_edit_always_sameline_with_input {
	text-align: left;
	min-width: 180px;
	display: inline-block;
}

.text_edit_always_sameline_with_input {
	width: 80px;
	margin-bottom: var(--ginputmarginbottom);
}

.lbl_info_text 
{
	margin-left: var(--geditlabel_narrow_minwidth);
}

.lbl_text_edit_narrow
{
    min-width: var(--geditlabel_narrow_minwidth);
}

.lbl_text_edit_extra_narrow {
	min-width: 90px;
}


.lbl_text_edit_wide
{
	min-width: var(--gwideeditlabel_minwidth);
}

.lbl_text_edit_extra_wide {
	min-width: 200px;
	width: 200px;
}

.cb_box_extra_wide_margin
{
	margin-left: 200px;
}

.lbl_text_edit_same_line, .lbl_info_text_after_edit
{
    float: left;
    clear: none;
	margin-left: 10px;
	margin-right: 10px;
	min-width: 0px;
}

.text_edit, .memotext
{
    float: left;
    margin-bottom: var(--ginputmarginbottom);
	min-width: 200px;
}

.wide_memo_edit, .text_edit_wide
{
	min-width: 400px;
}

.date_edit
{
	width: 120px; 
	min-width: 0px;
	text-align: right;
}

.memotext
{
width: 500px;	
	
}

.narrow_text_edit
{
    float: left;
    margin-bottom: var(--ginputmarginbottom);
	width: 70px;
	min-width: 0px;
}

.middle_narrow_text_edit
{
    float: left;
    margin-bottom: var(--ginputmarginbottom);
	width: 140px;
	min-width: 0px;
}

.bsubmit, .bsave, .bcancel
{
    clear: both;
    /*margin-left: var(--geditlabel_minwidth);*/
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	
	width: 200px;
	height: 35px;
}

.secondary_bsubmit
{
    clear: both;
	margin-left: 0;
}

.edit_withbutton
{
/*     padding-right: 30px; */
    box-sizing: border-box;
    height: 32px;
}

.edit_withbutton_standard_height
{
    box-sizing: border-box;
}

.editbutton
{
    float: left;
    margin-left: -30px;
    width: 30px;
    box-sizing: border-box;
    height: 32px;
}

.editbutton_standard_height, .ui-datepicker-trigger
{
    float: left;
    margin-left: -30px;
    width: 30px;
    box-sizing: border-box;
}


.date_edit[class*="display_none"] + .ui-datepicker-trigger
{
	display: none;
}

.bclose_selectablemenu
{
    float: right;
}

.bclose_selectablemenu, .bedit_selectablemenu
{
    min-width: 85px;
}

.bedit_selectablemenu, .brefresh_selectablemenu
{
    float: left;
    margin-right: 2px;
}

.brefresh_selectablemenu
{
	float: none;
	min-width: 100px;
	display: block;
}

.button_selectable_menu_secondrow
{
	margin-top: 2px;
}
.center_heading
{
    display: block;
    text-align: center;
        
}

.rb_radio
{
    float: left;
    clear: left;
    margin-left: var(--geditlabel_minwidth);
    margin-bottom: var(--ginputmarginbottom);
}

.lbl_radio
{
    float: left;
    
}

.editform
{
    display: none;
    
    padding-left: 35px;
    
    padding-top: 20px;
    padding-bottom: 20px;
    
    
    width: 60%;
    margin-left: auto;
	margin-right: auto;
    margin-top: 30px;
}

.editform_80
{
    width: 80%;
}

.editform_95
{
    width: 95%;
}

.scrollable_editform, .scrollable_editform_dynamical
{
    overflow-y: auto;
    height: 95%;
}


.client_person_edit_form
{
	min-width: 1150px;
	/*height: 780px;*/
	max-height: 95%;
	overflow-y: auto;
}

.shoppingcart_edit_form {
	width: auto;
	max-width: 1200px;
	padding: 0;
	padding-top: 35px;
	padding-bottom: 35px;
	overflow: auto;
}

#sc_shoppingcart_content {
	width: 93%;
	margin: auto;
}

#omniva_parcel_point {
	margin-bottom: 10px;
}

.selfservice_rights {
	margin-right: 25px;
	width: 400px;
}
.lbl_infolabel_in_form
{
	max-width: 250px;
}

.filterpanel
{
    /*padding-left: 35px;*/
    
    padding-top: 20px;
    padding-bottom: 20px;
	margin: auto;
    /*width: calc(100% - 10px);*/
	box-sizing: border-box;
}


.filtercontrols_container
{
	display: table; 
	margin: auto;
	border-collapse: separate;
	border-spacing: 5px;
}

.selectablemenu, .editform, .filterpanel
{
    background-color: var(--gstandardbackgroundcolor);
    box-sizing: border-box;

    border-style: double;
    border-width: 4px;
    border-radius: 4px;
    border-color: darkseagreen;
}

.filterpanel
{
    border-style: solid;
    border-width: 1px;
	width: calc(100% - 10px) !important;
}

.vertical_center{
height: 100%;
display: table-cell;
vertical-align: middle;
}

.fieldset_div{
padding: 8px;
border-style: groove;
border-width: 2px;
border-color: #E9CE85;

margin-right: 10px;
margin-bottom: 16px;
}



.selectablemenu
{
    width: 45%;
	min-width: 600px;

	top: 30px;
	
    left: 50%;
    transform: translate(-50%, 0%);
}

.stationary_selectable_menu
{
	display: block !important;
	position: static !important;
	margin: auto;
	margin-top: 10px;
	width: calc(100% - 10px) !important;
	transform: initial;
	
}

.dataview_table_selectablemenu_container
{
	height: 630px;
	overflow: auto;
}


.selectablemenu_not_narrow
{
	min-width: 750px;
}


.selectablemenu_wide
{
	min-width: 900px;
}

.selectablemenu_wide_2
{
	min-width: 1050px;
}

.selectablemenu_toppanel
{
    border-style: none;
    border-bottom-style: solid;
    border-color: darkseagreen;
    border-width: 1px;
    
    padding: 20px;
    box-sizing: border-box;    
	
	overflow: hidden;
}

.selectablemenu_captionpanel
{
    padding: 0px;
}
.selectablemenu_caption
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.selected_green::selection
{
    color: white;
    background-color: OliveDrab;
}

.datarow_selectablemenu:hover
{
    background-color: teal;
	color: white;
	cursor: pointer;
}


.th_headrow, .headrow
{
	border-bottom: 1px solid darkseagreen;    
	padding: 8px;
    text-align: center;
    box-sizing: border-box;
}

.td_dataview_table_selectablemenu_rightborder 
{
	border-right: 1px solid darkseagreen;    
}

.datarow_selectablemenu[data-highlight_row], .td_datarow[data-highlight_column]
{
    background-color: coral;
	color: black;
}

.datarow_selectablemenu[data-highlight_row]:hover/*, .td_datarow[data-highlight_column]:hover,
.datarow_selectablemenu:hover .td_datarow[data-highlight_column]*/
{
    background-color: black;
	color: white;	
}


.datarow_selectablemenu[data-user_selected_row=A]
{
    background-color: maroon;
    color: white;
}

.datarow_selectablemenu[data-user_selected_row=H]/*,
.datarow_selectablemenu[data-user_selected_row=A] .td_datarow[data-highlight_column]*/
{
    background-color: saddlebrown;
	color: white;
    
}



.dataview_table_selectablemenu, .td_datarow
{
	/*
    border-style: solid;
    border-color: black;
    border-width: 1px;
    */
    padding: 2px;
    
    
    box-sizing: border-box;
}




.dataview_table_selectablemenu
{
	width: 100%;
	/*margin-top: 4px;*/
	margin-left: auto;
	margin-right: auto;

    border-collapse: collapse;    
	
    /*
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 2px;
    outline-color: green;
	*/
	
	margin-bottom: 10px;
	
}

.td_datarow
{
    padding-left: 8px;
    padding-right: 8px;
    font-size: 90%;
}

.td_buttonrow, .th_buttonrow
{
    min-width: 120px;
    text-align: left;
    padding-left: 8px;
}


.data_edit_table_container
{
	
}

.data_edit_table
{
	border-collapse: collapse; 
	box-sizing: border-box;
	margin-top: 20px;
    margin-bottom: 20px;
	margin-right: 40px;
}

.data_edit_table_thead
{
	
}
.data_edit_table_tbody
{
	
}

.data_edit_table_head_row
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.data_edit_table_head_button_row
{
}

.data_edit_table_th
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.data_edit_table_button_th
{
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	padding-left: 10px;
}

.data_edit_table_data_row
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.data_edit_table_data_row_selected_row input[type=text]
{
    background-color: #FFFACD;
    /* color: white; */

}


.data_edit_table_td
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.edit_button_in_table
{
	height: 100%;
}
.text_edit_in_table
{
	height:100%; 
	width: 99%;
	box-sizing: border-box;
    display: inline-block;
    min-width: var(--data_edit_table_minwidth);
	
    border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	margin: 0;
}

.text_edit_shopping_cart_cnt {
	width: 60px;
	
	box-sizing: border-box;
    display: inline-block;
	
    border-width: 1px;
	border-style: solid;
	
	font-size: 18px;
	
	padding: 0;
	
}

.package_machine_select {
	display: inline-block;
	/*height: 30px;*/
	width: 250px;
	margin: 0;
	float: none;
}

.text_edit_shopping_cart_cnt, .button_incdec_cnt {
	height: 30px;
}

.button_in_shoppingcart_table {
	box-sizing: border-box;
    display: inline-block;

	border-width: 1px;
	border-style: solid;
	border-color: black;
	
	margin-left: 5px;
	margin-right: 5px;	
	
	margin-bottom: 3px;
	
	min-width: 140px;
	
	border-radius: 3px;
}

.button_incdec_cnt {
	box-sizing: border-box;
    display: inline-block;

	border-width: 1px;
	border-style: solid;
	border-color: black;
	
	margin-bottom: 3px;
	
	border-radius: 3px;

	width: 40px;
	min-width: 0px;	
	
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;	
}

.deletebutton_in_shoppingcart_table {
	width: 40px;
	min-width: 0px;
	
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;	
}

.doc_upload_button_in_shoppingcart_table, .tpman_edit_button_in_shoppingcart_table {
	/*height: 27px;*/
	font-size: 14px;
}


.tbl_shopping_cart_table_tr:hover td, .tbl_shopping_cart_table_doc_tr:hover{
	background-color: teal;
	color: white;
}

.transport_tbl_row:hover /*td.transport_type_td*/ {
	background-color: initial;
	color: black;
}
.transport_type_td {
	min-width: 200px;
}
.package_select_td {
	min-width: 260px;
}

/*.tbl_shopping_cart_headrow:hover, .tbl_shopping_cart_product_headrow:hover {
	background-color: rgb(0, 160, 160);
	opacity: 50%;
	
}
*/

.tbl_shopping_cart_product_headrow td{
	background-color: sandybrown;/* rgb(200, 0, 0);*/
	/*color: white;*/
}

.tbl_shopping_cart_footerrow td{
	color: black;
	border-color: black;
	
	font-weight: bold;
	font-size: 18px;
}

.shoppingcart_product_edit_form, .shoppingcart_license_edit_form, .shoppingcart_transcript_edit_form, .shoppingcart_drlicense_edit_form {
	padding-left: 0px;
}

.shoppingcart_license_edit_form {
	width: 880px;
}

.shoppingcart_transcript_edit_form, .shoppingcart_drlicense_edit_form {
	width: 850px;
}

.shop_cart_product_amounts {
	
	margin: auto;
	margin-top: 20px;
}

.position_absolute {
	position: absolute;
}

.td_memotext
{
    min-width: 200px;
    
}

.edit_table_caption, .document_info_caption
{
    
    border: 1px solid black;
    border-bottom: none;
 
    padding: 4px;
    padding-bottom: 6px;
    text-align: center;
    
    /*background-color: rgba(60, 179, 113, 0.75);*/

    font-weight: bold;
    box-sizing: border-box;
}

.row_mod_2_0
{
    background-color: FloralWhite;
}

.row_mod_2_1
{
    background-color: Gainsboro;
}


.button_in_table
{
    width: 130px;
    text-align: center;

}



.narrow_button_in_table
{
    width: 20px;
    padding-right: 8px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.text_center
{
    text-align: center;
}

.error_warrning_text 
{
	color: red;
	font-weight: bold;
	font-size: 110%;
}

.warning_info_container 
{
	margin-right: 40px;	
}

.std_background_color
{
    background-color: var(--gstandardbackgroundcolor);
}

.float_right, .float_right_logout_link, #language_selection_uppermenu, .shoppingcart_link_float_right{
	float: right;
}

.float_left{float: left;}
.float_none{float: none;}

 .clear_right
 {
	 clear: right;
 }
 
 .clear_both {
	 clear: both;
 }
 
.status_info_container
{
	
	margin-right: 5px;
}

.text_align_right
{
	text-align: right;
}

.text_align_left
{
	text-align: left;
}

.logout_link, #language_selection_uppermenu, .shoppingcart_link{
	margin-right: 5px;
}

.upperc
{
    text-transform: uppercase;
}

.cursor_pointer{cursor: pointer;}

.static
{
    position: static;
}

.mdl_overlay_z
{
    z-index: 2000010000;
    
    background-color: rgba(150, 150, 150, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
/*     height: 100%; */
/*     width: 100%; */
    display: none;
    overflow: hidden;
}

.overlay_close
{
    position: absolute;
    top: 2%;
    right: 2%;
    font-size: 140%;
    font-weight: bold;
    
    display: inline-block;
    
    box-sizing: border-box;
    width: 30px;
    border-radius: 15px;
    background-color: white;
    
    text-align: center;
    
    cursor: pointer;
}

.display_block
{
	display: block;
}

.err_dlg
{
    border-style: double;
    border-color: maroon;
    border-radius: 6px;
    
    text-align: center;
    
    width: 30%;
    min-width: 30%;
    margin: auto;
    
    position: relative;
    top: 30%;
    
    background-color: lightblue;
    
    box-sizing: border-box;
    
    padding: 15px;
    overflow: auto;
    max-height: 80%;
    
/*     position: relative; */
    
    

} 

.prg_dlg
{
    background-color: lightgray;
}

.warn_dlg {
    width: 50%;
}
 
.err_span
{
    color: maroon;
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
    
    box-sizing: border-box;
} 

.dlg_question_div
{
		margin-bottom: 15px;
}

.topmenu_cnt
{
    position: fixed;
    width: calc(100% - 10px);
    top: 0px;
    left: 5px;
    
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(220, 220, 220);
    
/*  
    Välja kommenteeritud, kuna javascriptis konteineri child elementide display: block omistamisel
    parent kõrgus justkui muutuks, aga transition eeldaks kõrguse otse omistamist.
*/    
    transition-property: height;
    transition-timing-function: ease-in-out;
    transition-duration: 2s;
    
    /*z-index: 10;*/
	z-index: 2000000000;
                	
}

.topmenu
{
    font-size: 80%;
    background-color: rgb(220, 220, 220);
}


/* 
    Ülal reas olevatele linkidele paremale triip külge - väljaarvatud kõige parempoolsem.
    Sama efekti saavutab, kui panna standardina kõigile triip külge ja
    määrata, et kõige viimasel ei oleks: "topmenu .topmenu_link:last-child{border-right-style: none;}"
    
    Kumbki lahendus tagab, et otsmistele linkidele ei ole vaja eraldi klassi teha, mis näitaks, et
    nad on omas reas viimased.
 
 */
.top_menu_middle_item
{
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color: khaki;
}


.topmenu_link, #language_selection_uppermenu{--bottompadding: 6px;}

.topmenu_link, .hanging_topmenu_link, .sidemenu_link, .sidemenu_listitem, .container_hanging_topmenu_link, #language_selection_uppermenu
{
    text-transform: uppercase;
    text-decoration: none;
    background-color: lightsteelblue;

    font-family: arial, Verdena, "Liberation Sans", Helvetica, sans-serif;
    font-weight: bold;
    
    padding: var(--bottompadding);
    display: inline-block;
    box-sizing: border-box;/* Siis on padding lingi kõrgusele juurde arvestatud ja muudab menüükonteineri kõrgust automaatselt. */
    
    color: white;
    
}

.container_hanging_topmenu_link
{
	padding: 0px;
}
.active_page_link
{
    background-color: black; /*rgb(220, 220, 220);    */
}

.menu_hline {
    display: block;
    width: 100%;
    opacity:1;
}


a.topmenu_link:visited, a.hanging_topmenu_link:visited, a.sidemenu_link:visited, a.container_hanging_topmenu_link:visited, #language_selection_uppermenu:visited
{
    color: white;
}

a.topmenu_link:hover, a.hanging_topmenu_link:hover, a.sidemenu_link:hover, .selmenautoselect:hover, #language_selection_uppermenu:hover
{
    background-color: rgba(0, 128, 128, 1)
}

span.topmenu_link:hover, span.sidemenu_link:hover, a.container_hanging_topmenu_link:hover, span.topmenu_link:hover a.container_hanging_topmenu_link
{
    background-color: rgba(90, 90, 90, 1)
}

.hangingmenu_opener
{
    position: relative;
    vertical-align: top;
}

.hangingmenu_opener:hover .hanging_container, .hangingmenu_opener:hover .hanging_container_right
{
    display: block;
}

.hangingmenu_opener[data-menu_link_key]
{
	cursor: pointer;
}

.hanging_container
{
    display: none;    
    position: absolute;
    width: 200px;
    left: 0px;
    margin-top: var(--bottompadding);/* Konteineri paddingu jagu - see on loogiline deklareerida muutujana. */
    
    z-index: 1000000;
    
}

.hanging_container_right
{
    display: none;    
    position: absolute;
    width: 200px;
    right: 0px;
    margin-top: var(--bottompadding);/* Konteineri paddingu jagu - see on loogiline deklareerida muutujana. */
    
    z-index: 1000000;
}


.hanging_topmenu_link
{
    display: block;
    border-right-style: none;
    width: 100%;
    z-index: 1000000;
    
    
}

.selected_hangingmenu_link, .selected_hangingmenu_link .container_hanging_topmenu_link
{
    background-color: maroon;
}


.cursor_pointer{cursor: pointer;}

.content_under_fixed_menu
{
    margin-top: 50px;
    width: 100%;	
	padding-bottom: 20px;
	box-sizing: border-box;
}

.selected_hangingmenu_link
{
    background-color: maroon;
}


.editbox_fieldset, .editbox_fieldset_wide
{
	max-width: 600px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 30px;
}

.editbox_fieldset_wide
{
	max-width: none;
	margin-right: 30px;
}

.editbox_fieldset_narrow
{
	max-width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}


.editbox_fieldset_narrow .cb_box, .editbox_fieldset_narrow .cb_label
{
	margin-left: 30px;
}

.cb_box_low_margin_bottom
{
	margin-bottom: 5px;
}

.editbox_fieldset_low_margin_top
{
	margin-top: 5px;
}

.warning_caption
{
	color: red;
	font-weight: bold;
	font-size: 150%;
}

.client_editform_container
{
	min-width: 1250px;
}

.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;
}

.sum_td {
	white-space: nowrap;
}

.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;
	
	
}

.tbl_shopping_cart_headrow td {
	background-color: tan;
	color: black;

	border-color: black;
	border-style: solid;
	border-width: 1px;
	
	border-bottom: none;
	
	padding-top: 6px;
	padding-bottom: 6px;
	
	font-weight: bold;
	font-size: 16px;
}

.tbl_shopping_cart_highlight {
	font-weight: bold;
}

#paying_for_invoices {
	width: 700px;
	padding-left: 0px;
	/*
	margin: auto;
	text-align: center;
	*/
}

#paying_for_invoices_inputs {
	margin: auto;
}

.payment_bank_selection_div {
	margin-top: 10px;
}

.hidden_radio:checked + .lbl_bank_selection {
  background-color: RGB(210, 210, 210);
  border-color: black;
}

.lbl_bank_selection {
	color: transparent;
	
	outline-width: 1px;
	outline-style: solid;
	outline-color: var(--ggreybackgroundcolor);	
		
	width: 85px;
	height: 85px;	
	margin: 5px;
}

.shoppingcart_payment_selection {
	width: 700px;
	margin: auto;
}

.filter_edit
{
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%, 0%);
}

.selfservice_password {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	width: 90%;	
}
    
	

.narrowscreenmenubutton {
	margin-right: 15px;
    position: fixed;
    right: 5px;
    background-color: pink;
    cursor: pointer;
    z-index: 2;
    display: none;
	height: 60px;
	width: 60px;
} 

.user_name_display{
	text-transform: none;
	/* color: black; */
}

.purchasing_div {
	margin-top: 60px;
}

.bpurchase {
	height: 38px;
	min-width: 150px;
}

.margin_auto {
	margin: auto;
}

.horizontal_margin_auto {
	margin-left: auto;
	margin-right: auto;
}

.shoppingcart_editform_group {
	width: 90%;
	margin-left: auto;
}

.cb_transport_type {
	margin-left: 0px;
}

.warn_data_table {
    border:1px solid black;
    border-collapse:collapse;
    width: 100%;
	margin-bottom: 15px;
}

.warn_data_table_headrow th {
    border:1px solid black;
}

.warn_data_table_datarow td {
    border:1px solid black;
}

.warn_data_table_td
{
	padding-left: 8px;
	padding-right: 8px;
	box-sizing: border-box;
}

.warn_data_table_th
{
	min-width: 50px;
}

.warn_due_past td {
    color: red;
}

.warn_use_past td {
    background-color: pink;
}

.transcript_list_table
{
	margin-bottom: 30px;
}

.td_smaller_font
{
	/*font-size: 8px;*/
}

input[type=number].nospin::-webkit-outer-spin-button,
input[type=number].nospin::-webkit-inner-spin-button
{
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number].nospin {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;    
    appearance: textfield;
}


/*------------------------SCREEN RESOLUTION BASED-------------------------------------*/ 

@media screen and (min-width: 992px)
{
	
	/* NB! This here is necessary to make hanging menu visible again when narrow screen is resized to wider. */
    .topmenu_link
    {
        display: inline-block !important;
        
    }
    .visibleonly_as_block_displey{display: none !important;}
	
	/*
	.selectablemenu {
		margin-left: initial;
		transform: none;
	}
	*/
	
} /* END - @media screen and (min-width: 992px)*/


@media screen and (max-width: 1200px)
{

	.purchasing_div {
		/* margin-top: 80px; */
	}
	
	
   .selectablemenu {
        width: 90%;
		top: 10%;
	}
	
	.shoppingcart_edit_form {
		width: 95%;
	}
	
	.editform {
		max-height: 100%;
		overflow: auto;
	}
	
	.shoppingcart_product_edit_form, .shoppingcart_license_edit_form {
		top: 5%;
		left: 50%;
		width: 90%;
		position: absolute;
		transform: translate(-50%, 0%);	
	}
	
	.shoppingcart_transcript_edit_form, .shoppingcart_drlicense_edit_form {
		top: 5%;
		left: 50%;
		width: 99%;
		position: absolute;
		transform: translate(-50%, 0%);	
	}
		
	
} /* END - @media screen and (max-width: 1200px) */

@media screen and (max-width: 1130px)
{

	.purchasing_div {
		margin-top: 15px;
	}

    .content_under_fixed_menu {
        margin-top: 65px;
		overflow-x: auto;
	}

} /* END - @media screen and (max-width: 1130px) */

@media screen and (max-width: 992px)
{
	.filterpanel {
		margin-top: 35px;
	}
	
	.topmenu_cnt {
		max-height: 100%;
		overflow-y: scroll;
	}
	
	#login_div {
		width: 80%;
		max-width: initial;
	}
	
	.filterpanel .cb_box_report {
		margin-left: 2px;
	}
	
	.narrowscreenmenubutton {
		margin-right: 0px;
		display: inline-block;
		height: 45px;
		width: 45px;
	}
	
	.purchasing_div {
		margin-top: 65px;
	}

	
    .content_under_fixed_menu {
        margin-top: 10px;
		overflow-x: auto;
	}
	
	.shoppingcart_edit_form {
		width: 100%;
	}

	#paying_for_invoices {
		margin-top: 0px;
		overflow: auto;
	}
	
	.bpay {
		min-width: 100px;
	}
	
	.button_in_table {
		width: initial;
	}
	
	.info_table_th {
		padding-left: 3px;
		padding-right: 3px;
	}
	.info_table_td {
		padding-left: 2px;
		padding-right: 2px;
	}

	.info_table_caption, .info_table_headrow td, .info_table_headrow th {
	}
	
	.selectablemenu {
		top: 5%;
		left: 50%;
		width: 80%;
		position: absolute;
		transform: translate(-50%, 0%);
	}
	
	.stationary_selectable_menu
	{
		margin-top: 60px;
		transform: none;
		height: 100%;
	}

	.stationary_selectable_menu_under_filter_panel {
		margin-top: 10px;
	}
	
    .active_page_link {
		display: block;
	}
        
    /* Mitmerealisel ülamenüül pole vaja paremasse külge vahejooni. */
    .topmenu .topmenu_link:not(:last-child) {
        border-right-style: none;
    }
	
	.topmenu {
		font-size: 2vw;
	}
	
	.topmenu_link {
		display: block;
		box-sizing: border-box;
	}

	.hanging_topmenu_link, .hanging_container, .hangingmenu_opener, .hanging_container_right, #language_selection_uppermenu {
		display: none;
	}
	
	.float_right_logout_link, .shoppingcart_link_float_right {
		float: none;
	}
	
	.logout_link, .shoppingcart_link {
		margin-right: 0px;
	}
	
	.selectablemenu_wide {
		min-width: 0px;
	}

    .err_dlg {
        min-width: 80%;
        width: 80%;    
    }
	
	.shoppingcart_editform_group {
		margin: auto;
		text-align: center;
	}

	.client_person_edit_form {
		width: 100%;
		min-width: initial;
		
	}
	
	.selfservice_rights, .person_data_fieldset, .memotext_person {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		text-align: center;
	}
	
	.cb_box {
		margin-left: 120px;
	}
	
	td .cb_box {
		margin-left: 5px;
	}
	
	
	.cb_box_after_edit {
		clear: left;
		margin-left: 120px;
		/*display: block;*/
	}
	
	
	.cb_label_after_edit {
		float: left;
	}
	
	.selfservice_privileges_group input {
		margin-left : 90px;
	}
	
	.ui-datepicker-trigger {
		float: none;
	}
	
		

} /* END - @media screen and (max-width: 992px) */

@media screen and (max-width: 768px)
{
	
	.selectablemenu_buttons_panel {
		padding-left: 5px;
		padding-right: 5px;
	}

	.selectablemenu_buttons_panel input[type=checkbox] {
		margin-left: 5px;
	}
	
	.cb_box_quickfilter + label {
		margin-right: 5px;
	}
	
	.purchase_buttons_in_menu {
		clear: both;
		float: none;
		padding-top: 8px;
		box-sizing: border-box;
	}
	
	.purchase_buttons_in_menu input[type=button] {
		min-width: 138px;
		
	}
	
	.filterpanel .cb_box_report {
		margin-left: 85px;
	}
		
	.filterpanel .filtercontrols_container {
		display: block;
	}
	
	.filtercontrols_container div {
		display: block;
		text-align: center;
		width: 85%;
		margin: auto;
		margin-bottom: 10px;
	}
	
	.cb_box_report {
		margin-left: 45px;
	}
	
	.text_align_initial {
		text-align: center;
	}

	.cb_box_inline {
		margin-left: 0px;
		
	}

	.package_machine_select {
		width: 220px;
	}
	
	#sc_shoppingcart_content {
		width: 100%;
		overflow-x: auto;
	}
	
	
	#login_div {
		width: 99%;
		max-width: initial;
	}
	
	#inputfields_login_form, #bloginbutton_container, #login_methods {
		text-align: center;
	}
	
	#blogin {
		width: 200px;
	}
	
	#language_selection {
		font-size: 4vw;
		margin-right: 5px;
		margin-top: -8px;
	}
	
	
	.lbl_auth_selection {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 230px;
	}
	
	.hide_on_narrow_screen {
		display: none;
	}
	
	.show_only_on_narrowscreen {
		display: initial;
	}

    .content_under_fixed_menu {
        margin-top: 0px;		
	}	
	
	.narrowscreenmenubutton {
		margin-right: 0px;
	} 
	
	.topmenu {
		font-size: 3.4vw;
	}
	
	
	.info_table {
		width: 100%;
		font-size: 3.7vw;
	}

	.info_table_caption, .info_table_headrow td {
		font-size: 4.5vw;
	}
	
	.bpurchase {
		height: 24px;
		min-width: 100px;
		margin-bottom: 5px;
	}	
	
	#bpay_paying_for_invoices, #bcancel_paying_for_invoices {
		width: 155px;
		margin: 5px;
	}

	.bpay {
		min-width: initial;
		width: 70px;
	}

    .selectablemenu {
		left: 0%;
        width: 100%;
		min-width: 0px;
		top: 0%;
		transform: none;
	}
	
	.shoppingcart_edit_form {
		width: 100%;
	}
	
	
	.shoppingcart_product_edit_form, .shoppingcart_license_edit_form, #paying_for_invoices {
		top: 5%;
		left: 0%;
		width: 100%;
		position: absolute;
		transform: none;	
	}
	
	.shoppingcart_transcript_edit_form, .shoppingcart_drlicense_edit_form {
		top: 5%;
		left: 0%;
		width: 100%;
		position: absolute;
		transform: none;	
	}
	
	.lbl_bank_selection {
		min-width: 150px;
	}
	
	.bcancel, .bsubmit, .bsave {
		margin: auto;
		margin-top: 10px;
		min-width: 25%;
		width: initial;
		
	}

	[id*=bsave_add_head_to_cart] {
		margin-left: 7px;
		margin-right: 7px;
	}
	
	.div_submit_buttons {
		margin-top: 15px;
	}
	
	/* edit_withbutton_standard_height */
	
	.text_edit, .text_edit_wide {
		display: inline-block;
		margin: auto;
		margin-bottom: 10px;
		float: none;
	}
	
	.editbutton_standard_height {
		float: none;
	}
	
	.text_edit_wide {
		width: 90%;
		min-width: 0px;
		
	}
	
	[class^=lbl_text_edit], .lbl_edit_block_extra_wide {
		display: block;
		text-align: center;
		float: none;
	}
	
	.lbl_text_edit_extra_wide {
		min-width: initial;
		width: initial;
	}

	.lbl_edit_block_narrow, .lbl_edit_block_extra_wide {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.lbl_edit_block_narrow + input {
		width: 90%;
		margin-left: initial;
	}
	
	.lbl_edit_block_extra_wide + input {
		margin-left: initial;
	}
	
	
	
	.text_edit_always_sameline_with_input, .lbl_text_edit_always_sameline_with_input {
		display: inline-block;
	} 
	
	.lbl_text_edit_always_sameline_with_input {
		text-align: left;
	}

	.lbl_info_text_after_edit {
		display: block;
		float: none;
		clear: none;
		position: static;
		text-align: center;
	}
	
    .editform, .login_form {
        left: 0px !important;
        top: 0px !important;

        padding-left: 0px;
        
        padding-top: 20px;
        padding-bottom: 20px;
        
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }	
	
	.editform .dialog_caption {
		margin-left: initial;
	}

	
	
	
	.doc_upload_button_in_shoppingcart_table, .tpman_edit_button_in_shoppingcart_table {
		display: block;
		/*min-width: 80px;*/
	}
	
	.cb_transport_type {
		margin-left: 10px;
	}
	
	.package_machine_select {
		margin-left: 7px;
		margin-bottom: 7px;
	}

	.tbl_shopping_cart_narrow {
		display: table;
	}
	
	.tbl_shopping_cart_wide {
		display: none;
	}

	.shoppingcart_payment_selection {
		width: initial;
	}
	
	
} /* END - @media screen and (max-width: 768px) */

@media screen and (max-width: 600px) {
    
} /* END - @media screen and (max-width: 600px) */


@media screen and (max-height: 400px) {
	.topmenu {
		font-size: 1.5vw;
	}
	
	
} /* END - @media screen and (max-width: 400px) */

/*------------------------END--SCREEN RESOLUTION BASED-------------------------------------*/ 


.display_none {
    display: none;
}

@media print {
	.noprint {
		display:none;
	}

}

.text_edit_address {
	display: block;
	width: 95%;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	margin-bottom: var(--ginputmarginbottom);
}