@import url(reset.css);
@import url(fonts.css);

body { background-color: #e2f1fa; }
.hashboard-pattern { background-image: url("/images/pattern.png"); background-color: #ffffff; }

.auth {}
	.auth .wrapper {
		position: absolute;
		top: 50%; left: 50%;
		width: 300px;
		margin: -125px 0 0 -150px;
		background-color: #ffffff;
	}

.block-title {
	background-color: #009cd7;
	padding: 10px 8px;
	color: #ffffff;
	font-family: "RobotoL";
	font-size: 14px;
}

form { margin: 10px 7px; }

form span { font-family: "RobotoL"; font-size: 14px; display: block; margin-top: 14px; }

input[type=text], input[type=password] { border: 1px solid #bcbcbc; color: #555555; margin-top: 5px; padding: 5px 7px; }

.logo-top { display: none; }
.logo-head { display: none; }

.button { 
	background-color: #d7ecf6;
	border: 1px solid #acd4e7;
	color: #005ab9;
	cursor: pointer;
	display: block;
	font-size: 14px;
	margin-top: 15px;
	padding: 4px 14px;
}
.button:hover { background-color: #ffffff; }

	.button a { color: #005ab9; text-decoration: none; font-family: "Roboto"; font-size: 13px; }

.head-wrapper { background-color: #005a99; }
	.head-wrapper .head { max-width: 1000px; margin: 0 auto; }
		.head-wrapper .head img { width: 40px; margin-left: 10px; float: left; }
		.head-wrapper .head .user-card { float: right; margin-right: 10px; margin-top: 18px; }
		.user-card .user-fio {
			color: #ffffff;
			float: left;
			font-family: "RobotoL";
			font-size: 14px;
			margin-right: 20px;
			margin-top: 4px;
		}
		.user-card .button { margin: 0; float: right; }

.work-wrapper { max-width: 1000px; margin: 0 auto; background-color: #ffffff; }
.content-wrapper { margin: 20px 10px 0 10px; padding-bottom: 25px; }

.nav { }
	.nav span { display: inline-block; margin: 20px 15px; font-family: "Roboto"; font-size: 15px; }
		.nav span a {
			text-decoration: none;
			background-color: #d7ecf6;
			color: #005ab9;
			padding: 3px 12px;
			border: 1px solid #acd4e7;
		}
		.nav span a:hover { background-color: #ffffff; }


/*     блок справочников   begin     */
.reff-wrapper { font-family: "RobotoL"; font-size: 14px; }
	.reff-part { display: inline-table; width: 45% }
	.reff-name { font-weight: bold; }
	.reff-sectionlist_wrapper, .reff-clublist_wrapper { margin-top: 10px; }
	.reff-sectionlist__item, .reff-clublist__item { margin: 5px 0 	5px 7px; }

	.form-field__item {  }
		.form-field__item label { display: table; margin-top: 15px; }
		.form-field__item input[type=checkbox] { float: left; margin: 1px 7px 0 0; }

		.form-field__item select {
			border: 1px solid #bcbcbc;
			color: #555555;
			margin-top: 5px;
			padding: 3px 5px;
		}
			.form-field__item select option { color: #555555; padding: 3px 5px; }

	.section-create-wrapper, .club-create-wrapper { display: none; margin-top: 30px; }

	.add-group, .add-rest {
		background-color: #c0f8fd;
		border-radius: 5px;
		cursor: pointer;
		display: table;
		margin-top: 20px;
		padding: 5px 10px;
	}
	.add-group i, .add-rest i { color: #009cd7; font-size: 12px; margin-right: 3px; }

	.section-create-wrapper input[type=submit], 
	.club-create-wrapper input[type=submit] {
		background-color: #d7ecf6;
		border: 1px solid #acd4e7;
		color: #005ab9;
		cursor: pointer;
		margin-top: 20px;
		padding: 3px 12px;
	}
	.section-create-wrapper input[type=submit]:hover, 
	.club-create-wrapper input[type=submit]:hover {
		background-color: #ffffff;
	}
/*     блок справочников   end     */


/*     блок созданя карточки   begin     */
.image-create-wrapper { font-family: "RobotoL"; font-size: 14px; }

.image-create-wrapper input[type=submit] {
	background-color: #d7ecf6;
	border: 1px solid #acd4e7;
	color: #005ab9;
	cursor: pointer;
	margin-top: 20px;
	padding: 3px 12px;
}

/*     блок созданя карточки   end     */


/*     блок галереи   begin     */
.gallery-wrapper { font-family: "RobotoL"; }
	.gallery-filter-wrapper { display: inline-table; vertical-align: top; width: 200px; }
		.gf_items {}
			.gf_groups {}
				.gf_groups p { font-weight: bold; margin-bottom: 5px; }
				.gf_groups span { cursor: pointer; display: table; font-size: 14px; padding: 3px 0; }
	
			.gf_rests { margin-top: 20px; }
				.gf_rests p { font-weight: bold; margin-bottom: 5px; }
				.gf_rests span { cursor: pointer; display: table; font-size: 14px; padding: 3px 0; }

	.gallery-content-wrapper { display: inline-block; }

	.image-row { margin-bottom: 5px; }
		.image__item { display: inline-block; font-size: 14px; vertical-align: top; }
		.image__name { width: 200px; }
		.image__active { text-align: center; width: 30px; }
		.image__sort {}
		.image__section { width: 170px; }
			.image__section span {}
		.image__rest { width: 120px; }
			.image__rest span { display: table; font-size: 12px; }
		.image__pic {}
/*     блок галереи   end     */



.create-success-wrapper {
	background-color: #eeffee;
	border: 2px solid #00ff00;
	display: table;
	margin-top: 10px;
	padding: 7px 14px;
}
	.create-success-wrapper .success-item {}

.clearfix { clear: both; }
.error { color: #ff3333; }

/*
.club-list { margin-top: 10px; }
	.card-data { margin: 14px 5px; }
	.club-list .club-item {
		border-bottom: 1px solid #bcbcbc;
		font-family: "RobotoL";
		font-size: 14px;
		display: table;
	}
		.club-nonactive { background-color: #dbdbdb; }

		.club-list .club-item span { display: inline-block;  }
		.club-list .club-item .adr { width: 200px; font-family: "Roboto"; }
		.club-list .club-item .adrcode { width: 55px; font-weight: bold; }
		.club-list .club-item .phone { width: 100px; }
		.club-list .club-item .ip { width: 120px; }
		.club-list .club-item .edit { font-size: 18px; }
		.club-list .club-item .ban { font-size: 18px; }
		.club-list .club-item a {
			background-color: #d7ecf6;
			border: 1px solid #d7ecf6;
			border-radius: 15px;
			padding: 5px 7px;
			margin-left: 15px;
			color: #005ab9;
		}
		.club-list .club-item a:hover { background-color: #ffffff; }

		.card-edit-wrapper { display: none; margin: 7px 5px 12px; }

	.new-club-item { }
		.new-club-item input[type=text] { margin: 8px 4px; padding: 5px; }

.club-create  { margin-top: 20px; }
	.club-create a {
		background-color: #d7ecf6;
		border: 1px solid #acd4e7;
		color: #005ab9;
		font-family: "Roboto";
		font-size: 14px;
		padding: 4px 8px;
		text-decoration: none;
	}
	.club-create a:hover { background-color: #ffffff; }

.all-cards { margin-top: 15px; }
	.all-cards-link {}
	.all-cards-link a { font-family: "Calibri"; }
	.all-cards-link a:hover { text-decoration: none; }

.club-filter {}
	.filter-title { font-family: "Calibri"; font-size: 17px; margin: 15px 0 10px; }
	.filter-item {
		border: 1px solid #00d600; 
		display: inline-block;
		font-family: "Roboto";
		font-size: 14px;
		margin-right: 12px;
		padding: 7px 7px 9px;
		cursor: pointer;
	}
	.filter-active { background-color: #93ef9e; }

.cards-list { margin-top: 20px; }
	.list-item { display: table; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #bcbcbc; }
	.item-image { width: 150px; float: left; }
		.item-image img { width: 140px; }
	.item-desc { width: 680px; font-family: "Calibri"; float: left;}
		.item-period { color: #555; font-size: 14px; font-style: italic; margin: 10px 0 0 20px; }
		.item-dopdate { color: #555; font-size: 14px; font-style: italic; margin: 7px 0 0 20px; }
	.item-tools { width: 150px; float: left; }
		.item-tools a {
			background-color: #d7ecf6;
			border: 1px solid #d7ecf6;
			border-radius: 15px;
			color: #005ab9;
			margin-left: 15px;
			padding: 5px 7px;
		}
		.item-tools a:hover { background-color: #ffffff; }

	.row-delimiter { border-top: 1px solid #bcbcbc; }


	.item-comms { font-size: 14px; font-family: "Calibri"; margin: 0 0 0 20px; width: 590px; }
		.item-comms .item-elem { display: table; width: 100%; background-color: #ddffff; padding: 5px 0; border-top: 1px dotted #84c8c8 }
		.item-comms .first-comment { border: none; background-color: #e5e5e5; }
		.item-comms .comitem-text { width: 90%; display: table-cell; padding-left: 10px; }
		.item-comms .comitem-manage { width: 10%; display: table-cell; text-align: center; }


	.comlist_update { text-align: right; }

	.card-edit-wrap td { vertical-align: top; }

	.card-edit-blocktitle { font-family: "RobotoL"; font-size: 14px; font-weight: bold; }

	.card-edit-templates { margin-top: 10px; }
		.card-edit-templates label { display: table; cursor: pointer; margin-top: 10px; }
		.card-edit-templates input[type=radio] { display: table-cell;  }
		.card-edit-templates img {
			display: table-cell;
			height: 100px;
			max-width: 123px;
			vertical-align: middle;
			margin: 0 10px 0 10px;
		}
		.card-edit-templates span { display: table-cell; vertical-align: middle; max-width: 180px; }


	.card-edit-rests { margin: 0 0 0 20px; }
		.card-edit-rests label { display: table; margin: 2px 0; font-family: "RobotoL"; font-size: 14px; }

	.metadata { font-size: 13px; font-family: "Roboto"; margin: 7px 0; }
	.labelDel { font-family: "Roboto"; font-size: 14px; }

	.update-finish { color: #00aa00; font-family: "Roboto"; margin: 15px 7px; }

	.card-item { float: left; width: 33%; padding: 15px 0; }
		.card-item img { width: 140px; float: left; }
	.ronny-list { float: left; margin-left: 5px; }
		.ronny-list label { display: block; font-family: "Verdana"; font-size: 12px; margin-bottom: 10px; }
			.ronny-list label input[type=checkbox] { float: left; margin-top: 0; }

		.uncheck_all_rests {
			border-bottom: 1px dashed #009cd7;
			color: #009cd7;
			cursor: pointer;
			font-family: Calibri;
			margin-left: 20px;
			font-style: italic;
		}

		.uncheck_all_rests:hover { border: none; }

.settings-wrapper { font-family: "RobotoL"; font-size: 14px; margin-top: 15px; }
	.settings-button { margin: 0 10px; }


.user-table { border-collapse: collapse; }
	.user-table td { border: 1px solid #e3e3e3; padding: 7px 14px; }
	.active-mark { background-color: #7bfe7b; }
	.deactive-mark { background-color: #ff5555; }
	.user-rest-item { margin: 7px 0; }
	.netoff { color: #ff0000; font-style: italic; margin: 2px 0; }

	.user-table tr[rel-row=edit] { display: none; }
	.user-table .new-user { display: none; }

	.user-table label { display: block; margin: 2px 0; }


.user-card-action {
	background-color: #d7ecf6;
	border: 1px solid #acd4e7;
	border-radius: 50%;
	color: #005ab9;
	cursor: pointer;
	padding: 5px 5px 5px 6px;
}
.user-card-action:hover { background-color: #ffffff; }

.user-create  {
	margin-top: 20px;
	background-color: #d7ecf6;
	border: 1px solid #acd4e7;
	color: #005ab9;
	font-family: "Roboto";
	font-size: 14px;
	padding: 5px 7px;
	text-decoration: none;
	display: table;
	cursor: pointer;
}
.user-create:hover { background-color: #ffffff; }

.access_message_show {
	background-color: #c3ffc3;
	border: 1px solid #2dd72d;
	color: #008800;
	display: table;
	margin-bottom: 15px;
	padding: 8px 11px 10px;
}

.preview-link { margin-left: 20px; }
.preview-link a { font-family: "RobotoL"; font-size: 14px; }
.preview-link a:hover { text-decoration: none; }


.tag-card { float: left; margin-top: 15px; padding-bottom: 15px; width: 220px; }
	.tag-name { font-weight: bold; padding-bottom: 7px; }
	.tag-card label { display: table; margin: 3px 0; }

.settingsSetTitle { display: inline; margin-right: 10px; }
.spRestTitle { font-size: 14px; }
.spBlock { margin-top: 30px; }
.spParam { font-size: 12px; margin: 0 0 2px; }
.spElement {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px #aaaaaa;
	display: inline-table;
	margin: 4px 2px;
	padding: 4px 0 4px 10px;
	width: 270px;
}

.mt25 { margin-top: 25px; }
.mb10 { margin-bottom: 10px; }
.wid50 { width: 50%; float: left; }

@media all and (max-width: 980px) {
	.head-wrapper .head img { width: 30px; }
	.head-wrapper .head .user-card { margin-top: 10px; }
}
*/