/* Aleksey Skubaev

askubaev@gmail.com
icq - 322253350
test-templates.com
------------------
*/

@import "fontello.css" screen; 

body {
	padding: 0;
	margin: 0;
	background: #e7ecee;
	text-align: left;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	color: #1a1a1a;
}

input, textarea {
	font-family: 'Inter', sans-serif !important;
	outline: none;
}

h1, h2, h3, h4, form {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}
img {
	border: none;
}

.head-block {
	background: #fff;
	margin: 0 0 60px 0;
}

	.head-block-fl {
		padding: 30px 30px 0 30px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
		.head-block-left {
			display: flex;
			
		}
		
			.user-info {
				display: flex;
				align-items: center;
				width: 290px;
			}
			
				.user-info-image {
					width: 100px;
					height: 100px;
					border: 8px solid #f1f5f5;
					-moz-border-radius: 100%;
					-webkit-border-radius: 100%;
					border-radius: 100%;
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center top;
				}
				
				.user-info-name {
					flex: 1;
					padding: 0 0 0 20px;
					color: #000;
					font-size: 12px;
					font-weight: 500;
				}
				
					.user-info-name a {
						color: #3698b7;
						text-decoration: underline;
						margin: 5px 0 0 0;
						display: inline-block;
						vertical-align: top;
					}
					
						.user-info-name a:hover {
							opacity: 0.7;
						}
						
			.aist-logo {
				width: 260px;
				background: url(../images/logo-new.png) right center no-repeat;
				border-left: 1px #ececec solid;
				margin-left: 40px;
			}
		
		.head-block-center {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
			.ylink {
				color: #be7e7e;
				font-size: 16px;
				font-weight: bold;
				text-decoration: underline;
			}
			
				.ylink i {
					margin: -6px 7px 0 0;
					display: inline-block;
					vertical-align: top;
					font-size: 28px;
				}
			
				.ylink:hover {
					color: #000;
				}
		
		.head-block-right {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
			.head-tel {
				color: #000;
				font-weight: 500;
				font-size: 20px;
				position: relative;
				padding: 0 0 0 44px;
			}
			
				.head-tel span {
					display: block;
					font-style: normal;
					font-size: 12px;
				}
				
				.head-tel i {
					position: absolute;
					left: 0;
					top: 0;
					font-size: 33px;
				}
				
		.head-block-info {
			text-align: right;
		}
				
	.head-menu {
		bottom: -25px;
		position: relative;
		padding: 0 0 0 30px;
	}
	
	.adm .head-menu {
		padding: 0 20px;
		display: flex;
	}
	
		.head-menu-link {
			display: inline-block;
			vertical-align: top;
			margin: 0 10px 0 0;
			height: 36px;
			line-height: 34px;
			-moz-border-radius: 36px;
			-webkit-border-radius: 36px;
			border-radius: 36px;
			background: #fff;
			padding: 0 18px;			
			color: #6a6a6a;
			border: 6px solid #e7ebed;
		}
		
		.adm .head-menu-link {
			flex-grow: 1;
			margin: 0 3px;
			text-align: center;
		}
		
		@media (min-width: 1600px) {
			
			.head-menu-link {
				font-weight: 600;
			}
			
		}
		
			.head-menu-link i {
				display: inline-block;
				vertical-align: top;
				margin: 0 5px 0 0;
				font-size: 18px;
			}
			
			.head-menu-link span {
				color: #3295b2;
			}
		
			.head-menu-link:hover {
				color: #000;
			}
			
			.head-menu-active {
				background: #c3a09e;
				color: #fff !important;
			}
			
				.head-menu-active i {
					color: #fff !important;
				}
				
.main-wrap {
	padding: 0 30px 30px 30px;
}

@media (min-width: 1800px) {

.bwrap, .main-wrap {
	width: 1600px;
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
}

}
			
.content-block {
	
}

	.title-block {
		color: #000;
		font-size: 24px;
		margin: 0 0 30px 0;
	}
	
		.title-block span {
			color: #8d7675;
		}
		
	.title-block2 {
		color: #000;
		font-size: 18px;
		margin: 0 0 30px 0;
	}
	
	.content-block-main {
		
	}
	
		.twrap {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #fff;
			-moz-box-shadow: 0 0 35px rgba(0,0,0,.07);
			-webkit-box-shadow: 0 0 35px rgba(0,0,0,.07);
			box-shadow: 0 0 35px rgba(0,0,0,.07);
		}
		
			.tline, .twrap-title {
				display: flex;
				align-items: center;
				position: relative;
			}
			
			.twrap-title-fixed {
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				box-sizing: border-box;
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				padding: 0 20px;
				z-index: 645;
			}
			
			.tline:nth-child(2n) {
				background: #f7f7f7;
				border-top: 1px #ececec solid;
				border-bottom: 1px #ececec solid;
			}
			
			.twrap-content .tline:last-child {
				-moz-border-radius: 0 0 5px 5px;
				-webkit-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
			}
			
				.tline-item {
					color: #818181;
					font-size: 13px;
					box-sizing: border-box;
					-moz-box-sizing: border-box; 
					-webkit-box-sizing: border-box;
					padding: 30px 20px 30px 20px;
				}
				
				.timeupdate {
					color: #818181;
					font-size: 11px;
					display: block;
					padding: 5px 0 0 0;
				}
				
				.status {
					
				}
				
					.status:before {
						content: '';
						display: inline-block;
						vertical-align: top;
						width: 14px;
						height: 14px;
						-moz-border-radius: 100%;
						-webkit-border-radius: 100%;
						border-radius: 100%;
						margin: 2px 10px 0 0;
						background: #c5c5c5;
					}
					
				    .status-wait-2:before {
						background: yellow;    
					}
					
					.status-wait-3:before {
						background: red;    
					}
					
					.status-ok:before {
						background: #a6d766;
					}
					
					.status-error:before {
						background: #ff620d;
					}
				
				.tline-item:nth-child(1) {
					color: #818181;
					font-size: 14px;
					width: 150px;
					padding-left: 30px;
					padding-right: 20px;
				}
				
				.tline-item:nth-child(2) {
					color: #000;
					font-size: 16px;
					font-weight: bold;
					width: 190px;
				}
				
				.tline-item:nth-child(3) {
					width: 190px;
					text-align: center;
					padding-left: 10px;
					padding-right: 10px;
				}
				
				.tline-item:nth-child(4) {
					width: 150px;
					text-align: center;
					padding-left: 10px;
					padding-right: 10px;
				}
				
				.tline-item:nth-child(5) {
					width: 160px;
					text-align: center;
					padding-left: 10px;
					padding-right: 10px;
				}
				
				.tline-item:nth-child(6) {
					width: 160px;
					text-align: center;
					font-size: 20px;
					font-weight: bold;
				}
				
				.tline-item:nth-child(7) {
					flex: 1;
					padding-top: 0;
					padding-bottom: 0;
					
				}
				
				.file-download {
					display: inline-block;
					vertical-align: top;
					padding: 0 0 0 40px;
					position: relative;
					margin: 20px 25px 20px 0;
					box-sizing: border-box;
					-moz-box-sizing: border-box; 
					-webkit-box-sizing: border-box;
					min-width: 190px;
				}
				
					.file-download:last-child {
						/*margin-right: 0;*/
					}
				
					.file-download:before {
						font-family: "fontello";
						font-style: normal;
						font-weight: normal;
						speak: none;						 
						display: inline-block;
						text-decoration: inherit;
						width: 1em;
						margin-right: .2em;
						text-align: center;
						font-variant: normal;
						text-transform: none;
						line-height: 1em;
						margin-left: .2em;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: '\f02e';
						font-size: 31px;
						margin: 0 5px 0 0;
						color: #6ba4b9;
						position: absolute;
						left: 0;
						top: 2px;
					}
				
					.file-download-title {
						display: block;
						color: #525252;
						font-size: 14px;
						font-weight: bold;
					}
					
					.file-download-update {
						display: block;
						color: #959595;
						font-size: 12px;
					}
					
					.file-download:hover {
						color: #bd7f7f;
					}
					
						.file-download:hover span:first-child {
							color: #bd7f7f;
						}
						
						.file-download:hover:before {
							color: #bd7f7f;
						}
						
				.twrap-title .tline-item {
					text-transform: uppercase;
					color: #ababab;
					font-size: 12px;
					font-weight: 400;
					padding-top: 25px;
					padding-bottom: 25px;
				}
				
				.twrap-title {
					background-image: -moz-linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
					background-image: -o-linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
					background-image: -webkit-linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
					background-image: linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
					-moz-border-radius: 5px 5px 0 0;
					-webkit-border-radius: 5px 5px 0 0;
					border-radius: 5px 5px 0 0;
				}
				
				.twrap-content .tline:hover {
					background: #fff6d1;
				}
				
				.upload-link {
					position: absolute;
					height: 100%;
					padding: 0 30px 0 70px;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					color: #c5b8a8;
					font-size: 11px;
					right: 0;
					top: 0;
					background: -moz-linear-gradient(270deg, rgba(255,246,208,1) 58%, rgba(255,246,208,0) 100%);
					background: -webkit-linear-gradient(270deg, rgba(255,246,208,1) 58%, rgba(255,246,208,0) 100%);
					background: linear-gradient(270deg, rgba(255,246,208,1) 58%, rgba(255,246,208,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff6d0",endColorstr="#fff6d0",GradientType=1);
					visibility: hidden;
				}
				
				.tline:hover .upload-link {
					visibility: visible;
				}
				
					.upload-link i {
						font-size: 21px;
					}
					
					.upload-link span {
						
					}
					
					.upload-link:hover {
						color: #be7f7f;
					}
					
.swrap {
	margin: 0 0 50px 0;
}
					
.stable {
	width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
	padding: 0;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	-moz-box-shadow: 0 0 35px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.07);
	box-shadow: 0 0 35px rgba(0,0,0,.07);
}

	.stable tbody tr:nth-child(2n) {
		background: #f7f7f7;
		border-top: 1px #ececec solid;
		border-bottom: 1px #ececec solid;
	}
	
	.stable tbody tr:hover {
		background: #fff6d1;
	}
	
		.stable td {
			border: 0;
			color: #818181;
			font-size: 14px;
			padding: 30px 20px;
		}
		
		.stable td:nth-child(1) {
			width: 30px;
			text-align: center;
		}
		
		.stable td:nth-child(2) {
			
		}
		
		.stable td:nth-child(3) {
			
		}
		
		.stable td:nth-child(4) {
			
		}
		
		.stable td:nth-child(5) {
			
		}
		
		.stable td:nth-child(6) {
			text-align: center;
		}
		
		.stable td:nth-child(7) {
			text-align: center;
		}
		
		.stabe-line td {
			width: auto !important;
			text-align: center;
		}
		
		.stable-docs td {
			text-align: center;
		}
		
		.stable-docs td:nth-child(2) {
			text-align: left;
		}

	.stable thead {
		
	}
	
		.stable thead tr {
			
		}
		
			.stable thead td {
				background-image: -moz-linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
				background-image: -o-linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
				background-image: -webkit-linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
				background-image: linear-gradient(bottom, #f2f1f1 0%, #fff 100%);
				text-transform: uppercase;
				color: #ababab;
				font-size: 12px;
				font-weight: 400;
				padding-top: 25px;
				padding-bottom: 25px;
			}
			
			.stable thead td:first-child {
				-moz-border-radius: 5px 0 0 0;
				-webkit-border-radius: 5px 0 0 0;
				border-radius: 5px 0 0 0;
			}
			
			.stable thead td:last-child {
				-moz-border-radius: 0 5px 0 0;
				-webkit-border-radius: 0 5px 0 0;
				border-radius: 0 5px 0 0;
			}
			
			.stable tbody tr:last-child td:first-child {
				-moz-border-radius: 0 0 0 5px;
				-webkit-border-radius: 0 0 0 5px;
				border-radius: 0 0 0 5px;
			}
			
			.stable tbody tr:last-child td:last-child {
				-moz-border-radius: 0 0 5px 0;
				-webkit-border-radius: 0 0 5px 0;
				border-radius: 0 0 5px 0;
			}
			
			.form-input2 {
				color: #000;
				font-size: 14px;
				display: block;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				padding: 0 24px;
				height: 42px;
				line-height: 40px;
				-moz-border-radius: 21px;
				-webkit-border-radius: 21px;
				border-radius: 21px;
				border: 1px #ededed solid;
				margin: 0;
				background: #f7f7f7;
				width: 200px;
				outline: none;
			}
			
			.stable tbody tr:nth-child(2n) .form-input2 {
				border: 1px #e1e1e1 solid;
			}
			
			.stable tbody tr:hover .form-input2 {
				background: #fff;
			}
			
			.stable a {
				color: #3698b7;
			}
			
				.stable a:hover {
					color: #000;
				}
				
			.data-form-checkbox {
				
			}
			
			.form-inline-radio {
				padding: 7px 0 0 0;
			}
			
				.data-form-checkbox input[type="checkbox"], .form-inline-radio input[type="radio"] {
					display: none;
				}
				
				.data-form-checkbox label {
					display: inline-block;
					vertical-align: top;
					min-height: 30px;
					line-height: 30px;
					min-width: 150px;
				}
				
				.form-inline-radio label {
					display: inline-block;
					vertical-align: top;
					min-height: 30px;
					line-height: 30px;
				}
				
					.data-form-checkbox label span, .form-inline-radio label span {
						display: inline-block;
						vertical-align: top;
						height: 30px;
						width: 60px;
						margin: 0 10px 0 0;
						cursor: pointer;
						-moz-border-radius: 15px;
						-webkit-border-radius: 15px;
						border-radius: 15px;
						background: #ebeded;
						position: relative;
						transition: all 0.3s ease;
						-webkit-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
					}
					
					.form-inline-radio label span {
						background: #d5dcdf;
					}
					
					.data-form-checkbox label span:after, .form-inline-radio label span:after {
						width: 16px;
						height: 16px;
						background-image: -moz-linear-gradient(bottom, #fff 0%, #f3f3f3 100%);
						background-image: -o-linear-gradient(bottom, #fff 0%, #f3f3f3 100%);
						background-image: -webkit-linear-gradient(bottom, #fff 0%, #f3f3f3 100%);
						background-image: linear-gradient(bottom, #fff 0%, #f3f3f3 100%);
						-moz-border-radius: 100%;
						-webkit-border-radius: 100%;
						border-radius: 100%;
						border: 4px solid #fff;
						position: absolute;
						left: 5px;
						top: 3px;
						content: '';
						transition: all 0.3s ease;
						-webkit-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
					}
					
					.data-form-checkbox input[type="checkbox"]:checked + label span:after, .form-inline-radio input:checked + label span:after {
						left: 32px;
						background-image: -moz-linear-gradient(bottom, #87cde8 0%, #2baedf 80.62%, #6ed8f3 100%);
						background-image: -o-linear-gradient(bottom, #87cde8 0%, #2baedf 80.62%, #6ed8f3 100%);
						background-image: -webkit-linear-gradient(bottom, #87cde8 0%, #2baedf 80.62%, #6ed8f3 100%);
						background-image: linear-gradient(bottom, #87cde8 0%, #2baedf 80.62%, #6ed8f3 100%);
						border: 4px solid #64b4d6;
					}
					
					.data-form-checkbox label:after {
						content: 'Выключено';
					}
					
					.data-form-checkbox input[type="checkbox"]:checked + label:after {
						content: 'Включено';
					}
					
			.form-inline-radio {
				display: inline-block;
				vertical-align: top;
				margin: 0 20px 25px 0;
			}
			
				.filter-block-hidden {
					display: none;
					padding: 20px 0 0 0;
				}
					
					.filter-block-hidden .form-inline {
						width: 240px;
					}
				
				.form-inline-radio input:checked + label + .filter-block-hidden {
					display: block;
				}
					
				.stable .submit-input {
					margin: 0;
					padding: 0;
					width: 130px;
					text-align: center;
					height: 34px;
					line-height: 32px;
				}
				
				.stable-docs .submit-input {
					width: auto;
					padding: 0 15px;
				}
				
.search-block {
	margin: 0 0 40px 0;
	display: none;
}

.table-label {
	padding: 10px;
}

.filter-block {
	margin: 0 0 40px 0;
}

	.search-block-content {
		
	}
	
		.form-inline {
			display: inline-block;
			vertical-align: top;
			width: 300px;
			margin: 0 20px 25px 0;
		}
		
		.select-inline {
			display: inline-block;
			vertical-align: top;
			width: 200px;
			margin: 0 20px 25px 0;
		}
		
			.form-input {
				color: #000;
				font-size: 14px;
				display: block;
				box-sizing: border-box;
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				padding: 0 24px;
				height: 42px;
				line-height: 40px;
				-moz-border-radius: 21px;
				-webkit-border-radius: 21px;
				border-radius: 21px;
				border: 0;
				margin: 0;
				background: #fff;
				width: 100%;
				outline: none;
			}
			
			.form-input::-webkit-input-placeholder { 
				color: #b5b5b5;
			}

			.form-input:-ms-input-placeholder { 
				color: #b5b5b5;
			}

			.form-input::placeholder {
				color: #b5b5b5;
			}
			
			.form-select {
				color: #b5b5b5;
				font-size: 14px;
				display: block;
				box-sizing: border-box;
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				padding: 0 24px;
				height: 42px;
				line-height: 40px;
				-moz-border-radius: 21px;
				-webkit-border-radius: 21px;
				border-radius: 21px;
				border: 0;
				margin: 0;
				background: #fff url(../images/form-select.png) right 24px center no-repeat;
				width: 100%;
				outline: none;
				-webkit-appearance: none;
				-moz-appearance: none;
				text-indent: 1px;
				text-overflow: '';
				cursor: pointer;
			}
			
			.submit-input {
				color: #42611a;
				font-size: 14px;
				display: inline-block;
				vertical-align: top;
				box-sizing: border-box;
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				padding: 0 60px;
				height: 42px;
				line-height: 40px;
				-moz-border-radius: 21px;
				-webkit-border-radius: 21px;
				border-radius: 21px;
				border: 0;
				margin: 0 20px 25px 0;
				background: #b1dc79;
				cursor: pointer;
				font-weight: 500;
			}
			
				.submit-input:hover {
					background: #78b22d;
					color: #fff;
				}
				
.tt-tabs {
	
}

	.index-tabs {
		position: relative;
	}
	
		.index-tabs span {
			font-size: 24px;
			cursor: pointer;
			padding: 20px 30px;
			position: relative;
			
			background: #e7ecee;
			display: inline-block;
			vertical-align: top;
			color: #989898;
			border: 2px transparent dashed;
			border-bottom: 0;
		}
		
			.index-tabs span:hover {
				color: #000;
			}
			
			.index-tabs span.active-ttab {
				-moz-border-radius: 5px 5px 0 0;
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
				border: 2px #fff dashed;
				border-bottom: 0;
				color: #000;
				bottom: -2px;
			}
			
	.index-panel {
		
	}
	
		.tt-panel {
			display: none;
			border: 2px #fff dashed;
			padding: 40px 30px 15px 30px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 2px 9px rgba(0,0,0,.16);
			-webkit-box-shadow: 0 2px 9px rgba(0,0,0,.16);
			box-shadow: 0 2px 9px rgba(0,0,0,.16);
		}

.pw-shad {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 8887;
	background: rgba(255,255,255,0.8);
	display: none;
}

.pw-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	left: 0;
	top: 0;
	z-index: 8888;
	display: none;
}

	.pw-container {
	    margin-top:auto;
	    overflow: auto;
		width: 700px;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		text-align: left;
		position: relative;
		z-index: 8888;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #fff;
		-moz-box-shadow: 0 0 62px rgba(0,0,0,.39);
		-webkit-box-shadow: 0 0 62px rgba(0,0,0,.39);
		box-shadow: 0 0 62px rgba(0,0,0,.39);
		padding: 160px;
	}
	
		.pw-text {
			font-size: 14px;
			line-height: 20px;
			
		}
	
		.upload-block-popup {
			padding: 50px;
			text-align: center;
		}
		
			.upload-block {
				text-align: center;
				display: flex;
				justify-content: center;
			}
		
				.upload-item {
					margin: 0 15px 30px 15px;
					display: flex;
					flex-direction: column;
					height: 210px;
					width: 210px;
					justify-content: center;
					align-items: center;
					box-sizing: border-box;
					-moz-box-sizing: border-box; 
					-webkit-box-sizing: border-box;					
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					background: #fff;
					border: 2px #ccc dashed;
					position: relative;
				}
				
					.upload-item-close {
						position: absolute;
						z-index: 5555;
						border: 1px solid #d2d2d2;
						-moz-border-radius: 100%;
						-webkit-border-radius: 100%;
						border-radius: 100%;
						background: #fff;
						width: 20px;
						height: 20px;
						cursor: pointer;
						position: absolute;
						right: 10px;
						top: 10px;
						text-align: center;
					}
					
						.upload-item-close:hover {
							border: 1px solid #f01408;
						}
					
						.upload-item-close i {
							color: #f01408;							
							font-size: 13px;
							margin: 0 -1px 0 0;
						}
				
				.upload-item:last-child {
					
				}
				
					.upload-item-link {
						width: 100%;
						height: 100%;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						padding: 30px;
						box-sizing: border-box;
						-moz-box-sizing: border-box; 
						-webkit-box-sizing: border-box;
					}
					
						.upload-item-link i {
							color: #c39f9d;
							font-size: 70px;							
						}
					
						.upload-item-title {
							color: #000;
							font-size: 14px;
							font-weight: 500;
							padding-top: 5px;
							display: block;

						}
						
					.upload-item-close {
						
					}
					
				a.upload-item-link {
					
				}
					
					a.upload-item-link i {
						color: #e3e3e3;
						font-size: 42px;
					}
					
						a.upload-item-link:hover i {
							color: #b1dc7a;
						}
					
					a.upload-item-link .upload-item-title {
						color: #818181;
					}
					
						a.upload-item-link:hover .upload-item-title {
							color: #b1dc7a;
						}
						
			.upload-buttons {
				text-align: center;
				padding: 30px 0 0 0;
			}
			
				.upload-buttons a {
					display: inline-block;
					vertical-align: top;
					margin: 0 15px 15px 15px;
					height: 42px;
					line-height: 40px;
					padding: 0 50px;
					-moz-border-radius: 21px;
					-webkit-border-radius: 21px;
					border-radius: 21px;					
					font-size: 14px;
					font-weight: 500;
					box-sizing: border-box;
					-moz-box-sizing: border-box; 
					-webkit-box-sizing: border-box;
				}
				
				.save-btn {
					background: #b1dc79;
					color: #42611a;
				}
				
				.save-btn-pered{
					background: #884535;
					color: #fcf8f7;
				}
				
					.save-btn:hover {
						background: #78b22d;
						color: #fff;
					}
				
				.cancel-btn {
					border: 1px solid #e0e0e0;
					background: #fff;
					color: #b3b3b3;
				}
				
					.cancel-btn:hover {
						border: 1px #f01508 solid;
						color: #f01508;
					}
				
					
.add-block {
	display: none;
	margin: 0 0 40px 0;
}

	.add-block .upload-block {
		justify-content: flex-start;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #fff;
		padding: 40px 40px 10px 40px;
		margin: 0 0 30px 0;
	}
	
		.add-block .upload-item {
			margin: 0 30px 30px 0;
		}
		
			.loader-line {
				background: #f2f2f2;
				border: 6px solid #f1f1f1;
				width: 110px;
				-moz-border-radius: 25px;
				-webkit-border-radius: 25px;
				border-radius: 25px;
			}
			
				.loader-progress {
					height: 24px;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
					border-radius: 12px;
					background: #abd548;
					width: 0;
					transition:all 0.3s ease;
					-webkit-transition:all 0.3s ease;
					-o-transition:all 0.3s ease;
					-moz-transition:all 0.3s ease;
				}
				
				.loader .upload-item-title {
					color: #818181;
					font-weight: 400;
					padding-top: 10px;
				}
					

.login-body {
	background: #dfe5ef;
}

.login-wrap {
	display: flex;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	.login-panel {
		width: 700px;
		height: 500px;
		background: #f3f5f7 url(../images/login.jpg) left top no-repeat;
		-moz-box-shadow: 0 0 62px rgba(0,0,0,.24);
		-webkit-box-shadow: 0 0 62px rgba(0,0,0,.24);
		box-shadow: 0 0 62px rgba(0,0,0,.24);
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
		padding: 90px 90px 0 300px;
	}
	
		.login-panel-content {
			
		}
		
			.login-panel-title {
				color: #818181;
				font-size: 16px;
				margin: 0 0 60px 0;
			}
			
			.login-panel-form {
				
			}
			
				.login-line {
					position: relative;
					margin: 0 0 30px 0;
				}
					
					.login-line input {
						color: #000;
						font-size: 14px;
						display: block;
						box-sizing: border-box;
						-moz-box-sizing: border-box; 
						-webkit-box-sizing: border-box;
						padding: 0 24px 0 45px;
						height: 42px;
						line-height: 40px;
						-moz-border-radius: 21px;
						-webkit-border-radius: 21px;
						border-radius: 21px;
						border: 0;
						margin: 0;
						background: #fff;
						width: 100%;
						outline: none;
					}
					
					.login-line input::-webkit-input-placeholder { 
						color: #b5b5b5;
					}

					.login-line input:-ms-input-placeholder { 
						color: #b5b5b5;
					}

					.login-line input::placeholder {
						color: #b5b5b5;
					}
					
					.login-line i {
						color: #b5b5b5;
						font-size: 13px;
						position: absolute;
						left: 15px;
						top: 13px;
					}
					
.create-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -100px;
}

	.create-list-item {
		width: 13.5%;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
		background: #fff;
		margin-bottom: 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 20px;
	}
	
	.create-list-item:nth-child(2n) {
		background: #f7f7f7;
	}
	
		.create-list-item-title {
			font-weight: 600;
			font-size: 16px;
			text-align: center;
			padding: 0 0 15px 0;
			margin: 0 0 15px 0;
			border-bottom: 1px #eee solid;
		}
		
		.cli-block {
			border-bottom: 2px #ccc dotted;
			padding: 0 0 25px 0;
			font-size: 13px;
			margin: 0 0 25px 0;
		}
		
			.cli-block-title {
				margin: 0 0 5px 0;
			}
			
			.cli-block .form-select {
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px;
				border-radius: 0px;
				background: #eef0f1 url(../images/form-select.png) right 10px center no-repeat;
				padding: 0 10px;
				color: #000;
				margin: 0 0 15px 0;
			}
			
			.time-range {
				display: flex;
				justify-content: space-between;
			}
			
				.time-range .form-input {
					background: #eef0f1;
					-moz-border-radius: 0px;
					-webkit-border-radius: 0px;
					border-radius: 0px;
					padding: 0 10px;
					width: 48%;
					color: #000;
				}
				
		.cli-block-rasp {
			border-bottom: 2px #ccc dotted;
			padding: 0 0 25px 0;
			font-size: 13px;
			margin: 0 0 25px 0;
			text-align: center;
		}
		
			.cli-block-rasp-title {
				color: #3698b7;
				font-weight: 600;
			}
	
	.cfl {
		width: 14%;
		height: 0;
	}
	
	center .submit-input {
		margin: 20px 0 20px 0;
	}
	
.edit-block {
	border: 2px #fff dashed;
    padding: 40px 30px 15px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 9px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 2px 9px rgba(0,0,0,.16);
    box-shadow: 0 2px 9px rgba(0,0,0,.16);
	margin: 0 0 50px 0;
}
	
.flu-edit {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.flu-edit-item {
		width: 18%;
		margin-bottom: 55px;
		position: relative;
	}
	
	.feclear {
		width: 18%;
		height: 0;
	}
	
		.flu-edit-item-title {
			margin: 0 0 5px 0;
			text-align: center;
			font-weight: bold;
			color: #000;
			font-size: 15px;
		}
		
		.flu-edit-item-content {
			position: relative;
		}
	
		.flu-edit-item input[type=number]::-webkit-inner-spin-button {
		  -webkit-appearance: none;
		 
		}
		
		.flu-edit-item .form-input {
			text-align: center;
			font-weight: 600;
		}
		
		.nminus {
			width: 30px;
			height: 30px;
			left: 5px;
			top: 5px;
			-moz-border-radius: 100%;
			-webkit-border-radius: 100%;
			border-radius: 100%;
			border: 1px solid #e1ebf0;
			text-align: center;
			line-height: 30px;
			font-weight: bold;
			color: #ff601a;
			position: absolute;
			cursor: pointer;
			font-size: 20px;
		}
			
			
		.nplus {
			width: 30px;
			height: 30px;
			right: 5px;
			top: 5px;
			-moz-border-radius: 100%;
			-webkit-border-radius: 100%;
			border-radius: 100%;
			border: 1px solid #e1ebf0;
			text-align: center;
			line-height: 30px;
			font-weight: bold;
			color: #87b00c;
			position: absolute;
			cursor: pointer;
			font-size: 20px;
		}
		
	.edit-block-text {
		padding: 0 0 20px 0;
		font-size: 15px;
		color: #333;
	}
	
.title-block-rel {
	position: relative;
	padding-right: 40px;
}
	
.add-user-link {
	display: block;
	position: absolute;
	right: 5px;
	top: 0;
	width: 36px;
	height: 36px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	line-height: 36px;
	text-align: center;
	background: #63c86d;
	color: #fff;
}

	.add-user-link i {
		font-size: 20px;
	}
	
	.add-user-link:hover {
		background: #4cab56;
	}
	
.adduser-block {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
}

	.adduser-block-left {
		width: 202px;
	}
	
		.adduser-block-image {
			display: flex;
			width: 200px;
			height: 200px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #f4f4f4;
			border: 1px #c0c0c0 dashed;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		
			.adduser-block-image i {
				color: #bfbfbf;
				font-size: 60px;
				margin: 0 0 5px 0;
			}
			
				.adduser-block-image:hover i {
					color: #96ca55;
				}
		
			.abititle {
				color: #bfbfbf;
				font-size: 15px;
				font-weight: 500;
			}
	
	.adduser-block-right {
		flex: 1;
		padding: 0 0 0 50px;
		display: flex;
		justify-content: space-between;
	}
	
		.abr-col {
			width: 30%;
			display: flex;
			justify-content: space-between;
			flex-direction: column;
		}
			
			.abr-col .form-input2 {
				width: 100%;
			}
			
	.adduser-block-send {
		width: 100%;
		padding: 30px 0 0 0;
		text-align: right;
	}
	
	.adduser-block .form-inline .form-input2 {
		width: 100%;
	}
	
.research-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.research-item {
		width: 18%;
		padding: 15px 10px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		text-align: center;
		color: #000;
		font-size: 15px;
		font-weight: 600;
		text-decoration: underline;
		background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #fff 100%);
		background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #fff 100%);
		background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #fff 100%);
		background-image: linear-gradient(bottom, #f5f5f5 0%, #fff 100%);
		border: 1px solid #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
		margin-bottom: 20px;
	}
	
		.research-item:hover {
			background-image: -moz-linear-gradient(bottom, #2d8fab 0%, #41a5c5 100%);
			background-image: -o-linear-gradient(bottom, #2d8fab 0%, #41a5c5 100%);
			background-image: -webkit-linear-gradient(bottom, #2d8fab 0%, #41a5c5 100%);
			background-image: linear-gradient(bottom, #2d8fab 0%, #41a5c5 100%);
			border: 1px solid #34849e;
			-moz-box-shadow: inset 0 0 2px rgba(252,252,252,.75);
			-webkit-box-shadow: inset 0 0 2px rgba(252,252,252,.75);
			box-shadow: inset 0 0 2px rgba(252,252,252,.75);
			color: #fff;
			text-decoration: none;
		}
	
	.rclear {
		width: 18%;
		height: 0;
	}
	
.rsblock {
	background: #fff;
	display: flex;
	justify-content: space-between;
	padding: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	.rsblock-left {
		width: 40%;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
		padding: 0 40px 0 0;
	}
	
		.rsblock-video {
			margin: 0 0 50px 0;
		}
		
		.rsblock-video:last-child {
			margin-bottom: 0;
		}
		
			.rsblock-video-content {
				
			}
			
				.rsblock-video-content {
					position: relative;
					padding-bottom: 56.25%;
					height: 0;
					overflow: hidden;
				}
				
					.rsblock-video-content object, .rsblock-video-content embed, .rsblock-video-content iframe {
						position: absolute;
						top: 0;
						left: 0;
						width: 100% !important;
						height: 100% !important;
					}
			
			.rsblock-video-title {
				padding: 10px 0 0 0;
				line-height: 22px;
				font-size: 14px;
				color: #414141;
			}
		
		
		
	
	.rsblock-right {
		width: 60%;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
		padding: 0 0 0 40px;
		border-left: 2px #ccc dashed;
	}
	
		.rsblock-gallery {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		
			.rsblock-gallery a {
				box-sizing: border-box;
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				width: 24%;
				height: 130px;
				border: 8px #eff3f4 solid;
				background-position: center top;
				background-repeat: no-repeat;
				background-size: cover;
				margin-bottom: 10px;
			}
			
				.rsblock-gallery a:hover {
					border: 8px #d7e7ee solid;
				}
			
			.rsblock-gallery-clear {
				width: 24%;
				height: 0;
			}
				
/*  Responsive */

@media (max-width: 1700px) {

	.create-list {
		margin: 0;
	}

}

@media (max-width: 1600px) {

	.create-list-item, .cfl {
		width: 24%;
	}
	
}

@media (max-width: 1500px) {
	
	.adm .head-menu-link {
		font-size: 13px;
		padding: 0;
	}

}

@media (max-width: 1300px) {
	
	.adm .head-menu {
		display: block;
		bottom: 0;
		padding: 20px;
	}
	
	.adm .head-menu-link {
		padding: 0 20px;
		margin: 0 10px 10px 0;
	}
	
	.stable td {
		font-size: 12px;
		padding: 15px 10px;
	}
	
	.form-input2 {
		width: 175px;
	}
	
	.data-form-checkbox label:after {
		content: 'Выкл';
	}
	
	.data-form-checkbox input[type="checkbox"]:checked + label:after {
		content: 'Вкл';
	}
	
	.rsblock-gallery a, .rsblock-gallery-clear {
		width: 32%;
	}
	
}

@media (max-width: 1200px) {
	
	.tline-item {
		font-size: 12px;
		padding: 20px 10px 20px 10px;
	}
	
	.tline-item:nth-child(1) {
		font-size: 12px;
		padding-left: 20px;
		padding-right: 10px;
	}
	
	.tline-item:nth-child(2) {
		font-size: 13px;
		width: 150px;
	}
	
	.tline-item:nth-child(3) {
		width: 166px;
	}
	
	.twrap-title .tline-item {
		font-size: 10px !important;
	}
	
	.file-download-title {
		font-size: 13px;
	}
	
	.file-download:before {
		font-size: 25px;
		left: 0;
		top: 4px;
	}
	
	.file-download {
		padding: 0 0 0 32px;
	}
	
	.file-download-update {
		font-size: 11px;
	}
	
	.main-wrap {
		padding: 0 20px 30px 20px;
	}
	
	.head-menu-link {
		padding: 0 10px;
	}
	
	.head-block-fl {
		justify-content: flex-start;
		position: relative;
		padding: 20px 20px 0 20px;
	}
	
	.head-block-center {
		position: absolute;
		right: 20px;
		top: 104px;
	}
	
	.head-block-right {
		position: absolute;
		right: 20px;
		top: 58px;
	}
	
	.aist-logo {
		width: 230px;
		margin-left: 30px;
	}
	
	.tline-item {
		padding: 20px 5px 20px 5px;
	}
	
	.status:before {
		margin: 0px 5px 0 0;
	}
	
	.upload-block {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	.adm .head-block-fl {
		justify-content: space-between;
	}
	
	.head-block-info {
		padding-left: 20px;
	}
	
	.create-list-item, .cfl {
		width: 33%;
	}
	
}

	
@media (max-width: 1100px) {
	
	.tline {
		flex-wrap: wrap;
	}
	
	.tline-item:nth-child(6) {
		width: 100%;
		flex: 0 1 100%;
		padding: 0px 10px 10px 20px;
	}
	
	.tline-item:nth-child(6):before {
		content: 'прикрепленные файлы:';
		display: block;
		font-size: 12px;
		color: #ccc;
	}
	
	.twrap-title .tline-item:nth-child(6) {
		display: none;
	}
	
				.tline-item:nth-child(1) {
					
				}
				
				.tline-item:nth-child(2) {
					width: auto;
					flex: 1;
				}
				
				.tline-item:nth-child(3) {
					width: 20%;
				}
				
				.tline-item:nth-child(4) {
					width: 20%;
				}
				
				.tline-item:nth-child(5) {
					width: 20%;
				}
				
	.tline:nth-child(2n) {
		border-top: 1px #bababa solid;
		border-bottom: 1px #bababa solid;
	}
	
	.head-menu-link {
		margin: 0 0 10px 0;
	}
	
	.head-menu {
		padding: 0 0 0 10px;
		bottom: -35px;
	}
	
	.head-menu {
		padding: 20px 20px 20px 20px;
		bottom: -0;
	}
	
	.stable .submit-input {
		width: 87px;
		font-size: 12px;
	}
	
	.form-input2 {
		width: 145px;
		font-size: 12px;
	}
	
	.flu-edit-item, .feclear {
		width: 23%;
	}
	
	.research-item, .rclear {
		width: 32%;
	}
	
}

@media (max-width: 1000px) {
	
	.head-menu {
		padding: 20px 20px 20px 20px;
		bottom: -0;
	}
	
	.rsblock {
		flex-wrap: wrap;
	}
	
	.rsblock-left, .rsblock-right {
		width: 100%;
		padding: 0;
	}
	
	.rsblock-left {
		padding: 0 0 40px 0;
	}
	
	.rsblock-right {
		border: 0;
		border-top: 2px #ccc dashed;
		padding: 40px 0 0 0;
	}
	
	.rsblock-gallery a, .rsblock-gallery-clear {
		width: 24%;
	}
	
	.rsblock-gallery a {
		height: calc(24vw / 1.8);
	}
	
}

.fxt {
	display: none;
}

@media (max-width: 950px) {

	.aist-logo {
		display: none;
	}
	
	.head-block-right {
		top: 47px;
	}
	
	.head-block-center {
		top: 97px;
	}
	
	.cltable thead {
		display: none;
	}
	
	.fxt {
		font-size: 11px;
		margin: 0 0 3px 0;
		display: block;
	}
	
	.cltable {
		
	}
	
	.cltable tbody tr {
		display: flex;
		flex-wrap: wrap;
		padding: 15px;
	}
	
		.cltable tbody td {
			box-sizing: border-box;
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;
			padding: 5px;
			text-align: left !important;
			font-size: 13px;
		}
	
		.cltable tbody td:nth-child(1) {
			width: 10%;
		}
		
		.cltable tbody td:nth-child(2) {
			width: 88%;
		}
	
		.cltable tbody td:nth-child(3) {
			width: 33%;
		}
		
		.cltable tbody td:nth-child(4) {
			width: 33%;
		}
		
		.cltable tbody td:nth-child(5) {
			width: 33%;
		}
		
		.cltable tbody td:nth-child(3) .fxt, .cltable tbody td:nth-child(4) .fxt, .cltable tbody td:nth-child(5) .fxt {
			padding-left: 20px;
		}
		
		.cltable2 .fxt {
			padding-left: 0px !important;
		}
		
		.cltable tbody td:nth-child(7) .fxt {
			display: none;
		}
		
		.cltable tbody td:nth-child(6) {
			padding-left: 5px;
		}
		
		.cltable tbody td:nth-child(7) {
			padding-top: 15px;
		}
		
		.cltable2 tbody td:nth-child(7) {
			padding-top: 0;
		}
		
		.cltable2 .submit-input {
			width: auto;
			margin: 0 0 0 15px;
		}
		
		.cltable .form-input2 {
			width: 100%;
		}
		
	.stabe-line {
		display: flex;
		justify-content: space-between;
	}
	
		.stabe-line thead {
			width: 150px;
		}
		
		.stabe-line tbody {
			flex: 1;
			padding-left: 10px;
		}
		
		.stabe-line tr {
			
		}
		
		.stabe-line tr, .stabe-line td {
			display: block;
			text-align: left !important;
			
		}
		
		.stabe-line td {
			background: none !important;
			color: #000;
			font-size: 14px !important;
			border-bottom: 1px #ccc dotted;
			padding: 15px !important;
		}
		
	.stabe-line2 tbody {
		display: flex;
		justify-content: space-between;
	}
	
		.stabe-line2 tbody tr {
			width: 49%;
		}
		
	.flu-edit-item, .feclear {
		width: 32%;
	}
	
	
	
}

@media (max-width: 750px) {
	
	.pw-wrap {
		display: block !important;
		visibility: hidden;
		overflow-y: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
	}
	
	.pa {
		visibility: visible;
	}
	
		.pw-container {
			width: auto;
			padding: 20px;
		}
		
	.create-list-item, .cfl {
		width: 49%;
	}
	
}

@media (max-width: 720px) {
	
	.login-panel {
		background: #f3f5f7;
		padding: 30px;
		width: 300px;
		height: auto;
	}
	
	.login-panel-title {
		text-align: center;
		margin: 0 0 35px 0;
	}
	
	.index-tabs span {
		font-size: 14px;
		padding: 15px 10px;
	}
	
}

@media (max-width: 700px) {
	
	.twrap-title {
		display: none !important;
	}
	
	.main-wrap {
		padding: 0 10px 20px 10px;
	}
	
	.twrap {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.upload-link {
		height: 40px;
		right: 10px;
		bottom: 30px;
		visibility: visible;
		background: none;
		top: auto;
		padding: 0;
	}
	
	.tline-item:nth-child(6) {
		padding: 0px 80px 10px 20px;
	}
	
	.file-download {
		margin: 5px 25px 20px 0;
		min-width: 10px;
	}
	
	.tline-item:nth-child(1) {
		width: 100%;
		padding: 10px 10px 10px 20px;
	}
	
	.tline-item:nth-child(2) {
		width: 100%;
		padding: 10px 10px 10px 20px;
		flex: 0 1 100%;
	}
	
	.tline-item:nth-child(3), .tline-item:nth-child(4), .tline-item:nth-child(5) {
		width: 33%;
		text-align: left;
	}
	
	.tline-item:nth-child(3), .tline-item:nth-child(6) {
		padding-left: 20px;
	}
	
	.tline-item:nth-child(3):before {
		content: 'Дата исследования: ';
		display: block;
	}
	
	.tline-item:nth-child(4):before {
		content: 'Тип: ';
		display: block;
	}
	
	.tline-item:nth-child(5):before {
		content: 'Врач: ';
		display: block;
	}
	
	.head-block-fl {
		display: block;
	}
	
	.user-info {
		width: auto;
	}
	
	.head-block-center, .head-block-right {
		position: static;
		display: block;
	}
	
	.head-block-center {
		padding: 30px 0 20px 20px;
	}
	
	.head-block-right {
		padding: 0 0 0 30px;
	}
	
	.head-block-info {
		width: 100%;
		text-align: left;
		padding: 20px 0 0 0;
	}
	
	.flu-edit-item, .feclear {
		width: 49%;
	}
	
	.research-item, .rclear {
		width: 49%;
	}
	
	.rsblock-gallery a, .rsblock-gallery-clear {
		width: 33%;
	}
	
	.rsblock-gallery a {
		height: calc(33vw / 1.8);
	}
	
}

@media (max-width: 500px) {

	.tline-item:nth-child(3), .tline-item:nth-child(4), .tline-item:nth-child(5) {
		width: 100%;
		padding: 10px 10px 10px 20px;
	}
	
	.tline-item:nth-child(6) {
		padding: 10px 10px 10px 20px;
	}
	
	.upload-link {
		bottom: auto;
		top: 10px;
		right: 10px;
	}
	
	.tline-item:nth-child(1) {
		padding-top: 20px;
	}
	
	.form-inline, .select-inline {
		width: auto;
		display: block;
		margin: 0 0 10px 0;
	}
	
	.upload-item {
		width: 100%;
		min-height: 210px;
		height: auto;
		margin: 0 0 20px 0 !important;
	}
	
	.add-block .upload-block {
		padding: 20px 20px 10px 20px;
	}
	
	.title-block {
		font-size: 16px;
		margin: 0px 0 20px 0;
	}
	
	.head-menu-link {
		display: block;
		margin: 0 0 10px 0;
	}
	
		.cltable tbody td:nth-child(3) {
			width: 100%;
		}
		
		.cltable tbody td:nth-child(4) {
			width: 100%;
		}
		
		.cltable tbody td:nth-child(5) {
			width: 100%;
		}
		
	.adm .head-menu-link {
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	.tt-panel {
		padding: 30px 15px 5px 15px;
	}
	
	.create-list-item, .cfl {
		width: 100%;
	}
	
	.stabe-line2 thead {
		width: 114px;
	}
	 
	.stabe-line2 td {
		font-size: 11px !important;
	}
	
	.flu-edit-item, .feclear {
		width: 100%;
	}
	
	.add-user-link {
		top: -8px;
	}
	
	.research-item, .rclear {
		width:100%;
	}
	
	.rsblock {
		padding: 20px;
	}
	
	.rsblock-gallery a, .rsblock-gallery-clear {
		width: 49%;
	}
	
	.rsblock-gallery a {
		height: calc(49vw / 1.8);
	}
	
}