@font-face{
	font-family:'Soneri';
	src:url(/css/Soneri.ttf) format('embedded-opentype'),
	url('/css/Soneri.eot'),
	url('/css/Soneri.woff2') format('woff');
}

@font-face{
	font-family:'FontAwesome';
	src:url('/css/fontawesome-webfont.eot?v=4.7.0');
	src:url('/css/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
	url('/css/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
	url('/css/fontawesome-webfont.woff?v=4.7.0') format('woff'),
	url('/css/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
	url('/css/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}

body,input,button,select,textarea{
	margin:0;
	font-family:Soneri;
	outline:none;
}

.login{
	background-color:#31363c;
	height:100%;
}

.login form{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-450px;
	margin-top:-250px;
	width:900px;
	height:500px;
	background:url('/img/login.jpg') no-repeat;
	border-radius:7px;
	box-shadow:0 0 4px #2e3136;
}

.login form div{
	width:320px;
	background-color:#ffffff;
	position:absolute;
	right:35px;
	top:100px;
	border-radius:7px;
	box-shadow:0 2px 10px #44515c;
}

.login form span{
	display:inline-block;
	width:100%;
	padding:14px 0 10px;
	border-bottom:1px solid #c7cfd7;
}

.login span h1{
	float:left;
	color:#ea3a0b;
	font-size:17px;
	margin-left:15px;
}

.login span a{
	float:right;
	color:#9baab9;
	text-decoration:none;
	margin:11px 15px;
}

.login span a:hover{
	text-decoration:underline;
}

.login form nav{
	padding:15px;
}

.login form input:not([type=submit]){
	font-size:15px;
	width:100%;
	border:1px solid #c7cfd7;
	background-color:#f5f5f5;
	padding:10px;
	margin:7px 0;
}

.login form input[type=submit]{
	background-color:#5b6c7c;
	color:#fff;
	font-size:17px;
	border:none;
	width:100%;
	padding:10px;
	margin:30px 0 0;
	border-radius:4px;
	cursor:pointer;
	transition:background-color 0.2s ease;
}

.login form input[type=submit]:hover{
	background-color:#485662;
}

.login h2{
	font-size:14px;
	margin:8px 0 -14px;
	color:#da0227;
}

.left-menu{
	background-color:#31363c;
	position:absolute;
	width:250px;
	z-index:9;
}

.left-menu span{
	display:inline-block;
	width:100%;
	padding:10px 0 20px;
	margin-bottom:10px;
	background-color:#5b6c7c;
	border-bottom:1px solid #2a3640;
}

.left-menu span img{
	float:left;
	height:30px;
	margin:10px 9px 0 10px;
}

.left-menu span h1{
	float:left;
	color:#fff;
	font-weight:normal;
	font-size:19px;
	margin:14px 0 0;
}

.left-menu nav a{
	display:block;
	text-decoration:none;
	color:#bcbcbe;
	font-size:15px;
	padding:10px 20px;
	transition:all 0.2s ease;
	cursor:pointer;
}

.left-menu nav a:hover,
.left-menu nav a.active{
	color:#fff;
	background:#44515c;
}

.left-menu nav hr{
	height:1px;
	background-color:#5b6c7c;
	margin:10px;
	border:none;
}

.left-menu nav a b{
	font-family:FontAwesome;
	float:left;
	font-size:18px;
	width:30px;
	font-weight:normal;
	color:#dbdbdb;
}

.content{
	padding:0 0 40px 250px;
	background-color:#cdcdcd;
	min-height:100%;
}

.content:before{
	content:"";
	width:250px;
	height:100%;
	display:inline-block;
	position:fixed;
	left:0;
	background-color: #31363c;
	top:0;
}

.top-menu{
	background-color:#fff;
	box-shadow:0 0 5px #5c5c5c;
	height:70px;
}

.top-menu>h1{
	float:left;
	font-weight:normal;
	margin:12px 20px;
	font-size:36px;
	color:#44515c;
}

.top-menu>h1 a{
	color:#44515c;
	text-decoration:none;
}

.top-menu>h1 a:hover{
	text-decoration:underline;
}

.top-menu>span{
	float:right;
	display:inline-block;
	background-color:#f5f5f5;
	border-left:1px solid #ddd;
	cursor:pointer;
	transition:background-color 0.2s ease;
}

.top-menu>span:hover{
	background-color:#e7e7e7;
}

.top-menu>span h1{
	float:left;
	font-size:17px;
	font-weight:normal;
	color:#5b6c7c;
	margin:24px 10px 0 15px;
}

.top-menu>span b{
	float:left;
	width:50px;
	height:50px;
	display:inline-block;
	background-size:cover;
	background-position:center;
	border-radius:50%;
	margin:10px;
}

.top-menu nav{
	display:inline-block;
	right:-301px;
	position:fixed;
	background-color:#fff;
	width:300px;
	border:1px solid #ddd;
	top:70px;
	transition:right 0.2s ease;
	z-index:998;
}

.top-menu nav.active{
	right:0px;
}

.top-menu nav>b{
	height:100px;
	width:100px;
	display:inline-block;
	float:left;
	margin:15px;
	background-position:center;
	background-size:cover;
	border-radius:5px;
}

.top-menu nav h2{
	font-size:15px;
	font-weight:normal;
	float:left;
	margin:13px 0 5px;
	color:#44515c;
}

.top-menu nav h3{
	font-weight:normal;
	color:#8e9aa7;
	font-size:14px;
}

.top-menu nav button{
	border:1px solid #ddd;
	color:#5b6c7c;
	background-color:#f5f5f5;
	padding:6px 10px;
	cursor:pointer;
	margin-top:16px;
	font-size:14px;
	border-radius:3px;
	transition:background-color 0.2s ease;
}

.top-menu nav button:hover{
	background-color:#e7e7e7;
}

.top-menu nav button i{
	font-family:FontAwesome;
	font-style:normal;
	float:left;
	margin:1px 5px 0 0;
	font-size:15px;
}

.top-menu nav a{
	display:inline-block;
	width:100%;
	background-color:#5b6c7c;
	color:#fff;
	text-decoration: none;
	font-size:14px;
	padding:10px;
	transition:background-color 0.2s ease;
}

.top-menu nav a:hover{
	background-color:#485662;
}

.frame{
	padding:40px;
}

.frame>.title{
	display:inline-block;
	width:100%;
	border-bottom:1px solid #979fa7;
	margin:40px 0 20px;
	position:relative;
}

.frame>.title h1{
	margin:0;
	font-weight:normal;
	color:#5b6c7c;
	font-size:30px;
	border-bottom:2px solid #5b6c7c;
	padding-bottom:10px;
	display:table;
}

.frame>.title button{
	position:absolute;
	top:5px;
	right:-9px;
}

.datatable{
	background-color:#f5f5f5;
	width:100%;
	border-collapse:collapse;
}

.datatable tr.even{
	background-color:#e9e9e9;
}

.datatable th{
	text-align:left;
	font-weight:normal;
	padding:13px 25px 13px 10px;
	position:relative;
}

.sorting:after,.sorting_desc:after,.sorting_asc:after{
	content:"";
	position:absolute;
	width:8px;
	height:12px;
	background:url(/img/arrows.png) left top no-repeat;
	right:10px;
	top:16px;
}

.sorting_asc:after{
	background-position-x:-8px;
}

.sorting_desc:after{
	background-position-x:-16px;
}

.datatable thead tr{
	background-color:#5b6c7c;
	color:#fff;
}

.datatable tbody td{
	font-size:15px;
	padding:10px;
	color:#44515c;
}

.datatable tbody td>a{
	text-decoration:none;
	color:#b75d5d;
}

.datatable tbody td>a:hover{
	text-decoration:underline;
}

.dataTables_length{
	float:left;
	margin-bottom:15px;
	color:#44515c;
	font-size:16px;
}

.dataTables_filter{
	float:right;
	margin-bottom:15px;
	color:#44515c;
	font-size:16px;
}

.dataTables_filter input,
.dataTables_length select{
	font-size:15px;
	border:1px solid #c7cfd7;
	background-color:#f5f5f5;
	padding:10px;
	margin-left:10px;
}

.dataTables_length select{
	margin:0 5px;
}

.dataTables_info{
	float:left;
	margin-top:15px;
	color:#44515c;
	font-size:16px;
}

.dataTables_paginate{
	float:right;
	margin-top:15px;
}

.paginate_button{
	background-color:#5b6c7c;
	color:#fff;
	font-size:15px;
	padding:8px 10px;
	border-radius:6px;
	min-width:12px;
	display:inline-block;
	text-align:center;
	margin-left:6px;
	cursor:pointer;
	transition:background-color 0.2s ease;
}

.paginate_button.current,
.paginate_button:not(.disabled):hover{
	background-color:#485662;
}

.paginate_button.disabled{
	opacity:0.7;
	cursor:default;
}

.datatable td:last-child button{
	font-family:FontAwesome;
	float:right;
	border:none;
	font-size:18px;
	color:#fff;
	background-color:#5b6c7c;
	padding:5px 0;
	text-align:center;
	min-width:28px;
	margin-left:7px;
	border-radius:4px;
	cursor:pointer;
	transition:background-color 0.2s ease;
}

.datatable td:last-child button:hover{
	background-color:#485662;
}

.simple .dataTables_length,
.simple .dataTables_filter,
.simple .dataTables_info,
.simple .dataTables_paginate{
	display:none;
}

.ellipsis{
	margin:0 5px 0 10px;
}

.red{
	background-color:#b75d5d!important;
}

.red:hover{
	background-color:#9f4a4a!important;
}

.tool-bar{
	background-color:#5b6c7c;
	color:#fff;
	padding:14px;
	margin-bottom:20px;
}

.tool-bar nav{
	display:inline-block;
}

.tool-bar button,
.frame>.title button{
	float:left;
	background-color:#e9e9e9;
	border:none;
	font-size:14px;
	padding:8px 10px;
	cursor:pointer;
	border-radius:3px;
	margin-right:10px;
	color:#44515c;
	transition:background-color 0.2s ease;
}

.tool-bar button.red,
.tool-bar button.red b{
	color:#fff;
}

.tool-bar button:hover,
.frame>.title button:hover{
	background-color:#c5c5c5;
}

.tool-bar button[disabled]{
	opacity:0.7;
	pointer-events:none;
	cursor:default;
}

.tool-bar button b,
.frame>.title button b{
	float:left;
	font-family:FontAwesome;
	font-weight:normal;
	font-size:15px;
	margin:1px 6px 0 0;
	color:#5b6c7c;
}

.tool-bar select,
.tool-bar input{
	float:left;
	border:none;
	font-size:15px;
	padding:6px 5px;
	border-radius:3px;
	margin-right:20px;
}

.tool-bar label{
	float:left;
	font-size: 15px;
	margin:7px 8px 0 0;
}

.tool-bar hr{
	float:left;
	border:none;
	margin:0 10px 0 0;
	width:1px;
	height:33px;
	background-color:#a6a8ab;
}

#popup{
	position:fixed;
	z-index:999;
	background-color:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	display:none;
}

#popup>nav{
	background-color:#f5f5f5;
	width:406px;
	margin-top:3%;
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
}

#popup>nav>span{
	display:inline-block;
	width:100%;
	background-color:#5b6c7c;
	color:#fff;
}

#popup>nav>span h1{
	float:left;
	font-size:17px;
	font-weight:normal;
	margin:10px 13px;
}

#popup>nav>span button{
	font-family:FontAwesome;
	float:right;
	background:none;
	color:#fff;
	font-size:20px;
	border:none;
	padding:0;
	margin:9px 10px;
	cursor:pointer;
	transition:color 0.2s ease;
}

