/*------------------------------------------------------------------
Poolmap
Autotransform List
Accordion
Draggable
Dropzone
Alerts
Scroll Divs
Tabs
Boxes
Tables
Dropdown
Charts
Popups
Wysiwyg
Popovers
Extracted Images
Tagsinput / Tagify
-------------------------------------------------------------------*/



/*.poolmap-infos {
	display: inline;
}

.poolmap-infos img {
    vertical-align: bottom;
}*/

#poolmap-table .level1 {
    padding-left: 20px;
}
#poolmap-table .level2 {
    padding-left: 30px;
}
#poolmap-table .level3 {
    padding-left: 40px;
}
#poolmap-table .level4 {
    padding-left: 50px;
}
#poolmap-table .level5 {
    padding-left: 60px;
}
#poolmap-table .level6 {
    padding-left: 70px;
}
#poolmap-table .level7 {
    padding-left: 80px;
}
#poolmap-table .level8 {
    padding-left: 90px;
}
#poolmap-table .level9 {
    padding-left: 100px;
}
#poolmap-table .level10 {
    padding-left: 110px;
}
#poolmap-table .arrow-placeholder {
	margin-left: 16px;
}
#poolmap-table .type-icon {
	margin-right:3px;
}
#poolmap-table td {
	min-width: 15px;
}

/*------------------------------------------------------------------
----------------------------- AUTOTRANSFORM LIST--------------------
-------------------------------------------------------------------*/
.autotransform-list .element {
	clear: both;
	cursor: pointer;
min-height: 35px;
padding: 5px 10px;
}

#edp .autotransform-list a{
    text-decoration: none;
}

.autotransform-list .element:hover, .action-list li:hover, .action-collection-list li:hover, .edit-list li:hover {
	background-color: #f5f5e5;
}

.autotransform-list .element:not(:first-child) {
	border-top: 1px solid #ccc;
}

.autotransform-list .image {
	width: 35px;
	min-width: 35px;
	height: 35px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	    margin-right: 5px;
}

.autotransform-list .caption, .autotransform-list .delete-from-collection, .autotransform-list .select-collection {
	vertical-align: middle;
	display: table-cell;
	padding-right: 10px;
	height: 35px;
	padding-left: 5px;
}

.autotransform-list .delete-from-collection {
	width:15px;
}


.autotransform-list .image img.transform {
	
	/* Die neueste L�sung mit allen Modernen Browsern (au�er IE und Edge ist wohl die css3 Eigensxchaft object-fit:contains; Testen, sobald etwas gereift */
	
	
	/* Diese L�sung klappt aber im IE nicht, dort gehen zu breite Elemente raus, weil max-width nicht bei umgebenden table-cell divs beachtet wird (auch nicht laut Spezifikation), daher noch die IE-spezifische Erg�nzung unten */
	max-width: 95%;
    max-height: 95%;
    
	/* Genialer Trick, um Images unter Erhalt der Ratio in eine Box zu bekommen
	   Ersetzt durch L�sung eins dr�ber, weil bei Chrome bei Essig minimale Verzerrungen aufgetreten sind */
	   /*
	max-width: 10%;
    max-height: 10%;
    transform: scale(10);
	-ms-transform: scale(10);
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	transform: scale(10);
    transform-origin: 49% 50%;
	*/
}

/*IE10+*/
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active), @supports (-ms-accelerator:true) {
.start-components .image img, img.autofit, .view-carousel .carousel-element .carousel-potential-autofit, .view-boxes .carousel-element .carousel-potential-autofit, .view-tiles .carousel-element .carousel-potential-autofit 
 {  max-width: 9%;
    max-height: 9%;
    transform: scale(10);
    transform-origin: initial; }
 }




#edp .autotransform-list .image img.fixicon {
	width: 80%;
	/*opacity: 0.4;
	filter: alpha(opacity=40);*/
}

#edp .autotransform-list.shared-user {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}

.element-without-image {
	margin: 10px 0 0 0;
}

/*------------------------------------------------------------------
----------------------------- ACCORDION ----------------------------
-------------------------------------------------------------------*/
#navbar-right #widget-accordion {
	margin-bottom: 20px;
}
#navbar-right #widget-accordion .tab-content {
	background: #f5f5e5;
	overflow: visible;
}
#navbar-right #navigationTabs.nav {
	margin-bottom: 0px;
}
#navbar-right #action {
	background: #f5f5e5;
	padding: 10px;
}

#navbar-right .tab-content ul, #edp .popover-body ul, #edp .sidemenu-entry ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#navbar-right .tab-content #my-show-outline ul {
    padding: 5px 0;
}
#navbar-right .tab-content #my-show-outline ul li {
    padding: 2px;
}
#navbar-right .tab-content #my-show-outline ul.easytree-container ul {
    padding: 0 0 0 16px;
}
#navbar-right .tab-content ul li, #edp .popover-body ul li {
    padding: 10px 0;
    color: #00519e;
    cursor:pointer;
}
#edp .sidemenu-entry ul:not(.toolbar) li {
	padding: 0px;
    color: #00519e;
    cursor:pointer;
    clear: both;
    margin: 10px 0;
}

#edp .sidemenu-entry ul li a img {
    margin-top: 0px;
}


