@CHARSET "UTF-8";

.normal-white-space {
	white-space: normal;
}
#team.activity .browser-item > .log-description,
#files.versions .item-name,
#files.versions  .item-comments,
#files.versions  .item-modtime,
.browser.deleted_files .item-modtime,
.browser.deleted_files .item-deltime,
.fix-break {
	white-space: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
#team.domain_users div.item-user {
	padding-left: 5px;
}
.browser-item .item-check + .fix-break {
	width: 50%;
	padding: 0px;
}
div.input-horitzontal-container {
	display: inline-block;
	width: 100%;
}
div.input-horitzontal-container > * {
	display: inline-block;
	width: auto;
}
div.input-horitzontal-container > .field-container {
	margin-right: 30px;
}
div.input-horitzontal-container > select {
	margin-right: 15px;
}
.removelist {
	padding-top: 22px;
}
div.input-horitzontal-container > .field-container + .field-container {
	margin-left: 0px;
	margin-top: 10px;
}
.item-check-lists .browser-item .item-check + label {
	white-space: initial;
}

#team .margin-left-form {
	padding-left: 0px;
}
.responsive {
	display: none;
}
#menu.responsive .btn-responsive i {
	font-size: 1.1em;
}
.responsive > ul  {
	visibility: hidden;
	position: absolute;
	z-index: 99;
	right: 0px;
	display: none;
	top: 25px;
	border: 1px solid;
	padding: 13px 8px;
	text-align: center;
	-webkit-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
	list-style: none;
}
.responsive > ul > div {
	margin-left: 0px;

}
.responsive > ul > li {
	display: list-item;
}
.responsive > ul > li > * {
	padding: 0px;
}
#menu.responsive > ul,
.no-visible {
	top: 24px;
	display: block;
	right: -200px;
}
#menu.responsive:hover > ul,
.touch-visible {
	right: 0px;
	border-top-right-radius: 0px;
	visibility: visible;
}
.show {
	display: block;
}
#menu.responsive > ul > li + li {
	margin-top: 10px;
}
.respSearch {
	margin-bottom: 10px;
}
#actions.responsive > ul {
	display: block;
	top: 20px;
	right: -200px;
}
#actions.responsive:hover > ul {
	right: -5px;
}
#actions.responsive > ul > div > div.help-navigator-option {
	display: none;
}

.alerts .browser-title,
.alerts .browser-item,
.send_link .browser-title,
.send_link .browser-item {
	padding-left: 10px;
	padding-right: 10px;
}
.deviceHeadersFileActions {
	position: fixed;
	z-index: 9999;
	top: 0px;
	border-bottom: 1px solid;
}
.deviceHeadersFileActions .help-navigator-option {
	display: none;
}
.deviceFileBrowser {
	position: fixed;
	z-index: 9999;
	top: 50px;
	left: 0px;
	padding-top: 10px;
	background-color: rgb(255,255,255);
}

