h1, h2, h3, h4, h5, h6, .dropdown-menu {
	font-family: 'Roboto-Regular';
}
body {
	font-family: 'Roboto-Regular';
	font-size: 9pt;
	color: #333;
	background: #fff;
}

a, a:focus, a:active, *:focus {
	outline: none !important;
	outline: 0 !important;
    noFocusLine: expression(this.onFocus=this.blur());
}

a.link-dotted {
	border-bottom: 1px dotted #333;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    font-size: 11px;
}
a.link-dotted:hover {
	border: none;
	color: #666;	
}

.form-control:focus {
	border-color: #ccc;
	box-shadow: none;	
}

.btn.action {
	color: #fff;
	background: #ec7406;
}

.btn.wide {
	padding: 6px 24px;
}

.btn.small {
	padding: 2px 10px;
}

.page-header::before, .page-header::after {
    content: " ";
    display: table;
}
*::after, *::before {
    box-sizing: border-box;
}
.page-header::after {
    clear: both;
}
.page-header::before, .page-header::after {
    content: " ";
    display: table;
}

.feeds li .col3 {
	float: right;
	width: auto;
	margin-right: 0;	
}

.page-header {
    background-image: none;
    border: 0 none;
    box-shadow: none;
    margin: 0;
    opacity: 1;
    padding: 0;
    height: auto;
    width: 100%;
}

.page-header-search .page-header-search-menu {
    clear: both;
    display: block;
    height: 51px;
}

.page-header-search .page-header-search-menu {
    background: #e5e5e5 none repeat scroll 0 0;
}

.page-header .page-header-menu {

    clear: both;
    display: block;
    height: 51px;
}

.page-header .page-header-menu .hor-menu {
    float: left;
    margin: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 400;
    padding: 16px 18px 15px;
}

.dropdown-menu:after, .dropdown-menu:before {
    display: none !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu::after, .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu::before {
    display: none !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
    min-width: 220px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu, .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
}

.dropdown-menu {
    background-color: #fff;
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    min-width: 175px;
    padding: 0;
    position: absolute;
    text-shadow: none;
    z-index: 1000;
}

.dropdown-menu {
    border: 0 none !important;
    border-radius: 0 !important;
    margin: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.classic-menu-dropdown .dropdown-menu {
	max-width: 400px;
}

.page-content {
	padding: 0;
	background: #fff;	
}

#gallery-search-wrapper {
	width: 600px;
	display: inline-block;
}

#gallery-search {
	width: 500px;
	padding-top: 8px;
	display: inline-block;
}

#gallery-search-period-wrapper {
	margin-right: 0;
	padding-top: 16px;
	position: relative;
}

#gallery-search-period-wrapper a.period-toggler {
	color: #848484;
	text-decoration: none;
	padding-top: 16px;
}

#gallery-search-period-wrapper a.period-toggler:hover {
	color: #000;
}

#gallery-search-period-wrapper a.period-toggler i {
	margin-left: 2px;
}

#periodSelection {
	display: none;
}

.selection-container {
	border: 1px solid #c5c5c5;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	padding: 5px 0;
}

.selection-container ul {
	list-style-type: none;
	padding: 0;
	text-align: left;
}

.selection-container ul a {
	display: block;
    color: #848484;
    padding: 5px 0 5px 5px;
    text-decoration: none;
}
.selection-container ul a:hover {
	color: #848484;
	background: #f0f0f0;
}

.selection-container .period-icon {
	margin-right: 5px;
	visibility: hidden;
}

.selection-container .period-icon.selected {
	visibility: visible;	
}

#gallery-search-period-wrapper .selection-container {
	position: absolute;
    top: 52px;
    left: 0;
    z-index: 10;
    min-width: 200px;
    background: #fff;
}

#galleryTreeContent {
	color: #333;
}
UL.jqueryFileTree {
    font-size: 9pt;
    line-height: 18px;
}

