@font-face {
	font-family: 'mimetypes';
	src:url('/2.0/css/fonts/mimetypes2/icomoon.eot?conok4');
	src:url('/2.0/css/fonts/mimetypes2/icomoon.eot?#iefixconok4') format('embedded-opentype'),
		url('/2.0/css/fonts/mimetypes2/icomoon.ttf?conok4') format('truetype'),
		url('/2.0/css/fonts/mimetypes2/icomoon.woff?conok4') format('woff'),
		url('/2.0/css/fonts/mimetypes2/icomoon.svg?conok4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('/2.0/css/fonts/icomoon.eot?t8zlk1');
	src:url('/2.0/css/fonts/icomoon.eot?t8zlk1#iefix') format('embedded-opentype'),
		url('/2.0/css/fonts/icomoon.ttf?t8zlk1') format('truetype'),
		url('/2.0/css/fonts/icomoon.woff?t8zlk1') format('woff'),
		url('/2.0/css/fonts/icomoon.svg?t8zlk1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: #fff;
	color: #4d4d4d;
	font-size: 13px;
	font-family: Roboto,"Helvetica Neue",sans-serif;
	margin: 0;
	padding: 0;
}
* {
	box-sizing: border-box;
	position: relative;
}
*:focus {
	outline: none;
}
::-ms-clear {
	display: none;
}
button, input, select, textarea {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
}

[left] {
	text-align: left;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'mimetypes';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="ico-"], [class*=" ico-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/* line-height: 1; */

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file-empty:before, .icon-file-null:before, .icon-file-undefined:before, .icon-file-:before, [class^="icon-file-"]:before, [class*="icon-file-"]:before {
	content: "\e94e";
}
.icon-file-folder:before {
	content: "\e959";
	color: #FCB64B;
}
.icon-file-text2:before, .icon-file-txt:before, .icon-file-rtf:before {
	content: "\e950";
}
.icon-file-picture:before, .icon-file-png:before, .icon-file-jpg:before, .icon-file-jpeg:before {
	content: "\e951";
}
.icon-file-zip:before, .icon-file-rar:before, .icon-file-7z:before {
	content: "\e955";
}
.icon-file-pdf:before {
	content: "\eb09";
}
.icon-file-word:before, .icon-file-doc:before, .icon-file-docx:before {
	content: "\eb0b";
}
.icon-file-excel:before, .icon-file-xls:before, .icon-file-xlsx:before {
	content: "\eb0c";
}

.ico-apps:before {
	content: "\e89f";
}
.ico-list:before {
	content: "\e8ae";
}
.ico-logout:before {
	content: "\e704";
}
.ico-home:before {
	content: "\e636";
}
.ico-search:before {
	content: "\e660";
}
.ico-warning:before {
	content: "\e6a3";
}
.ico-done:before {
	content: "\e623";
}
.ico-print:before {
	content: "\e656";
}
.ico-back:before {
	content: "\e7c2";
}
.ico-mail:before {
	content: "\e6e5";
}

.material-icons {
	
}

.folders {
	
}
	.folders > [controls] {
		display: flex;
		position: fixed;
		top: 50px;
		left: 210px;
		right: 0;
		height: 50px;
		border-bottom: 1px solid #E6E6E6;
	}
		.folders > [controls] > .form {
			flex: 1;
			padding: 5px;
		}
		.folders > [controls] > .buttons {
			min-width: 50px;
			display: flex;
		}
			.folders > [controls] > .buttons > a {
				flex: 1 auto;
				display: block;
				text-align: center;
				line-height: 50px;
				color: inherit;
				text-decoration: none;
				overflow: hidden;
				padding: 0 10px;
			}
			.folders > [controls] > .buttons > a.search, .folders > [controls] > .buttons > a.back {
				background-color: #03a9f4;
				color: #fff;
			}
				.folders > [controls] > .buttons > a > span {
					float: left;
				}
				.folders > [controls] > .buttons > a > span.text {
					font-weight: bold;
				}
				.folders > [controls] > .buttons > a > [class^="ico-"], .folders > [controls] > .buttons > a > [class*=" ico-"], .folders > [controls] > .buttons > a > .material-icons {
					font-size: 24px;
					margin-right: 5px;
					line-height: 50px;
				}
			.folders > [controls] > .buttons > input[type="submit"] {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 1px;
				height: 1px;
				opacity: 0;
				border: 0;
				margin: 0;
				padding: 0;
			}
		.folders > [controls] > .form > input, .folders > [controls] > .form > select {
			width: 100%;
			border-width: 0 0 1px 0;
			border-color: #e6e6e6;
			border-style: solid;
			background: none;
			padding: 0;
			height: 25px;
		}
			.folders > [controls] > .form > label {
				height: 15px;
				font-size: 10px;
				color: #666;
				display: block;
				line-height: 15px;
				overflow: hidden;
			}
	.folders > [folder] {
		position: fixed;
		top: 100px;
		left: 210px;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.folders > [folder="sendFile"] {
		top: 50px;
	}
		[data] {
			text-transform: uppercase;
			font-weight: bold;
			text-align: center;
			overflow: hidden;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			height: 50px;
			line-height: 50px;
			z-index: 10;
			background-color: #fff;
			color: #4d4d4d;
			border-bottom: 1px solid #E6E6E6;
			padding: 0;
		}
			[data] > img {
				position: absolute;
				top: 0;
				left: 0;
				height: 40px;
				margin: 5px;
			}
			[data] > .title {
				
			}
			[data] > a {
				position: absolute;
				top: 0;
				bottom: 0;
				width: 50px;
				cursor: pointer;
				font-size: 24px;
				line-height: 50px;
				font-weight: 300;
				color: inherit;
				text-decoration: none;
			}
			[data] > .home {
				right: 50px;
			}
			[data] > .layout {
				right: 50px;
			}
			[data] > .logout {
				right: 0;
			}
			[data] > a:hover {
				color: #fff;
				background-color: #03a9f4;
			}
			[data] > a.logout:hover {
				color: #fff;
				background-color: #EE4256;
			}
		.noData {
			text-align: center;
			padding: 20px;
		}
		.layout-list [folder] > .files  {
			padding: 10px;
		}
		[folder] > .files, [dir] > .list  {
			display: flex;
			flex-wrap: wrap;
		}
		[folder] > .files, [dir] > .list  {
			display: flex;
			flex-wrap: wrap;
		}
			[file] {
				cursor: pointer;
				overflow: hidden;
			}
			.layout-apps [file] {
				flex: 1;
				width: calc(100% / 6);
				min-width: calc(100% / 6);
				max-width: calc(100% / 6);
				text-align: center;
				padding: 0 20px 20px 20px;
				line-height: auto;
				height: auto;
				display: flex;
   				flex-direction: column;
    			justify-content: space-between;
			}
				.layout-apps [file] > [class^="icon-"], .layout-apps [file] > [class*=" icon-"] {
					font-size: 42px;
					width: 100%;
					height: 72px;
					line-height: 72px;
				}
				.layout-apps [file] > div.title {
					font-weight: bold;
					margin-bottom: 10px;
				}
				.layout-apps [file] > .competence, .layout-apps [file] > .expiration, .layout-apps [file] > .price, .layout-apps [file] > .obs {
					font-size: 0.8em;
				}
			.layout-list [file] {
				flex: 1 auto;
				width: 100%;
				height: 40px;
				line-height: 40px;
				display: flex;
				padding-left: 40px;
			}
				.layout-list [file] > [class^="icon-"], .layout-list [file] > [class*=" icon-"] {
					font-size: 24px;
					width: 40px;
					height: 40px;
					line-height: 40px;
					text-align: center;
				}
				.layout-list [file] > div.title {
					font-weight: bold;
					width: 35%;
					padding: 0 5px;
				}
				.layout-list [file] > .competence, .layout-list [file] > .expiration, .layout-list [file] > .price, .layout-list [file] > .obs {
					padding: 0 5px;
				}
				.layout-list [file] > .obs {
					max-width: 35.5%;
				}
				.layout-list [file] > .new-icons{
					position: absolute;
					left: 0px;
					top: 4px;
				}
				
	.all-folders {
		position: fixed;
		left: 0px;
		width: 210px;
		top: 50px;
		bottom: 0px;
		background-color: #f6f6f6;
		border-right: 1px solid #E6E6E6;
		padding-top: 10px;
	}
		.all-folders > .folder {
			padding: 10px 40px 10px 20px;
			cursor: pointer;
		}
			.all-folders > .folder > .count {
				position: absolute;
				top: 0px;
				right: 0px;
				padding: 12px 10px 8px 10px;
				font-weight: bold;
			}
		.all-folders > .folder:hover, .all-folders > .folder.selected-true {
			color: #03a9f4;
		}
		[file]:hover{
			cursor: default;
		}
		.new-icons {
			display:flex;
			justify-content: center;
		}
		[icon] {
			padding: 5px;
		}
		[icon]:hover{
			cursor: pointer;
			color:  #03a9f4;
		} 
		
[processes], [process] {
	text-align: center;
	padding: 10px 20px;
}

[revenue] {
	text-align: center;
	padding: 20px;
	margin: 20px;
	background-color: white;
	overflow: hidden;
}
	[revenue] img {
		max-width: 100%;
		max-height: 100%;
	}
	table.table {
		max-width: 100%;
		border: 0;
		border-spacing: 0;
		text-align: left;
	}
	table.table.f100 {
		width: 100%;
	}
		table.table > thead {
			
		}
			table.table > thead > tr {
				
			}
			table.table > thead > tr.cols {
				text-align: center;
			}
				table.table > thead > tr.cols > th {
					padding: 10px;
					border-bottom: 1px solid;
				}
			table.table > thead > tr.header {
				
			}
				table.table > thead > tr.header > th {
					padding-bottom: 20px;
				}
					table.table > thead > tr.header > th > div {
						float: left;
					}
					table.table > thead > tr.header > th > div.logo {
						width: 15%;
					}
					table.table > thead > tr.header > th > div.info {
						width: calc(85% - 20px);
						margin-left: 20px;
					}
						table.table > thead > tr.header > th > div.info > .title,  {
							text-transform: uppercase;
							font-size: 1.25em;
							margin-bottom: 20px;
						}
						table.table > thead > tr.header > th > div.info > .client {
							font-weight: normal;
						}
		table.table > tbody {
			text-align: center;
		}
			table.table > tbody > tr {
				
			}
				table.table > tbody > tr > td {
					padding: 10px;
					border-bottom: 1px solid;
				}
			table.table > tbody > tr.total {
				font-weight: bold;
			}
		table.table > tfoot {
			
		}
			table.table > tfoot > tr {
				
			}
				table.table > tfoot > tr > td {
					text-align: center;
				}
					table.table > tfoot > tr > td > .city_date {
						margin: 20px;
					}
					table.table > tfoot > tr > td > .signatures {
						margin: 20px;
						display: flex;
					}
						table.table > tfoot > tr > td > .signatures > div {
							flex: 1;
							padding-bottom: 60px;
						}
							table.table > tfoot > tr > td > .signatures > div > .bottom {
								position: absolute;
								left: 0;
								right: 0;
								height: 20px;
								line-height: 20px;
							}
							table.table > tfoot > tr > td > .signatures > div > .name {
								bottom: 40px;
							}
							table.table > tfoot > tr > td > .signatures > div > .doc1 {
								bottom: 20px;
							}
							table.table > tfoot > tr > td > .signatures > div > .doc2 {
								bottom: 0;
							}
							table.table > tfoot > tr > td > .signatures > div > .signature {
								
							}
								table.table > tfoot > tr > td > .signatures > div > .signature > img {
									max-width: 300px;
									max-height: 100px;
								}

[inconsistencies] {
	padding: 20px;
	line-height: 1.5em;
}
	[inconsistencies] > .client {
		margin-bottom: 40px;
	}
		[inconsistencies] > .client > .name {
			font-size: 16px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #b3b3b3;

		}
		[inconsistencies] > .client > .inconsistencies {
			
		}
			[inconsistencies] > .client > .inconsistencies > .inconsistency {
				margin-bottom: 20px;
				padding-left: 40px;
			}
				[inconsistencies] > .client > .inconsistencies > .inconsistency > .ico {
					position: absolute;
					top: 0;
					left: 0;
					width: 30px;
					height: 30px;
					line-height: 30px;
					display: block;
					font-size: 25px;
					text-align: center;
				}
				[inconsistencies] > .client > .inconsistencies > .inconsistency > .ico-warning {
					color: #FCB64B;
				}
				[inconsistencies] > .client > .inconsistencies > .inconsistency > .ico-done {
					color: #50BCB6;
				}
				[inconsistencies] > .client > .inconsistencies > .inconsistency > div {
					
				}
				[inconsistencies] > .client > .inconsistencies > .inconsistency > .description {
					margin-bottom: 10px;
					padding-top: 3px;
					font-size: 16px;
					line-height: 1.5em;
				}
				[inconsistencies] > .client > .inconsistencies > .inconsistency > .file {
					
				}
					[inconsistencies] > .client > .inconsistencies > .inconsistency > .file > a {
						text-decoration: none;
						color: #03a9f4;
					}
					
[sendfile] {
	text-align: center;
}
	[sendfile] > form.show-false {
		height: 1px;
		padding: 0;
		margin: 0;
		opacity: 0;
	}
	[sendfile] > form {
		display: inline-block;
		text-align: left;
		width: 320px;
		border: 1px solid #b3b3b3;
		background-color: #f4f4f4;
		padding: 20px;
		margin: 20px;
		overflow: hidden;
	}
		[sendfile] > form label {
			display: block;
			height: 20px;
			line-height: 20px;
		}
		[sendfile] > form > .input {
			margin-bottom: 10px;
		}
			[sendfile] > form > .input > input[type="text"], [sendfile] > form > .input > select {
				height: 35px;
				padding: 0 10px;
				border: 1px solid #b3b3b3;
				background-color: #fff;
				width: 100%;
			}
		[sendfile] > form > .buttons {
			text-align: center;
			margin-top: 20px;
		}
			[sendfile] > form > .buttons > input[type="submit"] {
				background-color: #50BCB6;
				border: none;
				height: 35px;
				padding: 0 15px;
				border-radius: 10em;
				color: white;
				font-weight: bold;
				cursor: pointer;
			}
			[sendfile] > form > .buttons > a.back {
				text-decoration: none;
				background-color: #b3b3b3;
				border: none;
				height: 35px;
				padding: 0 15px;
				border-radius: 10em;
				color: white;
				font-weight: bold;
				cursor: pointer;
				display: inline-block;
				vertical-align: middle;
				line-height: 35px;
			}
	
	[sendFile] > .filesNotReceived {
		padding: 0 10px;
		text-align: left;
	}
		[sendFile] > .filesNotReceived > .file {
			padding: 0 10px;
			height: 35px;
			line-height: 35px;
			overflow: hidden;
		}
		[sendFile] > .filesNotReceived > .file:not(:last-child) {
			border-bottom: 1px solid #b3b3b3;
		}
		[sendFile] > .filesNotReceived > .file:hover {
			background-color: #e6e6e6;
		}
			[sendFile] > .filesNotReceived > .file > span, [sendFile] > .filesNotReceived > .file > a {
				position: absolute;
				top: 0;
				bottom: 0;
				overflow: hidden;
				padding: 0 10px;
			}
			[sendFile] > .filesNotReceived > .file > span.name {
				left: 10px;
				width: 55%;
			}
			[sendFile] > .filesNotReceived > .file > span.competence {
				left: 55%;
				width: 15%;
				text-align: right;
			}
			[sendFile] > .filesNotReceived > .file > span.price {
				left: 70%;
				width: 15%;
				text-align: right;
			}
			[sendFile] > .filesNotReceived > .file > a {
				right: 0;
				text-decoration: none;
				font-weight: bold;
				color: #999;
			}
			[sendFile] > .filesNotReceived > .file:hover > a {
				background-color: #50BCB6;
				color: #fff;
			}
			
[events-map] {
	padding: 20px;
}		
	[events-map] > .client {
		
	}
		[events-map] > .client > .employee {
			margin-bottom: 20px;
		}
			[events-map] > .client > .employee > .header {
				overflow: hidden;
				margin-bottom: 10px;
			}
				[events-map] > .client > .employee > .header > .name {
					float: left;
					font-size: 1.2em;
					font-weight: bold;
					margin-right: 10px;
				}
				[events-map] > .client > .employee > .header > .cpf {
					float: left;
					font-size: 1.2em;
				}
				[events-map] > .client > .employee > .header > .period {
					float: right;
					font-size: 1.2em;
				}
			[events-map] > .client > .employee > .subheader {
				overflow: hidden;
				margin-bottom: 10px;
				cursor: pointer;
			}
				[events-map] > .client > .employee > .subheader > span {
					vertical-align: middle;
				}
			[events-map] > .client > .employee > .events {
				overflow: hidden;
			}
				[events-map] > .client > .employee > .events > .header, [events-map] > .client > .employee > .events > .content {
					display: flex;
					margin-bottom: 10px;
				}
					[events-map] > .client > .employee > .events > .header > div, [events-map] > .client > .employee > .events > .content > div {
						flex: 1 auto;
						padding: 0 5px;
					}
				[events-map] > .client > .employee > .events .event {
					width: 40%;
				}
				[events-map] > .client > .employee > .events .qty {
					width: 10%;
				}
				[events-map] > .client > .employee > .events .value {
					width: 10%;
				}
				[events-map] > .client > .employee > .events .obs {
					width: 40%;
				}
				[events-map] > .client > .employee > .events input, [events-map] > .client > .employee > .events select {
					width: 100%;
					height: 25px;
				}
				[events-map] > .client > .employee > .events > .button {
					overflow: hidden;
					color: #03a9f4;
					cursor: pointer;
				}
					[events-map] > .client > .employee > .events > .button > span {
						vertical-align: middle;
					}
					
				[events-map] > .client > .employee > .events > .content.extraEvents > .event {
					display: flex;
				}
					[events-map] > .client > .employee > .events > .content.extraEvents > .event > span.material-icons {
						color: red;
						font-size: 20px;
						cursor: pointer;
						width: 20px;
						vertical-align: middle;
						height: 25px;
						line-height: 25px;
						margin-right: 5px;
					}
					[events-map] > .client > .employee > .events > .content.extraEvents > .event > select {
						vertical-align: middle;
						width: calc(100% - 25px);
					}

form[login] {
	display: block;
	text-align: center;
	height: 80px;
}
	form[login] > div {
		display: inline-block;
		text-align: left;
		float: left;
	}
	form[login] > .img {
		
	}
		form[login] > .img > img {
			height: 60px;
			margin: 10px;
		}
	form[login] > .company_name {
		height: 80px;
		line-height: 80px;
		padding: 0;
		margin: 0 10px;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	form[login] > div[form] {
		float: right;
		margin-right: 15px;
	}
		form[login] > div[form] > div {
			float: left;
			padding: 15px 5px;
		}
		form[login] > div > .input {
			color: #666;
			width: 200px;
			margin-right: 10px;
		}
			form[login] > div > .input > label{
				display: block;
			}
			form[login] > div > .input > input{
				border-width: 0 0 1px 0;
				border-style: solid;
				border-color: #b3b3b3;
				width: 100%;
				height: 50px;
			}
		form[login] > div > .error {
			display: none;
		}
		form[login] > div > .buttons {
			text-align: center;
		}
			form[login] > div > .buttons > input[type="submit"]{
				border: none;
				height: 50px;
				color: #fff;
				background-color: #50BCB6;
				padding: 0 20px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 0.9em;
				cursor: pointer;
			}
			
[blocks] {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
	[blocks] > [block] {
		flex: 1 auto;
		min-width: calc(100% / 4);
		max-width: calc(100% / 4);
		width: calc(100% / 4);
		height: calc(100vw / 4);
		text-decoration: none;
	}
		[blocks] > [block] > div {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		[blocks] > [block] > [text] {
			background: #e6e6e6;
			font-size: 2vw;
			padding: 8vw 2.5vw;
			color: #333;
			line-height: 1.5em;
			text-align: center;
		}
		[blocks] > [block] > [img] {
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
			
[loading] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 100;
	background-color: rgba(255,255,255,0.8);
}
	[loading] > span {
		position: absolute;
		top: 50%;
		line-height: 50px;
		height: 50px;
		margin-top: -25px;
		left: 50%;
		margin-left: -75px;
		text-transform: uppercase;
		font-weight: bold;
		color: #03a9f4;
		width: 150px;
		border: 1px solid #fff;
		transition: all 0.5s ease 0s;
	}
	body.loadFx1 > [loading] > span {
		border-color: #03a9f4;
	}
	
@media (min-width: 1681px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 12);
		min-width: calc(100% / 12);
		max-width: calc(100% / 12);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
}
@media (max-width: 1680px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 9);
		min-width: calc(100% / 9);
		max-width: calc(100% / 9);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
}
@media (max-width: 1440px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 6);
		min-width: calc(100% / 6);
		max-width: calc(100% / 6);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
}
@media (max-width: 1366px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 5);
		min-width: calc(100% / 5);
		max-width: calc(100% / 5);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
}
@media (max-width: 1024px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 4);
		min-width: calc(100% / 4);
		max-width: calc(100% / 4);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
}
@media (max-width: 800px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 3);
		min-width: calc(100% / 3);
		max-width: calc(100% / 3);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
	[data] > .company {
		display: none;
	}
	[blocks] > [block] {
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		height: 100vw;
	}
	[blocks] > [block] > [text] {
		padding: 35vw 10vw;
		font-size: 7vw;
	}
	form[login] {
		height: auto;
		margin-bottom: 30px;
	}
	form[login] > .img > img {
		margin: 0 60px;
		position: relative;
		top: auto;
		left: auto;
		width: calc(100% - 120px);
		height: auto;
	}
	form[login] > .company_name {
		width: 100%;
		text-align: center;
		margin: 15px 0;
		height: auto;
		line-height: 1em;
	}
	form[login] > div[form], form[login] > div[form] > div {
		float: none;
		margin: 0;
	}
	form[login] > div > .input {
		margin-bottom: 20px;
	}
}
@media (max-width: 640px) {	
	.layout-apps [file] {
		flex: 1;
		width: calc(100% / 2);
		min-width: calc(100% / 2);
		max-width: calc(100% / 2);
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
}
@media (max-width: 480px) {	
	.layout-apps [file] {
		flex: 1;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		text-align: center;
		padding: 0 20px 20px 20px;
		line-height: auto;
		height: auto;
	}
	.all-folders {
		width: 120px;
	}
	.folders > [folder], .folders > [controls] {
		left: 120px;
	}
}
@media print {
	.folders > *, [loading] {
		display: none;
	}
	.folders > [controls] {
		display: none;
	}
	.folders > [folder] {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		overflow-y: auto;
		overflow-x: auto;

	}
}