@media screen and (max-width: 1023px) {
	.account-menu.text-right {
		right: 0px;
	}
	html[dir=rtl] .account-menu.text-right {
		right: inherit;
		left: 0px;
	}
}
@media screen and (min-width: 1000px) {
	.header-username .account-menu {
		right: -1px;
	}
	
}
@media screen and (max-width: 1000px) {
	html[dir=ltr] .help-navigator-arrow {
		right: 10px;
		left: initial;
	}
	html[dir=rtl] .help-navigator-arrow {
		right: initial;
		left: 10px;
	}
	html[dir=ltr] .help-navigator-option {
		right: -5px;
		left: initial;
	}
	html[dir=rtl] .help-navigator-option {
		right: initial;
		left: -5px;
	}
}
@media screen and (max-width: 980px) {
	#lateralNav.sticky-navbar.vertical {
		box-sizing: border-box;
		padding: 7px 5px 5px 5px;
	}
	.overlay .alert .buttons .ui-button {
		margin: 5px;
	}
	/* Apps */
	#web-apps,
	#desktop-apps,
	#mobile-apps,
	#header-extra-margin {
		margin-top: 20px!important;
	}
	div.download-info {
		margin: 0px 5vw;
	}
	div.download-info > * {
		 margin: 10px 5px;
	}
	div.download-info > label {
		display: inline-block;
		line-height: 15px;
	}
	div.download-info > h1 {
		font-size: 2.4em;
	}
	div.download-info .custom-text-to-heading-h3 {
		font-size: 1.5em;
	}
	#download-content > div.header.download-section > .page-content {
		padding: 20px 0px 20px 0px;
	}
	.platform-img {
		width: 100%;
		background-size: auto 85%;
		max-height: 200px;
	}
	/* ... */
	/* FAQS */
	#openFilePath {
		position: absolute;
		left:5%;
	}
	#actions.responsive {
		display: inline-block;
		font-size: 1.5em;
		line-height: 30px;
		text-align: center;
	}
	#actions.responsive {
		position: relative;
		margin: 0 5px 0 5px;
	}
	.scroll-to-top {
		padding: 6px 0px;
		min-width: 30px
	}
	.scroll-to-top i {
		top: 6px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	#lateralNav .faqTitle,
	.item-fromdate {
		display: none;
	}
	body#my_shared_links .file-browser .item-name {
		/* Standard */
		width: calc(100% - 30px - 65px - 130px - 110px) !important;
		/* IE */
		width: expression(100% - 30px - 65px - 130px - 110px) !important;
		/* Firefox */
		width: -moz-calc(100% - 30px - 65px - 130px - 110px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 30px - 65px - 130px - 110px) !important;
		/* Opera */
		width: -o-calc(100% - 30px - 65px - 130px - 110px) !important;
	}
	.overlay {
		min-width: auto;
	}
	.download-section {
		width: 100%;
	}
	html[dir=rtl] #user-info {
		padding-left: 10px;
	}
	html[dir=ltr] #user-info {
		padding-right: 10px;
	}
	#user-info {
		width: 70%;
		box-sizing: border-box;
	}
	#extra-data {
		width: 30%;
	}
	#FAQS {
		overflow: auto;
	}
	
	.menu-header .menu-page {
		display: none;
	}
	.dropmenu > i {
		font-size: 1.3em;
		margin-left: 10px;
	}
	html[dir=rtl] .dropmenu > i {
		font-size: 1.3em;
		margin-left: 0px;
		margin-right: 10px;
	}
	#menu.responsive {
		display: table-cell;
		text-align: center;
		width: 35px;
		position: relative;
	}
	#search.responsive {
		display: block;
		margin-bottom: 10px;
	}
	#menu.responsive > .btn-responsive {
		padding: 11px 14px 10px 13px;
	}
	#menu.responsive > .btn-responsive + .box-top .answeralert {
		min-height: 35px;
	}
	#actions.responsive > .menu-header-icon {
		display: block;
	}
	div.help-navigator-option:hover {
		display: none;
	}
	.itemSearch {
		display: none;
		padding: 0px;
	}
	#extra-data {
		margin-bottom: 20px;
	}
	.item-mail {
		width: 40%;
	}
	#general input {
		width: 50%
	}
	body#files.no-public.main .path .item {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Device page alert */