#header {
	position: relative;
	display: block;
}
#header .header-nav {
	background: #404040 none repeat scroll 0 0;
    border-bottom: 1px solid #292929;
    border-top: 1px solid #716f63;
    height: 32px; 
}
#header .header-menu {
	background-color: #595959;
	height: 92px;
}
#header .header-logo {
    position: absolute;
    left: 15px;
    top: 10px;
}

#header .header-logo img {
	height: 96px;
}

#header .header-language {
	float: right;
	margin: 10px 20px 0 0;
}

.login-btn {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

.login-btn:hover, .login-btn:focus, .login-btn:active {
	color: #fff;
	text-decoration: none;
}

.login-btn .tri {
    border-style: solid;
    border-width: 8px 10px 0;
    height: 0;
    left: 30%;
    position: absolute;
    top: -8px;
    width: 0;
    z-index: 5;
}

.login-box {
    display: none;
    padding: 15px 20px;
    position: relative;
    text-align: center;
}

.close-login, .close-login:hover, .close-login:active, .close-login:focus {
    font-size: 22px;
    position: absolute;
    right: 25px;
    top: 5px;
}

.login-controls {
    display: table;
    margin: auto;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fff !important;	
}

#userData, #userData i {
	color: #fff;
}

#userData a, #userData a:hover, #userData a:focus, #userData a:active {
	color: #fff;
	text-decoration: none;	
}

.hidden {
    display: none !important;
}

.visible {
	display: block !important;
}

.close-trigger {
	position: absolute;
    top: 10px;
    right: -17px;
    border-radius: 30px;
    font-size: 22px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    z-index: 11000;
    text-decoration: none;
}

.close-trigger:hover, .close-trigger:active, .close-trigger:focus {
	text-decoration: none;
}

.modal-backdrop.in {
    opacity: 0.8;
}

.modal .modal-header {
    border-bottom: none;
}

.modal .modal-footer {
	border-top: none;
}

.pagination-top {
	padding: 10px 20px;
	color: #666666;
}

.pagination-path {
	color: #000;
	font-size: 20px;
}

.page-content {
	padding: 10px 20px;
}

.bootstrap-tagsinput .label {
	text-transform: none !important;
}
/*
* SONSTIGES 
*/
.row.margin-0 {
	margin-left: 0;
    margin-right: 0;
}

.margin-top-5 {
	margin-top: 5px !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-left-5 {
	margin-left: 5px !important;	
}
.margin-left-10 {
	margin-left: 10px !important;	
}
.margin-left-15 {
	margin-left: 15px !important;	
}
.margin-left-20 {
	margin-left: 20px !important;	
}
.margin-left-30 {
	margin-left: 30px !important;	
}
.margin-left-40 {
	margin-left: 40px !important;	
}

.margin-right-5 {
	margin-right: 5px !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-right-30 {
	margin-right: 30px !important;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

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

.width-150 {
	width: 150px;
}
.width-620 {
	width: 620px;
}

.text-transform-uppercase {
	text-transform: uppercase !important;
}

/*
* TOOLTIPS 
*/
.tooltip > .tooltip-inner {
    background-color: #000;
    opacity: 0.8; 
    color: #eee; 
    border: 1px solid rgba(0, 0, 0, 0.8); 
}

.tooltip.top > .tooltip-arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid rgba(0, 0, 0, 0.8);
}

/* TOOLTIPS */

/*
* SCROLLBAR
*/
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 9px;
	margin: 2px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 7px;
	margin: 0 2px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 9px;
    margin: 2px auto;
}
.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    width: 7px;
    margin: auto 2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px !important;
}
.mCSB_scrollTools {
    opacity: 0.3;
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { 
	opacity: 0.3; 
}

.mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -18px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #b0b0b0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #707070;
}

/* SCROLLBAR */

/*
* TREES
*/
UL.jqueryFileTree LI {
	padding:0;
}
[class^="folder_icon"]:before, [class*=" folder_icon"]:before {
	cursor:pointer;
}

.folderOptions {
	color:#000;	
}

.folderOptionsTemplates i, #scriptingTreeContent i {
	color:#666666;
}