#navbar-right .tab-content ul .divider, #edp .popover-body ul .divider, #edp .sidemenu-entry ul .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    padding: 0;
}
#edp .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #f5f5e5;
}	
#edp #navbar-right .ui-state-default, #navbar-right .ui-widget-content .ui-state-default, #navbar-right .ui-widget-header .ui-state-default {
    border-top: 0;
    border-bottom: 1px solid #d3d3d3;
    border-left: 0;
    border-right: 0;
}
#edp #navbar-right .ui-corner-all {
	border-radius: 0px;
}
#navbar-right .ui-accordion .ui-accordion-icons {
    padding-left: 10px;
}
#accordion h3 {
    margin-bottom: 0;
}
#navbar-right .ui-accordion .ui-accordion-header {
    margin-top: 0;
    overflow: hidden;
}
.search .ui-accordion .ui-accordion-header {
	margin-top: 7px;
	padding: 5px;
}
.ui-accordion .ui-accordion-content {
	padding: 0px;
}
#navbar-right #edp .ui-accordion h3 {
	font-size: 13px;
    color: #3a3a3a;
}
#navbar-right #edp .ui-accordion h4 {
	font-size: 12px;
}
#edp .ui-accordion-content {
    background: white;
    border: 0;
}

#navbar-right #accordion img.transform {
	/*opacity: 0.5;*/
}

#navbar-right #accordion .current img.transform {
    opacity: 1.0;
}


.user-image-nosize img {
    border: 1px solid #fff;
    border-radius: 25px;
}

#navbar-right #accordion .action-list img, #edp .popover-body .action-list img {
	opacity: 0.5;
}

#edp .delete-from-collection img.iconset {
	opacity: 0.35;
	filter: alpha(opacity=35);
}

#create-named-collection-container {
	margin:10px;
	box-sizing: border-box;
	overflow: hidden;
}

#create-named-collection-container input.name-of-collection {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
}

#create-named-collection-buttons a {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

#create-named-collection-buttons {
	overflow: hidden;
	margin-bottom:10px;
}

.collection-title {
	float: left;
	margin: 0px 5px;
	width: calc(100% - 100px);
}


#edp .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: .5em;
    left: unset;
    float: right;
  	margin-top: 10px;
}

#edp #collection-subaccordion .ui-state-default, #edp #rightsgroup-subaccordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #d5d5d5;
}

#edp #navbar-right #collection-subaccordion .ui-state-default, #edp #navbar-right #rightsgroup-subaccordion .ui-state-default, #navbar-right .ui-widget-content .ui-state-default, #navbar-right #collection-subaccordion .ui-widget-header .ui-state-default {
    border-bottom: 1px solid white;
}

 #collection-subaccordion.ui-corner-all,  #rightsgroup-subaccordion.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

#accordion .subheadline {
	color: gray;
	font-size: 11px;
}

/*------------------------------------------------------------------
----------------------------- DRAGGABLE ----------------------------
-------------------------------------------------------------------*/
/*#edp.logged-in .ui-draggable:not(.ui-dialog) *,.dd-cursor {
	cursor: url(../img/clickAndMoveCursor.cur), move;
}*/

.ui-draggable-dragging .view-wrapper.view-carousel .carousel-element {
	box-shadow: 1px 2px 2px #777777;
}

.draggable-hover {
	background-color: #CAEECF;
}

.draggable-active {
	-moz-box-shadow: inset 0 0 5px 5px #CAEECF;
	-webkit-box-shadow: inset 0 0 5px 5px #CAEECF;
	box-shadow: inset 0 0 5px 5px #CAEECF;
}

/*------------------------------------------------------------------
----------------------------- DROPZONE ----------------------------
-------------------------------------------------------------------*/
#edp .dropzone-image, #edp .remove-preview-image, #edp .remove-preview-file {
	cursor: pointer;
}

#edp .dropzone {
	background: none;
	border: 0;
	position: relative;
}

#edp .dz-message,#edp .dropzone.dz-clickable * {
	cursor: pointer;
}

#edp .img-edp-object-container .dz-preview {
	margin: 0;
	padding: 0;
	border: 1px solid white;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	display: table-cell;
}

#edp .dz-preview.dz-error:hover .dz-error-message, .dropzone-previews .dz-preview.dz-error:hover .dz-error-message {
	display: none;
}

#edp .dz-preview .dz-filename, #edp .dz-preview .dz-size, #edp .dz-preview .dz-success-mark, #edp .dz-preview .dz-error-mark, #edp .dz-preview .dz-error-message, #edp .img-edp-object-container .dz-preview.dz-error {
	display: none;
}

#edp .dz-preview .dz-remove {
	font-weight: bold;
}

#edp .new-file .preview-file {
	position: absolute;
	right: 5px;
	top: 0;
}

#edp .new-file .preview-file .dz-details {
	display: none;
}

#edp #my-htmlexport .ui-progressbar-value {
    background: lightgray;
}



/*------------------------------------------------------------------
------------------------------- ALERTS -----------------------------
-------------------------------------------------------------------*/
#edp .alert a {
	font-style: italic;
	font-weight: bold;
}

#edp .alert-warning a {
	color: white;
}

#edp .alert-success a {
	color: white;
}

#edp .alert-warning {
	color: white;
	background-color: #f0ad4e;
}

#edp .alert-success {
	color: white;
	background-color: #38b44a
}

#edp .alert-graybox {
	color: white;
	background-color: #999;
}

.collection .alert {
	margin-top: 10px;
}

#edp .alert {
	padding: 10px;
	overflow:hidden;
	clear: both;
}

#edp .alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}

#edp .label {
	text-shadow: none;
	font-weight: unset;
}
#edp .label-warning {
    background-color: #f0ad4e;
}

#edp .alert .hint-close {
    display: block;
    text-align: right;
    color: #eca918;
    font-weight: normal;
    text-decoration: underline;
    font-style: normal;
}



/*------------------------------------------------------------------
----------------------------- SCROLL DIVs --------------------------
-------------------------------------------------------------------*/
.scroll {
	position: relative;
	overflow: hidden;
}
#edp .sidebar-list li.scroll, table td.scroll {
	padding-right: 35px;
}

