.left-sidebar li a {
    padding: 7px 10px !important;
    position: relative;
}
#side-menu>li>a {
    padding: 3px 10px 0px 10px;
}
.left-sidebar .level2 li a {
	padding-left: 20px !important;
}
.left-sidebar .level3 li a {
	padding-left: 30px !important;
}
.left-sidebar .level4 li a {
	padding-left: 40px !important;
}
.left-sidebar .level5 li a {
	padding-left: 50px !important;
}
.sidebar-nav .has-arrow::after {
	top:18px !important;
}

input.vertical-spin {
  text-align: center;
}


.white-box.folder {
  padding:10px;
}
.shorten-long-text {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}
.storage-preview {
  display:block;
  margin-bottom:10px;  
  width:100%;
  padding-top:100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.galerie-preview {
  display:block;
  margin-bottom:15px;  
  width:100%;
  padding-top:100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.storage-icons {
  margin: 5px 0 -5px;
}
.p-10 {
  padding:10px !important;
}
.bg-grey {
  background-color:#bbb !important;
}
.fileDownload a {
  color:#444;
}
.fileDownload a:hover {
  color:#406d1c;
}
.with-contextmenu { -webkit-touch-callout: none !important; }
.with-contextmenu a { -webkit-user-select: none !important; }
.dropdown-menu a,
.contextmenu a {
  padding: 9px 20px 9px 12px !important;
  display: block;
  color:#444;
  white-space: nowrap;
}
.dropdown-menu i,
.contextmenu i {
  margin-right: 5px !important;
}
.white-box{background:#fff;padding:15px;margin-bottom:20px;box-shadow:1px 1px 12px -8px #0008}
.raised {box-shadow:1px 1px 12px -8px #0008 !important}
.shadow{box-shadow:1px 1px 12px -8px #0008;}
.card .white-box {box-shadow:none;}
.responsive-video {
	position: relative;
	width:100%;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	border:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top-badge {
  top: 12px;
  right: 7px;
  padding: 2px 4px;
}

.modal-backdrop.show {
  opacity: 1;
  backdrop-filter: blur(3px);
  background:rgba(0,0,0,0.5);
}
.panel-admin {
  border-bottom: 1px solid #ddd;
  background: #eee;
  padding: 5px;
  margin: -15px -15px 10px;
}
.admin-only {
	background-image:url('../../images/admin-only.png') !important;
}
.select2-container .select2-selection--single {
  height: 32px !important;
}
.dn {
  display:none;
}
.row.narrow .col, .row.narrow .col-1, .row.narrow .col-10, .row.narrow .col-11, .row.narrow .col-12, .row.narrow .col-2, .row.narrow .col-3, .row.narrow .col-4, .row.narrow .col-5, .row.narrow .col-6, .row.narrow .col-7, .row.narrow .col-8, .row.narrow .col-9, .row.narrow .col-auto, .row.narrow .col-lg, .row.narrow .col-lg-1, .row.narrow .col-lg-10, .row.narrow .col-lg-11, .row.narrow .col-lg-12, .row.narrow .col-lg-2, .row.narrow .col-lg-3, .row.narrow .col-lg-4, .row.narrow .col-lg-5, .row.narrow .col-lg-6, .row.narrow .col-lg-7, .row.narrow .col-lg-8, .row.narrow .col-lg-9, .row.narrow .col-lg-auto, .row.narrow .col-md, .row.narrow .col-md-1, .row.narrow .col-md-10, .row.narrow .col-md-11, .row.narrow .col-md-12, .row.narrow .col-md-2, .row.narrow .col-md-3, .row.narrow .col-md-4, .row.narrow .col-md-5, .row.narrow .col-md-6, .row.narrow .col-md-7, .row.narrow .col-md-8, .row.narrow .col-md-9, .row.narrow .col-md-auto, .row.narrow .col-sm, .row.narrow .col-sm-1, .row.narrow .col-sm-10, .row.narrow .col-sm-11, .row.narrow .col-sm-12, .row.narrow .col-sm-2, .row.narrow .col-sm-3, .row.narrow .col-sm-4, .row.narrow .col-sm-5, .row.narrow .col-sm-6, .row.narrow .col-sm-7, .row.narrow .col-sm-8, .row.narrow .col-sm-9, .row.narrow .col-sm-auto, .row.narrow .col-xl, .row.narrow .col-xl-1, .row.narrow .col-xl-10, .row.narrow .col-xl-11, .row.narrow .col-xl-12, .row.narrow .col-xl-2, .row.narrow .col-xl-3, .row.narrow .col-xl-4, .row.narrow .col-xl-5, .row.narrow .col-xl-6, .row.narrow .col-xl-7, .row.narrow .col-xl-8, .row.narrow .col-xl-9, .row.narrow .col-xl-auto {
  padding-left:5px;
  padding-right:5px;
}
.row.narrow {
  margin-left:-5px;
  margin-right:-5px;
}
.common-list{margin:0;padding:0}
.common-list li{list-style:none;display:block}
.common-list li a{padding:12px 0;color:#313131;display:block}
.common-list li a:hover{color:#2cabe3}
.sidebar-link.active {
  font-weight:700 !important;
}

.chat-application {
  max-width: 1100px;
  box-shadow: 0px 0px 40px 10px #0002;
}

#main-content .white-box {
  max-width: 1060px;
}
.btn-sm.btn-icon {
  font-size:1.1rem;
  padding: 0 0.25rem;
}

.navbar {
  background: #fff;
}

.navbar-header {
  background: #fff !important;
}

.page-wrapper {
  background: #fdfeff;
}
.page-breadcrumb {
  padding: 10px 0px;
  background-color: #f1f9fe;
}
.page-breadcrumb .breadcrumb {
  background-color: transparent;
}

.product {
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  padding: 0;
  border: none;
  text-align: center;
  width: 100%;
  flex-shrink: 0;
  background: #fff;

}

.input-group .btn {
  border-radius: 0;
}

.input-group .input-group-btn:first-child .btn {
  border-radius: 4px 0 0 4px;
}

.input-group .input-group-btn:last-child .btn {
  border-radius: 0 4px 4px 0;
}

.navbar-right {
  padding-top: 0;
  padding-bottom: 0;
}

.form-control {
  border-color:#c6ccd1;
}