.divForDirectory.ui-state-hover {
	color:#4b8df8;
}

.tree {
	color: #333333;
	margin-left:5px;
	padding-left: 14px;
  	position:relative;
  	min-width: 200px;
}

.tree-solid-line {
  padding-left: 12px;
}

.tree.tree-no-line {
  padding-left: 0;
}

.tree:before{
  width: 1px;  
  z-index:1;
  display:block;
  content:"";
  position:absolute;
  top: 0;
  left: -2px;
  bottom:8px;
  border-left:1px dotted #666;
}

.tree.tree-solid-line:before {
  border-left:1px solid #999;
} 

.tree.tree-no-line:before {
  display: none;
}

.tree .tree-folder{
  width:auto;
  min-height:20px;
  cursor:pointer;
}

.tree .tree-folder .tree-folder-header{
  position:relative;
  min-height:20px;
  line-height:20px;
  min-width: 100px;
}

.tree .tree-folder .tree-folder-header:hover{
  background-color:#eee
}

.tree .tree-folder .tree-folder-header .tree-folder-name,
.tree .tree-item .tree-item-name {
  display:inline;
  z-index:2;
}

.tree .tree-folder img {
  margin-left: 4px;
} 

.tree .tree-folder .tree-folder-header .tree-folder-name{
  margin-left:2px;
}

.tree .tree-folder .tree-folder-content{
  margin-left:23px;
  position:relative
}

.tree .tree-folder .tree-folder-content:before{
  display:inline-block;
  content:"";
  position:absolute;
  width: 1px;
  z-index:1;
  top:-7px;
  bottom:8px;
  left:-16px;
  border-left:1px dotted #666;
}

.tree.tree-solid-line .tree-folder .tree-folder-content:before {
  border-left:1px solid #999;
}

.tree.tree-no-line .tree-folder .tree-folder-content:before {
  display: none;
}

.tree .tree-item{
  position:relative;
  min-height:20px;
  line-height:20px;
  min-width: 100px;
  cursor:pointer
}

.tree .tree-item:hover{
  background-color:#eee
}

.tree .tree-item .tree-item-name{
  margin-left:2px;
}


.tree .tree-folder,
.tree .tree-item {
  position:relative;
}

.tree .tree-folder:before,
.tree .tree-item:before {
  display:inline-block;
  content:"";
  position:absolute;
  top:11px;
  left:-16px;
  width:15px;
  height:0;
  border-top:1px dotted #666;
  z-index:1;
}

.tree .tree-folder.tree-folder-top:before {
	top:10px;
	width:15px;
}

.tree.tree-solid-line .tree-folder:before,
.tree.tree-solid-line .tree-item:before {
  border-top:1px solid #999;
}

.tree.tree-no-line .tree-folder:before,
.tree.tree-no-line .tree-item:before {
  display: none;
}

.tree .tree-selected{
  background-color: #eee;
  color:#6398b0;
}

.tree .tree-selected:hover{
  background-color:#e1e1e1;
}

.tree .tree-item,
.tree .tree-folder{
  border: none;
}

.tree .tree-item,
.tree .tree-folder .tree-folder-header{
  margin:0;
  padding:4px 5px 6px 5px;
  color:#333;
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
}

.tree .tree-item .tree-item-name > i,
.tree .tree-folder .tree-folder-header > i {
  color: #666;
}


.tree .tree-item.tree-selected > i,
.tree .tree-item .tree-item-name > i{
  margin-left: -2px;
  width: 14px;
  display: inline-block;
  text-align: center;
  margin-right: 1px;
  color: #666;
}


.tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  display: inline-block;
  background: url("../img/tree-icons.png") no-repeat;
  background-position: 0 -21px;
  content: "";
}

.tree.tree-plus-minus .tree-folder-header .fa-folder:before {
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  display: inline-block;
  background: url("../img/tree-icons.png") no-repeat;
  background-position: 0 2px;
  content: "";
}

.ie .tree.tree-plus-minus .tree-folder-header .fa-folder:before,
.ie .tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {
  margin-top: -5px;
}

