html {background:#fff}
body {margin:0; background:#fff}
.dnone { display:none;}
.tabs { margin-top:3px}
.panel_wrapper {border: 0 none;}
#src_list, #over_list, #out_list {width:280px;}
.mceActionPanel {margin-top:7px;}
.alignPreview {border:1px solid #000; width:140px; height:103px; overflow:hidden; padding:5px;}
.checkbox {border:0;}
.panel_wrapper div.current {height:auto;/*height:305px;*/}
#prev {
	border: 0 none;
	left: 0;
	margin: 0;
	overflow: auto;
	/*position: absolute;*/
	right: 0;
	top:0;
	bottom:0;
	font-size:12px;
}
#align, #classlist {width:150px;}
#width, #height {vertical-align:middle; width:50px; text-align:center;}
#vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;}
#class_list {width:180px;}
input {width: 280px;}
#constrain, #onmousemovecheck {width:auto;}
#id, #dir, #lang, #usemap, #longdesc {width:200px;}


html, body {
	height: 100%;
}

body {
	position:relative;
}

input {
	width:auto;
}

fieldset {
	border-color:#ccc;
	border-style:dashed;
}

legend {
	margin-left: -5px;
	margin-top: -20px;
	position: absolute;
	color:#333;
	font-size: 12px;
	font-weight: normal;
}

.row .row-label {
	width:100px;
}
.row .block-label {
	display:block;
	width:auto;
}
.text {
	width:188px;
}

.edit-form {
	/*bottom: 35px;
	position: absolute;
	left:10px;*/
	display:none;
}

.upload-btn-cont {
	bottom: 35px;
	/*position: absolute;*/
	text-align: center;
	width: 100%;
}

.previews-empty:before {
	content: "Здесь появятся загруженные портреты";
	/*position:absolute;*/
	width:100%;
	display:block;
	text-align:center;
	top:40%;
	font-size:30px;
	color:#ccc;
}
.previews-loading:before {
	content: "Загрузка списка портретов...";
}
.previews {
	border: 1px dashed #ccc;
	bottom: 55px;
	left: 0;
	margin: 12px;
	/*position: absolute;*/
	right: 0;
	top: 0;
	overflow:auto;
}

.advimg-load-list {
	display:none;
	/*position:absolute;*/
	width:30%;
	right:0;
	top:0;
	margin:12px;
	bottom:55px;
	overflow:auto;
}

.progress {
	font-size: 11px;
	height: 20px;
	margin: 0 auto;
	padding: 5px;
	width: 90%;
}

@-webkit-keyframes stripes-animation{from{background-position:40px 0}to{background-position:0 0}}
@-moz-keyframes stripes-animation{from{background-position:40px 0}to{background-position:0 0}}
@-ms-keyframes stripes-animation{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes stripes-animation{from{background-position:0 0}to{background-position:40px 0}}
@keyframes stripes-animation{from{background-position:40px 0}to{background-position:0 0}}

.progress div,
.ajax-loading {
	animation: .5s linear 0s normal none infinite stripes-animation;
	background-color: #FBD76E;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
	background-size: 40px 40px !important;
	height: 100%;
}

.previews .file-item {
	background:#fff;
	float: left;
	margin:3px;
	/*position: relative;*/
	width:100px;
	height:100px;
	border: 1px solid #ddd;
	cursor:pointer;
	box-sizing: border-box;
}

.file-item.iscover {
	border: 2px solid blue;
}

.file-item.error {
	color: red;
	padding: 5px;
}

.file-item.selected {
	border-color: orange;
}
.fi-link {
	white-space:nowrap;
	color:rgb(209, 248, 255);
}
.file-item img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	/*position: absolute;*/
	right: 0;
	top: 0;
}

.previews .file-item-name {
	display:block;
	/*position:absolute;*/
	bottom:0;
	right:0;
	left:0;
	text-align:center;
	color:#fff;
	padding:5px;
	background:rgba(0,0,0,.5);
	z-index:1;
}

.advimg-load-list .file-item {
	background:rgba(0,0,0,.7);
	padding:5px 3px 5px;
	color:#fff;
	margin:0 0 3px 0;
	z-index:3;
}
.advimg-load-list .file-item-name {
	overflow: hidden;
	line-height: 13px;
	width: 100%;
}


.delfile-icon {
	background: rgba(255, 0, 0, 0.7) url(https://img.labirint.ru/design/book-buble-close.png) no-repeat center center;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	height: 25px;
	/*position: absolute;*/
	right: 5px;
	top: 5px;
	width: 25px;
	z-index:2;
}

.editfile-icon {
	background: rgba(255, 255, 255, 0.9) url(/labadmin/css/images/glyphicons-halflings.png) no-repeat scroll 6px -67px;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	height: 25px;
	/*position: absolute;*/
	right: 5px;
	bottom: 5px;
	width: 25px;
	z-index:2;
}

.file-item .file-item-actions {
	display: none;
}

.file-item:hover .file-item-actions {
	display: block;
}

.hidden,
.file-item .hidden {
	display: none;
}



.portraits {
	padding:20px;
	overflow:hidden;
}
.portrait {
	float:left;
	width:33%;
	margin-bottom:30px;
	position:relative;
}
.portrait_horizontal {
	clear:both;
	float:none;
	width:auto;
	border-bottom:1px solid #ccc;
	padding-bottom:40px;
}
.portrait:nth-child(3n+1) {
	clear: both;
}
.portrait-pic {
	display:block;
	text-align:center;
	height:210px;
	margin:0 auto 10px;
	position:relative;
	border-radius:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.portrait-pic2 {
	display:block;
	text-align:center;
	width:160px;
	height:160px;
	margin:0 auto 10px;
	position:relative;
	border:1px solid rgba(50, 150, 210, 0.9);
	opacity: 0;
	/*border-radius:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;*/
}

.p-p-2 {
	display: block;
	position: absolute;
	width: 160px;
	height: 160px;
	z-index: 1000;
	border-radius: 100%;
	border: 1px solid rgba(50, 150, 210, 0.3);
}

.portrait-pic_horizontal {
	float:left;
	margin-bottom:0;
}
.portrait-pic__img {
	border-radius:100px;
}
.portrait .portrait-pic__img {
	margin:0;
}
.portrait-info {
	text-align:center;
	width:200px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
}
.portrait-info_horizontal {
	margin:0 0 0 190px;
	text-align:left;
	width:auto;
}
.portrait-name {
	display:block;
	font:normal 18px/24px PTSans, Arial, sans-serif;
	color:#0650C2!important;
	margin-bottom:7px;
	text-decoration:none;
}
.portrait-link {
}


.btn {
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	border: 0 none;
	cursor:pointer;
	color:#fff;
	outline:none;
	text-align:center;
	text-decoration: inherit;
	font-family:PTSans, Helvetica, sans-serif;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-moz-user-select: none;
}
.btn-small {
	font-size: 18px;
	line-height: 19px;
	padding: 10px 30px;
}
.btn-clear {
	color:#595959!important;
	background: transparent;
	border:1px solid #a9a9a9;
}
.cleaner0 {float:none; clear: both; height:0; font-size:0; margin:0; line-height:0 !important; }

.portrait-del,
.portrait-edit {
	background: rgba(255, 0, 0, 0.7) url("https://img.labirint.ru/design/book-buble-close.png") no-repeat scroll center center;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	height: 25px;
	/*position: absolute;*/
	right: 5px;
	top: 5px;
	width: 25px;
	z-index: 2;
}
.portrait-edit  {
	background: rgba(0, 0, 0, 0.3) url(/labadmin/css/images/glyphicons-halflings.png) no-repeat scroll 6px -67px;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	height: 25px;
	/*position: absolute;*/
	right: 5px;
	top: 35px;
	width: 25px;
	z-index: 2;
}

.portrait-del:hover {background-color:rgba(255, 0, 0, 0.9)}
.portrait-edit:hover {background-color:rgba(0, 0, 0, 0.5)}

.container-main {
	padding: 14pt 24pt;
	clear: both;
}

.portrait-inf {
	display: block;
	margin: 0 10pt 10pt;
	font-size: 11pt;
}

.column-l {
	grid-area: leftblock;
}

.column-c {
	grid-area: mainblock;
}

.column-r {
	grid-area: rightblock;
	padding-top: 44px;
}

a.btn-port {
	display: inline-block;
	height: 16px;
	width: 16px;
	text-decoration: none;
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -84px -195px;
	border: 1px solid #c7c7c9;
	font-size: 14px;
	border-radius: 16px;
	padding: 0;
}

a.btn-port-check {
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -64px -195px;
	border: 1px solid #575759;
}

.all-portraits {
	clear: both;
}

.btn-portrait span {
	display: inline-block;
	position: absolute;
	margin-left: 24px;
	margin-top: 1px;
}

.portrait-pic_round {
	width: 160px;
	height: 160px;
}

.container-top {
	font-size: x-large;
	margin-bottom: 15pt;
}

.container-top ul, .container-top ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

.container-top ul li, .container-top span, .container-top ul li {
	padding: 3px;
	font-size: small;
}

.container-top span {
	display: block;
	float: right;
}

.one-portrait-card, .one-portrait-card-tile {
	margin-bottom: 36px;
}

.one-portrait-card {
	display: grid;
	grid-template-columns: [first] 160px [line2] auto [line3] 100px [end];
	grid-template-rows: auto;
	grid-template-areas:
			"leftblock mainblock rightblock";
	grid-column-gap: 20px;
	grid-row-gap: 15px;
}

.one-portrait-card-tile {
	display: inline-table;
	width: 273px;
}

.short-text-link {
	overflow: hidden;
	height: 12px;
}

.pre-link {
	display: inline-block;
	font-style: normal;
}

.column-l img.portrait-pic {
	/*margin: 10pt 10pt 0;*/
	border-radius: 0;
	/*overflow: hidden;*/
	background-color: rgba(50, 150, 210, 0.9);
}

.column-l {
	/*height: 160px;
	border-radius: 50%;
	overflow: hidden;*/
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}

.name-portrait {
	color: #1b54c9;
	font-size: 12pt;
}

.name-portrait input {
	color: #1b54c9;
	font-size: 12pt;
	border: none;
	width: 95%;
	outline: none;
}

.link-add input {
	font-size: 12pt;
	border: none;
	width: 95%;
	color: #515171;
	outline: none;
}

.underline-gray {
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 8px;
}

.topline-gray {
	border-top: 1px solid #d8d8d8;
	margin-top: 8px;
}

.link-add {
	margin-top: -12px;
	height: 18px;
}

.link-add, .about-portrait, .btn-portrait, .btn-name {
	color: #515171;
	padding-bottom: 8px;
}

.btn-tile, .btn-line, .btn-move-t, .btn-move-d, .btn-move-l, .btn-move-r, .btn-move-g, .btn-line-check, btn-tile-check {
	margin: 0 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.btn-move-t {
	opacity: 0.6;
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -185px -617px;
}

.btn-move-d {
	opacity: 0.6;
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -170px -617px;
}

.btn-move-l {
	opacity: 0.6;
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -215px -617px;
}

.btn-move-r {
	opacity: 0.6;
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -233px -617px;
	margin-right: 30px;
}

.btn-move-g {
	opacity: 0.4;
	height: 20px;
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -200px -615px;
}

.btn-tile {
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -82px -523px;
}

.btn-line {
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -80px -538px;
}

.btn-line-check {
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -64px -538px;
}

.btn-tile-check {
	background: url("https://img.labirint.ru/design/header/header-sprite-20220425.svg") no-repeat -66px -523px;
}

.btn-name {
	font-weight: normal;
	position: absolute;
	margin: 2px 0 0 -108px;
}

.two-btn {
	margin: 12px 0;
}

.btn-save, .btn-load, .btn-create {
	letter-spacing: 2px;
	padding: 24px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	border-radius: 4px;
}

.footer-btn {
	position: fixed;
	padding: 0 12pt 12pt;
	bottom: 0;
	width: 96%;
	background-color: #fff;
	z-index: 3000;
}

.btn-save {
	background-color: #0650c2;
	color: white;
	width: 100%;
	border: none;
	display: block;
}

.btn-load, .btn-create {
	background-color: #fff;
	color: #616171;
	border: 1px solid #c5c5c5;
}

.btn-load {
	width: 40%;
	margin-right: 2px;
}

.btn-create {
	float: right;
	width: 59%;
}

a.btn-tipgrf {
	border-bottom: 1px solid #a1a1a1;
	color: #717171;
	text-decoration: none;
	font-size: 12pt;
	display: inline-block;
}

.name-portrait .btn-tipgrf, .link-add .btn-tipgrf {
	float: right;
}

.name-portrait a.btn-tipgrf {
	display: block;
	margin: -18px 0;
}

.name-portrait-edit, .name-portrait input {
	display: block;
	height: 12pt;
}

.about-portrait-edit {
	display: block;
	min-height: 14pt;
	outline: none;
}

.link-edit {
	display: inline-block;
}

.add-link-about {
	position: absolute;
	width: 250px;
	height: 22px;
	padding: 5px 5px 5px 0px;
	background: #fff;
	border: 1px solid #9191a1;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	z-index: 1000;
	overflow: hidden;
}

.add-link-about a {
	float: right;
}

.add-link-about input {
	padding-top: 2px;
	font-size: 10pt;
	display: inline-block;
	width: 215px;
	overflow: hidden;
	border: none;
	padding-left: 5px;
	outline: none;
}

.highlight-about, .about-portrait-edit i {
	background-color: #ff0;
	font-style: normal;
}

.right {
	float: right;
	padding-bottom: 15px;
}

.img-upload {
	position: absolute;
	width: 0px;
	margin:78px 0 0 10px;
	z-index: 1000;
}

.onbtn-load {

}

.file-hover-pic {
	background-color:#cbcef9;
}

.file-hover {
	border: dashed 1px #1b3ed9;
}

.file-drop {
	background-color: #86c0f2;
	border: dashed 1px #0650c2;
}