message { display: block; }
message.a { background: #eedfcc; }
message.b { background: #e0eee0; }
author { float: left; width: 150px; text-align: right; clear: left; margin-right: 10px; color: #888; padding: 5px; background: white; }
content { border-left: 1px solid #555; padding-left: 5px; margin-left: 160px; padding: 5px; display: block;}

parallel sentence {display: block; margin-bottom: 10px; margin-top: 10px}
parallel variant { display: block; }
parallel variant[lang=english] { color: blue}

div.content dialog { display: block; border: 0; position: relative; }

/* Part of the Inforex project */
/* Copyright (C) 2013 Michał Marcińczuk, Jan Kocoń, Marcin Ptak */
/* Wrocław University of Technology */

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; margin: 0px; padding: 0px; background: #eee; }

p { margin: 0px; }

.nav_corpus_pages span.glyphicon {
	margin-right: 10px;
}

.corpus_select_nav span.glyphicon {
	margin-right: 10px;
}

#table td { padding: 0px 5px; }
#table th { padding: 0px 10px; }
table tr.even td { background: #eee; }
hi
table tr.month_12 td { border-bottom: 1px solid black; }

.hidden { display: none; }

#table-documents .found_sentence {
    border: 1px solid #cccccc; padding: 2px; margin: 2px;
    width:0px;
    overflow: hidden;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.flexigrid div.bDiv table#table-documents {
	margin:0px;
}

.flexigrid div.hDiv table th {
	white-space: pre-line;
}

/* Box z filtrowaniem raportów */
.filter_box li.active { color: black; background: #CEF89A; }
.filter_box li.active a { color: black; }
.filter_box li.active span { font-weight: bold; }

.info { padding: 2px; margin: 2px; border: 1px solid darkgreen; color: darkgreen; background: #D2FFC4; }
.error { padding: 2px; margin: 2px; border: 1px solid darkred; color: darkred; background: #FFDFDF; }

#fatal_error { border: 2px solid red; background: #FFA98A; font-size: 14px; margin: 10px; padding: 10px; clear: both; text-align: center; }

#system_status { line-height: 15px; position: fixed; background: yellow; border: 1px solid black; width: 200px; margin: 0 auto; left: 0; right: 0; bottom: 2px}
#system_status b {line-height: 24px; margin-left: 5px; }
#system_status img { float: right; margin: 4px; }
#console { position: fixed; bottom: 0; width: 100%; display: none; }
#console div { margin: 2px; border: 1px solid #5F7361; background: rgba(200, 255, 0, 0.9); color: #333; }
#console b { color: black; }
#console i { color: black; }
#console dt { float: left; width: 20px; text-align: right; font-weight: bold; margin-left: 5px; padding-left: 0; }
#console h1 { margin: 0px; padding: 1px; font-size: 12px; background: rgba(184, 135, 94, 0.8); color: white; line-height: 14px; }
#console dl { margin: 1px; padding: 0px; padding-left: 5px; overflow: auto; height: 50px; }
#console dd { margin-left: 30px; } 
#console_margin { height: 0px; }

#filter_menu {}
#filter_menu ul { margin: 0px; padding: 0px; }
#filter_menu li { list-style: none; margin-left: 0px; padding-left: 0px; }
#filter_menu li img { vertical-align: middle !important; margin: 0 3px; }
#filter_menu a.selected { color: blue; background: transparent !important; }

em { font-style: normal; color: darkred; font-weight: bold;  }

.table_cell_content { vertical-align: top; background: white; border: 1px solid rgb(68, 68, 68); }

.total_count { font-size: 18px; font-weight: bold; text-align: center; margin: 10px; padding: 5px; background: white; border: 1px solid rgb(132,190,45); color: blue; }
.total_count small { font-size: 10px; font-weight: normal; color: grey; }

#logo { 
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#logo a img {
    border-width: 0;
    height: 31px;
    width: auto;
}

#menu_box { float: left; padding: 4px; }
#menu_box ul { margin: 0px; padding: 4px; }
#menu_box li { padding: 0px; list-style: circle; margin-left: 5px; }
#menu_box .active { font-weight: bold; }

.buttons_box { background: #eee; border: 1px solid #aaa; }
.buttons_box button { margin: 10px; padding: 5px 20px; }

.scrolling { overflow: auto; }
.row_even td { background: #eee; }
.row_even a { color: #555; }
.row_odd a { color: #555; }
.formated .row_even_ok td { background: #C9FFB2; }
.formated .row_odd_ok td { background: #E6FFDF; }
.formated .row_even_notok td { background: #FFA98A; }
.row_even_formated td { background: #fc8; }
.row_odd_formated td { background: #ffe4bf; }

a { color: #337ab7; text-decoration: none; }
a:hover { text-decoration: underline; }

dl dt { float: left; width: 100px; text-align: right; padding-right: 5px; line-height: 2em;}
dl dd { margin-left: 100px; line-height: 2em;} 

.value { color: DarkSlateGray; font-weight: bold; }

/* 
 * Stałe i unikalne elementy strony 
 */
#main_menu { 
	margin: 0; 
	background-color: white; 
	font-size: 1.1em; 
	font-weight: bold; 
	margin-bottom: 2px;
	border-bottom: 1px solid #667A55;
	text-align: left; 
}
#main_menu ul { margin: 0px; padding: 8px 0px; }
#main_menu li { display: inline; margin: 0px; padding: 8px 6px; }
#main_menu .active { background: #337ab7; color: white; }
#main_menu .active a { color: white; } 

#sub_menu { 
	background: white; 
	margin: 0 10px; 
	border: 1px solid #667A55; 
	position: relative;
}
#sub_menu ul { margin: 0px; padding: 0; z-index: 9999;}
#sub_menu li { display: inline; margin: 0px; padding: 1px 6px; list-style: none; }
#sub_menu li:before { content: "⇰ "; }
#sub_menu .active { background: #337ab7; color: white; }
#sub_menu .active a { color: white; } 

#sub_menu .show_corpus_list {
margin:0;
padding:0;
background-color: white;
position:absolute;
z-index:100;
border: 1px solid #667A55; 
color: darkblue;
float:left;
}

#sub_menu .show_corpus_list li{
display:block;
}

#sub_menu .hide_corpus_list { display: none;}

#menu_corpus { background: #333; color: white; padding: 2px; float: left; padding-right: 10px; }
#menu_page { float: left; position: relative; width: 210px;}
#menu_page ul { position: absolute; border: 1px solid #333; left: 40; top: 0; background: white; }
#menu_page li { float: none; display: block; width: 200px; display: none; }
#menu_page li.active { display: block; } 
#menu_report { float: left; padding: 1px; margin-left: 10px; }
#menu_report span { color: #555; }

#document_navigation { background: #e6eaff; color: black; text-align: center; margin: 0 10px; border: 1px solid #727db2;}
#document_navigation a { }
#document_navigation .inactive { color: #555; }

#page_content {
	background: white;
	padding-bottom: 5px;
	width: 98%;
	margin: auto;
}
#page_content.no_padding{
	padding: 0;
}

#filter_box { border-bottom: 1px solid #555; background: #eee; }
#filter_box input { vertical-align: bottom; }

#footer {
	align-items: stretch;
	background: linear-gradient(135deg, #f8fafc 0%, #eef4f8 100%);
	border: 1px solid #d9e2ea;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
	box-shadow: 0 4px 12px rgba(31, 55, 76, 0.06);
	color: #4a5966;
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 10px;
	justify-content: space-between;
	line-height: 1.45;
	margin: 6px auto 0;
	padding: 6px 10px;
	width: 98%;
}
#footer .footer-card {
	align-items: center;
	display: flex;
	flex: 1 1 360px;
	gap: 10px;
	min-width: 0;
}
#footer .footer-funding {
	flex-grow: 2;
}
#footer .footer-credit {
	flex-grow: 1;
	justify-content: flex-end;
	text-align: right;
	white-space: normal;
}
#footer .footer-card > span:last-child {
	min-width: 0;
}
#footer .footer-label {
	background: #21394d;
	border-radius: 999px;
	color: #fff;
	flex: 0 0 auto;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: .06em;
	padding: 3px 8px;
	text-transform: uppercase;
}
#footer a {
	color: #1f6f93;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #114c67;
	text-decoration: underline;
}
#footer .footer-separator {
	color: #9aa8b4;
	margin: 0 6px;
}
#footer .footer-years {
	background: #e4edf3;
	border-radius: 999px;
	color: #526576;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-left: 8px;
	padding: 2px 7px;
}
#footer em {
	color: #444;
	font-weight: normal;
}

@media (max-width: 900px) {
	#footer {
		flex-direction: column;
	}
	#footer .footer-card,
	#footer .footer-credit {
		align-items: flex-start;
		text-align: left;
		white-space: normal;
	}
}

