html {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
body {
  padding-top:62px;
  line-height: 1.25;
  -webkit-touch-callout: none !important;
}
body, html {
  height:100%;
}
pre {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 100%;
    line-height: 1.5;
}
select {
	height:38px;
	}
.btn-lg {
	margin: 5px;
	}
.file-allow-delete { -webkit-user-select: none !important; }
.item-list{
	font-size:1.5rem;
	}
.red {
	color:red;
	}
/* These are color values set to a "null" element used in jQuery and html address bar color for mobile Chrome on Android. */
.waveform-color {
	color: #0275d8;
	}	
.mobile-theme-header-color {
	color: #0275d8;
	}
/* workaround modal-open padding issue */
body.modal-open {
    padding-right:0 !important;
}
.alert {
	font-weight:700;
	}
.disabled {
	cursor:not-allowed;
	}
label:disabled {
	cursor:not-allowed;
	opacity:.5;
}
.pull-right-btn {
	float:right;
	margin-right:.9375rem;
	}
/* TEXT EDITOR LIKE FOR MAIL TEMPLATES */
.trumbowyg-box, .trumbowyg-editor{
	width:100%;
	}
.trumbowyg-button-pane {
	background-color: #FFF;
	}	
/* workaround bs 4 horizontal scrollbar */
.container-fluid >.row {
    margin-left: -15px;
    margin-right: -10px;
}
.col-no-pad-bottom {
	padding-bottom:0px;
	}
.col-no-pad-lr {
	padding-left:0px;
	padding-right:0px;
	}	
#summary {
	font-size:1rem;
	}		
.navbar-nav .nav-link{
	font-size:1rem;
	}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.75);
	}
.navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,.9);
	}	
.container-fluid {
    padding-right: 0;
    padding-left: 0;
	}
.card {
    overflow:hidden;
}
.card-block .rotate {
    z-index: 8;
    float: right;
    height: 100%;
}
.card-block .rotate i {
    color: rgba(20, 20, 20, 0.15);
    position: absolute;
    left: 0;
    left: auto;
    right: -10px;
    bottom: 0;
    display: block;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
}
.card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer {
    color: rgba(255, 255, 255, 1);
}
.javascript_required{
	display:none;
	}
#page_content_left {
	width: 75%;
	}
#page_content_right {
	width: 75%;
	}
#upload_notify_refresher {
	color:#000;
	font-weight:700;
	}
.demo_login_button {
	margin:5px;
	}	
.df-dp-icon{	
	padding-right:10px;
	}
.df-file-expire-edit {
	cursor:pointer;
	}
.selected-file-list-item {
	color:#000;
	font-weight:700;
	font-size:1.2rem;
	cursor:pointer;
	}
.no-scale-lg {
	font-size:1rem;
	}
.no-scale-xl {
	font-size:1.2rem;
	}	
.selected-user-files-list-item, .selected-group-files-list-item, .selected-user-upload-list-item, .selected-group-upload-list-item{
	font-size:1.rem;
	cursor:pointer;
	}
.ftp-selector {
	cursor: pointer;
	}	
.ftp-yes {
	color:#5cb85c;
	}
.ftp-no {
	color:#d9534f;
	}	
.fancybox-iframe {
    background-color: white;
}
.fancybox-overlay {
	background:none;
	background-color: rgba(0,0,0,0.8);
}
#STATISTICS_2{
	display:none;
	}
.btn-round {
	font-size:49px;
	text-align:center;
	padding:0;
	border-radius:50%;
	height:45px;
	width:45px;
    padding-left:0;
	padding-right:0;
	border-radius: 50%;
}
/* CHANGE IF CHANGE ICON!!! */
.offcanvas-toggler-left i {
	position:absolute;
	left: 15px;
	top:-4px;
	}
.offcanvas-toggler-right i {
	position:absolute;
	left: 11px;
	top:-4px;
	}
.tag-primary {
    background-color: #0275d8;
}
.tag-info {
    background-color: #5bc0de;
}
.tag-warning {
    background-color: #f0ad4e;
	}
