html {
	height:100%;
}

#edp .ui-widget {
	font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

#edp {
	font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
	
	overflow:auto;
	position: relative;
	height: 100%;
	box-sizing: border-box;
	background: #f5f5e5;
}

#content {
	margin-bottom: 20px;
	background: white;
}

	
#edp [class*="span"] .span-burger, #edp [class*="col-md"] .span-burger {
	margin-left: 0px;
	overflow:hidden;
}
#edp.ui-app-mode [class*="span"] .span-burger, #edp.ui-app-mode [class*="col-md"] .span-burger  {
	display:none !important;
}

#edp [class*="span"] .all-but-burger, #edp [class*="col-md"] .all-but-burger  {
    width: 100%;
    padding-left: 10px;
}

#edp [class*="span"] .span-burger-small, #edp [class*="span"] .span-burger-small-not-responsive, #edp [class*="col-md"] .span-burger-small, #edp [class*="col-md"] .span-burger-small-not-responsive {
	width: 24px;
}

#edp .all-but-burger.js-lower.all-but-burger-small {
	padding-left: 0px;
}

#edp  [class*="span"] .span-burger-big, #edp  [class*="col-md"] .span-burger-big {
	width: 260px;
}

#edp [class*="span"] .table-cell, #edp [class*="col-md"] .table-cell {
	display: table-cell; /* Hier war mal !important n�tig, scheinbar nicht mehr */
	vertical-align: top;
	float: unset;
}

#edp .display-table {
	display: table; 
	table-layout: fixed;
	vertical-align: top;
	float: unset;
}

#sidemenu-control {
	padding-bottom: 20px;
}

#widget-sidemenu {
	position: relative;
	left: -0px;
	overflow: hidden;
	opacity: 1.0;
}

/* Sidemenü Hintergrund wie Eckelmann
#widget-sidemenu .sidemenu-entry {
	background: #f5f5f5;
	border-bottom: 1px solid #d3d3d3;
	padding: 0px;
	margin-right: 20px;
}
#widget-sidemenu .sidemenu-entry .side-submenu {
	background: white;
}*/

#widget-sidemenu .sidemenu-entry {
	margin: 5px 0;
}

#widget-sidemenu h3 {
    /*border-bottom: 1px solid #d3d3d3;*/
    padding: 5px;
    cursor: pointer;
    overflow: hidden;

}

#widget-sidemenu h3 .with-linebreak {
	float: left;
	margin-left: 4px;
}

#widget-sidemenu h3.underlined {
	border-bottom: 1px solid #d3d3d3;
}

#widget-sidemenu h3:first-child {
	margin: 0;
  	padding: 0; /* Wie Eckelmann 5px; */
}
.side-submenu .element {
    clear: both;
    cursor: pointer;
    min-height: 35px;
    padding: 10px;
}
.side-submenu .element.headline {
font-weight: bold;
  margin-top: 25px;
  min-height: unset;
  color: #666;
  text-decoration: underline;
}

.side-submenu .image {
    width: 35px;
    min-width: 35px;
    height: 35px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    margin-right: 5px;
}
.side-submenu .caption, .side-submenu .delete-from-collection, .side-submenu .select-collection {
    vertical-align: middle;
    display: table-cell;
    padding-right: 10px;
    height: 35px;
    padding-left: 5px;
}

#edp #collection-subaccordion h3, #edp #rightsgroup-subaccordion h3 {
	overflow: hidden;
	border-bottom: 1px solid white;
	border-radius: 0px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px;
}

#widget-sidemenu > form {
    padding: 6px;
	margin-bottom: 20px;
}






#edp .input-medium {
    width: 160px;
}

#edp .carousel {
	overflow: hidden;
	height: 165px;
}

#edp .view-boxes .carousel {
	overflow: visible;
}

img.fullscreen-image {
	background: white;
}

/*ul, ol {
    margin: 0 0 10px 35px;
}*/