@media screen and (max-height: 600px) {
	.make-user {
		width: 20px;
		color: transparent !important;
		background-position: center;
	}
	.centerToRight {
		left: 88% !important;
		top: 50% !important;
	}
	
	.devices div.show-info > div.navigator-option > div.help-navigator-option,
	.user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		margin: auto;
		position: absolute;
		right: 35px;
		top: -80px;
	}
	
	#gallery {
		top: 0px !important;
		bottom: 0px !important;
		transform: initial !important;
		vertical-align: middle !important;
		margin: auto !important;
	}
	#parentDrop {
		top: 50%;
		transform: translateY(-50%) !important;
	}
	.devices div.show-info > div.navigator-option > div.help-navigator-option,
	.user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		font-size: 0.9em !important;
	}
	.devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	.user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		top: 80px !important;
	}
	html[dir=ltr] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow:before,
	html[dir=ltr] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow:before {
		content: "\f0da";
	}
	html[dir=ltr] .devices div.show-info > div.navigator-option > div.help-navigator-option,
	html[dir=ltr] .user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		right: 33px !important;
		left: initial !important;
	}
	html[dir=rtl] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow:before,
	html[dir=rtl] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow:before {
		content: "\f0d9";
	}
	html[dir=rtl] .devices div.show-info > div.navigator-option > div.help-navigator-option,
	html[dir=rtl] .user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		right: initial !important;
		left: 33px !important;
	}
	html[dir=ltr] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	html[dir=ltr] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		right: -7px !important;
		left: initial !important;
	}
	html[dir=rtl] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	html[dir=rtl] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		left: -7px !important;
		right: initial !important;
	}
}

@media screen and (orientation:landscape) {
	.devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	.user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		top: 130px;
		right: -7px;
	}
}

@media screen and (orientation:landscape) and (min-width: 901px) {
	.devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	.user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		top: 75px;
		right: -7px;
	}
}

@media screen and (orientation:landscape) and (min-height: 600px) {
	html[dir=ltr] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	html[dir=ltr] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		right: 62px;
		bottom: auto;
		top: -17px;
	}	
	html[dir=rtl] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	html[dir=rtl] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		left: 25px;
		right: initial;
		top: -7px;
	}
}

