
html, body {
	height: 100%;
}

a:active, *:focus, input {
	outline: none !important;
}

a.pseudolink {
	text-decoration: none; 
	color: #666;
}

a.pseudolink:hover {
	border-bottom: 1px dashed #666;
}

h1 {
	font-size: 22px; 
	color: #666; 
	margin-top: 10px; 
	font-weight: bold;
}

h1 span {
	color: #b10000;
}

#wrap {
	min-height: 100%; 
	height: auto; 
	margin: 0 auto -70px; 
	padding: 0 0 80px;
}

#wrap > .container {
	padding: 0 15px 0;
}

#footer-block {
	min-height: 70px; 
	background-color: #f5f5f5; 
	padding: 10px 0; 
	border-top: 1px solid #e1e1e1;
}

#footer-block a {
	text-shadow: 1px 1px 1px #FFF;
}

#footer-block {
	line-height: 24px;
}

#footer-block .links {
	float: left;
}

#footer-block .links a {
	margin-right: 35px;
}

#footer-block .powered {
	float: right;
}

@media (max-width: 767px) {

	#footer-block .links {
		float: none;
		text-align: center;
	}

	#footer-block .links a {
		margin-right: 10px;
	}

	#footer-block .powered {
		margin-top: 10px;
		float: none;
		text-align: center;
	}	
}

#f-loader {
	width: 46px; 
	height: 46px; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	background: #000 url("../img/f-loader.gif") no-repeat center center; 
	margin: -23px 0px 0px -23px; 
	z-index: 2010;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	display: none;
}

.rgh {float: right;}
.lgh {float: left;}
.clear {clear: both;}