#edp>.edp-container {
	background: white none repeat scroll 0% 0%;
	border-right: 15px solid white;
	border-left: 15px solid white;
	border-top: 15px solid white;
	position: relative;
	padding-bottom: 20px;
	min-height: calc(100% - 35px);
}

#edp>.edp-container-maximize, #edp.maximize-width>.edp-container {
	width: 100% !important; 
	box-sizing: border-box;
	padding: 0px !important;
	max-width: 100% !important;
}

#edp>.edp-container #content {
    display: table;
	table-layout: fixed;
}

#edp.maximize-width>.edp-container #content {
	margin: 0 0 0 0px;
	box-sizing: border-box;
}

#edp.maximize-width>.edp-container .span12 {
    width: 100%;
    display: table;
	margin: 0;
	float: unset;
}


#edp.maximize-width>.edp-container .row {
	margin-left: 0px;
}




#edp>.edp-container-maximize.edp-container #content.edpSpanMaximize {
	margin-left:30px;
	display: block;
}

#cookie-bar {
	z-index: 100;
	background: #eee;
	color: black;
}
#cookie-bar a {
	color: white !important;
}

#cookie-bar .cb-disable {
    background: #333;
}

#cookie-bar .cb-disable:hover {
    background: #aaa;
}

#cookie-bar .cb-policy {
    background: none;
    color: #333 !important;
}

#edp #cookie-bar .cb-btns-IM {
	margin: 10px;
}

#cookie-bar .cb-policy:hover {
    background: none;
    color: #666 !important;
	text-decoration: underline;
}

.like-h1 {
    font-size: 18px;
    line-height: 25px;
    color: #757575;
}

#edp.show.maximize-width h1.red, #edp.object h1.red {
    margin: 4px 0 10px;
}

#edp h1 .headline-a, #edp h1 .headline-a:hover {
	color:#757575;
	text-decoration:none;
}

#edp h1.white {
    border-bottom:2px solid white;
}

/*#edp table th h3 {
    line-height: 14px;
    margin: 0;
    color:white;
    font-weight: normal;
}*/


/*#edp a.btn {
	color: #333;
}*/

.object .collection-add, .container .collection-add {
        margin-top:0px;
}


.collection .td-icons {
	width:50px;
}

.icon-minus-sign, .icon-share-alt, .icon-own-wait {
	margin-left:5px;	
}

.login-headline {
    margin-bottom: 10px;
}

.edit-document-file-container {
    overflow:hidden;
    position: relative;
}

#upload-file-dialog .filter-controls, #upload-object-dialog .filter-controls {
	float:left;
}
#upload-file-dialog #forms {
	clear:both;
}

#edp .notificate-text {
    line-height: 30px;
    margin-right: 5px;
    font-style: italic;
}

#edp #smartphone-login a.btn {
	float: none;
    margin-right: 10px;
    width: 85px;
}

#edp #controls-service a.btn {
    float: none;
    margin-right: 10px;
}

#edp #smartphone-login, #edp #controls-service, #edp #dialog-version {
	text-align:center;
}



.icon-edit, .icon-remove {
    float: right;
}

.edit_document_icon_span{
    left: 5px;
}
.add_language_icon_span{
    left: 25px;
}
.edit_document_icon_span2{
    right: 5px;
}

.edit_document_icon {
    width:25px;
}

.headline-icon {
	margin-left: 5px;
	margin-bottom: 5px;
}

.headline-role-icon {
    width:25px;
}

a.anchor:target {
    display: block;    
    position: relative;     
    top: -50px;
    visibility: hidden;
}

#edp img.iconset:not(.autofit):not(.carousel-potential-autofit):not(.important) {
    -webkit-filter : brightness(0%);
    filter : brightness(0%);
    
    /*-webkit-filter : hue-rotate(140deg) saturate(80) brightness(80%);
    filter : hue-rotate(140deg) saturate(80) brightness(80%);*/
}

body#edp img.iconset.important {
    -webkit-filter: saturate(207) hue-rotate(168deg) brightness(13%);
    filter: saturate(207) hue-rotate(168deg) brightness(13%);
    

}

#edp video {  
   width:100%; 
   max-width:640px;
   height:auto; 
}

