@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{
	font-family:Roboto;
	margin:0;
	outline:none;
}

body{
	background-color:#d7ccca;
}

.login-left,
.login-right{
	width:50%;
	display:inline-block;
	float:left;
	height:100%;
	position:relative;
}

.login-right{
	overflow:hidden;
}

.login-right video{
	margin-left:-50%;
}

.login-left form img{
	height:40px;
}

.login-left form{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-240px;
	width:400px;
}

.login-left form h1{
	color:#595959;
	font-size:23px;
	font-weight:500;
	margin:10px 0 25px;
}

.login-left form h2{
	color:#b44141;
	font-size:15px;
	font-weight:500;
	margin:25px 0 0;
}

.login-left form>b{
	font-family:FontAwesome;
	color:#bca8a8;
	background-color:#d7ccca;
	font-size:20px;
	position:absolute;
	padding:0 10px;
	left:184px;
	top:92px;
}

.login-left form hr{
	border:none;
	height:1px;
	background-color:#bfafae;
	margin:0;
}

.login-left form label{
	display:block;
	text-align:left;
	font-size:15px;
	font-weight:500;
	color:#595959;
	margin-top:20px;
}

.login-left form input:not([type=submit]){
	text-align:left;
	border-radius:10px;
	background-color:#f3f5fa;
	border:2px solid #f3f5fa;
	width:100%;
	padding:13px;
	font-size:14px;
	font-weight:100;
	margin-top:7px;
	transition:all 0.2s ease;
}

.login-left form input:not([type=submit]):hover{
	background-color:#f1e7e5;
	border-color:#f1e7e5;
}

.login-left form input:not([type=submit]):focus{
	border-color:#aaa09e;
}

.login-left form input[type="submit"]{
	border-radius:10px;
	border:none;
	width:100%;
	padding:13px;
	cursor:pointer;
	background-color:#bca8a8;
	color:#fff;
	margin-top:30px;
	transition:background-color 0.2s ease;
}

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

.login-left form a{
	text-decoration:none;
	color:#8e7575;
	font-size:14px;
}

.login-left form>a{
	margin-top:20px;
	display:inline-block;
}

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

.login-left form>p{
	margin:30px 0;
	font-size:15px;
}

.left-menu{
	background-color:#8f8685;
	position:fixed;
	left:0;
	top:0;
	width:250px;
	z-index:9;
}

.left-menu span{
	display:inline-block;
	width:100%;
	padding:10px 0 20px;
	background-color:#645a59;
	border-bottom:1px solid #4c4645;
}

.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>div{
	text-align:center;
	background:#d13e3e;
	color:#fff;
	font-size:17px;
	padding:15px 0;
	margin-bottom:10px;
}

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

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

.left-menu nav hr{
	height:1px;
	background-color:#736b6b;
	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;
}

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

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

.top-bar>h1{
	float:left;
	font-weight:normal;
	margin:12px 20px;
	font-size:36px;
	color:#645a59;
}

.top-bar>h1 b{
	font-family:FontAwesome;
	margin-right:15px;
	color:#8f8685;
}

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

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

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

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

.top-bar nav{
	display:inline-block;
	right:-301px;
	position:fixed;
	background-color:#fff;
	width:300px;
	top:71px;
	transition:right 0.2s ease;
	z-index:998;
}

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

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

.top-bar nav h2{
	font-size:15px;
	font-weight:normal;
	float:left;
	margin:13px 0 5px;
	color:#645a59;
	width:170px;
}

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

.top-bar nav h4{
	font-weight:normal;
	color:#a79393;
	font-size:14px;
	margin:-8px 0;
}

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

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

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

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

.top-bar nav a:hover{
	background-color:#a79393;
}

.frame{
	padding:40px;
}

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

.frame .title h1 b{
	font-family:FontAwesome;
	float:left;
	color:#a79393;
	font-size:26px;
	margin:4px 10px 0 0;
	font-weight:normal;
}

.frame .title h1{
	margin:0 0 -1px;
	font-weight:normal;
	color:#645a59;
	font-size:30px;
	border-bottom:2px solid #a79393;
	padding-bottom:10px;
	display:inline-block;
}

.frame .title button{
	float:right;
	background-color:#8f8685;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:9px 13px 11px;
	font-size:14px;
	cursor:pointer;
	transition:background-color 0.2s ease;
	margin-left:10px;
}

.frame .title button:hover{
	background-color:#7b706f;
}

.frame .title button b{
	font-family:FontAwesome;
	float:left;
	font-weight: normal;
	font-size:15px;
	margin:1px 6px 0 0;
}

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

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

