#extraDateien div .sub-0-files span {
    padding-left: 25px;
}

#contentarea a {
	font-family: "gotham-book";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #7c7c7b;
}


#contentarea a:hover, #createfolder-button:hover, #loginlink-button:hover {
	color: #F18700;
}

#createfolder-button:hover, #loginlink-button:hover {
	cursor: pointer;
}

#linkpopup-dialog {

	display: none;
}

.orange {
	/* color: #F18700; */
	padding: 0 !important;
	margin: 0 !important;
}

.error {
	color: #A00000 !important;
}

label.error.fail-alert {
	border: 1px solid #a00000;
	border-radius: 4px;
	line-height: 1;
	padding: 6px 0 6px 6px;
	background: #ffe6eb;
	width: 100% !important;
	margin-top: 10px;
}

input.valid.success-alert {
	border: 1px solid #00a000;
	color: green;
}

#breadcrumb, #breadcrumb a {
	font-size: 12px !important;
	color: #7c7c7b;
}

#breadcrumb a:hover {
	color: #F18700;
}

#breadcrumb-entries {
	text-transform: lowercase;
	padding: 0 !important;
	margin: 0;
}

.folder-up {
	padding-left: 117px;
}

footer {
	margin-top: 250px;
	width: 100%;
}

.ui-dialog { z-index: 10000 !important ;}

.ui-widget{
	font-size:14px !important;
	z-index: 100000;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-button-text {
      font-family: 'gotham-book' !important;
}

.ui-button {
	padding: 4px 8px;
}

#folderlist, #filelist {
	margin: 0 !important;
	padding: 0 !important;
}

.dropbereich, .inline {
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
}

#filebutton:hover {
	color: #F18700 !important;
}

.dragover {
	/* border: 5px dashed #a0a0a0; */
	background: #e0e0e0;
	background-image:none !important; 
    -o-animation: fadeIt 2s ease-in-out infinite; 
    animation: fadeIt 2s ease-in-out infinite; 
}

.dragover2 {
	color: #F18700;
	border: 1px dashed #F18700;
}
  
.dragover2 i {
    color: #F18700 !important;
}

.spacer {
	width: 21px !important;
	height: 17px;
}

.spacer2 {
	width: 59px !important;
	height: 17px;
}

.cc-message  {
	font-size: 14px;
}

.cc-message a {
	text-decoration: underline !important;
	font-size: 100%;
}

.cc-message a:hover {
	color: #F18700 !important;
}


/* #folderlist a, #folderlist span, #filelist a, #filelist a span {
	border: 1px solid #a00000;
} */




@-o-keyframes fadeIt {
  0%   { background-color: #e0e0e0; }
  50%  { background-color: #F0F0F0; }
  100% { background-color: #e0e0e0; }
}
@keyframes fadeIt {
  0%   { background-color: #e0e0e0; }
  50%  { background-color: #F0F0F0; }
  100% { background-color: #e0e0e0; }
}

#myProgress {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #e0e0e0;
}

#myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: #00a000;

    
}

#myBar span {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 4px 8px;
}

.ui-tooltip {
	width: 400px;
	font-size: 8pt;
	line-height: 12pt;
	color: #7c7c7b;
	border: 1px solid #c0c0c0;
	padding: 10px 10px 8px 60px;
	background-color: #FFFFFF;
	background-image: url('/dist/img/bg_info_sm.gif');
	background-repeat: no-repeat;
	box-shadow: 3px 3px 7px #e0e0e0;
}

/*Progressbars*/
.progress {
	-webkit-box-shadow: none !important;
	background-color: rgba(120, 130, 140, 0.13);
	box-shadow: none !important;
	height: 4px;
	border-radius: 0px;
	margin-bottom: 18px;
	margin-top: 25px;
	overflow: hidden;
}

.progress-bar {
	box-shadow: none;
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
}

.progress.progress-sm {
	height: 8px !important;
}

.progress.progress-sm .progress-bar {
	font-size: 8px;
	line-height: 5px;
}

.progress.progress-md {
 	height: 15px !important;
}

.progress.progress-md .progress-bar {
	font-size: 10.8px;
	line-height: 14.4px;
}

.progress.progress-lg {
	height: 20px !important;
}

.progress.progress-lg .progress-bar {
	font-size: 12px;
	line-height: 20px;
}

.progress-bar-primary {
	background-color: #b5a8b9;
}

.progress-bar-success {
	background-color: #becfa6;
}

.progress-bar-info {
	background-color: #85b4d0;
}

.progress-bar-megna {
	background-color: #aec9cb;
}

.progress-bar-warning {
	background-color: #cbc3ae;
}

.progress-bar-danger {
	background-color: #cbb2ae;
}

.progress-bar-inverse {
	background-color: #b6b9a8;
}

.progress-bar-purple {
	background-color: #b5a8b9;
}

.progress-bar-custom {
	background-color: #85b4d0;
}

.progress-animated {
	-webkit-animation-duration: 5s;
	-webkit-animation-name: myanimation;
	-webkit-transition: 5s all;
	animation-duration: 5s;
	animation-name: myanimation;
	transition: 5s all;
}

/* Progressbar Animated */
@-webkit-keyframes myanimation {
  from {
    width: 0;
  }
}

@keyframes myanimation {
  from {
    width: 0;
  }
}



#footerLogo1 {
	width: 78px;
	height: 50px;
}

#footerLogo2 {
	width: 25px;
	height: 50px;
}

#footerLogo3 {
	width: 50px;
	height: 50px;
}

@media (min-width: 768px) and (max-width: 990px) {

	#footerLogo1 {
		width: 47px;
		height: 30px;
	}
	
	#footerLogo2 {
		width: 15px;
		height: 30px;
	}
	
	#footerLogo3 {
		width: 30px;
		height: 30px;
	}
    
}

.footer-column-left  {
	padding-top: 12px;
}

.footer-column-right  {
	padding-top: 12px !important;
}

@media (min-width: 768px) and (max-width: 1196px) {
	
	.footer-column-left, .footer-column-right  {
		padding-top: 0 !important;
	}
    
}

 @media (min-width: 768px) and (max-width: 990px) {
	
	.footer-column-middle {
		padding-top: 9px !important;
	}
    
}

@media (max-width: 767px) {

	.footer-column-middle  {
		padding-top: 8px;
		padding-bottom: 6px;
	}
	
	.footer-column-left, .footer-column-right  {
		padding-top: 0 !important;
	}
    
}