/**
 * VFM - veno file manager main CSS
 *
 */

 /* ------- Veno File Manager base style lab.veno.it/filemanager ------ */

 @-webkit-keyframes fadein {
 	from {
 		opacity: 0;
 	}

 	to {
 		opacity: 1;
 	}
 }

 @keyframes fadein {
 	from {
 		opacity: 0;
 	}

 	to {
 		opacity: 1;
 	}
 }

 html,
 body {
 	position: relative;
 	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 	font-weight: normal;
 	height: 100%;
 	font-size: 14px;
 	text-rendering: optimizeLegibility;
 	-webkit-font-smoothing: antialiased;
 }



 a:hover {
 	text-decoration: none;
 }

 .clear {
 	clear: both;
 }

 .centertext {
 	text-align: center;
 }

 .navigall {
 	position: absolute;
 	z-index: 99;
 	cursor: pointer;
 	top: 0;
 	height: 100%;
 	width: 30%;
 	text-shadow: 1px 1px 1px #171717;
 }

 .navigall .fa {
 	position: absolute;
 	top: 50%;
 	font-size: 28px;
 	margin-top: -14px;
 }

 .navigall:hover {
 	color: #c1b9c1;
 }

 .nextgall,
 .nextgall .fa {
 	right: 4px;
 }

 .prevgall,
 .prevgall .fa {
 	left: 4px;
 }

 .nextgall .fa {
 	right: 10px;
 }

 .prevgall .fa {
 	left: 10px;
 }

 .selectdate .form-control {
 	width: auto;
 }

 .canvas-holder {
 	width: 100%;
 	max-width: 400px;
 	margin: 0 auto;
 	position: relative;
 	text-align: center;

 }

 /* -------------------------- VFM FONT ----------------------------- */
 @font-face {
 	font-family: 'vfm-font';
 	src: url('fonts/vfm-font.eot');
 	src: url('fonts/vfm-font.eot?#iefix') format('embedded-opentype'),
 		url('fonts/vfm-font.woff') format('woff'),
 		url('fonts/vfm-font.ttf') format('truetype'),
 		url('fonts/vfm-font.svg#vfm-font') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 .vfmi {
 	font-family: 'vfm-font';
 	speak: none;
 	font-style: normal;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

 .vfmi-king:before {
 	content: "\e603";
 }

 .vfmi-typo:before {
 	content: "\e600";
 }

 .vfmi-mark:before {
 	content: "\e601";
 }

 .vfmi-logo:before {
 	content: "\e602";
 }

 .vfm-biglogo {
 	font-size: 106px;
 	float: left;
 	line-height: 1;
 }

 hr {
 	float: left;
 	clear: both;
 	width: 100%;
 }

 /* -------------------------- File Manager ----------------------------- */
 .btn {
 	webkit-transition: all 0.2s ease;
 	transition: all 0.2s ease;
 	background-color: #49403B;
 	color: #FFF;
 	border-radius: 6px;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 }

 .btn:hover {
 	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 	transform: translateY(-1px);
 	filter: brightness(1.1);
 }

 .captchadd {
 	padding: 0;
 	overflow: hidden;
 }

 .captcha-group {
 	max-width: 600px;
 }

 #inputc {
 	font-size: 14px;
 }

 .unmezzo {
 	width: 49%;
 }

 .unterzo {
 	width: 32%;
 	margin: 0 0.65%;
 	float: left;
 }

 .intero {
 	float: left;
 	clear: both;
 	width: 100%;
 	position: relative;
 }

 .vfmwrapper {
 	margin: 0 auto;
 	position: relative;
 }

 .container {
 	width: 100%;
 	max-width: 940px;
 	height: auto;
 	margin: 0 auto;
 }

 .header {
 	width: 100%;
 	height: auto;
 	padding: 60px 0;
 	/* background-color:#49403B;*/
 }

 .head {
 	float: left;
 	clear: both;
 	width: 100%;
 }

 .logo img {
 	height: auto;
 }

 .maininner {
 	min-height: 480px;
 	height: auto;
 	background: url(images/bg_start.jpg) top center no-repeat #fff;
 	background-color: #AB9E96 !important;
 }

 #loginbgshd {
 	/*background: url("images/shadow_big.png") no-repeat scroll center 0 #ffffff;*/
 	height: 113px;
 }



 #sortable>thead>tr>td:first-child {
 	padding: 0;
 }

 #sortable td.firstfolderitem {
 	min-width: 60px;
 	padding: 0;
 }

 .firstfolderitem ul {
 	margin: 0;
 	padding: 0;
 	float: left;
 	width: 100%;
 	text-align: center;
 }

 .firstfolderitem ul li {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	float: left;
 	width: 50%;
 }

 .firstfolderitem a {
 	display: block;
 	padding: 5px;
 	float: left;
 	width: 100%;

 }

 .firstfolderitem .active {
 	background: #aaaaaa;
 	background: rgba(0, 0, 0, 0.1);
 }

 .description {
 	float: left;
 	clear: both;
 	width: 100%;
 	text-align: center;
 }

 .description p {
 	margin-top: 10px;
 }

 .footer {
 	width: 100%;
 	float: left;
 	clear: both;
 	font-size: 12px;
 	margin: 0px;
 	line-height: 50px;
 	background-color: #49403B;
 }

 .footer img {
 	float: left;
 	margin-right: 10px;
 }

 .footer i {
 	margin-right: 10px;
 }

 .footer .pull-left,
 .footer .pull-left a {
 	color: #fff;
 	font-size: 12px;
 	font-weight: bold;
 }

 #firstimprint,
 #firstcontact {
 	background-color: #fff;
 	display: none;
 	font-size: 13px;
 	height: auto;
 	overflow: auto;
 	padding: 25px 80px;
 	position: fixed;
 	bottom: 0px;
 	left: 50%;
 	margin-left: -500px;
 	width: 1000px;
 	z-index: 999;
 }

 #firstcontact #firstheader,
 #firstimprint #firstheader {
 	border-bottom: 1px dotted #999;
 	height: 65px;
 	margin-bottom: 10px;
 }

 #firstcontact #firstheader #headline,
 #firstimprint #firstheader #headline {
 	font-family: Arial, Helvetica, sans-serif;
 	float: left;
 	font-size: 30px;
 	font-weight: normal;
 	letter-spacing: 0px;
 	margin: 0;
 	padding-top: 15px;
 	/*width: 150px;*/
 }

 #firstcontact #firstheader #closebutton,
 #firstimprint #firstheader #closebutton {
 	font-family: Arial, Helvetica, sans-serif;
 	float: right;
 	font-size: 18px;
 	font-weight: 700;
 	padding-top: 15px;
 	text-align: right;
 	width: 100px;
 }

 #contentcontact,
 #contentimprint {
 	overflow: auto;
 	font-family: Arial, Helvetica, sans-serif;
 	line-height: 20px;
 	padding: 0 10px 0 0;
 }

 #gmap {
 	border: 1px solid #ccc;
 	height: 260px;
 	margin-bottom: 25px;
 	padding: 10px;
 	width: 575px;
 }

 .contact_sidebar {
 	background: url("images/bg_diagonal_sidebar_contact.png") repeat-x scroll center center #fff;
 	margin-bottom: 25px;
 }

 .contact_sidebar span {
 	background-color: #fff;
 	font-size: 18px;
 	padding-right: 10px;
 	text-transform: uppercase;
 }

 #map-container {
 	height: 238px;
 	margin-bottom: 0;
 	width: 553px;
 }




 .vfmblock {
 	float: left;
 	clear: both;
 	width: 100%;
 	margin-bottom: 10px;
 }

 .login {
 	position: relative;
 	max-width: 330px;
 	width: 100%;
 	margin: 50px 0px 0 0;
 	float: right;
 	padding: 20px 50px;
 	background: rgba(255, 255, 255, 1);
 	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(202, 202, 78, 1) 80%, rgba(173, 173, 52, 1) 100%);
 	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(80%, rgba(202, 202, 78, 1)), color-stop(100%, rgba(173, 173, 52, 1)));
 	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(202, 202, 78, 1) 80%, rgba(173, 173, 52, 1) 100%);
 	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(202, 202, 78, 1) 80%, rgba(173, 173, 52, 1) 100%);
 	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(202, 202, 78, 1) 80%, rgba(173, 173, 52, 1) 100%);
 	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(202, 202, 78, 1) 80%, rgba(173, 173, 52, 1) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#adad34', GradientType=0);

 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	overflow: hidden;
 	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
 	-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
 	box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
 }

 .login h1 {
 	background: url("images/hbar.png") no-repeat scroll center center rgba(0, 0, 0, 0);

 	font-family: "Open Sans", sans-serif;
 	font-size: 14px;
 	font-weight: bold;
 	letter-spacing: -0.4px;
 	margin: 0 0 20px 0;
 	padding: 0;
 	text-align: center;
 	text-shadow: 0 0 1px #ccc;
 	text-transform: uppercase;
 }

 .login label {
 	font-size: 12px;
 	color: #49403B;
 	font-weight: 700;
 }

 .login a {
 	font-size: 12px;
 	color: #49403B;
 	font-weight: 700;
 }

 .field-icon {
 	float: right;
 	margin: -16px 25px;
 	cursor: pointer;
 	position: absolute;
 	right: 0;
 	padding: 0px 50px 0px 10px;
 	border-left: 1px solid #d2d8d8;
 	-webkit-transform: translateY(-50%);
 	transform: translateY(-50%);
 }

 .aligncenter {
 	text-align: center;
 }

 .btn-file {
 	position: relative;
 	overflow: hidden;
 }

 .btn-file input[type=file] {
 	position: absolute;
 	top: 0;
 	right: 0;
 	min-width: 100%;
 	min-height: 100%;
 	text-align: right;
 	filter: alpha(opacity=0);
 	opacity: 0;
 	background: red;
 	cursor: inherit;
 	display: block;
 }

 #newdir_container .input-group-btn .fa,
 #upload_container .input-group-btn .fa {
 	margin-left: 12px;
 	margin-right: 12px;
 }

 #upload_container .input-group-btn #resumer .fa {
 	margin: 0 4px;
 }

 .action-group {
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
 }

 .action-group .btn,
 .nopadding .btn {
 	padding: 4px 12px;

 }

 #upload_file {
 	display: none;
 }

 .overdrag {
 	position: fixed;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 999;
 	background: #1b1b1b;
 	background: rgba(0, 0, 0, 0.5);
 	display: none;
 }

 .overdrag:after {
 	content: "\f0ee";
 	font-family: FontAwesome;
 	font-style: normal;
 	font-weight: normal;
 	text-decoration: inherit;
 	position: absolute;
 	font-size: 200px;
 	color: #fff;
 	top: 50%;
 	left: 50%;
 	margin: -200px 0 0 -100px;
 	z-index: 1;
 }

 .uploadarea {
 	position: relative;
 	padding: 5px 10px;
 	background: #fcfcfc;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	-webkit-box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);
 	box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);
 }

 .tableblock {
 	padding: 10px;
 	-webkit-box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);
 	box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);
 	background: #fff;
 	margin-bottom: 20px;
 	float: left;
 	clear: both;
 	width: 100%;
 }

 .tableblock .table {
 	margin: 0;
 }

 .uploadarea .input-group {
 	margin: 5px 0;
 }

 .span-6 {
 	width: 50%;
 }

 #selectall {
 	cursor: pointer;
 }

 #newdir_container.span-6 {
 	padding-left: 5px;
 }

 #upload_container.span-6 {
 	padding-right: 5px;
 }

 #error {
 	min-height: 36px;
 	min-width: 1px;
 	float: left;
 	clear: both;
 	margin: 10px 0;
 	width: 100%;
 }

 .response {
 	margin: 0;
 	width: 100%;
 	padding: 8px 20px;
 	color: #fff;
 	opacity: 1;
 	-webkit-animation: fadein 1s;
 	animation: fadein 1s;
 	-webkit-animation-fill-mode: forwards;
 	position: relative;
 	margin-bottom: 2px;
 }

 .closealert {
 	position: absolute;
 	right: 6px;
 	top: 6px;
 	cursor: pointer;
 }

 .response span {
 	padding-left: 4px;
 	margin-right: 4px;
 	border-left: 1px solid #817c7c;
 }

 .response span:first-child {
 	border-left: none;
 }

 .modalhead {
 	float: left;
 	width: 100%;
 	padding: 10px 0;
 	margin-bottom: 10px;
 	border-bottom: 1px solid #e5e5e5;
 }

 .sele {
 	line-height: 28px;
 }

 .mailresponse {
 	float: left;
 	clear: both;
 	width: 100%;
 	text-align: center;
 	padding: 0;
 	margin: 0;
 }

 .mailresponse p {
 	padding: 4px 10px;
 	margin: 0;
 }

 .sendresponse {
 	display: none;
 }

 .nope {
 	background: #F2DEDE;
 	color: #A94442;
 	border-left: 6px solid #A94442;
 }

 .yep {
 	background: #DFF0D8;
 	color: #3C763D;
 	border-left: 6px solid #3C763D;
 }

 .boh {
 	background-color: #FCF8E3;
 	color: #76512e;
 	border-left: 6px solid #d7b844;
 }

 .breadcrumb {
 	width: 100%;
 	font-size: 12px;
 	line-height: 14px;
 	float: left;
 	margin-bottom: 10px;
 	padding: 8px 0;
 	background: none;
 }

 .breadcrumb>li+li:before {
 	color: inherit;
 }

 td.mini {
 	font-size: 12px;
 	padding: 10px;
 }

 .table td.checkb {
 	padding: 8px 0;
 	w
 }

 .prowrap {
 	float: left;
 	width: 100%;
 }

 .progress {
 	margin-bottom: 0;
 	height: 10px;
 }

 .progress-bar p {
 	margin: 0 10px;
 }

 #upformsubmit {
 	display: none;
 }

 #frameloader {
 	display: none;
 }

 .propercent {
 	display: none;
 }

 .fullp .propercent {
 	display: block;
 }

 .fullp .progress {
 	height: 20px;
 }

 .pro label .progress {
 	margin-bottom: 0;
 	margin-top: 10px;
 }

 .fullp.pro label {
 	margin-top: 0;
 }

 .pro input[type="radio"],
 .pro input[type="checkbox"] {
 	margin-top: 0;
 }

 .fullp.pro input[type="radio"],
 .fullp.pro input[type="checkbox"] {
 	margin-top: 4px;
 }

 /* -------------------------- Modals ----------------------------- */
 .modal-content {
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	-o-border-radius: 4px;
 	border-radius: 4px;
 }

 .modal-header,
 .modal-footer {
 	padding: 10px;
 }

 .modal-body {
 	padding: 10px;
 }

 .overlay {
 	position: fixed;
 	left: 0;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	background: #1d1d1d;
 	background: rgba(0, 0, 0, 0.6);
 	display: none;
 	z-index: 98;
 }

 .modal label {
 	font-size: 12px;
 }

 .vfm-zoom {
 	text-align: center;
 }

 .vfm-zoom .fa-refresh {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	font-size: 16px;
 	margin-left: -8px;
 	margin-top: -8px;
 	z-index: 0;
 }

 .vfm-zoom img {
 	max-width: 100%;
 	height: auto;
 	vertical-align: middle;
 }

 .vfmx {
 	font-size: 18px;
 	line-height: 18px;
 	color: #9c9a9a;
 }

 .thumbtitle {
 	font-weight: bold;
 	vertical-align: middle;
 }

 .vfmlink:hover,
 .vfmlink:active,
 .vfmlink:focus,
 .vfmx:hover {
 	color: #5d5c5c;
 }

 .downlink {
 	vertical-align: middle;
 	font-size: 1.42857em;
 }

 .downlink a {
 	color: #9c9a9a;
 }

 #zoomview .modal-body {
 	padding: 4px;
 	min-height: 100px;
 }

 #zoomview .modal-header {
 	padding: 6px 12px;
 }

 .vfmclose {
 	position: absolute;
 	top: 6px;
 	right: 10px;
 	padding: 0;
 	z-index: 9;
 	cursor: pointer;
 }

 .panel {
 	position: relative;
 	background: none !important;
 	border: 0 !important;
 	border-radius: 0px;
 	box-shadow: none;
 	margin-bottom: 20px;
 }

 .panel-footer {
 	background: none !important;
 	border-bottom-left-radius: 3px;
 	border-bottom-right-radius: 3px;
 	border-top: 0;
 	padding: 10px 15px;
 	font-size: 12px;
 }

 .userpanel .bg-info {
 	padding-bottom: 10px;
 	margin-top: 10px;
 }

 .mailpreload {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	background: url(images/preloader.gif) center center no-repeat #fff;
 	top: 0;
 	left: 0;
 	display: none;
 	opacity: 0.85;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	z-index: 99;
 }

 .shownext {
 	cursor: pointer;
 }

 #oldp {
 	background: #fdf8e0;
 }

 /* -------------------------- MENUs ----------------------------- */
 .cpanelmenu {
 	position: absolute;
 	text-transform: uppercase;
 	font-size: 12px;
 	left: 0;
 	top: 0;
 }

 .langmenu {
 	float: right;
 	margin: 0;
 	padding: 0;
 }

 .langmenu li {
 	float: left;
 	list-style: none;
 }

 .topbanner .navbar-collapse {
 	float: right;
 	margin: 0;
 	padding: 0;
 }

 .topbanner .navbar-toggle {
 	padding: 0;
 	margin: 0;
 	border: none;
 }

 .topbanner .btn {
 	margin-left: 2px;
 	-webkit-border-radius: 0;
 	border-radius: 0;
 	border-top: none;
 }

 .topbanner .btn-group {
 	margin-left: 2px;
 }

 .topbanner .dropdown-menu {
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	min-width: 100px;
 }

 .dropdown-menu>li>a {
 	font-size: 12px;
 	color: #49403B;
 	font-weight: 700;
 	padding: 3px 10px;
 }

 /* -------------------------- ADMINISTRATION ----------------------------- */
 .admin-body {
 	background: #f3f2f3;
 }

 .admin-body a {}

 .admin-body a:hover {
 	color: #aac2cd;
 }

 .adminhead .btn-link,
 .adminlogo a {
 	color: #c1dce2;
 }

 .adminhead .btn-link:hover,
 .adminlogo a:hover {
 	text-decoration: none;
 	color: #b9cbe2;
 }

 .adminhead {
 	float: left;
 	clear: both;
 	width: 100%;
 	background: #292929;
 	margin-bottom: 20px;
 }

 .adminhead .topbanner {
 	float: left;
 	width: 100%;
 	clear: both;
 }

 .adminmenu {
 	float: left;
 	width: 100%;
 }

 .adminmenu .navbar {
 	margin-bottom: 0;
 }

 #admin-menu {
 	padding-right: 0;
 }

 #admin-menu ul {
 	float: right;
 }

 .adminmenu .navbar-inverse {
 	-webkit-border-radius: 0 0 0 0;
 	border-radius: 0 0 0 0;
 	background: #202020;
 }

 .navbar-inverse .navbar-brand {
 	color: #dee2e2;
 }

 .admin-body .radio-inline {
 	padding: 4px 6px;
 	padding-left: 30px;
 	webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 	border: 1px solid #E3E3E3;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	margin-bottom: 10px;
 }

 .admin-body .well {
 	background: #fafafa;
 	-webkit-border-radius: 0 0 0 0;
 	border-radius: 0 0 0 0;
 }

 .btn .stackalendar {
 	line-height: 2.4em;
 }

 .cooldrop .btn {
 	text-align: left;
 	position: relative;
 }

 .cooldrop .btn .caret {
 	position: absolute;
 	right: 10px;
 	top: 50%;
 }

 .adminblock {
 	margin-bottom: 30px;
 }

 .placeheader {
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	-webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
 	box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
 }

 .bigzip {
 	display: none;
 }

 .multilink {
 	margin: 0;
 	padding: 0;
 	margin-top: 20px;
 }

 .multilink li {
 	width: 50%;
 	padding: 4px;
 	float: left;
 	list-style: none;
 	vertical-align: top;
 }

 .multilink li .btn {
 	text-align: left;
 	float: left;
 	width: 100%;
 	white-space: normal;
 	padding: 12px;
 }

 .wrapstat {
 	float: left;
 	width: 100%;
 	overflow: scroll;
 	overflow: auto;
 	position: relative;
 }

 .wrapstat #sort_wrapper {
 	float: left;
 	min-width: 500px;
 }

 .statistics td,
 .statistics th {
 	text-align: center;
 	white-space: nowrap;
 }

 .statistics td:last-child,
 .statistics th:last-child {
 	text-align: left;
 }

 .headlogo {
 	margin: 0;
 	padding: 0 16px;
 	font-size: 36px;
 	font-weight: normal;
 }

 .headlogo a {
 	color: #dee2e2;
 }

 .headlogo a:hover {
 	color: #fff;
 }

 .afterlogo {
 	font-size: 16px;
 	padding: 8px 0;
 	line-height: 36px;
 	float: left;
 	margin-left: 10px;
 	font-weight: bold;
 }

 .admin-body .response {
 	margin-bottom: 20px;
 }

 .verysmall {
 	font-size: 70%;
 }

 .admin-body .btn-success,
 .admin-body .btn-info,
 .admin-body .btn-danger,
 .admin-body .btn-warning,
 .admin-body .btn-default,
 .admin-body .btn-primary {
 	border-bottom-width: 6px;
 }

 .input-group .btn {
 	border-bottom-width: 1px;
 }

 .legend .title {
 	display: block;
 	margin: 0.5em;
 	border-style: solid;
 	border-width: 0 0 0 1em;
 	padding: 0 0.3em;
 	word-break: break-all;
 }

 .showdata {
 	float: left;
 	clear: both;
 	padding: 3px;
 	line-height: 18px;
 	min-height: 24px;
 	word-break: break-all;
 	margin-bottom: 20px;
 	background: #f6f6f6;
 	width: 100%;
 	border: 0px solid transparent;
 }

 input[type="checkbox"].checkbox {
 	display: none;
 }

 input[type="checkbox"].checkbox+label {
 	float: left;
 	position: relative;
 	background-color: #dae2d8;
 	padding: 4px 8px;
 	color: #ffffff;
 	white-space: nowrap;
 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 	margin-right: 10px;
 	margin-bottom: 10px;
 	cursor: pointer;
 }

 input[type="checkbox"].checkbox:checked+label,
 input[type="checkbox"].checkbox:checked+label:hover {
 	background-color: #2a2934;
 }


 input[type="checkbox"].checkbox:disabled+label {
 	opacity: 0.5;
 }

 /* -------------------------- USERs ADMIN PANEL----------------------------- */

 .adminblock .panel-default {
 	border: none;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
 	-webkit-border-radius: 0 0 0 0;
 	border-radius: 0 0 0 0;
 }

 .btn-primary {
 	background: #3D3532 !important;
 	border-color: #202020;
 	color: #eaeaea;
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
 	background: #141414;
 	border-color: #202020;
 }

 .usrblock {
 	margin-bottom: 10px;
 }

 .usrblock .panel-heading {
 	padding: 0;
 }

 .usrblock .usrindex {
 	background: none;
 	border: none;
 	text-align: left;
 	padding-left: 15px;
 	color: #eeeeee;
 }

 .usrblock .usrindex {
 	background: #323232;
 	color: #fff;
 	-webkit-border-radius: 0 0 0 0;
 	border-radius: 0 0 0 0;
 	border: none;
 }

 .usrblock .usrindex:hover {
 	background: #575656;
 }

 .usrblock .panel {
 	-webkit-border-radius: 0 0 0 0;
 	border-radius: 0 0 0 0;
 	border-color: #787777;
 	border: none;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
 }

 .checkbox-big {
 	padding-top: 10px;
 	padding-bottom: 10px;
 }

 .checkbox-bigger {
 	padding-top: 10px;
 	padding-bottom: 10px;
 	font-size: 18px;
 }

 .checkbox-bigger input {
 	margin-top: 6px;
 }

 .checkbox-big label,
 .checkbox-bigger label {
 	font-weight: bold;
 }

 /* -------------------------- bootstrap multiselect ----------------------------- */

 .multiselect-container {
 	position: absolute;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 }

 .multiselect-container .input-group {
 	margin: 5px
 }

 .multiselect-container>li {
 	padding: 0
 }

 .multiselect-container>li>a.multiselect-all label {
 	font-weight: 700
 }

 .multiselect-container>li>label.multiselect-group {
 	margin: 0;
 	padding: 3px 20px;
 	height: 100%;
 	font-weight: 700
 }

 .multiselect-container>li>a {
 	padding: 0
 }

 .multiselect-container>li>a>label {
 	margin: 0;
 	height: 100%;
 	cursor: pointer;
 	font-weight: 400;
 	padding: 3px 20px 3px 40px
 }

 .multiselect-container>li>a>label.radio,
 .multiselect-container>li>a>label.checkbox {
 	margin: 0
 }

 .multiselect-container>li>a>label>input[type=checkbox] {
 	margin-bottom: 5px
 }

 .btn-group>.btn-group:nth-child(2)>.multiselect.btn {
 	border-top-left-radius: 4px;
 	border-bottom-left-radius: 4px
 }

 /* -------------------------- DATATABLES ----------------------------- */
 #sort.ghost {
 	opacity: 0;
 	-webkit-transition: all 2s;
 	/* For Safari 3.1 to 6.0 */
 	transition: all 2s;
 }

 #sort {
 	opacity: 1;
 }

 #sortable>tbody>tr:hover>td,
 #sortable>tbody>tr:hover>th,
 #sort>tbody>tr:hover>td,
 #sort>tbody>tr:hover>th {
 	-webkit-transition: background-color 0.4s;
 	/* For Safari 3.1 to 6.0 */
 	transition: background-color 0.4s;
 	background-color: #f5f5f5;
 	background-color: rgba(0, 0, 0, 0.08);
 }

 table .header {
 	cursor: pointer;
 }

 table {
 	border-collapse: separate;
 	border-spacing: 0;
 }

 table#sort .sorta:after,
 table#sortanalytics .sorta:after {
 	content: " \f0dc";
 	font-family: FontAwesome;
 }

 table#sort .headerSortDown>.sorta:after,
 table#sortanalytics .sorting_desc>.sorta:after {
 	content: " \f0dd";
 	font-family: FontAwesome;
 }

 table#sort .headerSortUp>.sorta:after,
 table#sortanalytics .sorting_asc>.sorta:after {
 	content: " \f0de";
 	font-family: FontAwesome;
 }

 #sort {
 	clear: both;

 }

 .dataTables_wrapper {
 	clear: both;
 	float: left;
 	width: 100%;
 }

 .dataTables_filter {
 	float: left;
 	width: 20%;
 }

 .dataTables_length {
 	float: right;
 }

 .dataTables_length label,
 .dataTables_filter label {
 	font-weight: normal;
 	float: right;
 	width: auto;
 }

 .dataTables_info {
 	float: left;
 	clear: both;
 	margin: 10px 0;
 	padding: 10px;
 	font-size: 12px;
 	line-height: 14px;
 	opacity: 0.8;
 }

 .row.one {
 	opacity: 0.8;
 }

 .dataTables_paginate {
 	padding-left: 0;
 	margin: 10px 0;
 	border-radius: 4px;
 	float: right;
 }

 .dataTables_paginate>a {
 	display: inline;
 	cursor: pointer;
 }

 .dataTables_paginate>a,
 .dataTables_paginate>span>a,
 .dataTables_paginate>span>span {
 	position: relative;
 	float: left;
 	padding: 6px 12px;
 	line-height: 1.428571429;
 	text-decoration: none;
 	border: 1px solid #dddddd;
 	margin-left: -1px;
 }

 .dataTables_paginate>a:first-child {
 	margin-left: 0;
 	border-bottom-left-radius: 4px;
 	border-top-left-radius: 4px;
 }

 .dataTables_paginate>a:last-child {
 	border-bottom-right-radius: 4px;
 	border-top-right-radius: 4px;
 }

 .dataTables_paginate>a:hover,
 .dataTables_paginate>span>a:hover,
 .dataTables_paginate>a:focus,
 .dataTables_paginate>span>a:focus {
 	background-color: #eeeeee;
 	background-color: rgba(200, 200, 200, 0.1);
 }

 .dataTables_paginate>.paginate_active,
 .dataTables_paginate>span>.paginate_active {
 	z-index: 2;
 	color: #333333;
 	background-color: #cdcdcd;
 	background-color: rgba(200, 200, 200, 0.1);
 	cursor: default;
 }

 .dataTables_length select {
 	display: inline;
 	padding: 6px 12px;
 	font-size: 12px;
 	line-height: 1.428571429;
 	color: #555555;
 	vertical-align: middle;
 	border: 1px solid #cccccc;
 	border-radius: 4px;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }

 .dataTables_filter input {
 	display: inline;
 	padding: 6px 12px;
 	font-size: 12px;
 	line-height: 1.428571429;
 	vertical-align: middle;
 	background-image: none;
 	border: 1px solid #cccccc;
 	-webkit-border-radius: 0px 4px 4px 0px;
 	border-radius: 0px 4px 4px 0px;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 	width: 100%;
 }

 .dataTables_filter label {
 	position: relative;
 	display: table;
 	border-collapse: separate;
 }

 td.name,
 td.wordbreak {
 	-ms-word-break: break-all;
 	word-break: break-all;
 	word-break: break-word;
 	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
 	-ms-hyphens: auto;
 	hyphens: auto;
 }

 .table>tbody>tr>td.name,
 .table>tbody>tr>td.icon {
 	padding: 0;
 }

 .table>tbody>tr>td.name a,
 .table>tbody>tr>td.icon a {
 	display: block;
 	width: 100%;
 	padding: 8px;
 }

 .table>tbody>tr>td.name a:focus,
 .table>tbody>tr>td.icon a:focus {
 	outline: none;
 }

 #sortable>tbody>tr>td.name a,
 #sortable>tbody>tr>td.icon a {
 	display: block;
 	width: 100%;
 	padding: 5px;
 }

 .nowrap {
 	white-space: nowrap;
 }

 .icon,
 .del {
 	font-size: 18px;
 }

 .icon.playme {
 	font-size: 24px;
 }

 .table>tbody>tr>td.icon.playme a {
 	padding: 2px;
 }

 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
 	vertical-align: middle;
 }

 /* -------------------------- mp3 Player ----------------------------- */

 a.sm2_button:focus {
 	outline: none;
 }

 a.sm2_button .trackplay,
 a.sm2_button .trackpause,
 a.sm2_button .trackload {
 	display: none;
 }

 a.sm2_button.sm2_playing .trackstop,
 a.sm2_button.sm2_loading .trackstop,
 a.sm2_button.sm2_paused .trackstop {
 	display: none;
 }

 a.sm2_button.sm2_playing .trackplay {
 	display: block;
 }

 a.sm2_button.sm2_loading .trackload {
 	display: block;
 }

 a.sm2_button.sm2_paused .trackpause {
 	display: block;
 }


 @media only screen and (min-width: 1681px) and (max-width: 3000px) {
 	.footer {
 		position: fixed;
 		bottom: 0;
 		left: 0;
 	}
 }

 @media only screen and (min-width: 1191px) and (max-width: 1680px) {
 	.footer {
 		position: fixed;
 		bottom: 0;
 		left: 0;
 	}
 }


 @media only screen and (min-width: 914px) and (max-width: 1190px) {}

 @media only screen and (min-width: 746px) and (max-width: 913px) {

 	#firstimprint,
 	#firstcontact {
 		left: 0;
 		margin-left: 0px;
 		padding: 25px 20px;
 		width: auto;
 	}

 	#gmap {
 		height: 250px;
 		width: 450px;
 	}

 	#map-container {
 		height: 228px;
 		margin: 0;
 		width: 427px;
 	}
 }

 @media only screen and (min-width: 534px) and (max-width: 745px) {

 	#firstimprint,
 	#firstcontact {
 		left: 0;
 		margin-left: 0px;
 		padding: 25px 20px;
 		width: auto;
 	}

 	#gmap {
 		height: 250px;
 		width: 450px;
 	}

 	#map-container {
 		height: 228px;
 		margin: 0;
 		width: 427px;
 	}
 }

 @media only screen and (min-width: 320px) and (max-width: 533px) {
 	.login {
 		float: none;
 		margin: 50px auto 0;
 	}

 	#firstimprint,
 	#firstcontact {
 		left: 0;
 		margin-left: 0px;
 		padding: 25px 5px;
 		width: auto;
 	}

 	#gmap {
 		height: 200px;
 		width: 230px;
 	}

 	#map-container {
 		height: 180px;
 		margin: 0;
 		width: 210px;
 	}
 }





 /* -------------------------- responsive utilities ----------------------------- */
 @media (min-width:767px) {

 	.deletemulti .modal-dialog,
 	.downloadmulti .modal-dialog,
 	.sendfiles .modal-dialog {
 		max-width: 300px;
 	}

 	.userpanel .modal-dialog {
 		max-width: 400px;
 	}

 	.zoomview .modal-dialog,
 	.changename .modal-dialog {
 		max-width: 600px;
 	}
 }

 @media (max-width:767px) {

 	h1,
 	h2,
 	h3,
 	h4,
 	h5,
 	h6,
 	.h1,
 	.h2,
 	.h3,
 	.h4,
 	.h5,
 	.h6 {
 		margin-top: 0;
 	}

 	hr {
 		margin: 10px 0;
 	}

 	.multilink li {
 		width: 100%;
 	}

 	td.reduce {
 		padding-left: 0;
 		padding-right: 0;
 		width: 1px;
 	}

 	.response {
 		overflow: hidden;
 	}

 	h1 {
 		font-size: 30px;
 	}

 	h2 {
 		font-size: 24px;
 	}

 	.admin-body .btn-lg {
 		width: 100%;
 	}

 	body {
 		font-size: 12px;
 	}

 	.prowrap {
 		width: 100%;
 		margin: 4px 0;
 		padding: 0;
 	}

 	#admin-menu {
 		padding-right: 15px;
 	}

 	#newdir_container.span-6,
 	#upload_container.span-6 {
 		margin: 4px 0;
 		padding: 0;
 		width: 100%;
 	}

 	.unmezzo {
 		width: 100%;
 	}

 	.dataTables_filter {
 		width: 70%;
 	}

 	.dataTables_length {
 		width: 30%;
 	}

 	.topbanner .navbar-collapse,
 	.langmenu {
 		width: 100%;
 	}

 	.topbanner .navbar-collapse ul li {
 		width: 100%;
 		margin: 0;
 	}

 	.topbanner .navbar-collapse ul li .btn {
 		display: block;
 		padding: 10px 0;
 		margin: 0;
 		-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
 		box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
 		border: none;
 		background: none;
 	}

 	.topbanner .navbar-collapse ul li .btn:hover {
 		background: rgba(0, 0, 0, 0.1);
 	}

 	#admin-menu ul {
 		float: none;
 	}

 	#error {
 		margin-top: 2px;
 		margin-bottom: 4px;
 	}

 	.lead {
 		margin-bottom: 10px;
 	}
 }


 /* ------------scrolltop----------- */
 .scrolltop {
 	position: fixed;
 	right: 50px;
 	bottom: 50px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 0;
 	display: inline-block;
 	width: 40px;
 	height: 40px;
 	font-family: 'Sans-serif';
 	font-size: 2em;
 	text-align: center;
 	text-decoration: none;
 	background-color: rgba(233, 125, 104, 0.5);
 	color: #b3b3b3;
 	/*! -moz-box-shadow: 0px 0px 5px 2px #999999; */
 	/*! -webkit-box-shadow: 0px 0px 5px 2px #999999; */
 	/*! box-shadow: 0px 0px 5px 2px #e97d68; */
 	visibility: hidden;
 	opacity: 0;
 	-moz-transition: 0.5s;
 	-o-transition: 0.5s;
 	-webkit-transition: 0.5s;
 	transition: 0.5s;
 }

 /* line 21, ../../sass/jquery.scrolltop.scss */
 .scrolltop:visited {
 	color: #b3b3b3;
 }

 /* line 24, ../../sass/jquery.scrolltop.scss */
 .scrolltop:hover {
 	text-decoration: none;
 	color: white;
 }

 /* line 28, ../../sass/jquery.scrolltop.scss */
 .scrolltop:focus {
 	text-decoration: none;
 }

 /* line 31, ../../sass/jquery.scrolltop.scss */
 .scrolltop.active {
 	visibility: visible;
 	opacity: 1;
 }

 /* -------------------------------- */