@media screen and (max-width: 905px) {
	#edit-domain-role-form .browser {
		width: 900px;
	}
	.devices div.show-info > div.navigator-option > div.help-navigator-option,
	.user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		font-size: 1em;
	}
	html[dir=ltr] .devices div.show-info > div.navigator-option > div.help-navigator-option,
	html[dir=ltr] .user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		right: 0px;
		left: initial;
	}
	html[dir=rtl] .devices div.show-info > div.navigator-option > div.help-navigator-option,
	html[dir=rtl] .user-devices div.show-info > div.navigator-option > div.help-navigator-option {
		right: initial;
		left: 0px;
	}
	html[dir=ltr] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	html[dir=ltr] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		right: 25px;
		left: initial;
	}
	html[dir=rtl] .devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow,
	html[dir=rtl] .user-devices div.show-info > div.navigator-option > div.help-navigator-option .help-navigator-arrow {
		left: 25px;
		right: initial;
	}
	.user-devices .browser-item .item-actions .click .action-name,
	.devices .browser-item .item-actions .click .action-name {
		display: none;
	}
	.user-devices .browser-item .item-actions > div,
	.devices .browser-item .item-actions > div {
		width: auto;
	}
	#files .about-icon,
	.actions-dir .help-navigator-option {
		display: none !important;
	}
	.item-name {
		width: 45%;
	}
	.file-browser .item-name {
		width: 57%;
	}
	.item-kind,
	.group-function > span {
		display: none !important;
	}
	body#my_shared_links .file-browser .item-name {
		/* Standard */
		width: calc(100% - 30px - 130px - 110px) !important;
		/* IE */
		width: expression(100% - 30px - 130px - 110px) !important;
		/* Firefox */
		width: -moz-calc(100% - 30px - 130px - 110px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 30px - 130px - 110px) !important;
		/* Opera */
		width: -o-calc(100% - 30px - 130px - 110px) !important;
	}
	body#files.versions .file-browser .item-name {
		/* For not supported browsers */
		width: 18%;
		/* Standard */
		width: calc(100% - 80px - 140px - 100px - 250px) !important;
		/* IE */
		width: expression(100% - 80px - 140px - 100px - 250px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 140px - 100px - 250px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 140px - 100px - 250px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 140px - 100px - 250px) !important;
	}
	body#user.devices .browser .item-name {
		/* Standard */
		width: calc(100% - 100px - 75px - 90px - 105px) !important;
		/* IE */
		width: expression(100% - 100px - 75px - 90px - 105px) !important;
		/* Firefox */
		width: -moz-calc(100% - 100px - 75px - 90px - 105px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 100px - 75px - 90px - 105px) !important;
		/* Opera */
		width: -o-calc(100% - 100px - 75px - 90px - 105px) !important;
	}
	body#team.user-devices .browser .item-name {
		/* Standard */
		width: calc(100% - 100px - 75px - 90px - 135px) !important;
		/* IE */
		width: expression(100% - 100px - 75px - 90px - 135px) !important;
		/* Firefox */
		width: -moz-calc(100% - 100px - 75px - 90px - 135px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 100px - 75px - 90px - 135px) !important;
		/* Opera */
		width: -o-calc(100% - 100px - 75px - 90px - 135px) !important;
	}
	.devices .browser .item-actions {
		width: 105px;
	}
	.user-devices .browser .item-actions {
		width: 135px;
	}
	.deleted .item-status,
	.unlinked .item-status,
	.remoteWipe .item-status {
		width: 195px;
	}
	body#files.versions .item-source {
		display: none;
	}
	div.item-user {
		width: 25%;
	}
	div.item-mail {
		width: 30%;
	}
	div.group-tag {
		min-height: 5px;
		width: 20%;
	}
	div.user-settings {
		width: 25%;
	}
	.user-settings > .action {
		margin: 0px 2px;
		border: 2px solid transparent;
	}
	.user-settings > .action:hover {
		border: 2px solid;
		border-radius: 5px;
	}
	body#files.main .file-browser .item-name {
		/* Standard */
		width: calc(100% - 80px - 285px) !important;
		/* IE */
		width: expression(100% - 80px - 285px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 285px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 285px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 285px) !important;
	}
}
@media screen and (max-width: 800px) {
	div.browser-item > .item-actions div.click {
		width: initial;
	}
	.file-browser .item-name {
		width: 52%;
	}
	#lateralNav,
	#contentNav {
		width: 100%;
		max-width: 100%;
	}
	#lateralNav {
		text-align: center !important;
	}
	#FAQS.mobile-fix {
		position: initial;
	}
	#lateralNav.horizontal.sticky-navbar {
		top: 0px !important;
	}
	.sticky-navbar {
		border: 1px solid #ddd;
		background-color: #F1F1F1;
		left: 0px !important;;
		right: 0px !important;
	}
	#lateralNav > * {
		display: inline-block;
		border-radius: 8px;
		-webkit-border-radius: 8px !important;
		-moz-border-radius: 8px !important;
	}
	#lateralNav > .user-panel > i {
		font-size: 1.7em;
	}
	#lateralNav * {
		text-align: center;
	}
	#lateralNav .faq-title-icon {
		display: block !important;
		position: initial;
		top: unset;
		transform: none;
	}
	#lateralNav .faq-title-text,
	.faq-active {
		display: none !important;
	}
	#mobile {
		padding: 10px 20px 15px 20px !important;
	}
}

@media screen and (max-width: 750px) {
	body#files.versions .file-browser .item-name {
		/* For not supported browsers */
		width: 25%;
		/* Standard */
		width: calc(100% - 80px - 140px - 250px) !important;
		/* IE */
		width: expression(100% - 80px - 140px - 250px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 140px - 250px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 140px - 250px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 140px - 250px) !important;
	}
	body#files.versions .item-author {
		display: none;
	}
	.item-actions .click .action-name {
		display: none;
	}
	#pricing > * {
		width: 100%;
		margin: 0px;
	}
	#pricing > .plan + .plan {
		margin-top: 5px;
	}
}