.tag-danger {
    background-color: #d9534f;
}
.tag-success {
    background-color: #5cb85c;
}
.tag-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.tag {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.invoice_number {
	font-size:1rem;
	font-weight:700;
	margin-top:5px;
	}	
	#invoice_dashboard {
		max-height: 225px;
	}
	.db_hidden{
		 max-height: 0px;
		 overflow:hidden;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
	.db_visible{
		max-height: 250px;
		overflow:visible;
		}		
/* MAKE TEXT AND STUFF MORE RESPONSIVE */
@media screen and (max-width: 360px) {
	#page_content_left {
		width: 85%;
	}
	#page_content_right {
	width: 95%;
	}
	.df-dp-icon{
	padding-left:.9375rem;
	padding-right:0;
	}
	.msg-notify {
		font-size:.8rem;
	}
	.progress-thin {
		height:1rem;
	}
	.selected-file-list-item {
	font-size:.9rem;
	}
	label {
		font-size:.8rem;
	}
	.ipv6 {
	font-size:.8rem;	
	}
}
@media only screen and (max-width: 543px) {
	body {
		font-size:.7rem;
	}
	.lead {
    font-size: .9rem;
	}
	.nav-item {
		font-size:1rem;
	}
	a.list-group-item {
		font-size:.9rem;
	}
	/*.sidebar-offcanvas{
		padding-right: 0px;
	}*/
	.nav .dropdown-menu {
	width:100%;
	border: 0px;
	margin-left:-1px;
	}
	.searchform{
		float:none;
	}
	#page_content{
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
	#page_content_right {
	width: 85%;
	}
	.folder-outer:hover .mobile-drag-handle{
		display:inline-block;
		}
	#files-container {
		margin-left:-10px;
		margin-right:-10px;
		}
	.df-dp-icon{
	padding-left:.9375rem;
	padding-right:0;
	/*font-size:.9rem;*/
	}
	.msg-notify {
		font-size:.8rem;
		}
	.progress-thin {
		height:1rem;
	}
	.selected-file-list-item {
	font-size:.9rem;
	}
	label {
		font-size:.9rem;
	}
	.ipv6 {
		font-size:.9rem;
	}
}
@media only screen and (min-width: 544px) {
	body {
		font-size:.8rem;
	}
	.lead {
    font-size: .95rem;
	}
	.nav-item {
		font-size:1rem;
	}
	a.list-group-item {
		font-size:.9rem;
	}
	/*.sidebar-offcanvas{
		padding-right: 0px;
	}*/
	.nav .dropdown-menu {
	width:100%;
	border: 0px;
	margin-left:-1px;
	}
	.nav .dropdown-menu li {
	border-bottom: 0px;
	}
	.searchform{
		float: none;		
	}
	#page_content{
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
	#page_content_right {
	width: 75%;
	}
	.msg-notify {
		font-size:.9rem;
	}
	.progress-thin {
		height:1rem;
	}
	label {
		font-size:.9rem;
	}
	.modal-dialog{
		width:500px;
		}
	.modal-lg {
    width: 500px;
	}
}
@media only screen and (min-width: 769px) {
  	body {
		font-size:.85rem;
	}
	.lead {
    font-size: 1rem;
	}
	.nav-item {
		font-size:.75rem;
	}
	a.list-group-item {
		font-size:.85rem;
	}
	.nav .dropdown-menu {
	max-width:300px;	
	border: 1px solid rgba(0, 0, 0, .15);
	}
	.nav .dropdown-menu li {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.searchform{
		float:right;
		width:250px;
	}
	#page_content{
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
	#page_content_left {
	width: 100%;
	}
	#page_content_right {
	width: 50%;
	}
	.msg-notify {
		font-size:.9rem;
	}
	.progress-thin {
		height:.8rem;
	}
	label {
		font-size:.9rem;
	}
	.offcanvas-toggler-left,.top_nav_mobile_left{
		display:none;
		}
	.modal-dialog{
		width:600px;
		}	
	.modal-lg {
    width: 700px;
	}	
}
@media only screen and (min-width: 992px) {
  	body {
		font-size:1rem;
	}
	.lead {
    font-size: 1.1rem;
	}
	.nav-item {
		font-size: .85rem;
		}
	a.list-group-item {
		font-size:.9rem;
	}
	.nav .dropdown-menu {
	max-width:300px;	
	border: 1px solid rgba(0, 0, 0, .15);
	}
	.nav .dropdown-menu li {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.lead {
    font-size: 1.1rem;
	}
	.searchform{
		float:right;		
		width:300px;
	}
	#page_content{
		padding-left:.9375rem;;
	}
	#page_content_left {
	width: 100%;
	}
	#page_content_right {
	width: 50%;
	}
	.progress-thin {
		height:.5rem;
	}
	label {
		font-size:1rem;
	}
	.modal-lg {
    width: 900px;
	}
}
@media only screen and (min-width: 1600px){
	body {
		font-size:1rem;
	}
	.lead {
    font-size: 1.25rem;
	}
	.nav-item{
		font-size:1rem;
	}
	a.list-group-item {
		font-size:1rem;
	}
	.nav .dropdown-menu li {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.searchform{
		float:right;
		width:300px;
	}
	#page_content_left {
	width: 100%;
	}
	#page_content_right {
	width: 100%;
	}
	.progress-thin {
		height:.5rem;
	}
	label {
		font-size:1rem;
	}
	.offcanvas-toggler-right,.top_nav_mobile_right{
		display:none;
		}
	#STATISTICS_1{
		display:none;
		}
	#STATISTICS_2{
		display:block;
		}	
}
.nav .dropdown-menu {
	margin-top:7px;
	border-radius:0px;
	min-width:200px;
	padding-top:0;
	padding-bottom:0;
	margin-left:0px;
	}