.modal-dialog{
    position: relative;
    display: table; /* This is important */
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}

.settingsModal{
    margin-top: 5%;
}

.pagging { margin: 2px 0px; padding: 2px; }
.pagging a { width: 40px; text-decoration: none; padding: 0px 5px; background: white; }
.pagging a:hover { background: #eee; }
.pagging a.active { font-weight: bold; background: #F28A08; color: white; border-color: #0C0B0E; }

table#report { width: 100%; }
table#report th { color: grey; font-size: 10px; vertical-align: top; width: 40px; text-align: right; }

.ajax_success { margin: 2px 5px; color: Green; font-weight: bold; }

/* Stany elementów */

.hightlighted, .highlighted { background-color: #d9edf7 !important; }
.hightlighted td, .highlighted td, .highlighted th { background-color: #d9edf7 !important; }

.selected { background: #03cfff !important; }
.selected td { background: #03cfff !important; }

.inactive { color: grey; }

/* Formatowanie adnotaci */
#content { line-height: 120%; }
#content small.hightlighted { background: khaki; }
 span.hightlighted, span.hightlighted span { background: yellow !important; }
#content small { color: gray; }

#content.takipi span.w { border: 1px solid #ddd; line-height: 22px; background: #f5f5f5; padding: 0px 2px; } 
#content.takipi span.hightlighted { background: yellow; }
#content.takipi span.marked { background: Chocolate; }
#content.takipi span.ann { border-width: 2px; line-height: 22px; padding: 2px;} 

#content span.selected { background: #FF837E !important; border-top: 1px solid #BF1616 !important; }
#content span.selectedSource, span.selectedSource { background: #FFCECE !important; color: red !important; }
#content span.selectedTarget, span.selectedTarget { background: #FFFFC8 !important; color: blue !important; }
.marked { font-weight: bold; }

td.col-num, th.col-num { width: 15px; text-align: right; }

/****
 * Powtarzalne elementy strony
 */
/* Boks z opcjami filtru jednej własności */
.filter_box { margin-top: 2px; margin-bottom: 5px; padding-bottom: 5px;}
.filter_box .header {background: #eee; padding: 2px 5px; }
.filter_box h2 { background: white; border: 1px solid #ccc; border-bottom: 1px solid #888; margin-left: 0px; margin-right: 0px; padding: 0px 1px; color: grey; margin-bottom: 0px; font-size: 12px; }
.filter_box h2.active { color: black; }
.filter_box small.toggle { float: right; margin-top: 3px; margin-right: 2px; }
.filter_box a.cancel { color: red; }
.filter_box ul { margin: 0; padding: 0; padding-left: 5px; }
.filter_box ul li { border-bottom: 1px dashed #ccc; margin: 0; margin-left: 10px; }
.filter_box .num { float: right; }
.filter_box div { background: white; padding: 2px; }
.corpus-documents-side-panel .filter_box .options form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.corpus-documents-page .corpus-documents-side-panel .filter_box .options {
    padding: 8px;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-wrapper {
    text-align: left;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form,
.corpus-documents-page .corpus-documents-side-panel .filter_box .options form {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    width: 100%;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form > input[type="hidden"],
.corpus-documents-side-panel .filter_box .options form > input[type="hidden"] {
    display: none;
}

.corpus-documents-side-panel .filter_box .options form > br {
    display: none;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form > input[type="text"].corpus-documents-filter-search-input,
.corpus-documents-page .corpus-documents-side-panel .filter_box .options form > input[type="text"].corpus-documents-filter-search-input {
    background: #ffffff;
    border: 1px solid #cfdde5;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(18, 52, 68, 0.04);
    color: #294552;
    flex: 1 1 auto;
    font-size: 10px;
    height: 26px;
    line-height: 26px;
    min-width: 0;
    padding: 3px 7px;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form > .corpus-documents-filter-search-button,
.corpus-documents-page .corpus-documents-side-panel .filter_box .options form > .corpus-documents-filter-search-button {
    align-items: center;
    background: #eef5f8;
    border: 1px solid #cfdde5;
    border-radius: 5px;
    color: #20576f;
    display: inline-flex;
    flex: 0 0 26px;
    height: 26px;
    justify-content: center;
    line-height: 1;
    min-width: 26px;
    padding: 0;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form > .corpus-documents-filter-search-button:hover,
.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form > .corpus-documents-filter-search-button:focus,
.corpus-documents-page .corpus-documents-side-panel .filter_box .options form > .corpus-documents-filter-search-button:hover,
.corpus-documents-page .corpus-documents-side-panel .filter_box .options form > .corpus-documents-filter-search-button:focus {
    background: #e3eef3;
    border-color: #bdd0da;
    color: #174f69;
    text-decoration: none;
}

.corpus-documents-page .corpus-documents-side-panel .corpus-documents-filter-search-form > .corpus-documents-filter-search-button .fa,
.corpus-documents-page .corpus-documents-side-panel .filter_box .options form > .corpus-documents-filter-search-button .fa {
    font-size: 11px;
}

.annotation_item { border-bottom: 1px dashed #ccc; }  
.annotation_item ul { margin-left: 0; padding-left: 20px; }

#content.takipi span { background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	line-height:22px;
	padding:0 2px;
}	
#token b { color: red; }

table.formated { background: #777; }
table.formated tbody th { background: #ccc; }
table.formated thead th { background: #ccc; }
table.formated td { background: white; }
table.formated th { background: white; }

.ontology b { color: #3C81D9; }
.ontology em { color: darkred; }
.ontology code { font-weight: bold;  }

.samples code { color: darkred; }

.context { background: #FFE1D0; }

b.invalid_border_start { background: red; margin: 2px 0 2px 2px; display: inline-table; color: white}
b.invalid_border_end { background: darkred; margin: 2px 2px 2px 0; display: inline-table; color: white}
b.invalid_border_middle { background: red; margin: 2px 0; display: inline-table; }
b.invalid_border_one { background: red; margin: 2px; display: inline-table; }
b.invalid_border_token { border: 1px solid red; }


/* xdiff */
.deleted {background-color:#ffdddd;}
.deleted .line-number {font-weight:bold; text-decoration: line-through;}
.diff-header { border-bottom: 1px solid #555; border-top: 1px solid #555; background: #EEE; font-style: italic; }
.added {background-color:#ddffdd;}
.added .line-number {font-weight:bold;}
.unchanged {background-color: #ffffdd;}
.context {background-color: #ffffff;}
.change {background-color:#ffffdd;}
.new-block {border-top: 10px solid #ffffff;}
.line-number { 
	display: block; 
	float: left; 
	width: 20px; 
	background: #DDD; 
	border-right: 1px solid #555; 
	color: #555; 
	text-align: right;
	padding: 0 1px;
	margin-right: 5px;
}


div.deleteRelation { 
	cursor:pointer;	
}

ul.topics a { color: #555; }
ul.topics a.marked { color: black; background: yellow; }

table#annmap .setGroup { font-weight: bold; }
table#annmap tr.annotation_type_names:hover td { background: white !important; }
table#annmap tr.annotation_type_names:hover td.empty2 { background: #fdf !important; }
table#annmap tr.annotation_type_names ol { margin: 0; padding-left: 40px; }
table#annmap tr.annotation_type_names ol li:hover { background: #ff9; }
table#annmap .empty { background: #ddd; }
table#annmap .empty2 { background: #fdf; }

#list_of_words { margin-left: 0px; padding: 15px; margin-top: 0px; padding-top: 0px} 

#cell_annotation_edit div.annotations { background: #efefef; border: 1px solid #ddd; }



.hiddenLayer{
	background:lightgrey;
}
	
#rightPanelAccordion .ui-accordion-content {
	padding: 5px !important;
}
#annotation_layers td {
	padding: 1px;
}

#relation_layers td {
    padding: 1px;
}


.setContainer, .subsetContainer, .typeContainer {
	padding:10px;	
}

/*Event editor*/
.tableContent {
	overflow:auto;
}

.bigTableContent {
    overflow:auto;
}


.tableContainer{
}

/*Sens editor*/
.sensTableContent {
	width:250px;
	height:600px;	
	overflow:auto;
}
.sensTableContainer, .sensDescriptionContainer{
	margin:5px;		
}
.sensDescriptionContent{
	width:600px;
	height:100%;	
	overflow:auto;
}
.ajax_status{
	width:100%;
	height:20px;	
}
.ajax_status_text{
	border-color: #880000;
	border-style: solid;
    	border-width: 1px 5px 1px 1px;
    	color: #330000;
    	display: block;
    	padding: 3px 20px 3px 25px;	
}
.loading{
    	border-color: #FF0000;
}
.success{
    	border-color: #00FF00;
	background-color: #B3FF99;
}
.error{
    	border-color: #FF0000;
	background-color: #FFCECE;
}
.sensItem{
	padding: 5px 20px 15px 25px;
}
.sensItemEdit{
	cursor:pointer;
	float: right;
    width: 120px;
	color: #5E5F5B;
	padding: 10px 2px 10px 25px;
}
.sensItemEditForm{
	text-align: center;
}
.sensItemEditForm label {
    	display: block;
	width: 50px;
	float: left;
    	margin: 2px -80px 6px 40px;
    	text-align: right;
}

.corporaFlag img { vertical-align: -3px; }
ul#list_of_flags  { margin: 4px; padding: 0; }
ul#list_of_flags li { list-style: none; margin: 0px; margin-bottom: 3px; }
ul#list_of_flags li img { vertical-align: -3px; }

table tr.disabled td { background: #eee !important; }

sup.rel { border: 1px solid darkred; padding: 0 2px; color: darkred; font-weight: bold; background: #FFDFEF}
sup.relin { border: 1px solid darkred; padding: 0 2px; color: darkred; font-weight: bold; background: white}

#diffs { margin: 5px; padding: 0px; }
li.diff { list-style: none; margin: 5px; background: white; margin-bottom: 20px; }
.diff .header { padding: 1px; border-bottom: 1px solid #555; background: #B0E0E6 ; padding: 2px; }
.diff .diff { padding: 5px; }
.diff .diff pre { margin: 0px; border-top: 0px; }
.diff .subheader { font-size: 0.8em; font-weight: bold; background: #eee; border-bottom: 1px solid #888; padding: 2px; }
.diff .subheader2 { font-size: 0.8em; font-weight: bold; background: #eee; border-bottom: 1px solid #888; border-top: 1px solid #888;padding: 2px; }
.diff .comment .content { padding: 5px; white-space: pre-wrap; background: #FFFFE0; }

table tbody td.status_7 { color: red !important; }
table tbody td.status_2 { color: darkgreen !important;}

table.bootstraped-annotations td { vertical-align: middle !important; }

.rightPanel { background: #E7FFDF !important;}

table#relationlist .empty { background: #ddd; }

table#tests_document_list .empty { background: #ddd !important; }
table#testslist tbody tr.corect td { background-color: #B3FF99; }
table#testslist tbody tr.wrong td { background-color: #FFCECE; }

.box-header { color: #999; float: left; padding: 5px; width: 120px; text-align: right; font-size: 14px; font-weight: bold; }
.box-content { padding: 5px; margin-left: 125px; }

ol.answer-contexts { padding-left: 20px; margin-top: 5px; padding-top: 0; }
ol.answer-contexts li { margin-bottom: 10px; margin-top: 0; }

.infobox-light { font-size: 16px; margin: 10px; color: #aaa; font-weight: bold; }


#ner-annotations ul { margin-left: 10px; padding: 0px; }
#ner-annotations ul li { margin-left: 10px; padding: 0px; font-size: 10px; margin-bottom: 2px; }

.expandable { cursor: pointer; }

.addDialog td { vertical-align: top; }
.addDialog th { vertical-align: top; padding-top: 4px; }

.page_annotation h2 { margin: 0 0 5px 0; }
.page_annotation .tableContainer { margin: 0 }

#page_lps_metrics ul { margin-left: 0; padding-left: 0; }
#page_lps_metrics li { margin-left: 20px; }

td.loading{
	background: url("../gfx/ajax.gif") no-repeat scroll right center #FFF;	
}

sentence.lemmatize span{
	font-size: 9pt;
	margin:1px;	
}

body div sentence.lemmatize input{
	font-size: 9pt;
}
body div sentence.lemmatize td.lemma_status{
	margin:0;padding:0;
}

.panel-administration{
    height: 30px;
    padding: 0 !important;
}


body div sentence.lemmatize td.lemma_status span{
	font-size: 7pt;
	border:0;
}
body div sentence.lemmatize td.lemma_status{
	font-size: 7pt;
	font-weight:bold
}

div#wf_loader{
	display:none;
}

div#wf_loader.loading{
	display:block;
}

.reportPerspectivesDialog table.tablesorter tbody tr td { vertical-align: middle; }
.reportPerspectivesDialog table.tablesorter tbody tr.inactive td { background: #eee; color: #777; }
.reportPerspectivesDialog table.tablesorter tbody tr.inactive .updateReportPerspective { display: none; }


#annotation_mode_list { margin-left: 0; padding-left: 0}
#annotation_mode_list li { list-style: none; margin-left: 5px; }

#dialog-form-login { padding-top: 20px; }
#dialog-form-login label { float: left; width: 60px; text-align: right; margin-bottom: 5px; line-height: 19px; }
#dialog-form-login input { width: 150px; margin-left: 5px; line-height: 18px; margin-bottom: 5px; }

.ui-dialog.report-login-dialog {
	border: 1px solid #d7e4eb;
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(32, 63, 78, 0.18);
	overflow: hidden;
}

.ui-dialog.report-login-dialog .ui-dialog-titlebar {
	background:
		radial-gradient(circle at top right, rgba(31, 111, 147, 0.14), transparent 38%),
		linear-gradient(180deg, #ffffff 0%, #f5fafc 100%);
	border: 0;
	border-bottom: 1px solid #dbe6ec;
	border-radius: 0;
	padding: 12px 14px;
}

.ui-dialog.report-login-dialog .ui-dialog-title {
	color: #173f52;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
}

.ui-dialog.report-login-dialog .ui-dialog-titlebar-close {
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	height: 24px;
	margin: 0;
	right: 10px;
	top: 10px;
	width: 24px;
}

.ui-dialog.report-login-dialog .ui-dialog-content {
	background: #fbfdfe;
	padding: 14px 16px 10px;
}

#dialog-form-login {
	padding-top: 0;
}

#dialog-form-login form {
	background: #ffffff;
	border: 1px solid #e1eaee;
	border-radius: 10px;
	padding: 12px;
}

#dialog-form-login fieldset {
	margin: 0;
	padding: 0;
}

#dialog-form-login label {
	color: #476472;
	display: block;
	float: none;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.2;
	margin: 0 0 5px;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}

#dialog-form-login input {
	border: 1px solid #cfdfe7;
	border-radius: 6px;
	box-shadow: none;
	color: #274552;
	display: block;
	font-size: 12px;
	height: 32px;
	line-height: 18px;
	margin: 0 0 10px;
	padding: 6px 10px;
	width: 100%;
}

#dialog-form-login input:focus {
	border-color: #8eb5c3;
	box-shadow: 0 0 0 2px rgba(31, 111, 147, 0.12);
}

#dialog-form-login-error {
	color: #b23a2a;
	display: block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.35;
	margin: 8px 0 0 !important;
	min-height: 16px;
}

.ui-dialog.report-login-dialog .ui-dialog-buttonpane {
	background: #ffffff;
	border: 0;
	border-top: 1px solid #dbe6ec;
	margin-top: 0;
	padding: 10px 14px;
}

.ui-dialog.report-login-dialog .ui-dialog-buttonpane button {
	align-items: center;
	background: linear-gradient(180deg, #ffffff 0%, #f5fafc 100%);
	border: 1px solid #cfdfe7;
	border-radius: 6px;
	box-shadow: none;
	color: #355866;
	display: inline-flex;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	margin-left: 8px;
	min-height: 30px;
	padding: 6px 12px;
}

.ui-dialog.report-login-dialog .ui-dialog-buttonpane button:first-child {
	background: linear-gradient(180deg, #2a7ea3 0%, #1f6f93 100%);
	border-color: #1a5f7d;
	color: #ffffff;
}

.access-notice {
	align-items: center;
	background:
		radial-gradient(circle at top right, rgba(31, 111, 147, 0.10), transparent 32%),
		linear-gradient(180deg, #ffffff 0%, #f5fafc 100%);
	border: 1px solid #d7e4eb;
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(32, 63, 78, 0.10);
	display: flex;
	gap: 14px;
	margin: 16px auto;
	max-width: 520px;
	padding: 16px 18px;
}

.access-notice-icon {
	align-items: center;
	background: linear-gradient(180deg, #f8fbfd 0%, #edf5f8 100%);
	border: 1px solid #d6e4ea;
	border-radius: 12px;
	color: #1f6f93;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.access-notice-copy {
	min-width: 0;
}

.access-notice-title {
	color: #173f52;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.15;
	margin-bottom: 4px;
}

.access-notice-text {
	color: #64808e;
	font-size: 12px;
	line-height: 1.45;
}

#newCorpusDialog #elementName { width: 350px; }
#newCorpusDialog #elementDescription { width: 350px; }
#newCorpusDialog th { vertical-align: middle; padding: 1px; text-align:right; width: 90px; }
#newCorpusDialog td { vertical-align: middle; padding: 1px; line-height: 19px; }
#newCorpusDialog tr.description th { vertical-align: top; }

div.tasks ul.tasks li { list-style: none; }
div.tasks ul.documents li { list-style: none; }
#taskProgress table { width: 100%; }
#taskProgress table th { width: 150px; text-align: right; }

a.button { color: white !important;}
.button { 
    background-color: #0191C8;
    cursor: pointer;
    line-height: 1.4em;
    margin: 0.5em 0.4em 0.5em 0;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
    border: 1px solid #005B9A;
    color: white;
    font-weight: normal;
    outline: medium none;
    font-size: 1em;
    border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}
.button.disabled, .button.disabled:hover {
	background-color: #ccc;
	color: #777 !important;
	border-color: #777;
	cursor: default;
}
.button:hover {
	border: 1px solid #005B9A; 
	background-color: #DCF0F7; 
	font-weight: normal; 
	color: #005B9A !important; 
	outline: none;
}

.button_hover {
	border: 1px solid #005B9A;
	background-color: #DCF0F7;
	font-weight: normal;
	color: #005B9A !important;
	outline: none;
}
	
.button.warning {
    background-color: red;
    color: white;
    border: 1px solid #660000;
}

.delete_corpora_button { border-color: red; background: #FFCCCC; color: red; }
.delete_corpora_button:hover { border-color: red; background: #FF8080; color: white; }

div.plain { white-space: pre-wrap; }

div.annotation_browser table tr.annotation_set td { background: #ccc; font-weight: bold; }

.dialogNewTask ul { margin-left: 0; padding-left: 0; }
.dialogNewTask ul li {list-style: none; margin-left: 0; padding-left: 0;}

.checkbox_list label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.checkbox_list input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

td.sort { text-align: right; }

.scrolling { overflow-y: auto; }

.column_id {
    color: grey;
}

.sensList{
    overflow: auto;
    height: 500px;
}

.td-center { text-align: center; }
.td-left { text-align: left; }
.td-right { text-align: right; }

label.error{
	color:#FF0000;
}
select.error, textarea.error, input.error{
	border-color:#FF0000 !important;
}

.required_field{
	color: #a94442;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:not(.dropdown-submenu-search):hover>.dropdown-menu {
    display:block;
}

.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.dropdown-menu>li>p {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    margin: 0 !important;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>input {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.corpora_search_bar{
    margin: 0 auto !important;
    width: 135px !important;
}

.corpus_dropdown_menu{
    overflow: auto;
    max-height: 250px;
}

.enum_input, .edit_enum_input{
    margin-top: 5px;
    margin-bottom: 5px;
}

.enum_values, .edit_enum_values{
    max-height: 200px;
    overflow: auto;
}

.annotation_description{
    overflow: auto;
    max-height: 60px;
    max-width: 500px;
}

.loader {
    margin: 0 auto;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid black; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.chart_button{
    float: right;
    margin-top: 10px;
}

.export_column{
    overflow-x: auto;
    max-width: 200px;
}

.rel_agreement_sel{
    width: 100px;
}

.agreement_list{
    max-height: 100px;
    overflow: auto;
}

.li_error{
    padding: 10px;
}

.cancel_flags
{
    cursor: pointer;
}

table.relation_tree{
	border: 1px solid #ddd;
}
table.relation_tree tr td{
	padding: 0;
	margin: 0;
	font-weight: bold !important;
}
table.relation_tree tr.relationLayerRow td{
	background: white !important;
}
table.relation_tree tr.relationSublayerRow td {
	border-top: 1px dashed #aaa;
}
table.relation_tree tr.relationSublayerRow td {
	background: white !important;
}

table.export_users tr {
	background: white !important;
}

table.export_users tr td.username{
	padding-left: 10px;
	font-weight: bold !important;
}

table.export_users th {
	background: #FFFFD8 !important;
}

div.about pre {
	border: 1px solid #337ab7;
	background: #eaf2f9;
	padding: 10px;
	white-space: pre-wrap
}

#hot-container {
	width: 100%;
	height: 80vh;
	overflow: hidden;
}

.no-padding{
	padding: 0 !important;
}

.autosave_on{
	background-color: green !important;
}

.autosave_off{
	background-color: red !important;
}

.autosave:hover{
	cursor: pointer;
}

.handsontable .colorized_red {
	background: #dc000082;
}

.handsontable .colorized_green {
	background: rgba(102, 220, 33, 0.51);
}

.handsontable .colorized_normal {
	background: #dc000082;
}

li.nav_corpus_pages > a.dropdown-toggle .glyphicon {
	color: #888;
}

.ajax_error_modal {
	text-align: center;
}

.ajax_error_modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
}

.ajax_error_modal_dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.ajax_access_error{
	width: 80% !important;
}

.ajax_error{
	width: 700px !important;
}

.ajax-modal-body {
	position: relative;
	overflow-y: auto;
	max-height: 600px;
	padding: 15px;
}