#edp video.small {
   max-width:320px;
}


#edp img.iconset {
    opacity: 0.65;
    filter: alpha(opacity=65);
    background-image: unset;
}

#edp img.iconset-mouseover {
    opacity: 0.2 !important;
    cursor: pointer;
}

#edp img.iconset-mouseover:hover {
    opacity: 0.65 !important;
}

#edp h1.main {
	background-color: #f5f5e5;
	border-radius: 5px 5px 0px 0px;
	padding: 3px 5px;
}

#edp img.iconset.big-icon, #edp img.iconset-black.big-icon {
 	width: 20px;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 2px;
}

#edp img.iconset.big-icon.back-to-object {
	margin-left: 5px;	
}


#edp img.small-icon {
 	width:15px;
 	margin: 2px 5px 2px 0;
}

#edp img.iconset.inactive {
    opacity: 0.30;
    filter: alpha(opacity=30);
    cursor:default;
}
#edp img.noshow {
	opacity: 0.5;
}




img.h1-icon {
	margin-bottom: 4px;
}

.search-collection-icon {
	height: 20px;
    width: 20px;
}

.plus-sign {
	width:35px;
}

.dropzone .plus-sign {
    cursor: pointer;
}



#edp .lang-flag, .delete-language, .remove-agreement, .remove-rights-group {
	height: 20px;
    margin-right: 5px;
}

#edp .popover-search-description ul li {
	font-size:11px;
	color:#222;
	list-style: inside;
}
#edp .popover-search-description ul {
	margin-left:10px;
	list-style: inside;
}

/* 20180117 IM: F�r Referenzen Dialog auf 0 geseztt, vorher auf 10, warum? */
#edp .controls > .radio:first-child, #edp .controls > .checkbox:first-child {
    margin-left: 0px;
}

#edp #droppedfiles {
	overflow: hidden;
	margin-bottom: 40px;
}

#edp .js-show-line-number {
    margin-bottom: 5px;
}

#edp .js-show-table-of-content-main.active img.iconset, #edp .js-show-pdf-metadata-main.active img.iconset, #edp .js-snipping-tool.active img.iconset {
    opacity: 0.3;
}

#edp .disable-text-selection {
  user-select: none;
  -webkit-user-select: none; /*Safari*/
  -moz-user-select: none; /*Firefox*/
}

#edp .submitLink {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  cursor: pointer;
  margin: 0 0 3px 0;
padding: 0;
}
#edp .submitLink:focus {
  outline: none;
}

textarea#copyTextArea {
  opacity: 0.01;
  width: 2px;
  height: 2px;
}

.message-header {
	font-size:14px; 
	font-weight:bold;
	line-height: 39px;	
}	

.maximize-height .message-header {
	font-size: 10px;	
}	

.speech-icon {
  height: 22px;
  float: left;
  cursor: pointer;
  margin:5px;
}


/* Bootstrap 2.3.2 nach v3 Ersatz */

#edp #login-header.navbar-inner {
	height: unset;
	padding: 15px 15px 0 15px;
}

#edp .navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
}

h1 .form-control {
	margin-bottom: 5px;
}

#js-advanced-permissions-two-column-container {
	overflow:hidden;
}

#edp #attribute-content img.iconset {
	margin-top: 7px;
}
#edp #snapshot-date-list input {
  width: 200px;
}

#edp #coll-navbar {
  margin-top: 3px;
}

#edp #header, #edp .navbar-inner  {
	height: 40px;
	min-height: 40px;
}

#edp .pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
#edp .pagination ul > li {
  display: inline;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a, .pagination ul > .active > span {
  color: #999;
  cursor: default;
}
.pagination ul > li > a, .pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}

/* Bugfix Positionierung von jQuery 3 Dialogen mit Bootstrap 5 */
.ui-dialog {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  position: fixed !important;
  background: white;
}

#widget-sidemenu .img-fluid, .dropdown-menu .img-fluid  {
  padding: 5px;
}

#edp .force-hide {
  display: none !important;
}