/* style.css for nicht-organspender.de */

/* trirong-regular - latin_latin-ext */
@font-face {
  font-family: 'Trirong';
  font-style: normal;
  font-weight: 400;
  src: local('Trirong Regular'), local('Trirong-Regular'),
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* trirong-italic - latin_latin-ext */
@font-face {
  font-family: 'Trirong';
  font-style: italic;
  font-weight: 400;
  src: local('Trirong Italic'), local('Trirong-Italic'),
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* trirong-700 - latin_latin-ext */
@font-face {
  font-family: 'Trirong';
  font-style: normal;
  font-weight: 700;
  src: local('Trirong Bold'), local('Trirong-Bold'),
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* trirong-700italic - latin_latin-ext */
@font-face {
  font-family: 'Trirong';
  font-style: italic;
  font-weight: 700;
  src: local('Trirong Bold Italic'), local('Trirong-BoldItalic'),
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* trirong-900 - latin_latin-ext */
@font-face {
  font-family: 'Trirong';
  font-style: normal;
  font-weight: 900;
  src: local('Trirong Black'), local('Trirong-Black'),
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* trirong-900italic - latin_latin-ext */
@font-face {
  font-family: 'Trirong';
  font-style: italic;
  font-weight: 900;
  src: local('Trirong Black Italic'), local('Trirong-BlackItalic'),
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../_fonts/trirong-v3-latin_latin-ext/trirong-v3-latin_latin-ext-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html,body { }

body {
	font-size: 100%; /* resets standard font size */
	font-family: 'Trirong', 'Times New Roman', Times, serif;
	font-kerning: normal;
	color: #111111;
	padding: 0;
	line-height: 1.4;
	/* background-image: url('../_images/tile.png'); background-repeat:repeat; */
	/* background-color: #e8e8e8; */
}
body.waiting * { cursor: progress; }
.help { cursor: help; }

.icon { font-size: 150% !important; }
/*i.work, span.icon, h2 i { font-size: 160% !important; }
i.fa-sort-asc, i.fa-sort-desc { font-size: 90% !important; }*/

div { empty-cells: show; border-collapse: collapse; }
form { margin: 0; }

table,p { width: 100%; }

table { border-spacing: 0px; empty-cells: show; border-collapse: collapse; }
tr { empty-cells: hide; }
td { vertical-align: top; empty-cells: show; }
th { font-weight: bold; empty-cells: show; }

tr.info, li.info { background-color: #d1ecf1 !important; }

p { padding-top: 5px; padding-bottom: 5px; margin: 0; }
hr { background-color: #888888; line-height: 1px; height: 1px; padding: 0; margin: 2px 0; border: 0 none #000000; border-collapse: collapse; }
cite { font-style: italic; color: #558855; }

label { font-weight: bold; }

a:link, a:visited, a:active { color: #aa0000; text-decoration: none; cursor: default; outline: none; font-weight: bold; }
a:hover, a:focus { color: #cc0000; text-decoration: none; cursor: pointer; outline: none; font-weight: bold; }

th a:link, th a:visited, th a:active  { color: #111111; }
th a:hover, th a:focus { color: #444444; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 1.5em; padding-top: 2px; padding-bottom: 0; font-weight: 900; vertical-align: bottom; color: #111111 !important; }
h2, div.box-header { padding-top: 4px; padding-bottom: 4px; font-weight: bold; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.05em; padding-top: 3px; padding-bottom: 3px; font-weight: bold; }
h4 { font-size: 1em; padding-top: 2px; padding-bottom: 2px; font-weight: bold; }
h5 { font-size: 0.95em; padding-top: 2px; padding-bottom: 2px; font-weight: bold; }
h6 { font-size: 0.9em; padding-top: 2px; padding-bottom: 2px; font-weight: bold; }

ul.no-indent, ol .no-indent { padding: 0; margin: 0; }
ul.no-indent { list-style: none inside; }
ol.no-indent { list-style: decimal outside; }

ul.no-list-element { list-style: none inside; }
ul.no-list-element li { padding: 3px 0; }
ul.no-list-element svg { color: #aa0000; }

progress { width: 50%; }

button.button { background: none; font-size: 13px; font-weight: bold; cursor: auto; }
button.button_over { background: none; font-size: 13px; font-weight:bold; color: #666666; cursor: pointer; }

div.clear { clear: both; height: 0px; overflow: hidden; line-height: 0px; }
div.hr { clear: both; background-color: #d21d48; height:1px; overflow: hidden; }
div.spacer { clear: both; height: 10px; overflow: hidden; }

.distance-left { padding-left: 10px; }
.distance-right { padding-right: 10px; }
.center { margin: 0 auto 0 auto; float: none !important; text-align: center; }

.notice { color: #bb0000; }
.warning { color: #dd0000; }
.error { background-color: #F2DEDE !important; }
a.warning:link, .warning:visited, .warning:active { color: #dd0000; text-decoration: underline; cursor: default; }
a.warning:hover, a.warning:focus { color: #ff0000; text-decoration: underline; cursor: pointer; }

.inactive { color: #809399; }
.invisible { visibility: hidden; }
.hidden { display: none; }
label.hidden { display: none !important; }

/*----- special elements ----------------------------------------------------*/

div.container { width: 100%; margin-left: 0; margin-right: 0; padding: 0; }

div#header { background-color: #afccda; border-top: 1px solid #777777; border-bottom: 1px solid #777777; }
div#logo, div#login, div#logout { margin: 0 auto 0 auto; text-align: center; }
div#login { position: relative; top: -19px; padding-left: 130px; height: 3px; }
div#logout { position: relative; top: -19px; padding-left: 130px; height: 3px; }
div#breadcrumb { padding: 0 1em 0 1em; }
div#maincontent {  }

a.text-primary:link, a.text-primary:visited, a.text-primary:active  { color: #337ab7; text-decoration: none; cursor: default; outline: none; font-weight: bold; }
a.text-primary:hover, a.text-primary:focus { color: #286090; text-decoration: none; cursor: pointer; outline: none; font-weight: bold; }

.additionalInfo { color: #1c93ba; font-style: normal; }
span.description { color: #888888; }

div.box {
	background-color: #afccda;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 #bb1100;
}
div.box-header, div.box-tab, div.box-tab-active {
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	border-radius: 0;
	padding: 0 1em;
	color:#ffffff;
	line-height: 1.1em;
}

div.box-tab:hover { cursor:pointer; }
div.box-tab-active:hover { cursor:auto; }
div.box-tab:nth-of-type(n + 2), div.box-tab-active:nth-of-type(n + 2) { border-left:2px solid #E4E4E4; }
div.box-tab { color: #111111; line-height: 1.1em; }
div.box-tab-active { color: #ffffff; line-height: 1.1em; }
div.box-content {
	background-color: #ffffff;
	border: none;
	/* border-bottom: 1px solid #113388; */
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
/*div.box-content > div { padding: 0 1em; }
div.box-content > p, div.box-content > ul, div.box-content > ol, div.box-content > form { padding: 1em; }*/

ul.list { list-style: disc inside; }
ul.list li i.icon-ok { color: #008800; visibility: hidden; font-size: 1.2em; }

ul.paths li { padding: 0.4em 0.8em; }
ul.paths li span.folder { color: #555555; }
ul.paths li span.path { color: #008800; }
ul.paths li:nth-child(odd) { background-color: rgba(0, 0, 0, 0.1); }

div.details { width: 100%; margin-left: 0; margin-right: 0; }
div.details:nth-of-type(even) { background-color: #eeeeee;  }
div.details:nth-of-type(odd) { background-color: #dddddd; }
div.details div { padding: 0 1em; }
div.details h1 { display: block; }

div.tab-pane { padding: 1em 0 1em 0; }

.form50{ width: 49%; }

@media (max-width: 767px) {
	body { font-size: 80%; line-height: 1.3; overflow-x: hidden; }
	th.extra, td.extra, div.extra, li.extra, p.extra, span.extra { display: none; }
	/*div#footer ul { font-size: 90%; }*/
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.1em; }
	.btn { line-height: 1.4; font-size: 1em; }
	.form-control { line-height: 1.2; }
}

/*FOOTER*/
div#footer_spacer { height: 100px; }
div#footer {
	height: auto; 
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	background-color: #afccda;
	z-index: 5;
}
div#footer ul { padding: 0; margin: 0; letter-spacing: -0.05em; }
div#footer li, div#footer p { display: inline; color: #777777; font-weight: bold; }
div#copyright { font-size: 9px; margin: 0; }

p.caption { }

/*TREE*/
ul.Tree, ul.Tree * { list-style-type: none; margin: 0; padding: 0; border: 0 none #000000; border-spacing: 0; border-collapse: collapse; }
li.Tree { }

.Tree * div { display: inline-block; width: 28px; text-align: center; vertical-align: middle; cursor: default; }
.Tree i.normal { font-size: 120% !important; color: #337711; }
.Tree i.small { font-size: 100% !important; color: #337711; }
.Tree div.knot i { color: #111111; }
.Tree i:hover { cursor: pointer; }

.Tree, .Tree0 { margin-left: 0; color: #111111 !important; text-decoration: none; }
a.Tree0:link, a.Tree0:focus, a.Tree0:active, a.Tree0:visited { }
a.Tree:hover, a.Tree0:hover { color: #333333; }
.Tree1 { margin-left: 0; color: #111111 !important; text-decoration: none; }
a.Tree1:link, a.Tree1:focus, a.Tree1:active, a.Tree1:visited { }
a.Tree1:hover { color: #333333; }
.Tree2 { margin-left: 0; color: #111111 !important; text-decoration: none; }
a.Tree2:link, a.Tree2:focus, a.Tree2:active, a.Tree2:visited { }
a.Tree2:hover { color: #333333; }
.Tree3 { margin-left: 0; color: #111111 !important; text-decoration: none; }
a.Tree3:link, a.Tree3:focus, a.Tree3:active, a.Tree3:visited {  }
a.Tree3:hover { color: #333333; }
span.Tree, span.Tree0, span.Tree1, span.Tree2, span.Tree3, span.Tree4, li a.Active  { color: #111111; }

/*TREELIST*/
td.TreeList div { display: inline-block; width: 28px; text-align: center; vertical-align: middle; cursor: default; }
td.TreeList  i { font-size: 170% !important; color: #337711; }
td.TreeList div.knot i { color: #111111; }

/*SORT*/
ul.SortList * { list-style-type: none; margin: 0; padding: 0; border: 0 none #000000; border-spacing: 0; border-collapse: collapse; font-weight: normal; }
ul.SortList * div, div.SortList div { display: inline-block; text-align: center; vertical-align: middle; cursor: default; padding: 0 0.2rem; }
ul.SortList * div i.small { font-size: 100% !important; color: #337711; }
ul.SortList * div i:hover { cursor: pointer; }
ul.SortList * a:hover { color: #111111; }
ul.SortList * strong {font-weight: bolder; }
ul.SortList + div { margin-top: .5rem; }

li.activeSortValue { background-color: #d1ecf1; }

/*LIST*/
ul.List, ul.List * { list-style-type: none; margin: 0; padding: 0; border: 0 none #000000; border-spacing: 0; border-collapse: collapse; font-weight: normal; }
li.List { }

.List * div { display: inline-block; width: 28px; text-align: center; vertical-align: middle; cursor: default; }
.List svg { color: #99bbcc; }
.List i.small { font-size: 100% !important; color: #c08000; }

.List { margin-left: 0; font-size: 92%; text-decoration: none; }
a.List:link, a.Tree0:focus, a.Tree0:active, a.Tree0:visited { color: #111111; }
a.List:hover { color: #333333; }

svg.public { color: #449922 !important; }
svg.private { color: #aa0000 !important; }

#file_info_box li span { font-weight: 900; }

/*----- customized bootstrap ------------------------------------------------*/

.table td, .table th { padding: 0.5rem; }
.table th { border-top: none; }
.table td { border-top: 1px solid #dddddd; }

.btn { font-variant: normal; line-height: 1.6; }
.btn:hover { cursor: pointer; }
.btn-sm { font-size: 0.75rem; padding: .25rem .5rem; line-height: 1.2; }

.btn-primary, .btn-primary:active, .btn-primary:visited { background-color: #cc0000; border: 1px #dd0000 solid; }
.btn-primary:hover, .btn-primary:focus { background-color: #ee0000 !important; border: 1px #dd0000 solid !important; }
.btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(222,0,0,.5) !important; }
.show  > .btn-primary.dropdown-toggle { background-color: #ee0000; border-color: #dd0000; }
.btn-default { background-color: #777777; border: 1px #999999 solid; color: #ffffff !important; }
.btn-default:hover { background-color: #888888; border: 1px #999999 solid; color: #ffffff; }
.btn-default.focus, .btn-default:focus { background-color: #888888 !important; border: 1px #999999 solid !important; box-shadow: 0 0 0 .2rem rgba(120,120,120,.5) !important; }

.form-horizontal .form-group { margin-left: 0; margin-right: 0; }

.form-horizontal .control-group { margin-bottom: .5em; }
.form-control, .navbar-default, .btn, .navbar-inverse, .list-group, .navbar-toggle, .panel, .progress, .alert, .well, .tooltip-inner, .popover, .popover-title, .img-thumbnail, .code, .pre, .dropdown-menu, .input-group-text, .breadcrumb, .pagination, .label, .thumbnail, .nav-pills > li > a { border-radius: 1px !important; padding: 0.1rem 0.4rem; }

.form-control { font-size: 100%; color: #222; line-height: 1.4; height: calc(1.8rem + 2px); }
.form-control:focus { background-color: #fff; border-color: #eeffff; outline: 0; box-shadow: 0 0 0 .2rem rgba(222,0,0,.25); }
select.form-control:not([size]):not([multiple]) { height: 2.2rem; }
.form-control:disabled, .form-control[readonly] { background-color: #f6f6f6; }

div.input-group-text, span.input-group-text, .custom-file-label::after { background-color: #cc0000 !important; border: 0 transparent solid; color: #f6f6f6; min-width: 2em; }
select.form-control, input.form-control, textarea.form-control, .custom-file-label { border: 1px #dd0000 solid; transition: border-color .8s ease-in-out,box-shadow .8s ease-in-out; }

.checkbox input[type="checkbox"], .radio input[type="radio"] {
	transform:  scale(1.4);
	/* Resized Checkboxes */
	/* -ms-transform: scale(1.4); */ /* IE */
	/*-moz-transform: scale(1.4); */ /* FF */
	/*-webkit-transform: scale(1.4); */ /* Safari and Chrome */
	/*-o-transform: scale(1.4); */ /* Opera */
}
.radio, .checkbox, .input, .textarea { padding-bottom: 2px; }
.checkbox label.error, .radio label.error { background-color: #F2DEDE; }
.checkbox label, .radio label { font-weight: 700; }
div.checkbox ul { padding-left: 1em; }

select  > option { font-size: 2em !important; }

.custom-file-label, .custom-file-label::after { border-radius: 1px !important; }
/*.custom-file-input:lang(de) ~*/ .custom-file-label::after { content: "Durchsuchen"; }

.placeholder { color: #aaaaaa !important; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aaaaaa !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #aaaaaa !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #aaaaaa !important; }
:-moz-placeholder { /* Firefox 18- */ color: #aaaaaa !important;}

.nav-tabs > li > a, .nav-tabs.nav-justified > li > a { border-radius: 1px 1px 0 0; }
.nav { margin-bottom: 0; }
.nav-tabs { border-bottom: 0px none #fff; }
.nav-tabs > li > a  { color: #555555; font-weight: bold; padding: 2px 10px; }
.nav-tabs .nav-link { border-radius: 1px 1px 0 0; }
.nav-tabs .nav-link.active { color: #dd0000; border-color: #777777 #777777 transparent #777777 !important; }
.nav > li > a:hover, .nav > li > a:focus { color: #111111; text-decoration: none; background-color: transparent; border-color: transparent !important; }

/*when active, as in the bootstrap description, tabs shows, after forth and back, the content of both tabs*/
.page-item.activated .page-link { background-color: #cc0000 !important; border-color: #dd0000 !important; color: #fff !important; z-index: 2 ; }

.page-link { line-height: 0.8; }
.page-item:last-child .page-link { border-top-right-radius: 1px; border-bottom-right-radius: 1px ; }
.page-item:first-child .page-link { border-top-left-radius: 1px; border-bottom-left-radius: 1px; }

.breadcrumb { background-color: transparent; padding: 0.1em 0 0.6em 0; margin: auto; }
.breadcrumb > li , .breadcrumb > li + li::before{ color: #aaaaaa !important; font-weight: bold; }

.alert-success { background-color: #d4edda; }
.alert-primary { background-color: #cce5ff; }
.alert-info { background-color: #d1ecf1; }
.alert-highlight { background-color: #eeeeee; border-color: #dddddd; }

.text-danger { color: #d9534f; }
.text-warning { color: #f0ad4e; }
.text-info { color: #5bc0de; }
.text-success { color: #5cb85c; }
.text-primary { color: #428bca; }
.text-muted { color: #cccccc !important; }

/*modal*/
.modal-content { }
.modal-header { color: #111111; background-color: #afccda; border-top: 1px solid #777777; border-bottom: 1px solid #777777; border-radius: 1px 1px 0 0; padding-top: 0.1em; padding-bottom: 0.1em; }
.modal-body { background-color: #ffffff; }
.modal-footer { background-color: #afccda; border-top: 1px solid #777777; border-bottom: 1px solid #777777; border-radius: 1px 1px 0 0; padding-top: 0.1em; padding-bottom: 0.1em; }

.close, .close:focus, .close:hover { opacity: 0.9; }
.close { color: #cc0000; }
.close:focus, .close:hover { color: #ee0000 !important; }

.embed-responsive-A4 { padding-bottom: 141.42% !important; }

.carousel-inner img { margin: auto; }
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #dd0000; }
.carousel-indicators li { text-indent: 0 !important; margin-right: 2px; margin-left: 2px; width: auto; }