.tree.tree-plus-minus .tree-folder-name {
  margin-left: 0px !important;
}

.tree .tree-actions {
  display: none;
  position: absolute;
  margin-top: 1px;
  right: 4px;
}

.tree .tree-item:hover .tree-actions,
.tree .tree-folder-header:hover .tree-actions {
  display: inline-block;
}

.tree .tree-actions > i {
  font-weight: 300;
  border: 1px solid #999;
  padding: 1px 3px;
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-right: 6px;
  margin-top: 0px;
  display: inline-block; 
}

.tree .tree-actions > i:hover {
  color: #666;   
  border: 1px solid #666;
} 

.tree div.divForDirectory.ui-state-active.ui-state-hover div.image > i {
	color:#4b8df8 !important;
}

.filetree a {
	color: #000;
}

.filetree .invisibleInGallery, .filetree .invisibleInGallery a, .help-inline {
	color: #e73d4a !important;
}

/* END TREES */

label.error {
	color: #e73d4a;
}
.errorMessage {
	text-align: center;
	font-size: 16px;
}

tr.trTranslation.error {
	background-color: #fbe1e3;
}

tr.trTranslation.success {
	background-color: #abe7ed;
}

.trTranslation a {
	color: #333;
}

.trTranslation a > i {
	font-size: 20px;
}

#dialogCopyrightContent .modal-content {
	background: #f0f0f0;
}

#dialogCopyrightContent .modal-body-text {
	overflow:auto;
	height:auto;
	padding: 5px;
	background: #fff;
}

.dragarea, .droparea {
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	padding: 4px 6px;
	border-radius: 4px;
	line-height: 25px;
	width: 100%;
}

.dragarea-draggable-list, .droparea-list {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.dragarea-draggable, .droparea-list-item {
	float: left;
	margin: 4px;
	padding: 0 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
	border-radius: 4px;
}

.dragarea-draggable {
	cursor: move;
}

.droparea.over {
	background: #abe7ed;
}

.portlet.light .portlet-title .caption i {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    margin-top: 3px;
}

.portlet.light .portlet-title .caption .caption-subject {
    font-size: 16px;
}

.jstree-icon.icon-state-default {
    color: #333;
}

div.jstree, .foldermanagement-title {
	font-size: 14px !important;
}

.foldermanagement-title {
	line-height: 24px;
	height: 24px;
	display: inline-block;
}

.foldermanagement-title .folder-item {
	margin-left: 10px;
	display: none;
	color: #333;
}

.foldermanagement-title .folder-item.on {
	display: inline;
}

.foldermanagement-title .foldermanagement-orgname {
	cursor: pointer;
}

.jstree-anchor .folder-item {
	margin-left: 3px;
	display: none;
	color: #333;
}

#folderTreeAdditional .jstree-anchor {
	cursor: default !important;
}

.jstree-anchor .folder-item.on {
	display: inline;
}

.jstree-anchor .folder-item.first {
	margin-left: 10px;
}

.jstree-node.mark-invisible,
.jstree-node.mark-invisible i, 
.jstree-node.mark-invisible a {
	color: #e73d4a !important
}

.jstree-anchor.jstree-hovered, .jstree-anchor.jstree-clicked {
	background-color: rgba(255,255,255,0);
}

.page-content {
	min-height: 100px !important;
}

.topAssetsForm {
	display: flex;
	align-items: center;
}
.topAssetsForm .lbl {
	margin-right: 8px;
}
.topAssetsForm .form-control {
	width: 180px;
	display: inline-block;
	margin-right: 8px;
}
.topAssetsForm .fa {
	font-size: 20px;
	color: #666;
}
.topAssetsForm .success .fa {
	color: #45ccb1;
}
.topAssetsForm .danger .fa {
	color: #f66e84;
}

div:where(.swal2-container) div:where(.swal2-loader.loader-5) {
	width: 5em !important;
    height: 5em !important;
    margin: 70px 0 !important;
}	
.swal2-popup {
  font-size: 1.6rem !important;
}