.date {font-size: 12px; color: #A0A0A0; position: relative; top: 2px;}
.nowrap {white-space: nowrap;}

.black {color: #333;}
.dimgray {color: dimgray;}
.silver {color: #A0A0A0;}
.red {color: #b92c28;}
.green {color: #298E29;}

.center {text-align: center !important;}
.top {vertical-align: top !important;}
.justify {text-align: justify;}
.bold {font-weight: bold;}
.strike {text-decoration: line-through;}

.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}

.w1 {width: 1%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w100 {width: 100%;}

/* раскраска ролей пользователей */
.role-user {color: #0030C1 !important;}
.role-moder, .role-org {color: #D06000 !important;}
.role-manager {color:#501754 !important;}
.role-admin {color: #5CA226 !important;}

.status-new {background-color: #5bc0de;}
.status-ready, .status-process {background-color: #5bc0de;}
.status-open, .status-active, .status-confirm, .status-success {background-color: #5cb85c;}
.status-close, .status-reject {background-color: #d9534f}

/* фильтры */
.nav-pills {text-align: center; display: table; width: auto; margin: 0 auto 10px auto;}
.nav-pills li {display: inline; margin-right: 10px;}
.nav-pills li a {padding: 5px 10px; text-decoration: none;}
.nav-pills li.active a, .nav-pills li.active a:hover {background-color: #4c96c6;}

#content-block {padding-bottom: 30px;}

/* навигационная строка */
#breadcrumb-block {background-color: #f0f0f0; border-bottom: 1px solid #d1d1d1; font-size: 12px;}
#breadcrumb-block .breadcrumb { border-radius: 0; margin: 0; padding: 4px 3px 0px 0; background-color: #f0f0f0; color: #898989;}
#breadcrumb-block .breadcrumb a {color: #727272; }
#breadcrumb-block .breadcrumb>li+li:before{content: none;}
#breadcrumb-block .breadcrumb > li {padding: 0 6px 0 0;}

/* флеш-сообщение */
#flash-block {
	margin: 15px auto 0 auto; 
	border-radius: 5px; 
	background-color: #fcfcfc; 
	padding: 10px;
}

.alert {
	padding: 10px 15px;
}

.alert-dismissable .close {
	position: relative; 
	right: -3px; 
	top: -5px; 
	font-size:18px;
}

/* основное меню */
.navbar-default {
	margin-bottom: 0; 
	background: #116294;
	background-image: linear-gradient(to bottom, #5BB5E5, #2C5687); 
	border: 0; 
	border-radius: 0;
	text-decoration: none; 
	box-shadow: #c8c8c3 0 1px 3px 3px;
}

.navbar-default .navbar-collapse {
	border: 0;
}

.navbar-default .dropdown-header {
	font-size: 14px;
}

.navbar-default.navbar .caret {
	border-top: 4px solid #FFF !important; 
	border-top-color: #FFF !important;
}

.navbar-default .logo {
	padding-left: 43px; 
	font-size: 25px; 
	font-weight: bold; 
	background: url("../img/logo.png") no-repeat; 
	background-position: 8px 10px; 
	color: #ffc80a !important; 
	text-shadow: #666 2px 3px 0px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .open > a {
	background-image: none;
}

.navbar-default.navbar .nav > li > a:hover {
	background-color: #419641; 
	color: #FFFFFF; 
	text-decoration: none;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #FFFFFF;
    background-color: #419641;
}

.navbar-default.navbar .nav > li.active > a {
	background-color: #d9534f !important; 
	color: #FFFFFF; 
	text-decoration: none;
}

.navbar-default.navbar .nav > li > a {
	color: #FFFFFF; 
	font-size: 15px; 
	 line-height: 21px;
	text-decoration: none;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: inherit;
}

.navbar-default .navbar-toggle {
    border-color: #FFF;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

@media (max-width: 767px) {

	.navbar-default .dropdown-header {
		color: #ffc80a;
	}	
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #FFF;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #FFF;
		background-color: #419641;
	}	
}

.dropdown-menu {
	z-index: 1000;
}

/* постраничная навигация */
.pagination {
	margin: 0; 
	display: inline-block;
}

.pagination-title {
	line-height: 26px; 
	display: inline-block; 
	vertical-align: top; 
	color: dimgray; 
	margin-left: 3px;
}

/* формы */
.form-control {font-size: 14px; padding: 2px 6px; height: 30px;}
input[type="checkbox"] {margin: 0 0 0 2px;}
.form-group {margin-bottom: 10px;}
.form-group .control-label {color: #666;}
.form-group .group-label {font-weight: normal; top: -2px; position: relative;}
.required {color: #ff0000; font-weight: bold;}
.input-max {width: 99%;}
.input-min {width: auto; height: auto; display: inline-block; }
.input-normal {width: 300px; display: inline-block;}
.input-normal-block {width: 300px;}
.input-wide {width: 600px;}
.f-error {color: #B94A48; font-size: 12px; margin-bottom: 1px;}
.help-block {margin: 0; line-height: 20px;}
form .notify {color: dimgray; margin-bottom: -1px; font-size: 12px}
.block-center {max-width: 650px; margin: 0 auto 20px auto;}
.bootstrap-filestyle {width: 300px;}
.bootstrap-filestyle .form-control {width: 219px;}
input[type="submit"].btn, .btn {height: 30px; font-size: 14px; padding-top: 4px;}
.btn-xs {height: 22px; padding-top: 1px; font-size: 12px; }
.btn span.glyphicon {font-size: 12px; margin-right: 2px;}

.options {position: relative;}
.buttons {padding-top: 2px;  margin-bottom: 5px;}
.well {background: #FBFBFB; margin-bottom: 0;}
.captcha-image {border: 1px solid silver; border-radius: 5px;}

/* иконки */
.icon {display: inline-block; width: 16px; height: 16px; position:relative; top: 3px;}
.btn-xs .icon {top: 0px;}
.disabled .icon {opacity: 0.5;}
.icon.icon-edit {background: url("../img/icon/edit.png") center no-repeat;}
.icon.icon-delete {background: url("../img/icon/delete.png") center no-repeat;}
.icon.icon-arrow-down {background: url("../img/icon/arrow-down.png") center no-repeat;}
.icon.icon-arrow-up {background: url("../img/icon/arrow-up.png") center no-repeat;}
.icon.icon-gear {background: url("../img/icon/gear.png") center no-repeat;}
.icon.icon-stamp-plus {background: url("../img/icon/stamp-plus.png") center no-repeat;}
.icon.icon-keyboard-plus {background: url("../img/icon/keyboard-plus.png") center no-repeat;}
.icon.icon-convert {background: url("../img/icon/convert.png") center no-repeat;}
.icon.icon-eye-red {background: url("../img/icon/eye-red.png") center no-repeat;}
.icon.icon-user-edit {background: url("../img/icon/user-edit.png") center no-repeat;}
.icon.icon-home-arrow {background: url("../img/icon/home-arrow.png") center no-repeat;}
.icon.icon-user-gray {background: url("../img/icon/user-gray.png") center no-repeat;}
.icon.icon-tick-button {background: url("../img/icon/tick-button.png") center no-repeat;}
.icon.icon-tick-button-gray {background: url("../img/icon/tick-button-gray.png") center no-repeat;}
.icon.icon-toolbar-plus {background: url("../img/icon/toolbar-plus.png") center no-repeat;}
.icon.icon-social {background: url("../img/icon/social.png") center no-repeat;}

.color-black {color: black;}
.color-brown {color: brown;}
.color-purple {color: purple;}
.color-gray {color: gray;}
.color-blue {color: blue;}
.color-green {color: green;}
.color-red {color: red;}
.color-orange {color: orange;}
.color-navy {color: navy;}
.color-teal {color: teal;}
.color-pink {color: deeppink;}
.color-yellow {color:gold;}

/* списки */
table.table {margin-bottom: 14px; border-bottom: 1px dashed #DEE2E5 !important;}
table.table th, table.table th a {color: #005580; font-size: 13px;}
table.table th a:hover {text-decoration: none;}
table.table th a span.glyphicon {font-size: 9px;}
table.table tr:hover {background: #FCFCFC;}
table.table input {top: 4px; position: relative;}
table.table tr.sub th {background:#FBFBFB; border-bottom:1px dashed #DEE2E5 !important; border-top:1px dashed #DEE2E5 !important; padding:3px 6px; font-size: 12px;  text-align:left; font-weight:normal; color: #666;}
table.table tr > td {border-top:1px dashed #DEE2E5 !important;}
table.table tr.active th {background:#E0E2E5 !important; border-bottom:1px solid #B8BABC; text-align:left; font-weight:weight;}

.filter {text-align: center; color: dimgray; font-size: 12px; padding: 10px 7px 6px 7px;}
.filter .form-control {display: inline-block; width: auto; padding: 0px; font-size: 12px; height: auto; background-color:#FBFBFB}
.filter .active {background-color: #fceeee;}
.filter .btn-xs {font-size: 12px; height: 19px; padding: 0px 6px 0 6px; color: dimgray;}
.filter .str-mini {width: 50px;}
.filter .str-normal {width: 100px;}
.filter .str-large {width: 150px;}
.filter.search {background-color: #fcf8e3; background-image: linear-gradient(to bottom,#f0f2f4 0, #E0E2E5 100%); margin-bottom: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 12px; text-align: center;}

.filter.search .search-block {white-space: nowrap; padding-bottom: 3px; display: inline-block;}
.filter.search label {top: 1px; position: relative; padding-left: 5px;}
.filter.search .ms-drop {text-align: left;}
.filter.search .ms-search input {height: 20px; min-height: auto;}
.filter.search .ms-choice {height: 20px; line-height: 20px;}
.filter.search .ms-choice > div {top: -2px;}
.filter-result-select .filter-type-block {color: #333;}
.filter-result-select a {text-decoration: none; border-bottom: 1px dashed #999; color: #999; margin-right: 5px;}
.filter.search .filter-search-input {height: 20px; border-radius: 4px; border: 1px solid #999; padding: 1px 5px; width: 100px; color: #333;}

.modal-header {background-color: #f9f9f9;}
.export-block {padding: 0 10px;}

/* предпросмотр в форме */
.preview-block {min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #FDFDFD; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);}
.preview-block legend {font-size: 18px; padding-top: 0;}

.cash-page .well-cashe {margin: 0 auto; max-width: 500px;}
.cash-page .s-info {color: #AAA; margin-left: 5px; font-size: 12px; text-decoration: none !important;}
.cash-page .s-info:hover {text-decoration: none;}

.cat-page .pad-left {padding-left: 35px;}

.index-page .btn-lg {height: 45px; font-size: 18px; padding-top: 10px;}
.index-page .description {margin-bottom: 20px; }
.index-page .description h1 {padding-left: 10px; text-align: center; color: #2C5687}
.index-page .lister {list-style: none;}
.index-page .lister li {margin-bottom: 15px; padding-left: 35px; font-size: 15px; background: url("../img/tick.png") no-repeat; background-position: 0px 2px;}
.index-page .join {text-align: center; margin-bottom: 10px;}
.index-page #carousel-promo {margin-bottom: 30px; margin-top: 15px;}
.index-page .carousel-caption h3 {font-size: 48px; text-shadow: #000 0px 0px 30px;}
.index-page .carousel-caption p {font-size: 28px; text-shadow: #000 0px 0px 10px;}
.index-page .about-item {margin-bottom: 30px;}
.index-page .about-item h2 {font-size: 16px; font-weight: bold; margin-top: 5px; color: #2C5687;}
.index-page .about-item .thumbnail {margin-bottom: 5px;}

@media (max-width: 767px) {

	.index-page .carousel-caption {
		padding-bottom: 5px;
		margin-bottom: -20px;
	}	
}

@media (max-width: 600px) {

	.index-page .carousel-caption h3 {
		font-size: 32px;
	}
	
	.index-page .carousel-caption p {
		font-size: 18px;
	}
}

.report-page #chart-block {height: 450px;}
.report-page #chartm-block {height: 50px; width: 300px; margin: 0 auto;}
.report-page #flot-tooltip {position: absolute; display: none; border: 1px solid #D1D1D1; padding: 0 2px; background-color: #f7f7f7; font-weight: bold; font-size: 12px;}
.report-page .pad-top {padding-top: 10px;}
.report-page .mselect {height: 20px;}

.user-page .form-signin {max-width: 300px; padding: 20px 25px 15px 25px; margin: 0 auto 20px; background-color: #f5f5f5; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.user-page .form-signin input[type="text"], .form-signin input[type="password"] {font-size: 16px; height: auto; margin-top: 10px; padding: 7px 9px;}
.user-page .form-signin .btn-lg {height: 45px; font-size: 18px; padding-top: 10px;}
.user-page .avatar { background-color:#FCFCFC; margin-left: 3px; padding: 80px 0px;}
.user-page .profile {width: 100%; font-size: 14px; margin: 0 0 10px 30px;}
.user-page .profile .name {padding-right: 10px;}
.user-page .profile .tab-dell {padding: 5px 0; width: 230px;}
.user-page .pad-top {padding-top: 10px;}
.user-page .pad-bottom {padding-bottom: 10px;}
.user-page .w300px {width: 300px;}
.user-page .link-reg {margin-left: 15px; color: #005580;}
.user-page .social-div {display: block; text-align: center; margin-top: 20px;}
.user-page .social-div p {font-size: 13px; margin-bottom: 5px;}
.user-page .social-auth {display: inline-block; height: 38px; width: 38px; background-size: contain !important; opacity: 0.7;}
.user-page .social-auth:hover {opacity: 1;}
.user-page .social-vk {background: url("../img/social/vk.png") no-repeat;}
.user-page .social-ok {background: url("../img/social/ok.png") no-repeat;}
.user-page .social-facebook {background: url("../img/social/facebook.png") no-repeat;}
.user-page .social-google {background: url("../img/social/google.png") no-repeat;}
.user-page .social-yandex {background: url("../img/social/yandex.png") no-repeat;}
.user-page .social-mail {background: url("../img/social/mail.png") no-repeat;}
.user-page .social-icon {display: inline-block; height: 16px; width: 16px; background-size: contain !important; margin-right: 5px; top: 2px; position: relative;}
.user-page .user-profile-list {padding-top: 10px;}
.user-page .user-profile-button {float: right; padding: 0 10px;}
.user-page .user-profile {max-width: 450px; margin: 0 auto;}
.user-page .user-avatar {height: 128px; width: 128px; background: url("../img/user-avatar.png") no-repeat;}