html {
	font-size: 14px;
	font-family: sans-serif;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

	.container, .container-lg, .container-md, .container-sm {
		max-width: 100%;
	}
}

html {
  position: relative;
  min-height: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	margin: 0;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.login {
	width: 750px;
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
	border-color: #ddd;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-body {
	padding: 15px;
}

.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px;
}

.form-group {
	margin-bottom: 15px;
}

.form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right;
}

.control-label2 {
	margin-bottom: 0;
	text-align: left;
	font-weight: 100;
	font-size: 14px;
}

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
	display: table;
	content: " ";
}

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
	clear: both;
}

.col-sm-4 {
	width: 30%;
}

.col-sm-6 {
	width: 40%;
}

.col-sm-7 {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
}

.col-md-offset-2 {
	margin-left: 25%;
}

.col-sm-8 {
	flex: 0 0 auto;
	width: 50%;
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}

.btn-red {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	background-color: #f0d8d8;
	border-color: #e9c6c6;
	color: #763c3c;
	border-width: 1px;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	/*display: none;  /*Скрыть элемент*/
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.table > :not(:last-child) > :last-child > * {
	border-bottom-color: #ddd;
}

.table {
	border-spacing: 0;
	border-collapse: collapse;
}

.table > tbody > tr:nth-child(odd) {
	background-color: #f9f9f9; /* фон нечетных строк */
}

.table > tbody > tr:nth-child(even) {
	background-color: none; /* фон четных строк */
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
}

.table > thead {
	font-weight: bold;
}

.count-users, .btn-create-user, #Search {
	float: left;
	height: 35px;
	margin-left: 5px;
	padding-top: 7px;
}

.count-users, .btn-create-user {
	margin-bottom: 0;
	width: 200px;
	text-align: center;
}

.count-users {
	background-color: #e7e7e7;
}

#Search {
	width: calc(100% - 620px);
}

.text-dark {
	color: #777;
}

.navbar {
	background-color: #f8f8f8;
}

.active {
	background-color: #e7e7e7;
}

.showPassword {
	width: 25px;
	height: 25px;
	margin-left: -62px;
	position: absolute;
	margin-top: 5px;
	border: 0;
	background: none;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #f0d8d8;
	border: 1px solid rgb(185, 185, 185);
	width: 100%;
	color: rgb(85, 85, 85);
	border-top-width: 1px !important;
}

.list-group-item.active {
	color: rgb(85, 85, 85);
	background-color: rgb(223, 240, 216);
	border-color: rgb(185, 185, 185);
	border-top-width: 1px !important;
}

.hide {
	display: none;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}