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

body.plain-white {
	background: #f1fcff;
	background: #F5F5F5;
}

body.form {
	margin-top: 20px;
	background: #F5F5F5;
	background: #fff;
}

body {
	font-size: 13px;
	font-family: Roboto, sans-serif;
	/* 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; */
	line-height: 18px;
	text-shadow: none;
	color: #555;
	background: #f6f6f6;
	background: #fff;
	letter-spacing: 0.7px;
}

b, strong {
	font-weight: 500;
}

.alert strong {
	font-weight: bold;
}

.container {
	/* 
	margin: auto;
	width: auto;
	max-width: 940px; 
	*/
    overflow: auto;
    height: 100%;
    width: 100%;
}

.container-fluid {
	padding: 0;
	overflow: auto;
    height: 100%;
    width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fixed-fluid {
	margin-left: 190px;
}

.fluid-fixed {
	margin-right: 190px;
	margin-left: auto !important;
}

.fixed-fixed {
	margin: 0 0 0 190px;
}

/* This ensures rows are equal */
.layout {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

#nav, .content {
	display: flex;
	flex-direction: column;
}

.content {
	float: none;
	min-height: 100vh;
	padding: 2.5em;
	padding-top: 6em;
	overflow: hidden;
	background: #F5F5F5;
}

.material-icons {
	vertical-align: middle;
	font-size: 18px;
}

#nav {
	float: left;
	background: #f6f6f6;
	background: rgb(245, 249, 253);
	background: #fff;
	padding-top: 45px;
	height: 100vh;
	width: 200px;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li h3 {
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#nav li.nav-item:hover {
	cursor: pointer;
	background: #f3f7f9;
}

#nav li.nav-item {
	color: rgba(118, 131, 143, .9);
	padding: 0 10px 0 20px;
	line-height: 34px;
	width: 200px;
	text-decoration: none;
}

#nav li.nav-item:hover {
	color: #62a8ea;
}

.nav-list {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
}

.nav-list>li>a, .nav-list .nav-head, #nav .nav-head {
	margin-left: -20px;
}

#nav li.nav-item .text {
	vertical-align: middle;
	font-size: 13px;
}

#nav li.nav-item .material-icons {
	color: #5e676b;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 3px;
}

#nav .nav-head .text {
	font-size: 12px;
	vertical-align: middle;
	letter-spacing: 1px;
}

#nav .nav-head .material-icons {
	color: #0A6CB5;
	vertical-align: middle;
	font-size: 16px;
	margin-right: 3px;
}

#nav .nav-head {
	transition: all .25s, font .1s .15s, color .1s .15s;
	color: #76838f;
	padding: 0;
	margin-left: 20px;
	line-height: 38px;
	text-transform: uppercase;
	margin-top: 5px;
}

#nav .nav-head.first, #nav .nav-menu-group:first-child .nav-head {
	margin-top: 10px;
}

#nav .nav-menu-group:last-child {
	margin-bottom: 50px;
}

#nav .nav-menu-group {
	border: none;
}

#nav .accordion-heading {
	cursor: pointer;
}

#nav .nav-list [class^="icon-"] {
	margin-right: 5px;
}

#nav .nav-list>li>a {
	padding: 0px 20px;
}

#nav .nav-head a, #nav .nav-list>li>a, #nav .nav-list>li>a:focus {
	color: rgba(118, 131, 143, .9);
	text-decoration: none;
}

#nav .nav-list>li>a:hover {
	color: #62a8ea;
	text-decoration: none;
}

.warn-icon {
	color: #df524e;
	font-size: 20px;
	vertical-align: middle;
}

.well {
	padding-top: 5px;
	background-color: #fff;
	border: 1px solid #FCFDFD;
	-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.btn {
	text-shadow: none;
	-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: #ffffff;
	background-image: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background: #64b5f6;
	border: 1px solid #64b5f6;
	color: #fff;
	line-height: 20px;
	border-radius: 3px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: border .2s linear, color .2s linear, width .2s
		linear, background-color .2s linear;
	-o-transition: border .2s linear, color .2s linear, width .2s linear,
		background-color .2s linear;
	transition: border .2s linear, color .2s linear, width .2s linear,
		background-color .2s linear;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px
		rgba(0, 0, 0, .21);
	box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21);
	-webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
	-o-transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1);
	transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1);
}

.btn:visited, .btn:active, .btn:focus {
	
}