@media screen and (max-width: 700px) {
	.item-confirmation a {
		width: 20px;
		height: 20px;
		overflow: hidden; 
	}
	html[dir=ltr] #newUIInfoButton {
		margin: 0px 30px 0px 0px;
	}
	html[dir=rtl] #newUIInfoButton {
		margin: 0px 0px 0px 30px;
	}
	#sharedfolderinfo .item-foldermail {
		width: 40% !important;
	}
	.item-confirmation a,
	.item-confirmation a:hover {
		text-decoration: none;
		color: transparent !important;
	}
	#sharedfolderinfo .item-confirmation {
		width: auto !important;
	}
	body#files.versions .file-browser .item-name {
		/* For not supported browsers */
		width: 25%;
		/* Standard */
		width: calc(100% - 80px - 250px) !important;
		/* IE */
		width: expression(100% - 80px - 250px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 250px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 250px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 250px) !important;
	}
	.file-browser .item-name {
		width: 60%;
	}
	.my_shared_links .file-browser .item-name {
		width: 52%;
	}
	.file-browser .item-modtime {
		display: none;
	}
	body#files.main .file-browser .item-name {
		/* Standard */
		width: calc(100% - 80px - 130px) !important;
		/* IE */
		width: expression(100% - 80px - 130px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 130px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 130px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 130px) !important;
	}
	body#deleted_files .file-browser .item-name {
		/* Standard */
		width: calc(100% - 80px - 180px) !important;
		/* IE */
		width: expression(100% - 80px - 180px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 180px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 180px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 180px) !important;
	}
	.browser.deleted_files .item-name {
		width: 50%;
	}
	div.group-tag * {
		color: transparent;
		position: relative;
		padding: 0px;
		background-color: transparent !important;
		border: 0;
	}
	.group-tag {
		min-width: initial !important;
		max-width: 45px !important;
	}
	div.group-tag > div {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border: none;
	}
	div.group-tag .icon.check-all-icon {
		background-image: url(/new/images/utils/common/check-all.png);
	}
	div.group-tag .icon.user-check-all-icon {
		background-image: url(/new/images/utils/common/user-check-all.png);
	}
	div.group-tag .icon {
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 18px;
		width: 20px;
		right: 0;
		margin: auto;
		position: absolute;
	}
	div > div.item-check + div.group-tag .icon {
		left: 0;
		margin-left: 3px;
		right: initial;
	}
	div.item-mail {
		width: 40%;
	}
	#team .user-confirm.buttons .fa-stack.fa-lg,
	div.group-tag .icon {
		display: inline-block !important;
	}
	#team .user-confirm.buttons .ui-button {
		display: none;
	}
}
@media screen and (max-width: 660px) {
	.item-name {
		width: 35%;
	}
	#pending .item-folderuser {
		display: none;
	}
	#pending .item-foldermail {
		width: 30%;
		/* Standard */
		width: calc(100% - 100px - 220px) !important;
		/* IE */
		width: expression(100% - 100px - 220px) !important;
		/* Firefox */
		width: -moz-calc(100% - 100px - 220px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 100px - 220px) !important;
		/* Opera */
		width: -o-calc(100% - 100px - 220px) !important;
	}
	#my_shared_links .item-name {
		width: 45%;
	}
	#billing {
		overflow-x: scroll;
	}
	.item-os {
		display: none;
	}
	body#user.devices .browser .item-name {
		width: 40%;
		/* Standard */
		width: calc(100% - 75px - 90px - 105px) !important;
		/* IE */
		width: expression(100% - 75px - 90px - 105px) !important;
		/* Firefox */
		width: -moz-calc(100% - 75px - 90px - 105px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 75px - 90px - 105px) !important;
		/* Opera */
		width: -o-calc(100% - 75px - 90px - 105px) !important;
	}
	body#team.user-devices .browser .item-name {
		width: 40%;
		/* Standard */
		width: calc(100% - 75px - 90px - 135px) !important;
		/* IE */
		width: expression(100% - 75px - 90px - 135px) !important;
		/* Firefox */
		width: -moz-calc(100% - 75px - 90px - 135px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 75px - 90px - 135px) !important;
		/* Opera */
		width: -o-calc(100% - 75px - 90px - 135px) !important;
	}
	#aboutForceUpdate > .help-navigator-option,
	html[dir="rtl"] #aboutForceUpdate > .help-navigator-option {
		max-width: 75vw;
	}
	html[dir="ltr"] #aboutForceUpdate > .help-navigator-option {
		left: auto;
		right: -40%;
	}
	html[dir="rtl"] #aboutForceUpdate > .help-navigator-option {
		left: -40%;
		right: auto;
		top: auto;
	}
	html[dir="rtl"] #aboutForceUpdate > .help-navigator-option > .help-navigator-arrow {
		left: 22px;
		right: auto;
	}
	html[dir="ltr"] #aboutForceUpdate > .help-navigator-option > .help-navigator-arrow {
		right: 22px;
		left: auto;
	}
	div.info > .domain-help {
		width: 100%;
	}
	#userscontent > #browser-content > * {
		line-height: 1em;
	}
	.user-devices .browser .deleted .item-status {
		width: 35%;
	}
}
@media screen and (max-width: 650px) {
	#confirmuser {
		text-align: center;
		overflow: auto;
	}
	#userform,
	#userchoice {
		width: 100% !important;
	}
	#userform form,
	#userchoice form {
		height: auto !important;
	}
}
@media screen and (max-width: 550px) {
	#user-info,
	#extra-data {
		padding: 0px;
		width: 100%;
	}
	.custom-text-to-heading-h1,
	.custom-text-to-heading-h3 {
		font-size: 2em;
	}
	#team .domain_users .item-mail {
		width: 20%;
	}
	#roles .item-groupname {
		width: 20%;
	}
	#billing .billing-cost {
		width: 15%;
	}
	#billing .billing-users {
		width: 30%;
	}
	.billing-center {
		width: 15%;
	}
	#groups .item-groupname {
		width: 25%;
	}
	.item-device-name {
		width: 35%;
	}
	.item-check-lists .browser {
		width: 100%;
		margin-top: 20px;
		border: 1px solid #ddd;
		padding: 5px;
		box-sizing: border-box;
	}
	.item-check-lists.short-margin-top {
		margin-top: 0px;
	}
	.item-check-lists .browser-item.item-last {
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.qq-actions {
		width: 79px;
	}
}
@media screen and (max-width: 600px) {	
	#lateralNav > div.user-panel {
		padding: 7px !important;
	}
	#lateralNav > div#mobile.user-panel {
		padding: 5px 10px !important;
	}
	.file-browser .item-name {
		width: 60%;
	}
}
@media screen and (max-width: 515px) {
	#currentuser {
		display: none;
	}
	html[dir=ltr] #newUIInfoButton {
		margin: 0px 15px 0px 0px;
	}
	html[dir=rtl] #newUIInfoButton {
		margin: 0px 0px 0px 15px;
	}
	.dropmenu > i {
		margin: 0px !important;
	}
	.block-container .block {
		width: 100% !important;
		padding: 0px;
	}
	.path.info.extraFont {
		font-size: 1.4em;
	}
	#team .path.info.extraFont {
		font-size: 1.2em;
	}
	/*#files.main.no-public .path.shorter .parent .item {
		max-width: 60px;
	}*/
}