#popup>nav>span button:hover{
	color:#d1d1d1;
}

.record-form span{
	border-bottom:1px solid #c7c7c7;
	display:inline-block;
	text-align:left;
	width:100%;
	color:#44515c;
	background-color:#fff;
}

.record-form label{
	font-size:15px;
	padding:10px;
	float:left;
	border-right:1px solid #c7c7c7;
	width:125px;
	background-color:#f5f5f5;
}

.record-form label.error{
	background-color:#ffc6c6;
}

.record-form .required label:after{
	content:"*";
	color:#ff3838;
	margin-left:3px;
}

.record-form span>input,
.record-form span>select,
.record-form span>textarea{
	float:left;
	border:none;
	font-size:15px;
	color:#44515c;
	padding:10px;
	width:259px;
	resize:none;
}

.record-form span>select{
	padding:9px 6px;
	width:255px;
}

.record-form span>input[type=date]{
	padding:8px 10px;
}

.record-form span>input[type=file]{
	padding:7px 10px 8px;
}

.record-form span [readonly]{
	background-color:#f7f7f7;
}

.record-form>nav{
	display:inline-block;
	width:100%;
}

.record-form>nav button{
	float:right;
	background-color:#5b6c7c;
	color:#fff;
	border:none;
	font-size:15px;
	padding:8px 15px;
	border-radius:5px;
	margin:10px 10px 10px 0;
	cursor:pointer;
	transition:background-color 0.2s ease;
}