.nav .dropdown-menu li {
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	}
.nav-pills .nav-link {
    padding-top: .25rem;
    padding-left: 0;	
	margin-right:0;
}
.nav-pills-normal .nav-link {
    display: block;
    padding: .5em 1em;
    border-radius: .25rem;
}
.nav-pills .no-link {
	display: block;
    padding: .5em 1em;
    border-radius: .25rem;
	padding-top: .25rem;
    padding-left: 0;
    margin-right: 0;
}
.download-zip-icon{
	display:none;
	font-size:1.4rem;
	padding-left:.9375rem;
	float:right;
	}
.download-zip-icon-public{
	font-size:1.4rem;
	padding-left:.9375rem;
	float:right;
	}	
.df-pointer{
	cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
	}
.floatRight{
	float:right;
	}
.text-right {
	text-align:right;
	}
.text-left {
	text-align:left;
	}
.text-center{
	text-align:center;
	}	
/* TABLES */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px;
    vertical-align: inherit;
}
.table td {	
	line-height:inherit;
	}
td, th {
    text-align: center;
}
.th-checker {
	width:25px;
	font-size:25px;
}
/* FILE TABLE DIVS */
.files-listing {
	display:table;
	position:relative;
	width:100%;
	padding-bottom:1rem;
	padding-top:5px;
	}
.t-header{
	color: #ffff;
	background-color: #0275d8;
	display:table-row;
	overflow:hidden;
	line-height:1;
	height:40px;
	color:white;
	font-weight:700;
	opacity:1;
	/*-moz-transition: opacity .1s .25s;
	-webkit-transition: opacity .1s .25s;
	-o-transition: opacity .1s .25s;
	transition: opacity .1s .25s;*/
	}
/*.t-header:hover{
	opacity:1;	
	-moz-transition: opacity .1s;
	-webkit-transition: opacity .1ss;
	-o-transition: opacity .1s;
	transition: opacity .1s;
	}
	*/
.t-header-always-on{
	display:table-row;
	overflow:hidden;
	line-height:1;
	height:40px;
	background-color:#0275d8;
	color:white;
	font-weight:700;
	}	
