/*
########################
# CORE
########################
*/

* { font-family: "Source Sans Pro", sans-serif;  }
hr, .bl1, .br1 { border-color: #c5c6c7; }

/*
########################
# TYPOGRAPHY
########################
*/

p, input, select, textarea, td, .text { color: #3c4144; }
a, .link { color: #138e33; }
h1, h2, h3, h4, h5, label, .label, th, li, .dark { color: #1f2225; }
.pos { color: #138e33; }
.neg { color: #c03b2f; }

/*
########################
# BRANDING
########################
*/

.button {
	background-color: #57a261;
	border-color: #57a261;
	color: #ffffff;
}
.button:hover { background-color: #70b97a; }
.button.neutral {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
}
.button.neutral:hover { background-color: #ebebeb; }
.button.cancel, .button.destructive {background-color: #B23232; border-color: #B23232; color: #fff;}
.button.cancel:hover, .button.destructive:hover {background-color: #d44040;}
.button.transparent {
	background-color: transparent;
	border-color: transparent;
}
.button.transparent:hover {background-color: #f4f4f4; border-color: #cccccc;}
.invoices h2 { color: #57a261; }

.dashboard-options .option:after, .reports-options .option:after {
	background-color: #57a261;
}

#portal .button:hover,
#portal .button.selected {
  color: #fff;
  background-color: #70b97a;
  border-color: #70b97a;
}

#div_toggle_register .button.selected {
	font-weight: bold;
}

@media screen and (max-width: 960px) {
	#menu > ul > li > a {
		background-color: #57a261;
		color: #fff;
	}
}
/*
########################
# BUTTONS ICONS
########################
*/
#btn_menu { background-image: url("../img/icon_menu_l_black.png"); }
.button.icon.excel { background-image: url("../img/icon_excel_s_white.png"); }
.button.icon.document { background-image: url("../img/icon_document_s_white.png"); }

.neutral.icon.search { background-image: url("../img/icon_search_s.png"); }
.neutral.icon.search:active { background-image: url("../img/icon_search_s_white.png"); }


.transparent.icon.x { background-image: url("../img/icon_x_s.png"); }
.transparent.icon.prev { background-image: url("../img/icon_left_s.png"); }
.transparent.icon.next { background-image: url("../img/icon_right_s.png"); }

.svg #btn_menu { background-image: url("../img/icon_menu_black.svg"); }
.svg .button.icon.excel { background-image: url("../img/icon_excel_white.svg"); }
.svg .button.icon.document { background-image: url("../img/icon_document_white.svg"); }
.svg .neutral.icon.search { background-image: url("../img/icon_search.svg"); }
.svg .transparent.icon.x { background-image: url("../img/icon_x.svg"); }
.svg .transparent.icon.prev { background-image: url("../img/icon_left.svg"); }
.svg .transparent.icon.next { background-image: url("../img/icon_right.svg"); }

/*
########################
# FORMS
########################
*/

input[type=text], input[type=date], input[type=password], input[type=number], div.select, textarea, .checkbox label, a.field, a.attachment, div.field { border-color: #d2d3d3; }
input[type=text], input[type=date], input[type=password], input[type=number], div.select, textarea, a.field, a.attachment, div.field { background-color: #ffffff; }

input[type=text], input[type=date], input[type=password], input[type=number], div.select, textarea, a.field, a.attachment, div.field {
	box-shadow: inset 0px 5px 5px #efefef;
	-moz-box-shadow: inset 0px 5px 5px #efefef;
	-webkit-box-shadow: inset 0px 5px 5px #efefef;
}

input.date { background-image: url("../img/calendar.png"); }

.checkbox input:checked + label {
	background-color: #57a261;
	border-color: #57a261;
	color: #ffffff !important;
}

.checkbox input:checked + label hr { border-color: #ffffff; }

.disabled input, input.disabled, input[disabled], select[disabled] {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.disabled .checkbox label, .disabled .checkbox input:checked + label {
	border-color: #d2d3d3;
	background-color: #f4f4f4;
	color: #a8abac !important;
}

a.field {
	background-image: url("../img/add.png");
	color: #3c4144;
}

a.attachment {
	background-image: url("../img/paperclip.png");
	color: #3c4144;
}

input.currency { background-image: url("../img/currency.png"); }
input.percent { background-image: url("../img/percent.png"); }
input.degrees { background-image: url("../img/degrees.png"); }
input.mph { background-image: url("../img/mph.png"); }

select.disabled {
	background-color: transparent;
	color: grey;
}

.checkgroup {
	background: #f4f4f4;
}

.checkgroup .checkbox {
	background-color: #ffffff;
}

/*
########################
# CALENDAR
########################
*/

.po_calendar .month a.prev { background-image: url("../img/prev.png"); }
.po_calendar .month a.next { background-image: url("../img/next.png"); }
.po_calendar table th { border-bottom-color: #c5c6c7; }

.po_calendar table td a {
	color: #3c4144;
	border-color: transparent;
}

.po_calendar table td a:hover { background-color: #57a261; }
.po_calendar table td a.today { border-color: #c5c6c7; }

.po_calendar table td a:active {
	color: #ffffff;
	background-color: #0a6db1;
}

.po_calendar table td a.selected, .po_calendar table td a.selected:hover, .po_calendar table td a.active {
	color: #ffffff;
	background-color: #82c150;
}

/*
########################
# TABLES
########################
*/

.table th {
	border-color: #d2d3d3;
	background-color: #ffffff;
}

.table td, .table.stack tr, .table.stack_960 tr { border-color: #d2d3d3; }
.table tr.hot:hover, .hot:hover, .hot:focus { background-color: #f4f4f4; }
.table tr.hot:active, .hot:active, .table tr.active { background-color: #0a6db1; }
.table tr.hot:active *, .table tr.hot:active *, .hot:active *, .table tr.active td { color: #ffffff; }
.table tr.subtotal td { border-color: #d2d3d3; }
.table td.nohover, .table tr.hot.nohover:hover, .hot.nohover:hover { background-color: #ffffff; }
.table tr.hot.nohover:active *, .table tr.hot.nohover:active *, .hot.nohover:active * { color: #3C4144; }

@media screen and (max-width: 660px) {
	.dashboard-options .option, .reports-options .option {
		background-color: #57a261;
	}
}