.scroll .content {
	position:relative; 
	overflow:hidden;
}

.scroll .data {
	top:0px;
}

.scroll .buttons {
	float: right;
	height: 208px;
	position: absolute;
	right: 0px;
	width: 32px;
	z-index: 10;
	margin-top: 13px;
}

.scroll .buttons img {
	cursor: pointer;
	display: none;
	background:white;
}

.scroll .buttons img.down {
	bottom: 0;
	position: absolute;
}

.scroll .data {
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	width: 100%;
}

.scroll.nearest .data {
	white-space: normal;
}

/*------------------------------------------------------------------
-------------------------------- TABS ------------------------------
-------------------------------------------------------------------*/
#edp .nav-tabs li:first-child {
	margin-left: 10px;
}

#edp h1 .nav-tabs {
	border: 0 none;
}

#edp .nav-tabs .flag-tabs li a {
	padding: 4px 5px;
	border: 0 none;
}

#edp .version-tabs li img, #edp .reference-tabs li img {
	width: 25px;
}

.edit-component #pagerTabs.reference-tabs {
    margin-bottom: 0px;
}

#edp .nav-tabs li.active a {
	background-color: #f5f5e5;
	color: #666;
}

#edp .nav-tabs li a {
	color: #999;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding: 3px 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

#edp .nav-tabs.inline-tabs li a,#edp .nav-tabs.inline-tabs li a:focus {
	padding: 5px;
	border: 0;
}

#edp .nav-tabs li a:focus {
	outline: medium none;
}

#edp .tab-content a.active {
	color: #333;
}

#edp .pool-admin .tab-pane {
	margin: 0 10px;
}

#edp .flag-tabs {
	margin-bottom: 10px;
}

#edp .flag-tabs li img, .remove-doctype, .remove-newdoctype, .remove-category, .remove-newcategory, .remove-snapshot-date, .remove-newsnapshot-date {
	height: 20px;
}

#edp .flag-tabs #metaset-dropdown li:first-child, #edp .flag-tabs #extension-dropdown li:first-child {
	margin-left: 0px;
}

#edp .flag-tabs.nav-tabs li.active a {
	background: none;
	border-bottom: 1px solid white;
}

/*------------------------------------------------------------------
-------------------------------- BOXES -----------------------------
-------------------------------------------------------------------*/

#edp .nav-list li.showAllElements {
    margin-left: 66px;
}

#edp .nav-list,#edp .sidebar-list-small {
	padding-left: 0;
	padding-right: 0;
}

#edp .nav-list > .active > a, #edp .nav-list > .active > a:hover, #edp .nav-list > .active > a:focus {
	background-color: #BCBCBC;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}


.doc-pager {
	overflow:hidden;
	/*background: #f5f5e5;
	border-top: 1px solid #d3d3d3;*/
	width: 100%;
	padding: 7px 0;
}

/*.doc-pager.first {
	border-radius: 10px 10px 0px 0px;
}

.doc-pager.second {
	border-radius: 0px 0px 10px 10px;
}*/

.doc-pager .prevDoc {
	float:left;
}

.doc-pager .nextDoc {
	float:right;
}


.doc-pager .doc-pager-right {
	margin: 0 12px;
	float: right;
}

.doc-pager .doc-pager-right img {
	height: 15px;
}


.doc-pager .doc-pager-center .pagesearch a, 
.doc-pager .doc-pager-center .pagesearch div, 
.doc-pager .doc-pager-center .pagesearch span,
.doc-pager .doc-pager-center .hitsearch a, 
.doc-pager .doc-pager-center .hitsearch div, 
.doc-pager .doc-pager-center .hitsearch span  {
	float:left;
}

.doc-pager .doc-pager-center .additional-buttons a, .doc-pager .doc-pager-center .additional-buttons div  {
	float:right;
}
 
.doc-pager .nextDoc, .doc-pager .prevDoc {
	margin: 10px 0;
}

.doc-pager  img {
	vertical-align: text-bottom;
}

.doc-pager .doc-download {
	margin-left:15px;
}

.doc-pager select {
    padding: 0px;
}






#edp .nav-list h3 {
	margin: 0;
}

#edp .nav-list>li>a {
	padding: 0;
}

#edp .nav-list>li>a,.nav-list .nav-header {
	margin-left: 0;
	margin-right: 0;
}

#edp .sidebar-list li, #edp .sidebar-list-small li, #edp .nav-list .nav-content-div, #edp .sidebar-list-show li {
	margin: 5px 0;
	padding: 0 15px;
}

.like-li-element {
	padding: 0 15px;
}

#edp .nav-content-div {
	padding: 0 15px;
}

/*#edp .sidebar-list li.active {
    background: none repeat scroll 0 0 #BCBCBC;
}*/
#edp .sidebar-list li.nav-header {
	padding: 0;
	margin-top: 0px;
}

#edp .sidebar-list>.active>a,#edp .sidebar-list>.active>a:focus {
	background-color: #f5f5e5;
	color: #8F8F8F;
	text-shadow: none;
}

#edp .sidebar-list li a:hover, #edp .functions-list li a:hover, .like-li-element:hover {
	background-color: #EFEFEF;
}

#edp .sidebar-list>.active>a:hover {
	background-color: #EFEFEF;
	color: #8F8F8F;
	text-shadow: none;
}

#edp .sidebar-list li a,.like-li-element,#edp .functions-list li a {
	display: block;
	cursor: pointer;
}

#edp #startpage-list.sidebar-list li a {
    padding: 0;
}

#edp .nav-list .pager {
	margin: 0;
}