.t-row{
	display:table-row;
	overflow:hidden;
	line-height:1.1;
	height:48px;
	}
.modal-body .t-row{
	height:36px;
	}
.t-row:nth-child(odd){
	background-color:rgb(250,250,250);
	}
.t-row:hover{
	background-color:rgb(245,245,245);
	}	
.t-row-success{
	background-color:rgb(230,255,230) !important;
	}
.t-row-fail, .t-row-danger{
	background-color:rgb(255,153,153) !important;
	}
.t-row-warning{
	background-color:#fcf8e3 !important;
	}
.t-cell{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:.4rem;
	}
.t-cell-left{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding:.4rem;
	}
.t-cell-right{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	padding:.4rem;
	}	
/* FILES */
.files-left {
text-align: left !important;
}
.files-center {
text-align: center !important;
}
.file-list-name {
	display:inline-block;
	font-size:1rem;
	font-weight:700;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-left:0;
	cursor:default;
	}
.has-preview {	
	cursor:pointer;
	}	
.file-list-description {
	font-size:.85rem;
	font-weight:100;
	font-style:italic;
	padding-left:.5rem;
	}
.file-list-size {
	font-size:.85rem;
	text-align:right;
	}
.file-list-date {
	font-size:.85rem;
	}
.file-list-owner {
	font-size:.85rem;
	max-width:150px;
	}
.left-actions{
	position:relative;
	}	
.file-left-actions{
	position:absolute;
	top:-10px;
	left:0px;
	display:inline-block;
	background-color:rgba(245,245,245,0.9);
	padding:5px;
	width:auto;
	white-space:nowrap;
	visibility:hidden;
	opacity:0;
	transition:all .1s;
	}
.file-left-actions-toggler{
	color:gray;
	}
.file-left-actions-toggler:hover ~ .file-left-actions{
	display:inline-block;
	left:0px;
	visibility:visible;
	opacity:1;
	transition:opacity .2s;
	}
.file-left-actions:hover {
	display:inline-block;
	left:0px;
	visibility:visible;
	opacity:1;
	transition:opacity .2s;
	}
.file-navigator{
	cursor:s-resize;
	}
.search-string {
	font-weight:700;
	}
.df-pagination {
	display:inline-block;
	}
.df-pagination-icon{
	color:#0275d8;
	cursor:pointer;
	padding-left:.2rem;
	padding-right:.2rem;
	}
.df-pagination-icon:hover{
	color:#81c4fe;
	}	
/* USERS */
.user-list-name {
    font-size: 1rem;
	}
.user-list-company {
    font-size: 1rem;
	font-style: italic;
	}
/* FORM COMPONENTS */
.checkboxbefore {
  color: silver;
  font-size:25px;
  height: 25px; 
  width: 25px;
  margin-top:5px;
}
.checkboxafter {
  color: green; 
  font-size:25px;
  height: 25px; 
  width: 25px;
  margin-top:5px;
}
.checkboxafterNO {
  color: red; 
  font-size:25px;
  height: 25px; 
  width: 25px;
  margin-top:5px;
}
.fancy-checkbox {
	cursor:pointer;
	}
.fancy-checkbox input[type="checkbox"],
.fancy-checkbox .checked {
    display: none;
}
.fancy-checkbox input[type="checkbox"]:checked ~ .checked
{
    display: inline-block;
}
.fancy-checkbox input[type="checkbox"]:checked ~ .unchecked
{
    display: none;
}
.fancy-radio, .fancy-checkbox {
	font-weight: 700;
	}
.fancy-radio input[type="radio"],
.fancy-radio .checked {
    display: none;
}
.fancy-radio input[type="radio"]:checked ~ .checked
{
    display: inline-block;
}
.fancy-radio input[type="radio"]:checked ~ .unchecked
{
    display: none;
}
.field-tip {
	float:right;
	color:#999;
	}
.field-tip:hover {
	color:#000;
	}