.datatable tr.active{
	background-color:#d8c2c0;
	font-weight:bold;
}

.datatable th{
	text-align:left;
	font-weight:normal;
	padding:13px 25px 13px 10px;
	position:relative;
	border-right:1px solid #8b7b7b;
}

.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:#a79393;
	color:#fff;
}

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

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

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

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

.dataTables_filter{
	float:right;
	margin-bottom:15px;
	color:#645a59;
	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:#645a59;
	font-size:16px;
}

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

.paginate_button{
	background-color:#bca8a8;
	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:#a79393;

}

.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:#a79393;
	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:#c4b3b2;
}

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

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

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

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

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

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

.tool-bar button.right{
	float:right;
	margin-right:0;
	margin-left:10px;
}

.tool-bar button:hover{
	background-color:#c5c5c5;
}

.tool-bar button b{
	float:left;
	font-family:FontAwesome;
	font-weight:normal;
	font-size:15px;
	margin:1px 6px 0 0;
	color:#8c8c8c;
}

.tool-bar select{
	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;
}

.record-form{
	position:relative;
}

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

.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 .readonly input{
	pointer-events:none;
	background-color:#f7f7f7;
}

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

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

.record-form span>input[type=date],
.record-form span>input[type=time]{
	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:#7b706f;
	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:#958b8a;
}

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

.record-form span>ul{
	position:absolute;
	right:0;
	background:#fff;
	border:1px solid #c7c7c7;
	width:259px;
	padding:0;
	list-style-type:none;
	top:23px;
	z-index:9;
	font-size:15px;
}

.record-form span>ul li{
	cursor:pointer;
	padding:5px 10px;
}

.record-form span>ul li:hover{
	background-color:#e6dddd;
}

.item-details{
	border:2px solid #7b706f;
}

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

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

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

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

.item-details span:last-child{
	border-bottom:none;
}

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

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

[data-tag]{
	position:relative;
}

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

[data-tag] span b{
	background-color:#645a59;
	display:inline-block;
	font-family:Roboto;
	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 #645a59;
	position:absolute;
	bottom:-4px;
	left:46px;
}

#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:#7b706f;
	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:10px 10px 0 0;
	cursor:pointer;
	transition:color 0.2s ease;
}

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

#map-search{
	font-size:15px;
	left:11px!important;
	border:1px solid #c7c7c7;
	top:10px!important;
	padding:10px;
	width:300px;
	border-radius:3px;
}

.item-details .record-form>nav{
	position:absolute;
	width:auto;
	left:-2px;
	bottom:-70px;
}

.progress-bar{
	border-bottom:1px solid #bca8a8;
	padding-bottom:30px;
}

.progress-bar span{
	position:relative;
	display:inline-block;
}

.progress-bar table{
	border-collapse:collapse;
	position:relative;
	z-index:1;
}

.progress-bar table b{
	font-size:21px;
	background-color:#8f8685;
	color:#fff;
	width:40px;
	padding:7px 0;
	display:inline-block;
	text-align:center;
	border-radius:50%;
	margin:0 10px;
	border:10px solid #d7ccca;
}

.progress-bar table b.active{
	background-color:#bca8a8;
}

.progress-bar span hr{
	border:none;
	height:2px;
	background-color:#8f8685;
	width:100%;
	margin:0;
	position:absolute;
	top:30px;
}

.progress-bar h1{
	font-size:20px;
	font-weight:500;
	color:#484040;
	display:block;
}

.hours input[type="checkbox"]{
	position:absolute;
	left:-24px;
	top:13px;
	width:20px!important;
}

.hours select{
	width:35.5%!important;
}

.gmaps-btn,
.qr-btn{
	font-family:FontAwesome;
	font-size:25px;
	color:#8f8685;
	border:none;
	background:none;
	position:absolute;
	right:4px;
	top:6px;
	cursor:pointer;
	transition:opacity 0.2s ease;
}

.gmaps-btn:hover,
.qr-btn:hover{
	opacity:0.7;
}

#loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	z-index:99999;
}

#loader h1{

}

#loader img{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-68px;
	margin-left:-68px;
}

.msg-box{
	background:#c8cac7;
	display:table;
	border:2px solid #839b83;
	border-radius:10px;
	padding:13px;
	color:#645a59;
	margin-bottom:20px;
}

.msg-box a{
	text-decoration:none;
	font-weight:bold;
	color:#a79393;
}

.msg-box a:hover{
	text-decoration:underline;
}