#edp .sidebar-list li.active a {
	color: #8F8F8F;
}

#edp .sidebar-list li.active img, #edp .flag-tabs li a:not(.active) img, #edp .version-tabs li a:not(.active) img {
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

#edp .nav-list .divider {
	margin: 4px 1px;
}

.sidebar-list li:not (.scroll ) >div {
	display: table;
	width: 100%;
}

.sidebar-list li div a,.sidebar-list li div span {
	display: table-cell;
	vertical-align: middle;
	word-break: break-word; /*Vorher break-all, vertrug sich aber nichtm it &shy; IM 6.7.2015, so allerdings in FF kaputt in Sidebar*/

}

.sidebar-list li div span:first-child {
	width: 40px;
}

.sidebar-list li div span:nth-child(2) {
	padding-left: 10px;
}

.sidebar-list li.nav-header {
	line-height: 20px;
}

.sidebar-list li:not(.scroll) span:first-child , .sidebar-list-small li:not(.scroll) span:first-child  {
	text-align: center;
}

.sidebar-list li:not(.scroll) img, .sidebar-list-small li:not(.scroll) img, .element-small {
	margin: 7px 0;
	max-height: 40px;
	max-width: 40px;
}

.sidebar-list li .add-object img,.sidebar-list li .add-collection img {
	width: 25px;
}

.sidebar-list li .add-object span, .sidebar-list li .add-collection span {
	color: #8F8F8F;
}

.nav.sidebar-list-small>li>a,.nav.sidebar-list-show>li>a {
	display: inline;
}

.sidebar-list .popover,.collection-popup .add-collection .popover {
	height: 100px;
	z-index: 1050;
}

#edp .nav-list .divider {
	background-color: #CCCCCC;
}

#edp .well a.btn {
	color: white;
	float: right;
}

.well {
	overflow: hidden;
	margin-bottom: 20px;
}

.controls select.rights-drop-down {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: auto;
}

.sidebar-list li img.impressum-icon,.impressum-icon {
	margin-left: 5px;
	width: 20px;
}

#edp ul.sidebar-list li a,#edp ul.functions-list li a, #new-document-and-object-textbox a {
	color: #333333;
}

#edp .nav-header {
	color: #666666;
}

#edp .nav-header a, #edp ul.sidebar-list li.nav-header a, #edp ul.functions-list li.nav-header a {
	color: #666666;
}

form.user-simulation-form {
	margin: 0;
}

#edp form.function-form {
	margin: 0;
}

#edp form.function-form input, #edp form.function-form select {
	height: 20px;
	margin: 0;
	position: relative;
	top: 0px;
	width: 150px;
	float: left;
	margin-right: 5px;
}
#edp form.function-form select {
	padding: 2px;
	min-height:22px;
	margin-left: 3px;
}

#edp form.function-form button {
	height: 22px;
	margin-left: 0;
	padding: 0 10px;
	position: relative;
	top: -2px;
}

#attribute-box .form-group {
	margin-left: 35px;
	margin-right: 12px;
	overflow: hidden;
}

#attribute-box img.icon-function {
	float: left;
	margin: 0 5px 0 0;
}

#attribute-box select {
	margin-bottom: 0;
}

#attribute-box .slider-icon {
	display: inline-block;
	width: 15px;
}

#attribute-box #slider-roles {
	height: 3px;
	margin: 3px 7px;
	top: 5px;
}

#attribute-box .ui-slider-handle {
	margin: 0 0 0 -9px;
	padding: 0 5px;
	top: -8px;
	width: 5px;
}

#attribute-box .controls .checkbox:first-child {
	padding-top: 0px;
	top: -3px;
}

#attribute-box .alert {
	margin: 15px;
}

#progresstitle{
	color: #38b44a;
	background-color: #caeecf;
	border: 1px solid #fae1c6;
	border-radius: 4px;
}

.view-wrapper.view-carousel {
	/*position: relative;
	margin: 0;
	background: none repeat scroll 0 0 #f5f5e5;
	border: 1px solid #E3E3E3;
	border-radius: 0 0 5px 5px;
	top: -10px;*/
}

.view-wrapper {
	width: 100%;
}

.view-wrapper.view-carousel .notes-number {
	left: 78px;
	position: absolute;
	top: 5px;
}

.view-wrapper.view-carousel .carousel {
	position: vrelative;
	margin: 10px 25px;
}

.view-wrapper.view-carousel .carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

.view-wrapper.view-carousel .carousel-element {
	background-color: white;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}

.view-wrapper.view-carousel .carousel-document .carousel-element {
	border: 1px solid #ccc;
	border-radius: 5px;
}

.view-wrapper.view-carousel.lds-carousel .carousel-element {
	height: 130px;
}

.view-wrapper.view-carousel.obj .carousel-element {
	height: 100px;
}

.view-wrapper.view-carousel.doc .carousel-element, .view-wrapper.view-carousel.combo .carousel-element {
	height: 130px;
}


.view-wrapper.view-carousel .carousel-element .info-overlay, .view-wrapper.view-boxes .carousel-element .info-overlay {
	background-color: white;
	border-radius: 0 0 5px 5px;
	height: 20px;
	left: 2px;
	position: absolute;
	text-align: center;
	width: 97px;
	-webkit-box-shadow: 0px -7px 7px 0px rgba(255, 255, 255, 1.0);
	-moz-box-shadow: 0px -7px 7px 0px rgba(255, 255, 255, 1.0);
	box-shadow: 0px -7px 7px 0px rgba(255, 255, 255, 1.0);
}

.view-wrapper.view-carousel.obj .carousel-element .info-overlay, .view-wrapper.view-boxes.obj .carousel-element .info-overlay {
	top: 75px;
}