.record-form>nav button:hover{
	background-color:#485662;
}

.record-form>nav button[disabled]{
	pointer-events:none;
	opacity:0.6;
}

.item-details{
	border:2px solid #5b6c7c;
}

.item-details.half{
	width:50%;
}

.item-details label{
	width:15%;
}

.item-details span>p{
	padding:9px;
	margin:0;
	display:inline-block;
}

.item-details span>p a{
	text-decoration:none;
	color:#44515c;
	font-size:15px;
}

.item-details span>p a:hover{
	text-decoration:underline;
}

.item-details.half label{
	width:20%;
}

.item-details.readonly span{
	background-color:#fff;
}

.item-details span>input,
.item-details span>select{
	width:82%;
}

.item-details.half span>input,
.item-details.half span>select{
	width:75%;
}

[data-tag]{
	position:relative;
}

[data-tag] span{
	position:absolute;
	display:inline-block;
	width:100px;
	left:-37px;
	top:-28px;
}

[data-tag] span b{
	background-color:#31363c;
	display:inline-block;
	font-family:Soneri;
	font-size: 12px;
	font-weight: normal;
	padding:4px 6px;
	border-radius:4px;
}

[data-tag] span b:after{
	content:"";
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:4px solid #31363c;
	position:absolute;
	bottom:-4px;
	left:46px;
}

.filter-entities{
	background-color:#5b6c7c;
	margin-bottom:25px;
	display:inline-block;
	width:100%;
	padding-bottom:10px;
}

.filter-entities>span{
	color:#fff;
	display:inline-block;
	margin:10px 0 0 10px;
}

.filter-entities>span input{
	width:15px;
	height:15px;
	border:none;
	float:left;
	margin:2px 6px 0 0;
}

.dashboard-row{
	display:inline-block;
	width:100%;
	padding-top:25px;
}

.dashboard-column{
	display:inline-block;
	float:left;
	width:49%;
}

.dashboard-column.full{
	width:100%;
	float:none;
}

.dashboard-column.last{
	margin-left:2%;
}

.dashboard-item{
	border:3px solid #5b6c7c;
	background-color:#fff;
}

.dashboard-item>h1{
	background-color:#5b6c7c;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:22px;
	padding:10px;
}

.record-form span:last-child{
	border-bottom:none;
}