body
{
	font-family:"Noto Sans",Cantarell,Calibri,sans-serif;
	background-color:var(--background1);
    color:var(--highlight4);
    overflow:hidden;
}
h1
{
    font-size:166%;
    margin-bottom:10px;
}
h2
{
    font-size:150%;
    margin-bottom:7px;
}
h3
{
    font-size:133%;
    margin-bottom:5px;
}
h4
{
    font-size:120%;
    margin-bottom:3px;
}
h5
{
    font-size:110%;
    margin-bottom:2px;
}
h6
{
    font-size:105%;
    margin-bottom:2px;
}
p
{
    margin-bottom:2px;
    margin-top:2px;
}
a
{
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    text-decoration:inherit;
}
a:hoover
{
}
a:visited
{
}
.a
{
    cursor:pointer;
}
.a:hover
{
    color:var(--highlight2);
}



input.textbox
{
    border:1px solid var(--highlight2);
    border-radius:2px;
    height:35px;
    /*font-size:15pt;*/
    margin-top:2px;
    margin-bottom:2px;
    padding-left:5px;
    display:inline-block;
    
}
input.textbox.small
{
    height:25px;
    /*font-size:12pt;*/
}
info_box
{
    display:block;
    margin-top:5px;
    padding-left:10px;
}
info_label
{
    display:inline;
    font-weight:bold;
}
info_value
{
    display:inline;
}
info_value:hover
{
    color:var(--highlight2);
}
info_link
{
    display:inline block;
    cursor:pointer;
    color:var(--highlight2);
}
info_link:hover
{
    
}
info_value a
{
    display:inline block;
    cursor:pointer;
    color:var(--highlight2);
}
info_value a:after
{
    content:" →";
}
info_btn
{
    
    color:var(--highlight2);
    border:1px solid black;
    border-color:var(--highlight2);
    border-radius:2px;
    padding:2px;
    display:inline-block;
    cursor:pointer;
    margin:1px;
    user-select:none;
    /*border-radius:3px;
    border:1px solid;
    border-color:var(--background9);
    background-color:var(--background9);
    user-select:none;
    cursor:pointer;
    display:inline-block;
    padding:2px;
    margin:1px;
    color:var(--background2);*/
}
info_btn:hover
{
    border-width:2px;
    margin:0px;
    /*background-color:var(--background8);*/
}
info_life_data
{
    font-weight:bold;
    font-size:110%;
}

.workspace_settings_btn
{
	position:fixed;
	width:20px;
	height:20px;
	bottom:0px;
	right:0px;
	background-color:lightgray;
	border-radius:10px;
	background-image:url("kolo.png");
	background-size:20px;
	opacity:0.3;
}


.workspace_settings_btn:hover
{
	opacity:1;
	cursor:pointer;	
}
.add_flying_slot_btn
{
	position:fixed;
	width:20px;
	height:20px;
	bottom:20px;
	right:0px;
	background-image:url("plus.png");
	background-size:20px;
	opacity:0.3;
}
.add_flying_slot_btn:hover
{
	opacity:1;
	cursor:pointer;	
    background-color:var(--background4);
}