.view-wrapper.view-carousel.doc .carousel-element .info-overlay, .view-wrapper.view-boxes.doc .carousel-element .info-overlay, .view-wrapper.view-tiles.doc .carousel-element .info-overlay {
	top: 105px;
}

.view-wrapper.view-carousel.combo .carousel-element .info-overlay, .view-wrapper.view-boxes.combo .carousel-element .info-overlay, .view-wrapper.view-tiles.combo .carousel-element .info-overlay {
	top: 105px;
}

#edp .view-wrapper.view-tiles .carousel-element .info-overlay {
    /*bottom: 0;
    width: 100%;
    border: 0;
    border-radius: 0;
    left: 0;
    top: unset;*/
    
    color:black;
    text-align: left;
    
    position: absolute;
bottom: 0px;
margin: 0 auto;
left: 0px;
width: 100%;
background: white;
font-size: 19px;
min-height: 25px;
padding: 5px 10px;
box-sizing: border-box;
}

#edp .view-wrapper.view-tiles .reference-delete {
	position: absolute;
	right: 2px;
	bottom: 2px;
}

.view-wrapper.view-carousel .carousel-element.hidden-element {
	border: 1px dashed #ccc;
}

.view-wrapper.view-carousel .carousel-element .info-overlay img, .view-wrapper.view-gallery .carousel-element .info-overlay img, .view-wrapper.view-boxes .carousel-element .info-overlay img, .view-wrapper.view-tiles .carousel-element .info-overlay img {
	position: relative;
	top: -2px;
	width: 17px;
}

.view-wrapper.view-carousel .carousel-element.private {
	/*border: 1px solid #CCCCCC;*/
	
}

.view-wrapper.view-carousel .carousel-li .caption {
	font-size: 12px;
	  
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.view-wrapper.view-carousel .carousel-li {
	/*background: transparent url(../img/carousel_polaroid.png) no-repeat 0 0;
font-size: 40px;
color: #999;*/
	text-align: center;
	display: block;
	width: 100px;
	/*height: 130px;*/
	padding: 0;
	margin: 15px;
	float: left;
	position: relative;
}


/*#carousel li span {
background: transparent url(../img/carousel_shine.png) no-repeat 0 0;
text-indent: -999px;
display: block;
overflow: hidden;
width: 201px;
height: 127px;
position: absolute;
z-index: 2;
top: 14px;
left: 16px;
}*/
.view-wrapper.view-carousel .clearfix {
	float: none;
	clear: both;
}

.view-wrapper.view-carousel .carousel .prev,.carousel .next {
	background: transparent url(../img/carousel_control.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 15px;
	height: 21px;
	margin-left: 10px;
	position: absolute;
	top: 70px;
}

.view-wrapper.view-carousel .carousel .prev {
	background-position: 0 0;
	left: 0px;
}

.view-wrapper.view-carousel .carousel .prev:hover {
	left: -1px;
}

.view-wrapper.view-carousel .carousel .prev.disabled[style], .carousel .next.disabled[style] {
	display: none !important;
}

.view-wrapper.view-carousel .carousel .next {
	background-position: -18px 0;
	right: 0px;
}

.view-wrapper.view-carousel .carousel .next:hover {
	right: -1px;
}

.view-wrapper.view-carousel .carousel .pager {
	text-align: center;
	margin: 0 auto;
}

.view-wrapper.view-carousel .carousel .pager a {
background: transparent url(../img/carousel_control.png) no-repeat -2px -32px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
}

.view-wrapper.view-carousel .carousel .pager a.selected {
background: transparent url(../img/carousel_control.png) no-repeat -12px -32px;
	text-decoration: underline;
}


.view-wrapper.view-carousel .carousel-element span, .view-wrapper.view-carousel .carousel-element .edit_document_icon_span, .view-wrapper.view-carousel .carousel-element .edit_document_icon_span2 {
	position: absolute;
	width: 20px;
	cursor: pointer;
	top: 0;
	margin: 0;
}

#edp.start .view-wrapper.view-carousel .carousel-li {
	height: 170px;
}

.fillwidth {
	width: 80%;
	height: auto;
}

.fillheight {
	height: 90%;
	width: auto;
}

#edp .caption-add-object {
	color: #8f8f8f;
	cursor: pointer;
}

.view-wrapper .carousel-li .move-icon {
	float: left;
	width: 30px;
}

.view-wrapper .ui-state-disabled {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}




.view-wrapper.view-list {
	position: relative;
	background: none repeat scroll 0 0 #f5f5e5;
	border: 1px solid #E3E3E3;
	border-radius: 0 0 5px 5px;
	/*top: -10px;*/
	margin-left: 0;
	overflow: hidden;
}

.view-wrapper.view-list .carousel-element img {
	display:none;
}
.view-wrapper.view-list .carousel-element img.img-show-in-list-view {
	display:unset;
	height: 20px;
  	width: 20px;
}


.view-wrapper.view-previewlist,.view-wrapper.view-advancedPreviewlist {
	position: relative;
	top: -10px;
	margin-left: 0;
}

.view-wrapper.view-list .list-view-hide, .view-wrapper.view-previewlist .list-view-hide, .view-wrapper.view-advancedPreviewlist .list-view-hide {
	display: none;
}

.view-wrapper.view-list .prev, .view-wrapper.view-list .next, .view-wrapper.view-list .pager, .view-wrapper.view-previewlist .prev, .view-wrapper.view-previewlist .next, .view-wrapper.view-previewlist .pager, .view-wrapper.view-advancedPreviewlist .prev, .view-wrapper.view-advancedPreviewlist .next, .view-wrapper.view-advancedPreviewlist .pager {
	display: none;
}

