body {
	font-family: Roboto, sans-serif;
	color: #4f4f4f
}

/*a {
	color: #1266f1;
}
a:hover {
	color:#0e52c1
}

.btn-primary,
.navbar-inverse, .navbar-inverse .dropdown-menu {
	background-color: #1266f1;
	border-color: #1266f1
}

.btn-primary:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > .active > a, .navbar-inverse .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #0f57cd;
	border-color: #0e52c1
}*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }
.inline-block{display: inline-block;}
.table-detail>tbody>tr:first-child>td{
	border-top: 0;
}
.table-detail{
	margin-bottom: 0 !important;
}
.hint-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}
.collapser{ /*Класс, через который автоматически раскрываются связанные элементы*/
	cursor: pointer;
}
.bold{
	font-weight: bold !important;
}
.no_role:hover{
	background: #C83D0F !important;
}
#leftmenu{
	z-index:99;
}
#width85{width:95px;height:1px;}
.navbar{
	margin-bottom:0;
}
.margin-top {margin-top:20px;}
.margin-bottom {margin-bottom:20px;}
.small{
	line-height: 13px !important;
	font-size:95%;
	padding:9px !important;
}
.bg-grey{
	background-color:#f5f5f5;
}
.pointer{
	cursor:pointer;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.badge-help{
    display:inline-block;
    min-width:10px;
    padding:3px 6px;
    font-size:11px;
    #font-weight:bold;
    color:#fff;
    line-height:1;
    vertical-align:top;
    text-align:center;
    background-color: #f04124;
    border-radius:10px;
    border: 2px solid #fff;
    margin-left:5px;
}
#to_top{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	width:40px;
	height: 100%;
	vertical-align: middle;
}
#to_top:hover{
	background: #E7E7E7;
}
#to_top>span{
	position: fixed;
	top:49%;
	left:12px;
	color:white;
}
.scrollx{
    overflow-x: auto;
}
.scrolly{
    overflow-y: auto;
    max-height: 500px;
}
.w100{
	width: 100%;
}
#mask{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000 50% 50% url('/images/gorisontal-loader.GIF') no-repeat;
	opacity: 0.3;
	z-index:1102;
}
.margin{
	margin-top: 10px;
}
.no_margin_bottom {
	margin-bottom: 0;
}
.hr {
	display: block;
	height: 1px;
	margin: 0 1px;
	background: #DDDDDD;
}
.no_margin_top {
	margin-top: 0;
}

.j_grade_1 {
	background: #ff8075 !important;
}
.j_grade_2 {
	background: #ffcfc0 !important;
}
.j_grade_3 {
	background: #ffffc0 !important;
}
.j_grade_4 {
	background: #dfffc0 !important;
}
.j_grade_5 {
	background: #b2ff99 !important;
}
.count-messages-top-menu{
	font-size: 12px;
	font-weight: bold;
	position: relative;
	background: #e5140d;
	color: #fff;
	padding: 1px 3px;
	border-radius: 3px;
	margin-left: -9px;
	z-index: 2;
}
.icon-top-menu{
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.notifications-list {
	overflow: hidden;
	position: relative;
	background: #eee
}

.notifications-empty {
	position: relative;
	overflow: hidden;
	background: #ddd;
	padding: 7px 13px;

	text-align: center;
	text-decoration: none !important;
}

.notification-more {
	position: relative;
	overflow: hidden;
	background: #eee;
	padding: 7px 13px;

	text-align: center;
	text-decoration: none !important;
}

.notification-more:hover {
	background: #f7f7f7;
}

.notification {
	position: relative;
	padding: 7px 13px
}

.notification:hover {
	background: #f7f7f7;
}

.notification + .notification {
	border-top: 1px solid #e3e3e3
}

.notification-link {
	text-decoration: none !important;
}

.notification-title, .notification-message, .notification-ago {
	display: block;
	margin-right: 30px
}

.notification-title {
	font-size: 12px;
	font-weight: 700;
	padding-bottom: 1px
}

.notification-message {
	font-size: 12px;
	color: #666
}

.notification-ago {
	font-size: 11px;
	font-style: italic;
	color: #aaa;
}

.notification-icon {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 2px;

	position: absolute;
	top: 50%;
	right: 0;
	margin: -13px 12px 0 0;
	font-size: 14px
}

.flex {
	display: flex;
}

#rdf-browser-form a,
.resumable-drop a {
	cursor: pointer;
}

#rdf-browser-form button + button {
	margin-top: 5px;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.animate-shake {
	animation: shake 2s cubic-bezier(.51, .04, .19, .95) both;
}