@media screen and (max-width: 500px) {
	.path.extraFont {
		font-size: 1.15em;
	}
	body#files.no-public.main .path {
		width: auto;
		min-width: 145px;
	}
	body#files.no-public.main .actions-dir {
		width: auto;
	}
	.path .parent .item {
		max-width: 100px;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap !important;
	}
	.overlay .alert .buttons .ui-button {
		width: 35%;
	}
	div.domainuser-email {
		width: 35%;
	}
	.user-devices .browser .item-name {
		width: 30%;
	}
	#send_link .item-foldername,
	#send_link .item-folderthrudate,
	.progressBar-alert > #totalProgressBarList .pFileStatus,
	.item-thrudate,
	.item-size {
		display: none;
	}
	#pending .item-folderuser {
		display: none;
	}
	#pending .item-foldername {
		width: 80px;
	}
	#pending .item-foldermail {
		/* Standard */
		width: 40%;
		width: calc(100% - 80px - 90px) !important;
		/* IE */
		width: expression(100% - 80px - 90px) !important;
		/* Firefox */
		width: -moz-calc(100% - 80px - 90px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 80px - 90px) !important;
		/* Opera */
		width: -o-calc(100% - 80px - 90px) !important;
	}
	#pending .item-confirmation > .ui-button {
		min-width: auto;
	}
	#pending .item-confirmation > .ui-button.accept-button:before {
		font-family: "FontAwesome";
		content: "\f00c";
	}
	#pending .item-confirmation > .ui-button.remove-button:before {
		font-family: "FontAwesome";
		content: "\f014";
	}
	#pending .item-confirmation > .ui-button.cancel-button:before {
		font-family: "FontAwesome";
		content: "\f00d";
	}
	body#files.versions .file-browser .item-name {
		/* For not supported browsers */
		width: 15%;
		/* Standard */
		width: calc(100% - 250px) !important;
		/* IE */
		width: expression(100% - 250px) !important;
		/* Firefox */
		width: -moz-calc(100% - 250px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 250px) !important;
		/* Opera */
		width: -o-calc(100% - 250px) !important;
	}
	body#my_shared_links .file-browser .item-name {
		/* Standard */
		width: calc(100% - 30px - 110px) !important;
		/* IE */
		width: expression(100% - 30px - 110px) !important;
		/* Firefox */
		width: -moz-calc(100% - 30px - 110px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 30px - 110px) !important;
		/* Opera */
		width: -o-calc(100% - 30px - 110px) !important;
	}
	body#files.main .file-browser .item-name {
		/* Standard */
		width: calc(100% - 130px) !important;
		/* IE */
		width: expression(100% - 130px) !important;
		/* Firefox */
		width: -moz-calc(100% - 130px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 130px) !important;
		/* Opera */
		width: -o-calc(100% - 130px) !important;
	}
	body#deleted_files .file-browser .item-name {
		/* Standard */
		width: calc(100% - 160px) !important;
		/* IE */
		width: expression(100% - 160px) !important;
		/* Firefox */
		width: -moz-calc(100% - 160px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 160px) !important;
		/* Opera */
		width: -o-calc(100% - 160px) !important;
	}
	.public .item-size {
		display: inline;
	}
	#send_link .item-foldermail {
		width: 50% !important;
	}
	#send_link .browser-title .item-folderpermisions {
		width: 50% !important;
	}
	#send_link #sharedinfo .item-foldermail {
		width: 60% !important;
	}
	#send_link #sharedinfo . .item-folderpermisions {
		width: 40% !important;
	}
	#sharedfolderinfo .item-folderthrudate {
		display: none;
	}
	#sharedfolderinfo .item-foldermail {
		width: 45% !important;
	}
	.progressBar-alert > #totalProgressBarList {
		width: 100%;
		min-width: 100px;
	}
	#header.responsive {
		color: #fff;
	}
	.overlay .alert {
		width: 70%;
	}
	.log-description {
		width: auto;
	}
	.log-admin {
		width: 40%;
	}
	.item-password {
		width: 35%;
	}
	.item-modtime {
		width: 30%;
	}
	.file-browser .item-name {
		width: 70%;
	}
	.browser.deleted_files .item-name {
		width: 60%;
	}
	#my_shared_links .item-name {
		width: 57%;
	}
}
@media screen and (max-width: 450px) {
	.overlay .alert .buttons .ui-button.responsive {
		border: 0px;
		padding: 0px;
		background-color: transparent !important;
		min-width: initial;
		width: initial;
		border: 1px solid;
		border-width: 2px;
		line-height: initial;
		vertical-align: middle;
	}
	.overlay .alert .buttons .responsive.remove-button {
		color: #ED9199;
	}
	.overlay .alert .buttons .responsive.ui-button .actionName {
		color: transparent;
	}
	.overlay .alert .buttons .responsive i {
		display: block;
	}
	#team .menu-page {
		font-size: 0.8rem;
	}
	div.show-info > div.navigator-option > div.help-navigator-option {
		width: 200px;
		right: 0px;
	}
	div.show-info > div.navigator-option > div.help-navigator-arrow {
		right: 32px;
	}
	#pending div.item-folderuser,
	.send_link div.item-foldername {
		width: 20%;
	}
	.send_link div.item-confirmation {
		width: 35%;
	}
	#activityForm {
		padding: 5px 15px 15px 15px;
	}
	.user-allows .item-check-lists,
	.new-user .item-check-lists {
		margin-top: 0px;
	}
	.browser.deleted_files .item-name {
		width: 55%;
	}
	#files.versions .item-size,
	#files.versions  .item-source,
	.item-os,
	.item-version,
	.browser.deleted_files .item-modtime {
		display: none;
	}
	body#user.devices .browser .item-name {
		width: 40%;
		/* Standard */
		width: calc(100% - 90px - 105px) !important;
		/* IE */
		width: expression(100% - 90px - 105px) !important;
		/* Firefox */
		width: -moz-calc(100% - 90px - 105px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 90px - 105px) !important;
		/* Opera */
		width: -o-calc(100% - 90px - 105px) !important;
	}
	body#team.user-devices .browser .item-name {
		width: 40%;
		/* Standard */
		width: calc(100% - 90px - 135px) !important;
		/* IE */
		width: expression(100% - 90px - 135px) !important;
		/* Firefox */
		width: -moz-calc(100% - 90px - 135px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 90px - 135px) !important;
		/* Opera */
		width: -o-calc(100% - 90px - 135px) !important;
	}
	.user-devices .browser .deleted .item-status {
		width: 40% !important;
	}
	.unlinked .item-status {
		display: inline-block;
	}
	.browser.deleted_files .item-name {
		width: 50%;
	}
	#files.main .item-modtime {
		display: none;
	}
	#registerOptions > .plan {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 400px) {
	.user-settings > .action {
		padding: 2px;
	}
	#quotePrices > ul {
		margin: -3px;
	}
	.product-container {
		width: 100%;
		margin: 3px 3px 0px 0px;
	}
	.product-container > .product,
	.product-container > .product-imp {
		width: auto;
	}
	.qq-row-list li,
	.qq-row-list li.qq-in-progress {
		padding: 20px 15px !important;
	}
	.qq-row-list li.qq-upload-fail {
		padding: 6px 15px !important;
	}
	.qq-actions > .ui-button {
		font-size: 1.2em;
		min-width: 30px;
		padding: 5px;
	}
	.qq-actions > .ui-button.accept-button:before {
		font-family: "FontAwesome";
		content: "\f021";
	}
	.qq-actions > .ui-button.cancel-button:before {
		font-family: "FontAwesome";
		content: "\f00d";
	}
	.qq-actions {
		right: 5px !important;
	}
	.dropmenu > i {
		margin: 0px !important;
	}
}

@media screen and (max-width: 375px) {
	.browser.deleted_files .item-name {
		width: 44%;
	}
}

@media screen and (max-width: 350px) {
	.actions {
		white-space: normal;
	}
	.overlay .alert {
		min-width: auto;
	}
	.qq-upload-size {
		display: none !important;
	}
	.file-info .file-status {
		width: 80% !important;
	}
	.send_link div.item-folderuser {
		width: 15%;
	}
	.login-icon + .field-container {
		width: 85%;
	}
	.item-name {
		width: 55%;
	}
	.file-browser .item-name {
		width: 57%;
	}
	#my_shared_links .item-name {
		width: 45%;
	}
	#my_shared_links .item-password {
		width: 55%;
	}
}

@media screen and (max-width: 325px) {
	#newUIInfoButton .headerTitle {
		display: none;
	}
	#newUIInfoButton .headerTitle-resp {
		display: block !important;
	}
}
@media screen and (max-width: 280px) {
	.overlay .alert {
		left: 0px;
		right: 0px;
	}
}