.view-wrapper.view-list .carousel>ul, .view-wrapper.view-previewlist .carousel>ul, .view-wrapper.view-advancedPreviewlist .carousel>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.view-wrapper.view-list .carousel>ul>li, .view-wrapper.view-previewlist .carousel>ul>li, .view-wrapper.view-advancedPreviewlist .carousel>ul>li {
	clear: both;
	list-style: none;
}

.view-wrapper.view-list .carousel-li {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px;
	overflow: hidden;
	padding: 5px;
	background: none repeat scroll 0 0 white;
}

.view-wrapper.view-previewlist .carousel-li, .view-wrapper.view-advancedPreviewlist .carousel-li {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding: 10px 0;
}

.view-wrapper.view-list li img.carousel-potential-autofit , .view-wrapper.view-list li img.fillheight , .view-wrapper.view-list li img.plus-sign {
	width: 30px;
}

.view-wrapper.view-previewlist li img.fillheight, .view-wrapper.view-previewlist li img.plus-sign, .view-wrapper.view-previewlist li img.carousel-potential-autofit , .view-wrapper.view-advancedPreviewlist li img.carousel-potential-autofit , .view-wrapper.view-advancedPreviewlist li img.plus-sign, .view-wrapper.view-advancedPreviewlist li img.carousel-potential-autofit  {
	width: 60px;
}

.view-wrapper.view-list li.carousel-li a, .view-wrapper.view-list ul #carousel-add-object, .view-wrapper.view-previewlist li.carousel-li>a, .view-wrapper.view-previewlist ul #carousel-add-object, .view-wrapper.view-advancedPreviewlist li.carousel-li>a, .view-wrapper.view-advancedPreviewlist ul #carousel-add-object {
	float: left;
	margin-right: 10px;
}

.view-wrapper.view-previewlist li .caption a, .view-wrapper.view-advancedPreviewlist li .caption a {
	margin-top: 5px;
}

.view-wrapper.view-list li span:not(.new-element), .view-wrapper.view-list li .info-overlay, .view-wrapper.view-previewlist li .info-overlay, .view-wrapper.view-advancedPreviewlist li span, .view-wrapper.view-advancedPreviewlist li .info-overlay {
	float: right;
	margin-left: 5px;
}

.view-wrapper.view-list li span img, .view-wrapper.view-list li .info-overlay img, .view-wrapper.view-previewlist li span img, .view-wrapper.view-previewlist li .info-overlay img, .view-wrapper.view-advancedPreviewlist li span img, .view-wrapper.view-advancedPreviewlist li .info-overlay img {
	width: 20px;
}


.view-wrapper.view-previewlist .element-preview, .view-wrapper.view-advancedPreviewlist .element-preview {
	font-size: 13px;
	margin-left: 70px;
	margin-top: 5px;
	margin-bottom: 15px;
	overflow: hidden;
}

.view-wrapper.view-advancedPreviewlist .preview-docs {
	font-style: italic;
}

.view-wrapper.view-advancedPreviewlist .preview-docs li a {
	margin-bottom: 10px;
}



.view-wrapper.view-gallery .carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

.view-wrapper.view-gallery li img.fillwidth, .view-wrapper.view-gallery li img.fillheight, .view-wrapper.view-gallery li img.plus-sign {
	
}

.view-wrapper.view-gallery .carousel-element {
	height: 93px;
	width: 93px;
	overflow: hidden;
}

.view-wrapper.view-gallery .carousel-element img {
	width: 135px;
	position: relative;
}

.view-wrapper.view-gallery .carousel-li {
	text-align: center;
	display: block;
	width: 93px;
	padding: 0;
	margin: 5px;
	float: left;
	position: relative;
}

.view-wrapper.view-gallery .carousel-element .info-overlay {
	/*background-color: white;
    border-left: 1px solid #666;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #666;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: center;
    bottom: 1px;
    width: 140px;
    
    -webkit-box-shadow: 0px -15px 15px 0px rgba(255, 255, 255, 1.0);
	-moz-box-shadow: 0px -15px 15px 0px rgba(255, 255, 255, 1.0);
	box-shadow: 0px -15px 15px 0px rgba(255, 255, 255, 1.0);*/
	display: none;
}

.view-wrapper.view-gallery .prev, .view-wrapper.view-gallery .next, .view-wrapper.view-gallery .pager, .view-wrapper.view-gallery .carousel-li .caption {
	display: none;
}





.view-wrapper.view-slider .carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

.view-wrapper.view-slider li img.fillwidth, .view-wrapper.view-gallery li img.fillheight, .view-wrapper.view-gallery li img.plus-sign {
	
}

.view-wrapper.view-slider .carousel-element {
	width: 100%;
	overflow: hidden;
}

.view-wrapper.view-slider .caroufredsel_wrapper {
	height: 400px !important;
}
.view-wrapper.view-slider .carousel-element img {
	position: relative;
    max-height: 400px;
}

.view-wrapper.view-slider .carousel-li {
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

.view-wrapper.view-slider .carousel-element .info-overlay {
	display: none;
}

.view-wrapper.view-slider .prev, .view-wrapper.view-slider .next, .view-wrapper.view-slider .pager, .view-wrapper.view-slider .carousel-li .caption {
	display: none;
}

.view-wrapper.view-slider .notes-number {
	right: 3px;
	position: absolute;
	top: 5px;
}

#slider-pag {
	margin-top: 20px;
	overflow: auto;
}

#slider-pag .slider-thumb img {
	height: 60px;
	margin: 5px;
}





/*------------------------------------------------------------------
------------------------------- TABLES -----------------------------
-------------------------------------------------------------------*/
.dataTables_paginate a {
	cursor: pointer;
}