.wsp_slot_info_box
{
	position:absolute;
	left:5px;
	top:-0px;
	border:1px solid black;
	font-size:8pt;
	background-color:lightgray;
}
.wsp_slot_to_add_flex
{
	flex: 0 1 50px;
	border: 1px solid blue;
	background-image:url("plus.png");
	background-repeat: no-repeat;
	kbackground-attachment: fixed;
	background-position: center;
	background-size:30px;
	background-color:rgb(200,230,240);
	margin:3px;
	
}
.wsp_slot_to_add_flex:hover
{
	background-color: lightblue;
	background-size:35px;
	cursor:pointer;
}
.wsp_inline_btn
{
	border: 1px solid blue;
	display:inline-block;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	background-color:rgb(200,230,240);
	margin-left:2px;
	margin-right:2px;
}
.wsp_inline_btn:hover
{
	border: 1px solid blue;
	display:inline-block;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	background-color:lightblue;
	cursor:pointer;
}
.slot_highlighted
{
	border:1px solid black !important;
	padding-top:20px !important;
}
.slot_highlighted_2
{
	background-color:rgb(245,245,245) !important;
	border:1px solid black !important;
	padding-top:20px !important;
}
.slot
{
	overflow: visible;
	position:relative;
	border: 1px solid lightgray;
	padding:0px;
	xborder-radius:2x;
	background-color:var(--slot-background);
}
.flying_slot
{
	position:absolute;
	width:200px;
	height:300px;
	left:300px;
	top:100px;
	border:1px solid lightgray;
	resize:both;
	overflow:hidden;
	background-color:var(--slot-background);
	z-index:10;
	box-shadow: 3px 3px 3px lightgray;
}
.flying_slot_highlighted
{
	border:1px solid var(--background7);
	box-shadow: 1px 1px 1px var(--background7);
	z-index:11;
}
.inner_slot
{
	overflow:auto;
	position:absolute;
	right:0px;
	left:50px;
	height:99%;
    background-color:var(--slot-background);
}
.slot_modules_taskbar
{
    position:absolute;
    width:45px;
    height:100%;
    z-index:3;
    border-right:1px solid var(--highlight1);
}
.slot_modules_taskbar_item
{
    box-sizing:border-box;
    height:45px;
    width:45px;
    text-align:center;
    vertical-align:center;
    line-height:45px;
    font-size:32pt;
    font-weight:bold;
    cursor:pointer;
/*     border-bottom:1px solid var(--highlight2); */
    background-color:var(--background4);
    z-index:3;
    opacity:0.3;
    user-select:none;
}
.slot_modules_taskbar_item:hover
{
    opacity:1;
    xborder-bottom:1px solid var(--highlight3);
    xborder-top:1px solid var(--highlight3);
}
.slot_modules_taskbar_item.active
{
    opacity:1;
}
.slot_modules_taskbar_item_inactive
{
    
}
.slot_modules_taskbar_item_expanded
{
    z-index:10;
    overflow:ellipsis;
    height:45px;
    text-align:left;
    font-size:14pt;
    line-height:20px;
    xborder-bottom:1px solid var(--highlight3);
    border:1px solid var(--highlight2);
}
.slot_modules_taskbar_item_module_name
{
    padding-left:5px;
    white-space:nowrap;
    font-weight:normal;
}
.slot_modules_taskbar_item_module_label
{
    padding-left:5px;
    white-space:nowrap;
}
div.slot_module_default_title
{
    position:absolute;
    height:45px;
    left:1px;
    right:0px;
    background-color:var(--background4);
    font-size:120%;
/*     border-bottom:1px solid black; */
    line-height:35px;
    vertical-align:middle;
    padding-left:5px;
}
.slot_label
{
    position:absolute;
    background-color:var(--background1);
    left:45%;
    top:-10px;
    border-radius:4px;
    padding-left:3px;
    padding-right:3px;
    border: 1px solid var(--highlight2);
    font-weight:bold;
    font-size:14pt;
    color:var(--highlight2);
}

.slot_resize_btn
{
	position:absolute;
	right:0px;
	bottom:0px;
	width:10px;
	height:10px;
    
	background-image:url("resize.png");
	background-size:10px;
	
}
.slot_title_bar
{
	position:absolute;
	left:0px;
	top:0px;
	xwidth:100%;
	height:22px;
    z-index:3;
    background-color:var(--background4);
    cursor:move;
	/*background-image:url("move.png");
	background-size:10px;*/
    right:22px;
	
}
.slot_title_bar info_btn
{
    right:-22px;
    height:15px;
    font-size:8pt;
    position:absolute;
   
    
}

.contains_other_slots
{
	border:none;
	margin:0px;
	padding:0px;
	background-color:var(--background1);;
}
.base
{
	width:100%;
	height:100%;
	margin:0px;

}

.flex_horizontal
{
	flex-direction:row;
}
.flex_vertical
{
	flex-direction:column;
}
.basic_flexed_element
{
	flex: 1 1 auto;
	margin:0px;
}