.btn:hover {
	background: #89bceb;
	border: 1px solid #89bceb;
	background: #90a4ae;
	border: 1px solid #90a4ae;
	color: #fff;
}

.btn-primary, .btn-primary:hover, .btn-primary:visited, .btn-primary:active,
	.btn-primary:focus {
	min-width: 90px;
	background: #2196f3;
	border: 1px solid #2196f3;
	background: #2196f3;
	border: 1px solid #2196f3;
	text: #fff;
}

.btn-primary:hover {
	background: #42a5f5;
	border: 1px solid #42a5f5;
}

.btn-primary:disabled, .btn-primary[disabled] {
	background: #ddd;
	border: 1px solid #ccc;
	color: #000;
}

.btn-info, .btn-info:visited, .btn-info:active {
	border: 1px solid #6E8DA5;
	background: #7599B3;
	background-image: none;
	text-shadow: none;
	color: #fff;
}

.btn-info:hover, .btn-info:focus {
	border: 1px solid rgba(117, 153, 179, 0.77);
	background: rgba(117, 153, 179, 0.77);
}

.btn-top-align {
	margin-top: -4px;
}

.btn-small {
	margin-top: -4px;
	padding: 2px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 2px;
}

.btn-small:hover {
	
}

.btn-mini {
	margin-top: -4px;
	padding: 1px 4px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 2px;
}

.btn-success {
	background: #46be8a;
	border: 1px solid #46be8a;
	color: #fff;
}

.btn-success:hover {
	background: #5cd29d;
	border: 1px solid #5cd29d;
	color: #fff;
}

.btn-success:active {
	background: #36ab7a;
	border: 1px solid #5cd29d;
	color: #fff;
}

.btn-danger, .btn-danger:hover, .btn-danger:visited, .btn-danger:active,
	.btn-danger:focus {
	border: 1px solid #e9595b;
	background: #e9595b;
	color: #fff;
}

.btn-danger:hover {
	border: 1px solid #f96868;
	background: #f96868;
	color: #fff;
}

.btn-info-2 {
	border: 1px solid #7986CB;
	background: #7986CB;
	color: #fff;
}

.btn-info-2:hover {
	border: 1px solid #9FA8DA;
	background: #9FA8DA;
}

/*
.btn-light, .btn-light:hover, .btn-light:visited, .btn-light:active, .btn-light:focus {
	margin-top: -5px;
}
*/

/* Create new 'btn-light-color' class so that the margin-top css does not get applied*/
.btn-light, .btn-light:hover, .btn-light:visited, .btn-light:active,
	.btn-light:focus, .btn-light-color, .btn-light-color:hover,
	.btn-light-color:visited, .btn-light-color:active, .btn-light-color:focus
	{
	border: 1px solid #70AFC4;
	background: #fff;
	color: #70AFC4;
}