#dt-element-activity_wrapper {
    position: relative;
    top: -10px;
}

#dt-element-activity tr td:first-child img {
	margin-bottom: 10px;
    margin-right: 7px;
    width: 50px;
}

#dt-element-activity thead {
	display:none;
}

#dt-element-activity tr td:first-child {
	width:50px;
}

#dt-element-activity tr:first-child td {
	border-top:0px;
}

/*------------------------------------------------------------------
----------------------------- DROPDOWNS ----------------------------
-------------------------------------------------------------------*/
#edp .box-dropdown {
	float: right;
	margin-top: 15px;
}

#edp .edp-container .dropdown-menu {
	background-color: white;
}

#edp .edp-container .nav .dropdown-toggle .caret {
	border-bottom-color: #e2001a;
	border-top-color: #e2001a;

}
#edp .edp-container .nav-tabs .open .dropdown-toggle, #edp .container .nav-pills .open .dropdown-toggle, #edp .container .nav > li.dropdown.open.active > a:hover, #edp .container .nav > li.dropdown.open.active > a:focus {
	background-color: #f5f5e5;
	border-color: #f5f5e5;
}
#edp .edp-container .dropdown-menu > li > a:hover, #edp .edp-container .dropdown-menu > li > a:focus, #edp .edp-container .dropdown-submenu:hover > a, #edp .edp-container .dropdown-submenu:focus > a, #edp .edp-container .dropdown-menu > li > div.like-dropdown-li:hover, #edp .edp-container .dropdown-menu > li > div.like-dropdown-li:focus {
	background-color: #eee;
	background-image: linear-gradient(to bottom, #eee, #eee);
}

#edp .edp-container .nav .like-dropdown-li {
	padding: 3px 10px;
	color: #00519e;
	cursor: pointer;
	clear: both;
}

#edp .edp-container .dropdown-menu {
	min-width: 250px;
}

#action-dropdown {
	float: right;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 0 50px;
	padding: 0;
}

#action-dropdown a.dropdown-toggle {
	padding: 0;
}

/*------------------------------------------------------------------
------------------------------- CHARTS -----------------------------
-------------------------------------------------------------------*/
#chartContainer a.active {
	text-decoration: underline;
}

/*------------------------------------------------------------------
------------------------------- POPUPS -----------------------------
-------------------------------------------------------------------*/
.ui-dialog .ui-dialog-titlebar-close {
    background: url("../img/icon-close.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	background-size: auto 100%;
}
.ui-dialog .ui-dialog-content {
    // background-color: #faeeba;
}

.ui-dialog .ui-widget-header {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: none;
	border-bottom: 1px solid #CCCCCC;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.ui-dialog,.ui-widget-content, .ui-dialog .checkbox span, .ui-dialog .radio {
	background: white;
	font-size: 1rem;
	color: #333;
}

.ui-dialog .ui-dialog-buttonpane {
	border: 0;
}

.ui-dialog form {
	margin-bottom: 0px;
}

.ui-dialog .title-input {
	margin-left: 20px;
	width: 96%;
}

.ui-widget-header {
	color: #757575;
}

#potential_subordinate_documents {
	width:100% !important;
}

.choose-existing-element table {
	width: 100% !important;
	table-layout: fixed;
}

.choose-existing-element table td:first-child, .choose-existing-element table img {
	width: 30px;
}

.choose-existing-element table .subheadline {
	font-style: italic;
	font-size: 10px;
}

.choose-existing-element table td {
	padding: 5px;
	cursor: pointer;
	word-wrap: break-word;
}

.choose-existing-element table .odd {
	background-color: #ffffff;
}

.choose-existing-element  #potential_subordinate_documents_previous, .choose-existing-element  #potential_subordinate_objects_previous {
	margin-right: 10px;
}

.dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_enabled_previous {
	margin-right: 10px;
}

.dataTables_paginate a {
    margin: 5px;
}

.dataTables_paginate {
	text-align: center;
}

.paginate_enabled_next, .paginate_enabled_previous {
	cursor:pointer;
}

.dataTables_info {
	text-align: center;
}

#edp .dataTables_filter {
    width: 100%;
}

#edp .dataTables_filter#user-management-table_filter {
	width: unset;
}

#edp #user-management-table_length {
	display:none;
}

#edp .dataTables_filter input {
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    height: 30px;
}

.dataTables_wrapper table {
	
}

.choose-existing-element  #potential_subordinate_documents_info, .choose-existing-element  #potential_subordinate_objects_info {
	text-align: center;
}
.choose-existing-element  #potential_subordinate_documents_paginate, .choose-existing-element  #potential_subordinate_objects_paginate {
	text-align: center;
}
.choose-existing-element  #potential_subordinate_documents_previous, .choose-existing-element  #potential_subordinate_objects_previous {
	margin-right: 10px;
}

.choose-existing-element .border-box {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding-top: 2px;
}

.ui-dialog.e-lens-connector-dialog {
	padding: 0px;
	background: white;
} 
.ui-dialog.e-lens-connector-dialog #modal-container ol {
	margin-left: 12px !important;
}

.ui-dialog .ui-widget-header {
	border-color: -moz-use-text-color -moz-use-text-color #00519e;
	border-width: 2px;
}

.ui-dialog.excel-row-infos .ui-widget-header {
    border-width: 0px;
}

.ui-dialog .dialog-subheader {
	margin: 0;
}

.ui-dialog #potential_subordinate_documents thead, .ui-dialog #potential_subordinate_objects thead {
	display: none;
}

.ui-dialog #potential_subordinate_documents_filter, .ui-dialog #potential_subordinate_objects_filter {
	width: 100%;
	margin-top: 5px;
}