div.module_container
{
    top:0px;
    left:0px;
    right:0px;
    height:100%;
    position:absolute;
    min-height:600px;
}
div.module_icon
{
    top:0px;
    left:0px;
    width:40px;
    height:40px;
    text-align:center;
    vertical-align:center;
    line-height:40px;
    background-color:lightblue;
    font-size:180%;
    font-weight:bold;
}

div.mod_browser_info_div
{
    margin:20px;
    
}
div.mod_browser_list_container
{
    width:90%;
    margin:auto;
    overflow:auto;
    margin-bottom:30px;
}
div.mod_browser_info_and_lst_div
{
    overflow:auto;
    position:absolute;
    top:45px;
    bottom:0px;
    width:100%;
}
div.mod_browser_small_nav_container
{
    width:98%;
    margin:auto;
}
div.mod_browser_navigation_panel
{
    display:flex;
}

span.mod_browser_access_denied_info
{
    font-size:166%;
    color:red;
}

.navigation_panel_step_first_and_last
{
    font-size:120%;
    font-weight:bold;
}
.navigation_panel_step:hover
{
    flex: 0 0 auto;
}
.navigation_panel_step
{
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    flex:0 2 auto;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.navigation_panel_step:hover
{
    color:var(--highlight2);
    cursor:pointer;
}
.navigation_panel_step:last-of-type
{
    flex:1 0 auto;
}
.navigation_panel_step:last-of-type:hover
{
    flex: 2 0 auto;
}
.small_nav_div
{
}
.small_nav_div:hover
{
    color:var(--highlight2);
    cursor:pointer;
}
div.mod_TxVw_0
{
    position:absolute;
    top:60px;
    bottom:0px;
    width:100%;
}
div.mod_TxVw_1_m1
{
    xdisplay:flex;
    overflow:hidden;
    top:0px;
    width:100%;
    height:70%;
    position:absolute;
}
div.mod_TxVw_resize_1
{
    position:absolute;
    width:100%;
    height:3px;
    left:0px;
    bottom:0px;
    xbackground-image:url("resize.png");
    xbackground-size:100%;
    xbackground-color:black;
    z-index:3;
    cursor:row-resize;
}
div.mod_TxVw_2_m1
{
    position:absolute;
    left:50px;
    right:50px;
    height:100%;
    overflow-x:hidden;
    overflow-y:clip;
    /*font-size:12pt;*/
}
div.mod_TxVw_3l_m1
{
    position:absolute;
    width:50px;
    float:left;
    height:100%;
}
div.mod_TxVw_3r_m1
{
    position:absolute;
    width:50px;
    right:0px;
    height:100%;
}
div.mod_TxVw_4_m1
{
    overflow-y:auto;
    margin:auto;
    height:100%;
    
}
div.mod_TxVw_text_container_m1
{
    margin:auto;
}
div.mod_TxVw_header_container_m1
{
    margin:auto;
    padding-top:10px;
    padding-bottom:20px;
    border-bottom:1px solid lightgray;
}
div.mod_TxVw_5_m1
{
    position:relative;
    width:50px;
    height:100%;
    left:0px;
    top:-100%;
}

div.mod_TxVw_6_m1
{
    xdisplay:flex;
    overflow:hidden;
    top:70%;
    left:50px;
    right:50px;
    height:28%;
    position:absolute;
    padding-top:1%;
    border-top:1px solid black;
}
div.mod_TxVw_vertical_nav_section
{
    position:absolute;
    height:1px;
    border-top:1px solid red;
    width:100%;
    background-color:var(--background4);
}
div.mod_TxVw_vertical_nav_section_l2
{
    position:absolute;
    height:1px;
    border-top:1px solid pink;
    width:50%;
    left:50%;
    background-color:var(--background3);
}

div.mod_TxVw_vertical_nav_section_selected
{
    background-color:var(--background3);
}

div.mod_TxVw_vertical_nav_section_l2_selected
{
    background-color:lightgray;
}

div.mod_TxVw_vertical_nav_section:hover
{
    cursor:pointer;
    border-top:2px solid red;
}
div.mod_TxVw_vertical_nav_pointer
{
    position:absolute;
    border:1px solid;
    background-color:rgba(255,100,100,0.1);
    border-color:var(--highlight2);
    width:100%;
    z-index:2;
}

div.mod_TxVw_text_header
{
    height:60px;
    font-size:14pt;
    line-height:normal;
    z-index:2;
}
div.mod_TxVw_small_nav_container
{
    display:flex;
    height:25px;
    overflow:ellipsis;
    width:100%;
    
}
span.mod_TxVw_path_step
{
    font-size:12pt;
    font-weight:normal;
    cursor:pointer;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    flex:0 2 auto;
    line-height:16pt;
}
span.mod_TxVw_path_step.noflex
{
    flex:0 0 auto;
}
span.mod_TxVw_path_step.home
{
    flex:0 0 auto;
    font-size:16pt;
}
span.mod_TxVw_path_step:last-of-type
{
    flex: 0 10 auto;
}
span.mod_TxVw_path_step:hover
{
    color:var(--highlight2);
}
span.mod_TxVw_path_step_text_name
{
    font-size:18pt !important;
    padding-bottom:4px;
    background-color:var(--background3);
}
.mod_TxVw_in-text_head
{
    font-size:16pt;
    font-weight:normal;
    flex:0 2 auto;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.mod_TxVw_in-text_head_arrow
{
    font-size:18pt;
}
.mod_TxVw_not_loaded_text_section
{
    color:var(--highlight5);
}
.mod_TxVw_in-text_head:last-of-type
{
    
}

.mod_TxVw_in-text_head:hover
{
    cursor:pointer;
    color:var(--highlight2);
}
.mod_TxVw_in-text_head_container
{
    width:100%;
    height:24pt;
    display:flex;
    flex-direction:row;
}
.mod_TxVw_loaded_section
{
    border-bottom:4px solid ;
    border-color:var(--highlight2);
}
.mod_TxVw_not_loaded_section
{
    border-bottom:4px solid ;
    border-color:var(--highlight1);
}
.mod_TxVw_text_section
{
  line-height:26pt;
}
span.mod_TxVw_in-text_head_separator
{
    border-bottom:4px solid ;
    border-color:var(--background3);
    padding-bottom:5px;
    background-color:var(--background3);
}
div.mod_TxVw_paratext_label
{
    position:fixed;
    top:5px;
    left:20px;
}
div.mod_TxVw_contents_div
{
    min-width:200px;
    max-width:600px;
    margin:auto;
    background-color:white;
    line-height: 150%;
    padding-left:100px;
    padding-right: 100px;
    margin-top:20px;
    margin-bottom:50px;
    border-left:2px solid white;
    border-bottom:20px solid;
    border-bottom-color:var(--background4);
    border-color:var(--highlight2);
}
div.mod_TxVw_header_button_box
{
    position:absolute;
    right:0px;
    bottom:0px;
    background-color:var(--background4);
    opacity:0.95;
    
}
.mod_TxVw_header_button
{
    font-size:12pt;
    font-weight:normal;
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    color:var(--highlight2);
}
.mod_TxVw_header_button:hover
{
    border-width:1px;
}
.mod_TxVw_text_info_button
{
    position:absolute;
    height:30px;
    width:30px;
    top:5px;
    left:0px;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    border:0px solid white;
}
.mod_TxVw_text_contents_button
{
    position:absolute;
    height:30px;
    width:30px;
    top:35px;
    left:0px;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    border:0px solid white;
}
.mod_TxVw_text_options_button
{
    position:absolute;
    height:30px;
    width:30px;
    border-radius:30px;
    top:70px;
    left:0px;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    border:0px solid white;
}

.mod_TxVw_text_options_panel
{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:300px;
    max-width:50%;
    background-color:var(--background4);
    opacity:0.95;
    border:1px solid lightgray;
    border-radius:1px;
    
}
.mod_TxVw_text_contents_panel
{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:500px;
    max-width:50%;
    background-color:var(--background4);
    opacity:0.95;
    border:1px solid lightgray;
    border-radius:1px;
    
}
.mod_TxVw_text_contents_panel_list
{
    position:absolute;
    top:24pt;
    bottom:0px;
    left:0px;
    width:100%;
}


div.mod_dbs_div
{
    xwidth:300px;
    flex: 0 0 auto;
    margin:10px;   
    
}
div.mod_dbs_upper_div
{
    display:flex;
    flex-direction:row;
    width:100%;
    xheight:100px;
}
div.mod_dbs_bottom_div
{
    width:95%;
    padding-left:20px;
    padding-right:20px;
}
.mod_dbs_collapsed_btn
{
    height:30px;
    width:30px;
    background-image:url("lupa.png");
    background-size:100%;
    margin:10px;
    right:0px;
    position:absolute;
}
.mod_dbs_collapsed_btn:hover
{
    margin:8px;
}

.mod_dbs_lst_btn
{
    background-image:url("list.png");
    background-size:100%;
    height:20px;
    width:20px;
}
.mod_dbs_x_btn
{
    height:30px;
    width:30px;
    background-image:url("x.png");
    background-size:100%;
}







div.mod_TxVw_text_and_sidenav_container
{
    position:absolute;
    width:100%;
    left:0px;
    font-size:14pt;
    overflow:auto;
    top:60px;
    bottom:0px;
    background-color:var(--background5);
}
div.mod_TxVw_sidenav
{
    width:30px;
    right:0px;
    height:100%;
    background-color:green;
    float:right;
}
div.mod_TxVw_text_and_paratext_container
{
    position:absolute;
    right:30px;
    xwidth:100%;
    overflow:auto;
    top:60px;
    bottom:0px;
    display:flex;
    flex-direction:column;
    background-color:var(--background5);
}
div.mod_TxVw_text_container_0
{
   
    min-width:200px;
    max-width:700px;
    margin-left:20px;  
}
div.mod_TxVw_text_container_1
{
    position:relative;
    overflow:auto;
    flex:4 1 75%;
}
div.mod_TxVw_text
{
    min-width:200px;
    max-width:600px;
    margin:auto;
    background-color:white;
    line-height: 150%;
    padding-left:100px;
    padding-right: 100px;
    padding-top:100px;
    padding-bottom:100px;
    text-align: justify;
    border-right:1px solid lightgray;
}
div.mod_TxVw_paratext_container_1
{
    position:relative;
    font-weight:normal;
    overflow:auto;
    border-top:1px solid grey;
    flex: 1 1 25%;
    margin-top:20px;
    font-size:80%;
}


div.mod_TxVw_side_navigation
{
    position:absolute;
    height:100%;
    width:30px;
    right:0px;
    background-color:red;
    float:right;
}
div.mod_TxVw_dropdown_content
{
    position:absolute;
    top:0px;
    max-width:50%;
    max-height:66%;
    min-width:200px;
    background-color:var(--background4);
    opacity:0.95;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    overflow:auto;
    padding:5px;
}
.mod_TxVw_dropdown_content .item
{
    font-size:120%;
    letter-spacing:0.1em;
    cursor:pointer;
}
.mod_TxVw_dropdown_content .item:hover
{
    color:var(--highlight2);
}


module.mod_ImgVw
{
    content:"Styly pro modul Image Viewer";
}
div.mod_ImgVw_one_image_container
{
    width:99%;
    height:99%;
    display:flex;
    flex-direction:column;
    
}
div.mod_ImgVw_meta_div
{
    width:100%;
    flex:1 1 50px;
}
div.mod_ImgVw_controls
{
    height:30px;
    width:100%;
}
div.mod_ImgVw_img_div
{
    width:100%;
    flex:10 1 200px;
    overflow:auto;
}
span.mod_ImgVw_img_metadata
{
    font-size:75%;
}




span.mod_Dict_truncated_dictionary_entry
{
    position:relative;
    overflow:hidden;
    max-width:150ch;
    max-height:18ex;
    line-height:3ex;
    text-overflow:ellipsis;
    margin-bottom:10px;
}
span.mod_Dict_full_dictionary_entry
{
    line-height:3ex;
    margin-bottom:10px;
}
.app_Dict_truncated_dictionary_entry
{
    cursor:pointer;
    margin:5px 5px 5px 20px;
    padding:2px;
    overflow:hidden;
    max-height:6ex;
    line-height:3ex;
    text-overflow:ellipsis;
}
info_btn.mod_Dict_show_full_entry
{
    padding:3px 10px 3px 10px;
    max-height:3ex;
    font-size:75%;
    position:absolute;
    bottom:0px;
    right:0px;
    line-height:2ex;
}
.corpus_cover_page img
{
    position:relative;
    max-width:66%;
    left:33%;
}


.home_page_img_box
{
}

.CC_img
{
    background-image:url("CC.png");
    background-size:contain;
    background-repeat:no-repeat;
}
.UZH_img
{
    background-image:url("uzh_logo_e_pos.eps");/*<!--uzh_logo.png-->*/
    background-size:contain;
    background-repeat:no-repeat;
}
.top_bar_button
{
    display:inline-block;
    min-width:170px;
    background-color:var(--background4);
    height:100%;
    text-align:center;
    vertical-align:center;
    line-height:35px;
    xcolor:var(--background2);
    cursor:pointer;
    letter-spacing:.1em;

}
.top_bar_button.active
{
    background-color:var(--background7);
}
.top_bar_button.disabled
{
    background-color:var(--background3);
    color:gray;
    cursor:auto;
}

.option_span
{
    cursor:pointer;
}
.option_span:hover
{
    color:var(--highlight2);
}
.option_span.selected 
{
    text-decoration:underline;
    color:black;
}
.option_span.selected:hover
{
    color:var(--highlight2);
}

div.sandglass
{
    position:absolute;
    left:48%;
    top:48%;
    width:80px;
    height:80px;
    border-radius:40px;
    z-index:100;
    text-align:center;
    vertical-align:middle;
    background-color:var(--background4);
    opacity:0.8;
}
svg.sandglass
{
    
}

.app_dict_show_list_lbl_hide:after
{
    content: " Hide ";
}
.app_dict_show_list_lbl_show:after
{
    content: " Show dictionaries ";
}
.app_dict_show_MA_lbl_hide:after
{
    content: " Hide ";
}
.app_dict_show_MA_lbl_show:after
{
    content: " Show morph. analasis ";
}

hi[rend="caps"] {text-transform:uppercase}
hi[rend="italics"] {font-style:italic}
hi[rend="bold"] {font-weight:bold}
hi[rend="underline"] {text-decoration:underline}

label input[type="radio"], input[type="checkbox"]
{
    display:none;
}
label input[type="radio"] ~ span, input[type="checkbox"] ~ span
{
    display:inline-block;
    margin: 2px 5px 2px 5px;
    padding:2px 4px 2px 4px;
    background-color:var(--background3);
    border-radius:2px;
    cursor:pointer;
}
tr1
{
    display:block;
    transform:scaleX(-1);
    width:20px;
    text-align:center;
}
tr2
{
    display:block;
    transform:rotate(-45deg);
}
label input[type="radio"]:hover ~ span, input[type="checkbox"]:hover ~ span
{
    background-color:var(--background5-01);
    color:var(--highlight2);
    
}
label input[type="radio"]:checked ~ span, input[type="checkbox"]:checked ~ span
{
    background-color:var(--background5-03);
    color:var(--highlight2);
    
}

e
{
    display:block;
    font-size:120%;
    cursor:pointer;
    margin-top:4px;
    margin-bottom:4px;
    border:1px solid var(--highlight3);
    line-height:3ex;
    max-height:3ex;
    overflow:hidden;
    padding:3px;
}
e:hover
{
    border:1px solid var(--highlight2);
}
e l
{
    margin-right:20px;
    font-weight:bold;
}
e t
{
    max-width:50ch;
}