.form-control-saved, .form-control-saved:hover, .form-control-saved:focus {
border-color: green;
  -webkit-box-shadow: 0 0 10px green;
      box-shadow: 0 0 10px green;
	-webkit-transition: .5s;
      transition: .5s;
}
.form-control-error, .form-control-error:hover, .form-control-error:focus {
border-color: red;
  -webkit-box-shadow: 0 0 10px red;
      box-shadow: 0 0 10px red;
	-webkit-transition: .5s;
      transition: .5s;
}
.form-control-label {
	padding: 0;
	}
.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
}	
.form-group {
	margin-bottom:1.25rem;
	}
.form-group > label {
	margin-bottom:.1rem;
	font-weight:700;
	}
.help-block {
    color: #999;
    float: right;
    font-size: .75rem;
    margin-right: 0.25rem;
	}
.help-block:hover {
	color:inherit;
	}
.auto-width-field {
	margin-left:auto;
	margin-right:auto;
	}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* TOOLTIPS */
.tooltip-inner {
  max-width: 300px;
  padding: 4px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  font-size: .9rem;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow { border-top-color: #444444; }
.tooltip.top-left .tooltip-arrow { border-top-color: #444444; }
.tooltip.top-right .tooltip-arrow { border-top-color: #444444; }
.tooltip.right .tooltip-arrow { border-right-color: #444444; }
.tooltip.left .tooltip-arrow { border-left-color: #444444; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #444444; }
.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #444444; }
.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #444444; }
/* NICE MODAL TRANSITION */
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
.modal-body > ul {
	padding-left: 1rem !important;
	}
.modal-body li {
	line-height:1.25;
	padding-left: 0rem !important;
	}
/* FEEDBACK AND RELATED MESSAGES */
.notify_closer {
	color: #0275d8;
	font-size:1.4rem;
	padding-left:.9375rem;
	float:right;
	cursor:pointer;
}
.alert-info {
 background-color: white; 
 border-color: white;
 color: black; 
}
.msg-notify {
  font-size:1.1rem;
}
.MSGSuccess {
 color:green;
 font-weight:700; 
}
.MSGFail {
 color:red;
 font-weight:700; 
}
.MSGCaution {
 color:orange;
 font-weight:700; 
}
.alert-danger{	
	background-color: #df382c;
    border: 1px #df382c solid;
    color: #fff;
	}
.alert-success{
	background-color: #2dcb73;
    border: 1px #2dcb73 solid;
    color: #ffffff;
	}
.ui-pnotify{
	top:58px;
	right:.9375rem !important;
	width:450px;
	}
.ui-autocomplete {
    position: absolute;
    z-index: 215000000 !important;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
	font-size:1rem;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete > li {
  padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus {
  background-color: #DDD;
}
.ui-helper-hidden-accessible {
  display: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #ddd;
    background: none;
	color: black;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    min-width: 250px;
}
.btn-half-cont {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.btn-block-half-left {
  display: inline-block;
  min-width: 48%;
  margin-right: 5px;
  margin-left: -5px;
}
.btn-block-half-right {
  display: inline-block;
  min-width: 48%;
  margin-left: 5px;
  margin-right: -5px;
}
.btn-block-half-spacer {
 display: inline-block;
 width: 2%; 
}
@media only screen and (max-width: 360px) {
	.ui-pnotify .msg-notify{ 
		font-size:.8rem;
		right:0px !important;
		}
	.tooltip-inner{font-size:.8rem;}
	}
@media only screen and (max-width: 501px) and (min-width: 360px) {
	.ui-pnotify .msg-notify{ 
		font-size:.8rem;
		right:5px !important;
		}
	/*.tooltip-inner{font-size:.7rem;}*/
		body{
	font-size:.7rem;
		}
	}
.context-menu-item:hover {
	font-weight: 700;
	}
.df-main-content{
	min-height:80%;
	}
.df-btn-group{
	text-align:center;
	}	
.navbar-centered {
    float: left;
	padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    text-align: center;
    width: 100%;
	}
.navbar-centered .navbar-brand {
	float:none;
	}
.navbar-centered .navbar-brand > img {
	display:inline-block;
	}
a:hover {
	text-decoration:none;
	}
.list-group > a:hover {
	color:#000;
	font-weight:500;
	}
.nav-link {
	cursor:pointer;
	}
.link-black, a.link-black:visited, a.link-black:active{
	color:#000;
	}
.link-black:hover{
	color:#000;
	font-weight:700;
	}	
.link-white, a.link-white:visited, a.link-white:active{
	color:#FFF;
	}
.link-white:hover{
	color:#FFF;
	font-weight:700;
	}
/* FILE TABLE AND LOGS */
.paginator {
	text-align: center;
	}
/* FOLDERS */
.ui-draggable-dragging {
	z-index:1000;
	width:100%;
	display:inline-block;
	}
#folderlist, #folderlist .nav-pills .nav-link {
	padding-top:0px;
	font-size:1.1rem;
	}
.new-folder-field {
	height:2rem;
	font-size:1.1rem;
	}	
.folder {
	display:inline-block;
	width:100%;
	vertical-align:bottom;
	}
.folder-outer {
	position:relative;
	display:inline-block;
	width:100%;
	}
.folder-inner {
	position:absolute;
	display:inline-block;
	width:100%;
	}	
.folder-name {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
	}	
/*.folder:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}	*/
.folder-active {
font-weight: bold;
color:black;
}
.folder-username {
	color: #0275d8;
	}
.hidden{
  display: none;
}
.folders li {
  list-style-type: none;
  padding-left:0px;
}
.folders .sub {
  padding-left:.9375rem;
}
.folders .sub .closed{
  display:none;
}
.folders ul {
  padding-left: 0px;
}
.folder-name:hover {
  font-weight:700;
}
.folder-status{
	display:inline-block;
	float:right;
	}
.highlight {
    background-color:#bfffbf;
  font-weight:700;
}
.highlight-no {
    background-color:red;
  font-weight:700;
}
.mobile-drag-handle{
	display:none;
	}
.simple_folder_checkbox {
	padding-left:.15rem;
	}
/* FOOTER */
footer {
	margin-top:.9375rem;
	padding-top:25px;
	border-top:1px solid gray;
	}
.top-shortcut-bar{
	padding-left:0;
	padding-right:0;
	}
.searchform{
	height:45px;
	font-size:1.1rem;
}
.df-upload-icon{
	font-size:8rem;
	color:#0275d8;
	text-align:center;
	cursor:pointer;
}
.df-upload-icon:hover{
	color:#81c4fe;
}
.df-upload-share-icon{
	font-size:2rem;
	color:#81c4fe;
	padding-left:.5rem;
	padding-right:.5rem;
	cursor:pointer;
	}
.df-upload-share-icon:hover{
	font-size:2rem;
	color:#0275d8;
	}	
.df-dp-icon {
	color:#0275d8;
	cursor:pointer;
	}
.df-dp-icon:hover {
	color:#81c4fe;
	}
.df-dp-icon-no {
	color:lightgray;
	cursor:not-allowed;
	}	
.no-scroll {
	position:fixed;
    overflow:hidden;
}
.df-icon-no {
	color:lightgray;
	cursor:not-allowed;
	}
.df-muted-icon {
	color:lightgray;
	cursor:pointer;
	}	
.page-blur {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	}
.rotate-left {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	}
.rotate-right {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	}	
.offcanvas-toggler-left{
	position:fixed;
	bottom:15px;
	left:15px;
	background-color: rgba(2,117,216,.2);
	z-index:1000;
	}
.offcanvas-toggler-right{
	position:fixed;
	bottom:15px;
	right:15px;
	background-color: rgba(2,117,216,.2);
	z-index:1000;
	}
#page_content_left.mobile {
	position:fixed;
	left: -100%;
	background-color: white;
	z-index:10;
	margin-left:0;
	margin-top:0px;
	padding-left:.45rem;
	padding-top:.9375rem;
	padding-right:1.45rem;
	top: 54px;
    bottom:70px;
    overflow-y:auto;
    overflow-x:hidden;
	-webkit-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    3px 3px 8px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         3px 3px 8px 0px rgba(50, 50, 50, 0.25);
	-webkit-transform: translate(all, 0px);
	-moz-transform: translate(all, 0px);
	-o-transform: translate(all, 0px);
	-ms-transform: translate(all, 0px);
	transform: translate(all, 0px);
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	}
#page_content_left.mobile.active {
	left:0px;	
}
#page_content_right.mobile {
	position:fixed;
	right: -100%;
	background-color: white;
	z-index:10;
	margin-left:0;
	margin-top:0px;
	padding-top:.9375rem;
	padding-left:.9375rem;
	padding-right:.9375rem;
	top: 54px;
    bottom:70px;
    overflow-y:auto;
    overflow-x:hidden;
	-webkit-box-shadow: -3px 3px 8px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    -3px 3px 8px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         -3px 3px 8px 0px rgba(50, 50, 50, 0.25);
	-webkit-transform: translate(all, 0px);
	-moz-transform: translate(all, 0px);
	-o-transform: translate(all, 0px);
	-ms-transform: translate(all, 0px);
	transform: translate(all, 0px);
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	}
#page_content_right.mobile.active {
	right:0;	
}
@media(max-width:992px) {
	.nav .dropdown-menu{
		margin-top:0px;
		}
    .navbar .navbar-brand {
        float:none;
        display: block;
    }
    .navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar .navbar-nav {
        float:none !important;
    }
	.context-menu-item {
		font-size: 1rem;
		}
}
@keyframes loader1 {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}
@keyframes loader2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loader {
	position:fixed;
	top:0;
	width: 0px;
	height: 4px;
	opacity:0;
	z-index:1060;
}
.loader.active {
	animation: loader1 3s cubic-bezier(1, 0.1, 0, 1) infinite 1s, loader2 3s ease-out infinite 1s;
	background: linear-gradient(to left, #FFF, rgba(255, 255, 255, 0));
	-webkit-transition: all 1s ease 2s;
	-moz-transition: all 1s ease 2s;
	-ms-transition: all 1s ease 2s;
	-o-transition: all 1s ease 2s;
	}
.context-menu-list {
	min-width:240px;
	cursor: default;
	padding-top:5px;
	padding-left:5px;
	}
.setting-chooser:hover{
	font-weight:700;
	}
.qf-chooser:hover{
	font-weight:700;
	}	
.site_logo_brand .has_image {
	max-height:40px;
	margin:-7px;
	}
.actionsmenu .dropdown-menu {
	right:0;
	left:inherit;
	}
.actionsmenu .dropdown-item {
	padding:5px;
	cursor:pointer;
	}
.actionsmenu .dropdown-item:hover {
	font-weight:700;
	background-color:initial;
	}	
.actionsmenu .dropdown-divider {
	margin:0px;
	}
#QRcode{
    display: none;
    border:2px solid;
    border-radius:25px;
    border-color:dimgray;
    background: rgba(255, 255, 255, 0.85);
    color:gray;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
    width: 600px;
    height: 600px;
    text-align: center;
    padding-top: 80px;
    font-weight:bold;
    z-index:3000;
}	
.progress-each-file {
	height:.25rem;
	}
.progress {
  display: block;
  width: 100%;
  margin-bottom: .5rem;
}
.progress[value] {
  -webkit-appearance: none;
  background-color: rgba(255,255,255,1);
  border: 0;
  border-radius: .25rem;
     -moz-appearance: none;
          appearance: none;
}
.progress[value]::-ms-fill {
  background-color: rgba(255,255,255,1);
  border: 0;
}
.progress[value]::-moz-progress-bar {
  background-color: rgba(255,255,255,1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.progress[value]::-webkit-progress-value {
  background-color: rgba(255,255,255,1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.progress[value="100"]::-moz-progress-bar {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.progress[value]::-webkit-progress-bar {
  background-color: rgba(255,255,255,1);
  border-radius: 0;
}
base::-moz-progress-bar,
.progress[value] {
  background-color: rgba(255,255,255,1);
  border-radius: 0;
}
.progress-success[value]::-webkit-progress-value {
  background-color: #5cb85c;
}
.progress-success[value]::-moz-progress-bar {
  background-color: #5cb85c;
}
.progress-success[value]::-ms-fill {
  background-color: #5cb85c;
}
.progress-danger[value]::-webkit-progress-value {
  background-color: #d9534f;
}
.progress-danger[value]::-moz-progress-bar {
  background-color: #d9534f;
}
.progress-danger[value]::-ms-fill {
  background-color: #d9534f;
}
.progress-warning[value]::-webkit-progress-value {
  background-color: #f0ad4e;
}
.progress-warning[value]::-moz-progress-bar {
  background-color: #f0ad4e;
}
.progress-warning[value]::-ms-fill {
  background-color: #f0ad4e;
}
.global-progress-extended {
	opacity:0;
	margin-top:-12px;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-ms-transition: opacity .25s;
	-o-transition: opacity .25s;
	transition: opacity .25s;
}
.global-progress-extended.uploading {
	opacity:1;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-ms-transition: opacity .25s;
	-o-transition: opacity .25s;
	transition: opacity .25s;
	}
.global-progress-extended-details {
	font-size:.9rem;
	}
#UPLOADER_CONTENT {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	}	
.template-upload {
 padding-top:10px;
  border-bottom:1px solid #ededed; 
}
.uploader label {
	line-height:.75;
	}
.uploaderFileItem {
 padding-top:10px;
 padding-bottom:10px;
 border-bottom:1px solid #ededed; 
}
.uploaderInfo {
	width:93%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  border:2px solid #2581bc;
  margin-top:10px;
  margin-bottom:20px;
  padding-top:10px;
  padding-bottom:10px; 
}
.uploaderTable {
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}
.userlevel-user {
	color:#000;
	}
.userlevel-admin {
	color:#000;
	font-weight:700;
	}
.userlevel-super {
	color:#000;
	font-weight:700;
	font-size:1.1rem;
	}
.userlevel-notactive {
	color:red;
	font-weight:700;
	}
.userlevel-needs-activated {
	color:orange;
	font-weight:700;
	}	
.user_logged_out {
	color:#F8F8F8;
	}
.user_logged_in {
	color:#5cb85c;
	}
#audio_player{
	position:relative;
	height:128px;
	}
#audio_loader_progress, #audio_spinner{
	position:absolute;
	width:95%;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
	}
.tag-lg {
	width:100%;
    display: inline-block;
    padding: .5em .8em;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}	
.invoice_row {
	background-color: rgb(245,245,245);
	padding-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
	}	
.invoice_customer_cell {
	text-align:left;
	}
.invoice_customer_name {
	font-weight:700;
	}
.invoice_customer_company {
	font-size:.8rem;
	}
.invoice_date_sent {
	font-size:.8rem;
	}
.invoice_total_balance {
	font-size:1.5rem;
	font-weight:700;
	}
.invoice_details {
	}	
.total_column {
	display: table;
    table-layout: fixed;
	}	
.invoice_centered_page {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	}
.vcenter{
    position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
}
#working {
	opacity:    0.8;
	background: #000000;
	width:      100%;
	height:     100%;
	z-index:    2000;
	top:        0;
	left:       0;
	position:   fixed;
	}
	.spinner {
	position: relative;
	top: 50%;
	margin:0 auto;
	transform: translateY(-50%);
	width: 100px;
	height: 40px;
	text-align: center;
	color:#FFFFFF;
	}
	.spinner > div {
	background-color: #FFFFFF;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
	}
	.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
	}
	.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
	}
	.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
	}
	.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	}
	@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
	}
	@keyframes sk-stretchdelay {
	0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
	}  20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
	}
}
.inline-block {
	display:inline-block;
	}
.context-menu-active, .row-selected {
	background-color:#ffffcc !important;
	}