.ui-dialog .new-document-without-file {
	text-alilgn: center;
}

.ui-dialog .new-document {
	background: none repeat scroll 0 0 #eee;
	border-top: 1px solid #ccc;
	color: #757575;
	cursor: pointer;
	display: table-cell;
	font-size: 12px;
	height: 54px;
	text-align: center;
	vertical-align: middle;
	width: 480px;
	overflow: hidden;
}

.ui-dialog .new-document .dz-fallback input[type="file"] {
	height: 40px;
}

.ui-dialog .container-new-element {
	border: 1px solid #ccc;
	border-radius: 5px;
}


.ui-dialog .new-document div.init, .ui-dialog .new-document div.progress {
	pointer-events: none;
}

.ui-dialog .new-document-without-file {
	color: #757575;
	margin-top: 5px;
}

.ui-dialog .choose-existing-element {
	margin-top: 5px;
}

.ui-dialog .load-list.init {
	height: 400px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 470px;
}

#share-dialog .placeholder {
	color: grey;
}

#share-dialog .js-invite-user-select option:first-child {
	color: grey;
	display: none;
}

#share-dialog .js-invite-user-select option {
	color: #555;
}

#edp #share-dialog {
	overflow: visible;
}

#add-document-dialog .dz-preview {
	display: none;
}

#add-document-dialog .progress {
	margin: 10px;
}

#permanent-link-dialog .link-type, #permanent-link-dialog-shortcode .link-type {
	margin: 5px;
	width: 20px;
}

#permanent-link-dialog #qrcode {
	margin-left: 15px;
	margin-top: 15px;
}

#permanent-link-dialog #qr-promotion-text {
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	margin-top: 12px;
	margin-left: 260px;
}

.permanentLink {
    margin-left: 30px;
}

#edp #dialog-version {
	padding: 15px;
	coloe: white;
}

#edp div.wysiwyg ul.toolbar li.nbsp {
    background: transparent url("../img/wysiwyg_nbsp.png") no-repeat;
}

#edp .dd-container .dd-selected-image, #edp .dd-container .dd-option-image {
	border-radius: 50%;
}

#edp .dd-option, #edp .dd-selected {
	box-sizing: border-box;
}

#edp .dd-container, #edp .dd-select, #edp .dd-selected, #edp .dd-option, #edp .dd-options {
	width: 100% !important;
}

#edp .dd-container {
	margin-bottom: 10px;
}

#edp .dd-option-image, #edp .dd-selected-image {
	max-width: 40px;
}

#grant-contacts {
	padding-top: 10px;
	padding-bottom: 10px;
}

.js-invite-user-select {
	max-height: 217px;
	overflow-y: scroll;
	border: 1px solid #ddd;
}

.js-invite-user-select .js-select-user {
	clear: both;
	overflow: hidden;	
	padding: 10px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

.js-invite-user-select .js-select-user .subinfo {
	color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 85%;
}

.js-invite-user-select .js-select-user .user-image {
	margin-bottom: 0;
}

.js-invite-user-select .js-select-user:nth-child(odd) {
    background: white;
}
.js-invite-user-select .js-select-user:nth-child(even) {
    
}


/*#edp input.tt-input, #edp .twitter-typeahead {
	width:100%;
}*/



/*------------------------------------------------------------------
------------------------------- POPOVERS ---------------------------
-------------------------------------------------------------------*/
#edp #add-element-container, #edp h1 .popover {
	font-size:12px;	
}
#edp #navbar-right .tab-content ul li .popover {
	color:#333;
}

#edp .popover.popover-bigger {
	max-width:500px;
}

#edp #download-multiple-formats-container img {
	margin-left:0;
}

/*------------------------------------------------------------------
----------------------------- EXTRACTED IMAGES  --------------------
-------------------------------------------------------------------*/
.extracted-images {
	margin: 5px;
}

.extracted-image {
    width: calc(50% - 5px);
float: left;
height: 100px;
padding: 0px 5px 15px 5px;
box-sizing: border-box;
vertical-align: middle;
display: table-cell;
text-align: center;
background-color: white;
border-bottom: 5px solid #f5f5e5;
margin-bottom: 0px;
position: relative;
border-left: 1px solid #f5f5e5;
border-right: 1px solid #f5f5e5;
border-top: 1px solid #f5f5e5;
margin-right: 5px;
}

.extracted-image img.image-element {
	max-width: 95%;
	max-height: 95%;
	
	/*max-width: 10%;
	max-height: 10%;
	transform: scale(10);
	-ms-transform: scale(10);
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	transform: scale(10);
	transform-origin: 49% 0%;*/
}

.extracted-image .overlay {
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    padding: 3px;
    opacity: 0.2;
}

.extracted-image .overlay img {
	width: 15px;
}

#edp .pp_details {
	border-top: 1px solid gray;
	padding-top: 3px;	
}

#edp a.pp_close {
	top: 5px;
}

#edp .pp_gallery {
	background-color: #444;
	padding: 5px;
	border-radius: 5px;
}

#edp div.pp_default .pp_nav .pp_play {
	display:none;
}

#edp div.pp_default a.pp_arrow_previous {
	background-position-x: -27px;
background-position-y: 0px;
height: 30px;
width: 27px;
margin: 0;
}

#edp div.pp_default a.pp_arrow_next {
	background-position-x: -53px;
background-position-y: 0px;
height: 30px;
width: 26px;
margin: 0 0 0 5px;
}

#edp div.pp_default .pp_nav .currentTextHolder {
    left: 55px;
}




#edp .js-tagify {
	width: 100%;
}


#object-section {
	margin-bottom: 30px;
}