.btn-rounded {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.btn-split-equal, .btn-split-equal:hover, .btn-split-equal:visited,
	.btn-split-equal:active, .btn-split-equal:focus {
	background-color: #fff;
	border: none;
	background-image: url('../images/icon-split.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 32px;
}

.btn-split-equal:hover {
	background-color: #eee;
	border: 1px solid #ddd;
}

/*
.alert {
	background: #fff;
  color:#EC9940;
	font-size: 14px;
	font-weight: 400;
	padding: 10px;
}
*/
.modal {
	border: none;
}

.modal-backdrop, .modal-backdrop.fade.in {
	opacity: .2;
	filter: alpha(opacity = 20);
}

.modal-backdrop {
	background: #000;
}

input[type="text"], input[type="password"], input[type="datetime"],
	input[type="datetime-local"], input[type="date"], input[type="month"],
	input[type="time"], input[type="week"], input[type="number"], input[type="email"],
	input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
	.uneditable-input {
	/* bootstrap remark style */
	color: #555;
	font-family: Roboto, sans-serif;
	letter-spacing: 0.7px;
	margin-bottom: 5px;
	height: 35px;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 1.57142857;
	-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;
}

input[type="text"], input[type="password"], input[type="datetime"],
    input[type="datetime-local"], input[type="date"], input[type="month"],
    input[type="time"], input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
    .ui-select-lg.ui-select-container.ui-select-bootstrap.dropdown,
    .uneditable-input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #F5F5F5;
    box-shadow: none;
    /*
    border-radius: 3px;
    */
    border-radius: 0;
}

/*
input[type="text"][readonly], input[type="number"][readonly], input[type="email"][readonly] {
*/
input[readonly] {
	color: #555;
	background: #F5F5F5;
	border: none;
	width: 100%;
}

input[disabled], select[disabled], textarea[disabled], input[readonly],
	select[readonly], textarea[readonly] {
	color: #555;
	background: #F5F5F5;
	border: none;
	/*
  width: 100%;
  */
}

input, textarea, .uneditable-input, select, input.stretch, input.datepicker.stretch
	{
	width: 280px;
	width: 100%;
}

input.btn-summary {
	width: 100px;
}

.form-inline-control {
	width: auto;
	margin-bottom: 0px !important;
}

select {
	/*
	-webkit-border-radius: 0;
    border-radius: 3px;
	*/
	font-family: Roboto, sans-serif;
	letter-spacing: 0.7px;
	width: 230;
	border-radius: 0;
	box-shadow: none;
	-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;
}

input[type="number"].input-mini {
	padding-left: 4px;
	padding-right: 2px;
}

select.input-mini {
	line-height: 13px;
	height: 22px;
	padding: 2px;
}

textarea {
	font-family: Roboto, sans-serif;
	letter-spacing: 0.7px;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	/*
    border-radius: 3px;
	*/
}

input.datepicker {
	width: 120px;
	z-index: 1;
}

.table-fit {
	width: auto !important;
	min-width: 620px;
}

.table-fit .input-append, .table-fint .input-prepend {
	margin-bottom: 0;
}

.table-cursor tr {
	cursor: pointer
}

.label {
  padding: 4px 6px;
}

td.label {
	display: block;
	font-family: Roboto, sans-serif;
	background: transparent;
	color: #1c1c1c;
	font-weight: 500;
	text-shadow: none;
	/*
	font-size: 13px;
	*/
	line-height: 30px;
}

th.amt, td.amt {
	text-align: right;
}

.menu-container {
	margin-bottom: 15px;
}

.menuGridData {
	background: #3a6781;
	padding: 6px 5px;
	color: #fff;
}

.menuGridData a {
	color: #fff;
}

.menuTable {
	border-width: 0;
}

.menustyle {
	background: #3a6781;
	height: 30px;
}

.menustyle .topitem {
	background: #3a6781;
}

.menustyle .topitem a, .menustyle .topitem a:visited {
	color: #fff;
	border: none;
	outline-color: none;
}

.menustyle .topitem a:hover {
	border: none;
	background: #b4ddf5;
	color: #000;
}

.innerTable {
	/*
	background: #b4ddf5;
	border-radius: 5px; 
	*/
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.alert {
	margin-bottom: 10px;
}

.label-important {
	background-color: #df524e;
	font-weight: 400;
	letter-spacing: 1px;
}

.label-validating {
	background-color: #7599b3;
	font-weight: 400;
	letter-spacing: 1px;
}

.label.label-primary {
    background: #2196f3;
}

.label.label-success {
    background: #46be8a;
}

.label.label-danger {
    background: #e9595b;
}

.label.label-info {
    background: #7599B3;
}

.alert-text {
	color: #df524e;
	font-weight: bold;
}

.alert-error {
	color: #df524e;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 8px;
	text-shadow: none;
	border: none;
	background-color: rgba(250, 230, 230, 0.77);
}

.navbar-inner {
	background: #698ea9;
	color: #fff;
	border: none;
	filter: none;
}

.navbar {
	background: #698ea9;
	border: 1px solid #698ea9;
	border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.ie8 .navbar {
	background: none;
	border: none;
	radius: none;
}

caption {
	padding: 10px 5px;
	background: #fff;
	color: #698ea9;
	font-size: 20px;
	font-weight: normal;
	text-shadow: none;
	text-align: left;
}

h1 {
	color: #0A6CB5;
	line-height: 30px;
}

h1 .btn {
	text-transform: none;
}

.modal-header h3 {
	color: #0A6CB5;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}

h2 {
	color: #e7744c;
}

fieldset legend {
	color: #698ea9;
	font-size: 20px;
	border: 0;
}

.btn-panel {
	margin-top: 15px;
	padding-bottom: 8px;
	text-align: left;
}

table.buttons {
	width: 100%;
}

table.buttons tr td {
	padding: 5px;
	text-align: left;
}

div.feedback:first-child {
	margin-top: 20px;
}

label {
	/*
	float: left;
	*/
	font-size: 13px;
}

td.fields label {
	float: left;
}

.checkbox INPUT[type='checkbox'] {
	float: none;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
	margin-top: -3px;
	margin-right: 4px;
	float: none;
	height: 18px;
	width: 18px;
}

.ie9 .radio input[type="radio"], .ie9 .checkbox input[type="checkbox"] {
	height: 32px;
	width: 32px;
}

.ie8 .radio input[type="radio"], .ie8 .checkbox input[type="checkbox"] {
	height: 32px;
	width: 32px;
}

label.error {
	/*
	float: none;
	*/
	
}

span.required {
	margin-top: 8px;
	margin-left: 8px;
	float: right;
	background: #fff;
	font-size: 24px;
	font-weight: bold;
}

.required, input.required {
	background-color: #fefbcc;
}

.readonly, input.readonly {
	background-color: #f5f5f5;
	color: #333;
}

form {
	margin: 0;
}

.pad {
	padding-top: 15px;
}

select.month {
	height: 20px;
	padding: 0;
	margin: 0;
}

select.year {
	height: 20px;
	padding: 0;
	margin: 0;
}

input[type="file"] {
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

#top-spacer {
	padding-top: 76px;
}

.topnav {
	top: 3.5em;
	left: 0px;
	position: fixed;
	background: #fafafa;
	width: 100%;
	height: 3.5em;
	padding-left: 40px;
	padding-right: 30px;
	border-bottom: 1px solid #F5F5F5;
	z-index: 500;
}

.topnav + * {
  margin-top: 3.5em;
}

.breadcrumb {
	position: fixed;
	top: 3.5em;
	display: inline-block;
	height: 3.5em;
	margin: 0;
	width: auto;
	padding: 0;
	padding-left: 2em;
	/*
	top: 47px;
	left: 0px;
	*/
	background: none;
}

.shadow-bottom {
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
	box-shadow: 0 8px 6px -6px #ccc;
	border-collapse: separate;
}

#expense-type-match-form {
 padding-top: 2.5em;
}

/*
.ie7 .breadcrumb {
	top: 55px;
}

.ie8 .breadcrumb li {
	padding-right: 5px;
}
*/
.breadcrumb li a {
	line-height: 3.5em;
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 500;
	color: #999;
	vertical-align: middle;
	text-transform: uppercase;
	text-decoration: none;
}

.breadcrumb li a:hover {
	letter-spacing: 1px;
	color: #0A6CB5;
}

h1 .material-icons {
	margin-right: 3px;
}

.breadcrumb .material-icons {
	color: #0A6CB5;
	font-size: 17px;
	vertical-align: middle;
}

.delete-btn .icon {
	color: #2196f3;
	font-size: 20px;
	cursor: pointer; 
}

.breadcrumb .text {
	display: inline-block;
	vertical-align: middle;
}

#zenbox_tab img {
	border-image-width: none !important;
	height: 30px;
}

td.ac, td.text-center, th.ac, th.text-center {
	text-align: center;
}

.table th {
	font-weight: 500;
}

.datepicker td, .datepicker th {
	
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover,
	.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover,
	.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active,
	.datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled,
	.datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled,
	.datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled],
	.datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]
	{
	background: #62A8EA;
	color: #fff;
	font-weight: bold;
	text-shadow: none;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #F5F5F5;
	color: #333;
	font-size: 13px;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover
	{
	background: #F5F5F5;
	color: #333;
	font-weight: 600;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover,
	.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover,
	.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
	.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
	.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
	.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active,
	.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled,
	.datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled,
	.datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled],
	.datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]
	{
	background: #F5F5F5;
	color: #333;
	font-weight: 600;
}

/*
.fixed-buttons {
position: fixed;
z-index: 1100;
top: 40px;
width: 760px;
margin-left: 160px;
text-align: right;
	height: 3.5em;
	line-height: 3.5em;
}

.fixed-buttons .btn {
	margin: 0;
}

.fixed-buttons .dropdown-menu {
	text-align: left;
}
*/
.breadcrumb {
	z-index: 600;
}

.fixed-buttons {
	position: fixed;
	display: block;
	width: 100%;
	max-width: 940px;
	top: 3.5em;
	height: 3.5em;
	line-height: 3.3em;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
	z-index: 550;
	background: none;
	text-align: right;
}

.fixed-buttons button, .fixed-buttons input {
	vertical-align: middle;
	z-index: 550;
}

.dropdown-menu {
	border: 0;
	border-radius: none;
}

.dropdown-menu>li>a {
	color: #62a8ea;
	padding: 3px 20px 3px 10px;
}

.dropdown-menu.default .divider {
	border-bottom-color: #eee;
}

.dropdown-menu.default {
	border-color: #64b5f6;
	text-align: left;
}

.dropdown-menu.default>li>a:hover {
	background-color: #64B5F6;
	background-image: -moz-linear-gradient(top, #64B5F6, #64B5F6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#64B5F6),
		to(#64B5F6));
	background-image: -webkit-linear-gradient(top, #64B5F6, #64B5F6);
	background-image: -o-linear-gradient(top, #64B5F6, #64B5F6);
	background-image: linear-gradient(to bottom, #64B5F6, #64B5F6);
}

.dropdown-menu>li>a.danger:hover {
	background-color: #e9595b;
	background-image: -moz-linear-gradient(top, #e9595b, #e9595b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9595b),
		to(#e9595b));
	background-image: -webkit-linear-gradient(top, #e9595b, #e9595b);
	background-image: -o-linear-gradient(top, #e9595b, #e9595b);
	background-image: linear-gradient(to bottom, #e9595b, #e9595b);
}

.dropdown-menu>li>a.success:hover {
	background-color: #e9595b;
	background-image: -moz-linear-gradient(top, #46be8a, #46be8a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#46be8a),
		to(#46be8a));
	background-image: -webkit-linear-gradient(top, #46be8a, #46be8a);
	background-image: -o-linear-gradient(top, #46be8a, #46be8a);
	background-image: linear-gradient(to bottom, #46be8a, #46be8a);
}

.btn.dropdown-toggle.default .caret {
	border-top-color: #fff;
}

.tablehead .btn {
	margin: 0;
	margin-top: 15px;
}

@media ( max-width : 1024px) {
	/*
        .fixed-buttons {
                top: 40px;
                width: 70%;
                margin-left: 25%;
                text-align: right;
        }
        */
	.fixed-buttons {
		padding-right: 20px;
	}
}

@media print {
	a:link:after, a:visited:after {
		content: "";
	}
	#header, #top-spacer, #zenbox_tab img {
		display: none;
	}
	.table thead th, .table.tablesorter thead th {
		letter-spacing: none;
		text-transform: none;
	}
}

.clickable:hover {
	cursor: pointer;
}

.clickable-link {
	color: #009cc2;
}

.clickable-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

.document-editor {
	border: 1px solid #eee;
	padding: 0;
}

.document-editor .header {
	border-bottom: 1px solid #F5F5F5;
}

.document-editor .header input[name=docDesc] {
	border: none;
	margin-bottom: 0;
}

.document-editor .image-container {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.document-editor .document-title {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}

.document-editor .description-editor {
	margin-bottom: 0px;
}

.document-editor .btn-group>.btn:last-child {
	border-radius: 0px;
	-webkit-border: 0px;
}

.document-editor .description-editor span.add-on {
	float: left;
}

.document-editor .description-editor .document-title-wrapper {
	display: block;
	overflow: hidden;
	margin-right: 0;
}

.document-editor .btn {
	border-radius: 0;
	box-shadow: none;
}

input.edit-mask:not (:focus ), select.edit-mask:not (:focus ), textarea.edit-mask:not
	(:focus ) {
	border: none;
	background-color: transparent;
	box-shadow: none;
	cursor: default;
	-webkit-appearance: none;
}

input.edit-mask:not (:focus ).clickable, select.edit-mask:not (:focus ).clickable,
	textarea.edit-mask:not (:focus ).clickable {
	cursor: pointer;
	font-weight: bold;
}

input.edit-mask:not (:focus ).clickable:hover, select.edit-mask:not (:focus
	).clickable:hover, textarea.edit-mask:not (:focus ).clickable:hover {
	text-decoration: underline;
}

/*
.document-select-box h1 {
	line-height: 120%;
}
*/
.document-select-box .doc-list {
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 5px;
}

.document-select-box button {
	vertical-align: middle;
}

.document-select-box .doc-list .document {
	padding-top: 5px;
	padding-bottom: 5px;
}

.document-select-box .doc-list .document [class*="span"] {
	min-height: 18px;
}

.document-select-box .doc-list .document.selectable:hover {
	background-color: #b4ddf5;
	background: #62a8ea;
	background: rgb(245, 249, 253);
}

.document-select-box .doc-list .document.selected {
	background-color: #fcf8e3;
	font-weight: bold;
}

.document-select-box .doc-list.matched-docs h3 {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	line-height: 20px;
}

.document-select-box .doc-list .document .uploaded-on {
	font-size: 13px;
	font-weight: bold;
	color: #aaa;
}

.document-select-box .doc-list .document .uploaded-on {
	font-size: 13px;
	font-weight: bold;
	color: #aaa;
	padding-left: 5px;
}

.document-select-box .doc-list .document .doc-date {
	width: 105px;
	min-width: 105px;
	display: block;
	float: left;
}

.document-select-box .doc-list .document .amount {
	width: 80px;
	display: block;
	float: right;
	vertical-align: top;
}

.document-select-box .doc-list .document .display-name {
	display: block;
	float: left;
	font-size: 13px;
	padding-left: 25px;
	width: 60%;
}

.document-select-box .doc-list .document .display-name.attached {
	color: #009cc2;
}

.square-border, .add-on.square-border, .add-on:first-child.square-border,
	.input-prepend .add-on.square-border, .input-prepend:first-child .add-on.square-border
	{
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

.input-append .add-on, .input-prepend .add-on {
	height: 30px;
	border: 1px solid #F5F5F5;
	padding: 4px 7px;
}

.btn.btn-grey {
	border: 1px solid #ccc;
	background-color: #eee;
}

.btn-grey i.fa {
	color: #333;
}

.ie9 .document-upload-form-legacy {
	display: inherit;
}

.field-group {
	border: 1px solid #b4ddf5;
	margin-bottom: 15px;
	padding: 10px;
}

.field-group h1 {
	padding-left: 15px;
	margin-top: 0px;
}

.loading-image {
	display: none;
}

.loading-image.visible {
	display: inline;
}

.image-container .loading-image.visible {
	padding-top: 15px;
	padding-bottom: 15px;
}

.image-container .image-zoomer {
	-webkit-backface-visibility: initial !important;
}

input[type="checkbox"].large-checkbox {
	width: 18px;
	height: 18px;
}

span.pagebanner-nolinks {
	border: 0;
	width: 100%;
	font-weight: 500;
	background: #fff;
}

.document-upload-modal .modal-body {
	max-height: 720px;
}

.document-upload-modal .box-inner {
	height: 550px;
}

.document-upload-modal .box-inner.edit {
	height: 520px;
}

.document-upload-form .amount,
.document-upload-form .currency-code-select,
.document-upload-form .gst-amount,
.document-upload-form .tax-code-id,
.document-edit-form .amount,
.document-edit-form .currency-code-select,
.document-edit-form .gst-amount,
.document-edit-form .tax-code-id {
	margin: 0px;
}

[datepicker-popup-wrap] {
	font-size: 13px;
}

[datepicker-popup-wrap] [datepicker] .btn {
	color: #333;
	background-color: transparent;
	padding: 1px 5px;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 13px;
}

[datepicker-popup-wrap] [datepicker] .btn:hover,
[datepicker-popup-wrap] [datepicker]>thead>tr>th>.btn,
[datepicker-popup-wrap] [datepicker]>table>thead>tr>th>.btn {
	background-color: #eeeeee;
}

/* left button and right button v0.12. I am doing this because we need a newer
version of the angularui date picker to fix a date parsing issue ER-895 but that
uses a newer version of bootstrap than what is used on EMS. */
[datepicker-popup-wrap] [datepicker]>table>thead>tr>th:first-child>.btn .glyphicon.glyphicon-chevron-left,
[datepicker-popup-wrap] [datepicker]>table>thead>tr>th:last-child>.btn .glyphicon.glyphicon-chevron-right {
	background-image: url("../script/bootstrap/img/glyphicons-halflings.png");
	background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
}

[datepicker-popup-wrap] [datepicker]>table>thead>tr>th:first-child>.btn .glyphicon.glyphicon-chevron-left {
    background-position: -432px -72px;
}

[datepicker-popup-wrap] [datepicker]>table>thead>tr>th:last-child>.btn .glyphicon.glyphicon-chevron-right {
    background-position: -456px -72px;
}

[datepicker-popup-wrap] [datepicker]>thead>tr>th,
[datepicker-popup-wrap] [datepicker]>table>thead>tr>th {
	font-size: 10px;
}

[datepicker-popup-wrap] [datepicker] tbody .btn.btn-default .text-muted {
	color: #999;
}

/* This is the selected date button */
[datepicker-popup-wrap] [datepicker] .btn.btn-info,
[datepicker-popup-wrap] [datepicker] .btn.btn-info.active,
[datepicker-popup-wrap] [datepicker] .btn.btn-info.active > .text-info {
	background-color: #62A8EA;
	color: #fff;
}

[datepicker-popup-wrap] [ng-show="showButtonBar"],
[datepicker-popup-wrap] [ng-if="showButtonBar"] {
	padding-top: 4px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-bottom: 1px !important;
}

[datepicker-popup-wrap] [ng-show="showButtonBar"] .btn-group,
[datepicker-popup-wrap] [ng-if="showButtonBar"] .btn-group {
	width: 100%;
}

[datepicker-popup-wrap] [ng-show="showButtonBar"] .btn-group .btn,
[datepicker-popup-wrap] [ng-if="showButtonBar"] .btn-group .btn {
	width: 50%;
}

/* This is the 'today' button v0.12.0 */
[datepicker-popup-wrap] [ng-if="showButtonBar"] .btn-group > .btn.btn-info {
	background-color: #2196f3;
    border: 1px solid #2196f3;
}

/* This is the 'weeks' button v0.8.0
[datepicker-popup-wrap]>li>.btn-group .btn-info,
*/
/* This is the 'done' button v0.8.0 */
[datepicker-popup-wrap] [ng-show="showButtonBar"] .btn-success,
/* This is the done button v0.12, hide it since there is no angular config for it */
[datepicker-popup-wrap] [ng-if="showButtonBar"] > .btn.btn-sm.btn-success {
	display: none;
}

/*
table[datepicker] > thead > tr > th,
table[datepicker] > tbody > tr > td {
	width: 5px;
}
*/
.receipt-exception-list-tbl .receipt-exception .merchant-label,
	.receipt-exception-list-tbl .receipt-exception .description-label {
	text-decoration: underline;
}

.result-paging {
	padding-bottom: 10px;
}

.stretch-max {
	width: 100%;
}

th.pointer {
	cursor: pointer;
}

td.enabled, th.enabled {
	text-align: center;
}

label.form-data {
	padding-top: 5px;
	font-weight: bold;
}

input.query {
	color: green;
	font-weight: bold;
}

.table-plain {
	border: none;
}

.table-plain tr {
	border: none;
}

.table-plain tbody td:first-child {
	border: none;
}

.table-plain tbody td:last-child {
	border: none;
}

.table-plain th, .table-plain td {
	border: none;
	padding: 2px;
}

.align-middle {
	vertical-align: middle;
}

.form-horizontal .control-group {
	margin-bottom: 5px;
}

.select2-container .select2-choice {
	border-radius: 0;
	background: #fff;
	height: 35px;
	border: 1px solid #F5F5F5;
	padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
	border-left: 0;
	background: #fff;
}

.box-white {
	background: #fff;
	padding: 5px;
	padding-top: 0;
}

div.search {
	position: relative;
}

i.search-icon {
	position: absolute;
	left: 10px;
	top: 11px;
	color: #848d95;
	pointer-events: none;
	transition: opacity .25s cubic-bezier(.165, .84, .44, 1);
}

div.search input, div.search input.ng-dirty:not(.clean) {
	font-weight: 500;
	border-radius: 2px;
	border: 1px solid #F5F5F5;
	font-size: 14px;
	padding-left: 30px;
	height: 36px;
	max-width: 100%;
	width: 100%;
	background: #fcf8e3;
}


div.search input:focus, div.search input.ng-dirty:not(.clean):focus {
	border: 1px solid #0095ff;
	box-shadow: inset 0 0 4px #eff0f1, 0 0 5px rgba(0, 149, 255, 0.5);
}

table th.text-right,
table td.text-right {
	text-align: right;
}

.list-container .list-cell {
	padding: 5px 10px;
}

.modal-header .btn+.btn {
	margin-left: 3px;
}

td.table-label {
    font-weight: bold;
}

.ui-sortable-list > .ui-sortable-list-element {
    height: 50px;
}
.badge.badge-primary {
    background: #2196f3;
}

.badge.badge-success {
    background: #46be8a;
}

.badge.badge-danger {
    background: #e9595b;
}

.badge.badge-info {
    background: #7599B3;
}

.badge-important {
    background-color: #df524e;
}