body {
	font: 400 18px/32px 'Raleway', sans-serif;
	font-weight: normal;
	color: #939393;
	min-width: 320px;
	overflow-x: hidden;
	position: relative;
}
body:before {
	content: '';
	background: url(../images/side-bar-bg.png) no-repeat #e6f2f0;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 280px;
	z-index: -1;
}
img {
	max-width: 100%;
}
html,
body {
	min-height: 100%;
	height: 100%;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
input.type-no[type=number]::-webkit-outer-spin-button,
input.type-no[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input.type-no[type=number] {
	-moz-appearance: textfield;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.display-block {
	display: block;
}
.display-none {
	display: none;
}
.display-inline-block {
	display: inline-block;
}
.full-width {
	width: 100% !important;
}
.row-no-padding > [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.float-left,
.pull-left {
	float: left!important;
}
.float-right,
.pull-right {
	float: right!important;
}
.box-md {
	width: 500px;
}
.box-sm {
	width: 325px;
}
.btn-link {
	cursor: pointer;
	border-radius: 0;
}
.font-normal {
	font-weight: 400;
}
.btn,
a,
button {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
}
.sprater {
	padding: 15px 0;
}
.tp-10 {
	padding-top: 10px;
}
.tp-15 {
	padding-top: 15px;
}
.tp-20 {
	padding-top: 20px;
}
.tp-25 {
	padding-top: 25px;
}
.tp-30 {
	padding-top: 30px;
}
.tp-35 {
	padding-top: 35px;
}
.tp-40 {
	padding-top: 40px;
}
.tp-45 {
	padding-top: 45px;
}
.tp-50 {
	padding-top: 50px;
}
.tp-55 {
	padding-top: 55px;
}
.tp-60 {
	padding-top: 60px;
}
.tp-65 {
	padding-top: 65px;
}
.bp-10 {
	padding-bottom: 10px;
}
.bp-15 {
	padding-bottom: 15px;
}
.bp-20 {
	padding-bottom: 20px;
}
.bp-25 {
	padding-bottom: 25px;
}
.bp-30 {
	padding-bottom: 30px;
}
.bp-35 {
	padding-bottom: 35px;
}
.bp-40 {
	padding-bottom: 40px;
}
.bp-45 {
	padding-bottom: 45px;
}
.bp-50 {
	padding-bottom: 50px;
}
.bp-55 {
	padding-bottom: 55px;
}
.bp-60 {
	padding-bottom: 60px;
}
.bp-65 {
	padding-bottom: 65px;
}
.no-margin {
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.tm--36 {
	margin-top: -36px;
}
.section-title {
	color: #0b5750;
	font: 500 26px/33px 'Raleway', sans-serif;
	letter-spacing: 0.5px;
	margin: 0;
}
.display-table {
	display: table;
	width: 100%;
}
.display-table-cell {
	display: table-cell;
	vertical-align: top;
}
.table-layout-fixed {
	table-layout: fixed;
}
#page-wrapper {
	height: 100%;
	overflow-x: hidden;
}
#page-content-wrapper {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
	table-layout: fixed;
}
/* Sidebar*/

.page-sidebar {
	color: #4f5050;
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: top;
	width: 280px;
	z-index: 101;
}
/* Main Container */

.main-container {
	background-color: #fff;
	padding: 0 30px;
	position: relative;
	display: table-cell;
	width: 100%;
	vertical-align: top;
	overflow: hidden;
}
#footer {} .footer-left {
	width: 280px;
}
.sidebar-collapsed .footer-left {
	width: 50px;
}
.footer-content {
	font-family: 'assistantregular';
	font-size: 14px;
	color: rgba(15, 118, 110, 0.8);
	background: #eeeded;
	line-height: 55px;
	text-align: right;
	position: relative;
	z-index: 1;
	padding: 0 15px;
}
.sidebar-collapsed .footer-content {
	margin-left: 50px;
}
.footer-content a {
	color: rgba(15, 118, 110, 0.8);
}
.footer-content a:hover {
	text-decoration: none;
}
/* Header */

.navbar-inverse {
	background: #0f766e;
	border-radius: 0;
	border-width: 0;
	margin-bottom: 0;
	min-width: 320px;
}
.logo {
	padding: 10px 15px;
	float: left;
}
.logo a {
	display: block;
}
.logo-img {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}
.brand-name {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Abel', sans-serif;
	color: #fff;
	font-size: 29px;
	line-height: 26px;
	margin-left: 10px;
	margin-top: 7px;
	/*max-width: 200px;*/
}
.brand-name-sub {
	display: block;
	font-size: 17px;
	line-height: 19px;
	color: #5eead4;
}
/* Login */

.user-account {
	padding-right: 15px;
}
.user-account > a {
	display: inline-block;
	vertical-align: top;
	padding: 17px 20px;
	color: #fff;
}
.user-account > a .icon-settings {
	font-size: 22px;
	display: inline-block;
	vertical-align: bottom;
}
.user-account a > img {
	border-radius: 50px;
	margin: 0 5px 0 0;
	display: block;
	float: left;
}
.user-profile-title-box {
	padding: 7px 15px 0;
	float: left;
}
.user-profile-title-box span {
	display: block;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 18px;
}
.admin-user {
	font-size: 12px;
}
.user-name {
	font-size: 13px;
}
.login-box {
	padding: 10px 15px;
}
.login-box .user-img {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 15px;
}
.login-box .user-img a.change-img {
	font-size: 8px;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #fdfdfd;
	background: rgba(0, 0, 0, .7);
}
.login-box .user-img:hover a.change-img {
	display: block;
	text-decoration: none;
}
.login-box .user-img img {
	width: 100%;
	height: 100%;
}
.login-box .user-info span {
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	line-height: 21px;
	display: block;
	padding: 0 0 10px;
}
.login-box .user-info span i {
	font-size: 80%;
	font-style: normal;
	display: block;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity: 70);
}
.login-box .user-info a {
	font: normal 13px/16px 'Raleway', sans-serif;
	color: #8b9c99;
	display: inline-block;
	height: 16px;
	margin-right: 5px;
	padding-right: 5px;
}
.divider,
.nav-divider {
	background: #dcecea;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity: 70);
}
.user-account-drodown .divider {
	margin: 5px 1px;
}
.user-account-drodown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.user-account-drodown li {
	position: relative;
}
.user-account-drodown li > a {
	color: #8b9c99;
	font-weight: 400;
	line-height: 20px;
	position: relative;
	display: block;
	clear: both;
	margin: 0;
	padding: 5px 15px;
	cursor: pointer;
	white-space: nowrap;
}
.user-account-drodown .active > a,
.user-account-drodown .active > a:focus,
.user-account-drodown .active > a:hover,
.user-account-drodown li > a:hover {
	color: #232b2a;
	background: #eef6f4;
	text-decoration: none;
}
.button-pane {
	padding: 5px;
	text-align: center;
	border-top: 1px solid rgba(148, 180, 175, .16);
}
.button-pane .btn {
	background: #F44336;
	color: #fff;
	font: 500 12px/16px 'Raleway', sans-serif;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-image: none;
}
.button-pane .btn:hover {
	opacity: 0.8;
}
.navbar-right .user-account-drodown {
	right: 30px;
}
/* Notification */

.notificatoin {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	color: #fff;
	min-height: 85px;
	text-align: center;
}
.notificatoin > a {
	display: block;
	padding: 26px;
	color: #fff;
	position: relative;
	font-size: 24px;
}
.noti-count {
	background: #e62719;
	font: 600 10px/20px 'Aileron';
	color: #fff;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(28, 2, 0, 0.75);
	-moz-box-shadow: 0px 1px 1px 0px rgba(28, 2, 0, 0.75);
	box-shadow: 0px 1px 1px 0px rgba(28, 2, 0, 0.75);
}
.scrollable-content {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 300px;
	padding-right: 0;
}
.notificatoin .slimScrollDiv {
	margin-top: 55px;
}
.notificatoin-heading {
	background: #0f766e;
	color: #fff;
	font: 600 16px/24px 'Aileron';
	padding: 15px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.notif-count {
	float: right;
	min-width: 40px;
	text-align: center;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.15);
	font-size: 12px;
}
.notificatoin .dropdown-menu {
	padding: 0;
}
.notifications-box {
	background: #eaf5f3;
}
.notifications-box li {
	color: #0b5750;
	font: 300 14px/20px 'Aileron';
	border-bottom: 1px solid #fff;
}
.notifications-box > li:hover {
	background: #fff;
	border-color: rgba(11, 87, 80, 0.1);
}
.notificatoin .notifications-box li > a {
	color: #0b5750;
	font-weight: 300;
	position: relative;
	white-space: inherit;
	margin: 0;
	padding: 5px 15px;
	padding-right: 30px;
	display: block;
}
.dropdown-menu .notifications-box li > a:hover {
	background: none;
}
.noti-title {
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	font-size: 15px;
	padding-right: 5px;
}
.noti-disc {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.noti-date {
	display: block;
	font-size: 10px;
}
.noti-date i {
	margin-right: 5px;
}
.notificatoin .notifications-box li > a > i {
	font-size: 10px;
	position: absolute;
	right: 15px;
	top: 10px;
}
/* weather */

.weather_icon {
	display: none;
	position: relative;
}
.weather_icon .hw-icon {
	color: #fff;
	font-size: 26px !important;
	text-align: center;
	width: 70px;
	display: inline-block;
}
.weather_icon > span {
	color: #fff;
	font-size: 14px;
	margin: 0;
	/*position: absolute;

	top: 5px;

	right: 20px;*/
}
.weather_icon > span sup {
	top: 0 !important;
}
/* Sidebar */

#mainMenu {
	padding: 0;
}
#mainMenu li {
	position: relative;
}
#mainMenu li a {
	background: none;
	border: none;
	display: block;
	color: #4f5050;
	font: 300 17px/28px 'Raleway', sans-serif;
	padding: 10px 15px;
	min-height: 49px;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	position: relative;
}
.sidebar-collapsed .page-sidebar #mainMenu > li.has-sub:hover,
.sidebar-collapsed .page-sidebar #mainMenu > li:hover {
	background-color: #0f766e;
}
#mainMenu li a i[class^="icon-"],
#mainMenu li a i[class*=" icon-"] {
	font-size: 20px;
	float: left;
	margin-right: 15px;
	line-height: 28px;
}
#mainMenu > li.active > a i[class^="icon-"],
#mainMenu > li.active > a i[class*=" icon-"],
#mainMenu > li > a:hover i[class^="icon-"],
#mainMenu > li > a:hover i[class*=" icon-"],
#mainMenu > li.has-current-page > a i[class^="icon-"],
#mainMenu > li.has-current-page > a i[class*=" icon-"],
#mainMenu > li.have-dropdown:hover > a i[class^="icon-"],
#mainMenu > li.have-dropdown:hover > a i[class*=" icon-"],
#mainMenu > li.have-dropdown > a[aria-expanded="true"] i[class^="icon-"],
#mainMenu > li.have-dropdown > a[aria-expanded="true"] i[class*=" icon-"] {
	color: #fff !important;
}
#mainMenu li a span {
	display: block;
	overflow: hidden;
	position: relative;
}
#mainMenu li.have-dropdown a span:after,
.clickmenu:after {
	content: "\e921";
	font-family: 'icomoon';
	position: absolute;
	right: -3px;
	top: 0;
	line-height: 28px;
	pointer-events: none;
}
.clickmenu:after {
	font-size: 17px;
	top: 12px;
	line-height: 20px;
	right: 12px;
}
#mainMenu li.have-dropdown a[aria-expanded="true"] span:after,
.openMenu:after,
#mainMenu > li.active:after {
	content: "\e901";
}
#mainMenu li ul {
	background: #e6f2f0;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	z-index: 999;
}
#mainMenu li ul li ul {
	border-top: 1px solid #fff;
}
.sidebar-collapsed .page-sidebar #mainMenu li ul {
	background-color: #10312e;
}
#mainMenu li ul:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.5);
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
#mainMenu > li > ul:before {
	content: "";
	background-color: rgba(110, 138, 134, 0.5);
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	display: block;
}
#mainMenu li ul.collapse.in:after {
	height: 1px;
}
#mainMenu ul li {
	position: relative;
}
#mainMenu > li > ul > li:before,
#mainMenu > li > ul > li:after {
	background-color: #e6f2f0;
	border: 1px solid rgba(110, 138, 134, 0.5);
	border-radius: 50%;
	color: #a6a5a5;
	content: "";
	font-weight: 400;
	height: 6px;
	left: 27px;
	position: absolute;
	top: 20px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 6px;
	z-index: 2;
}
#mainMenu li ul li:after {
	border: 0 none;
	height: 8px;
	left: 26px;
	top: 19px;
	width: 8px;
	z-index: 1;
}
#mainMenu ul li a {
	border-bottom: none;
	display: block;
	font: 300 14px/20px 'Raleway', sans-serif;
	min-height: inherit;
	padding: 12px 15px 12px 56px;
}
.sidebar-collapsed .page-sidebar #mainMenu li ul a {
	color: #fff;
}
#mainMenu ul li a:hover {
	text-decoration: none;
}
#mainMenu > li.active,
#mainMenu > li:hover,
#mainMenu > li.has-current-page,
#mainMenu li.have-dropdown a[aria-expanded="true"],
#mainMenu > li > a:hover {
	background-color: #0f766e;
}
#mainMenu > li.active:after,
#mainMenu > li:hover:after,
#mainMenu > li:focus:after {
	color: #fff;
}
#mainMenu > li.active > a,
#mainMenu > li.current > a,
#mainMenu > li > a:hover,
#mainMenu > li > a.current-page,
#mainMenu > li.have-dropdown:hover > a,
#mainMenu li.have-dropdown a[aria-expanded="true"] {
	color: #fff;
}
#mainMenu .nav > li > a:hover,
#mainMenu .nav > li > a:focus,
#mainMenu .nav > li.has-sub.active > a,
#mainMenu ul li a.current-page,
#mainMenu ul li.current > a {
	background-color: #082220;
	color: #fff;
}
#mainMenu li ul li a i.pos-right {
	line-height: 20px;
}
#mainMenu a > i.icon-dashboard {
	color: #0b5750;
}
#mainMenu a > i.icon-users {
	color: #ee1845;
}
#mainMenu a > i.icon-lands {
	color: #0f766e;
}
#mainMenu a > i.icon-crops {
	color: #4caf50;
}
#mainMenu a > i.icon-inventory {
	color: #ff5722;
}
#mainMenu a > i.icon-expenses {
	color: #14b8a6;
}
#mainMenu a > i.icon-report {
	color: #14b8a6;
}
#mainMenu a > i.icon-reports {
	color: #f44336;
}
#mainMenu a > i.icon-market-store {
	color: #14b8a6;
}
#mainMenu a > i.icon-task {
	color: #f39C12;
}
#mainMenu a > i.icon-employees {
	color: #571845;
}
#mainMenu a > i.icon-soil-analysis {
	color: #0fa798;
}
#mainMenu a > i.icon-profit-loss {
	color: #0b5750;
}
#mainMenu a > i.icon-cattles,
#mainMenu a > i.icon-farm {
	color: #08977f;
}
#mainMenu a > i.icon-economics {
	color: #f67983;
}
#mainMenu a > i.icon-warehouse {
	color: #801638;
}
#mainMenu a > i.icon-products {
	color: #14b8a6;
}
#mainMenu a > i.icon-storage {
	color: #644436;
}
#mainMenu a > i.icon-assets {
	color: #ce5ba1;
}
#mainMenu a > i.icon-plants {
	color: #677c0f;
}
.title {
	font-weight: 400;
}
.sidebar-collapsed .page-sidebar {
	background: none;
	width: 50px;
}
.sidebar-collapsed .page-sidebar #mainMenu li:hover a i[class*=icon-],
.sidebar-collapsed .page-sidebar #mainMenu li:hover a i[class* icon-] {
	color: #fff !important;
}
.sidebar-collapsed .page-sidebar #mainMenu > li.have-dropdown a span:after {
	display: none;
}
.sidebar-collapsed .page-sidebar #mainMenu > li a span.title {
	background-color: #0f766e;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	display: block;
	left: 50px;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 10px 20px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 250px;
	z-index: 2;
}
.sidebar-collapsed .page-sidebar #mainMenu > li.has-sub:hover > a > span.title,
.sidebar-collapsed .page-sidebar #mainMenu > li:hover > a > span.title,
.sidebar-collapsed .page-sidebar #mainMenu > li:hover > a > span.label {
	visibility: visible;
	zoom: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sidebar-collapsed .page-sidebar #mainMenu > li > ul {
	display: block;
	height: 0;
	left: 50px;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: auto;
	visibility: hidden;
	width: 250px;
	z-index: 2;
}
.sidebar-collapsed .page-sidebar #mainMenu > li > ul.dropup {
	bottom: 100%;
}
.sidebar-collapsed .page-sidebar #mainMenu > li.has-sub:hover > ul,
.sidebar-collapsed .page-sidebar #mainMenu > li:hover > ul {
	visibility: visible;
	zoom: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	height: auto !important;
}
[class*=hint--]:after {
	background: #000;
	text-shadow: 0 -1px 0 #383838;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.sidebar-collapsed .page-sidebar #mainMenu > li > a.hint--right:after,
.sidebar-collapsed .page-sidebar #mainMenu > li > a.hint--right:before {
	left: calc(100% + 250px);
}
.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
	border-bottom-color: #000;
}
.hint--right:before {
	border-right-color: #000;
}
.hint--bottom.hint--right:after,
.hint--bottom.hint--right:before {
	top: auto;
	border-bottom-color: transparent;
}
/* Sidebar Profile */

.profile {
	position: relative;
	padding: 15px 10px;
	display: none;
}
.profile-sidebar:after {
	content: '';
	clear: both;
	display: table;
}
.profile-userpic {
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 10px;
	overflow: hidden;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}
.profile-userpic img {
	height: 100%;
	width: 100%;
}
.profile-usertitle-name {
	font: 400 14px/18px 'Raleway', sans-serif;
	display: block;
	margin: 0 0 10px;
}
.profile-usertitle-job {
	font-size: 80%;
	font-style: normal;
	line-height: 100%;
	display: block;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity: 70);
}
.profile-userbuttons {
	padding-top: 30px;
	text-align: center;
}
.profile-userbuttons a {
	border: none;
	font: normal 12px/16px 'Raleway', sans-serif;
	color: #8b9c99;
	display: inline-block;
	min-height: inherit;
	margin-right: 5px;
	padding: 0;
}
.profile .button-pane {
	margin: 0 -10px;
	padding: 5px 10px;
}
.profile .button-pane .btn {
	min-height: inherit;
	font-size: 12px;
	padding: 7px;
}
/* Dashboard Page */

.hexagon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: table;
	vertical-align: middle;
	height: 400px;
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
	padding: 80px 70px;
}
.hexagon.blue {
	background-image: url(../images/blue.svg);
}
.hexagon.see-green {
	background-image: url(../images/see-green.svg);
}
.hexagon.pink {
	background-image: url(../images/pink.svg);
}
.hexagon-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	width: 100%;
}
.hexagon-content h2 {
	font: 500 24px/33px 'Raleway', sans-serif;
	margin: 0 0 10%;
	padding: 0;
}
.see-green .hexagon-content h2 {
	color: #14b8a6;
}
.pink .hexagon-content h2 {
	color: #f67983;
}
.blue .hexagon-content h2 {
	color: #0f766e;
}
.hexagon-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hexagon-content ul li {
	margin-bottom: 5%;
}
.hexagon-content ul li:after {
	content: '';
	clear: both;
	display: table;
}
.hexagon-content ul li > span {
	color: #939393;
}
.hexagon-content ul li .title {
	float: left;
	font: 400 20px/33px 'Raleway', sans-serif;
	text-align: left;
	padding-right: 10px;
}
.hexagon-content ul li .count {
	float: right;
	font: 400 18px/33px 'Aileron', sans-serif;
	text-align: right;
}
.blue .hexagon-content ul li .count {
	line-height: 18px;
}
.nor-hexagon .hexagon-content ul li .count {
	line-height: 33px;
}
.blue .hexagon-content ul li .count b {
	display: block;
	font-weight: 400;
	text-align: left;
}
.view-detail-btn {
	font: 500 18px/33px 'Raleway', sans-serif;
}
.see-green .view-detail-btn {
	color: #14b8a6;
}
.pink .view-detail-btn {
	color: #f67983;
}
.blue .view-detail-btn {
	color: #0f766e;
}
.assets-wrapper {
	background-color: rgba(238, 237, 237, 0.5);
	padding-bottom: 30px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);
}
.assets-wrapper h3 {
	background-color: #eeeded;
	color: #0b5750;
	padding: 15px 30px 13px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.12);
}
.assets-wrapper .panel {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 50px 0 45px;
}
.assets-content {
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 190px;
	max-width: 300px;
	margin: 0 auto;
	padding: 40px 15px 10px 44px;
}
.assets-content.blue {
	background-image: url(../images/blue-assets.svg);
}
.assets-content.see-green {
	background-image: url(../images/see-green-assets.svg);
}
.assets-content.pink {
	background-image: url(../images/pink-assets.svg);
}
.assets-content.gray {
	background-image: url(../images/gray-assets.svg);
}
.assets-content:after {
	content: '';
	clear: both;
	display: table;
}
.assets-content h4 {
	font: 600 20px/33px 'Aileron', sans-serif;
	margin: 0;
}
.assets-content.blue {
	color: #0f766e;
}
.assets-content.see-green {
	color: #14b8a6;
}
.assets-content.pink {
	color: #f67983;
}
.assets-content.gray {
	color: #adacac;
}
.assets-content p {
	color: #4f5050;
	font: 300 18px/23px 'Aileron', sans-serif;
	margin: 0;
	padding: 0 30px;
}
.assets-content p span {
	display: block;
}
.view-all-btn {
	font: 300 16px/33px 'Raleway', sans-serif;
	float: right;
	margin-right: 25px;
}
.blue .view-all-btn {
	color: #0f766e;
}
.see-green .view-all-btn {
	color: #14b8a6;
}
.pink .view-all-btn {
	color: #f67983;
}
.gray .view-all-btn {
	color: #adacac;
}
.view-all-btn:hover {
	color: #fff;
	text-decoration: none;
}
.panel .view-all-btn:hover {
	color: #000;
}
.view-all-btn:after {
	content: '';
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	margin-left: 5px;
}
.blue .view-all-btn:after {
	background-image: url(../images/blue-arrow.svg);
}
.see-green .view-all-btn:after {
	background-image: url(../images/see-green-arrow.svg);
}
.pink .view-all-btn:after {
	background-image: url(../images/pink-arrow.svg);
}
.gray .view-all-btn:after {
	background-image: url(../images/gray-arrow.svg);
}
.view-all-assest-btn {
	display: table;
	margin: 0 auto;
	background-color: #eeeded;
	color: #0b5750;
	font: 500 16px/35px 'Raleway', sans-serif;
	letter-spacing: 1px;
	padding: 5px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.view-all-assest-btn:hover {
	background-color: #fff;
	text-decoration: none;
}
.expense-wrapper {
	padding: 0 15px;
	border: 1px solid #e7e5e5;
	border-top: 0;
}
.expense-wrapper h3 {
	background-color: #f6f6f6;
	margin: 0 -50px;
	padding: 17px 35px 17px;
}
.expense-content {
	position: relative;
}
.expense-content.blue {
	z-index: 8;
}
.expense-content.pink {
	z-index: 6;
}
.expense-content.see-green {
	z-index: 4;
}
.expense-content.gray {
	z-index: 2;
}
.expense-content:after {
	content: '';
	-webkit-box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	z-index: -1;
	pointer-events: none;
}
/*.expense-content.blue:after {
	z-index: 7;
}
.expense-content.pink:after {
	z-index: 5;
}
.expense-content.see-green:after {
	z-index: 3;
}*/
.expense-content h4 {
	color: #fff;
	font: 400 24px/33px 'Aileron', sans-serif;
	margin: 0;
	padding: 32px 15px;
	text-align: center;
}
.expense-content.pink h4 {
	background-color: #f67983;
}
.expense-content.blue h4 {
	background-color: #0f766e;
}
.expense-content.see-green h4 {
	background-color: #14b8a6;
}
.expense-content.gray h4 {
	background-color: #aeadad;
}
.expense-content p {
	background-color: #fff;
	color: #0b5750;
	font: 300 18px/24px 'Aileron', sans-serif;
	margin: 0;
	padding: 32px 15px 20px 55px;
}
.expense-content p strong {
	font-size: 24px;
	font-weight: 300;
	display: block;
}
.view-detail {
	display: block;
	color: #fff;
	font: 300 18px/33px 'Aileron', sans-serif;
	text-align: center;
}
.expense-content.pink .view-detail {
	background-color: #f67983;
}
.expense-content.blue .view-detail {
	background-color: #0f766e;
}
.expense-content.see-green .view-detail {
	background-color: #14b8a6;
}
.expense-content.gray .view-detail {
	background-color: #aeadad;
}
.view-detail:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}
.view-all-expense-btn {
	display: table;
	margin: 10px auto;
	color: #0b5750;
	font: 300 24px/33px 'Aileron', sans-serif;
}
.view-all-expense-btn:after {
	content: '';
	display: inline-block;
	background: url(../images/blue-arrow.svg) no-repeat;
	background-size: 100%;
	height: 11px;
	width: 11px;
	margin-left: 5px;
}
.sales-wrapper {
	background-color: #f6f6f6;
	padding: 45px 85px 45px 30px;
}
.div-table {
	display: table;
	width: 100%;
}
.div-table-cell {
	display: table-cell;
	vertical-align: middle;
}
.sales-wrapper h2 {
	color: #0b5750;
	font: 300 60px/60px 'Aileron', sans-serif;
	margin: 0 0 17px;
	text-align: center;
}
.sales-wrapper .div-table-cell:first-child {
	width: 45%;
}
.sales-wrapper h2 strong {
	font-weight: 600;
	display: block;
}
.view-all-sales-btn {
	background-color: #fff;
	display: table;
	color: #0b5750;
	font: 300 30px/48px 'Aileron', sans-serif;
	margin: 0 auto;
	padding: 14px 65px;
}
.view-all-sales-btn:hover {
	color: #fff;
	background-color: #0b5750;
	text-decoration: none;
}
.sales-bar {
	min-height: 75px;
	margin-bottom: 10px;
	padding: 5px 30px;
	position: relative;
	-webkit-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.sales-bar.blue {
	background-color: #0f766e;
}
.sales-bar.pink {
	background-color: #f67983;
}
.sales-bar.gray {
	background-color: #adacac;
}
.sales-bar.see-green {
	background-color: #14b8a6;
}
.sales-bar:after,
.sales-price:after {
	content: '';
	clear: both;
	display: table;
}
.sales-bar h3 {
	float: left;
	color: #fff;
	font: 300 24px/48px 'Aileron', sans-serif;
	margin: 0;
	padding: 10px 0 7px;
	width: 260px;
}
.price-detail {
	background-color: #fff;
	position: absolute;
	top: 5px;
	right: -45px;
	bottom: 5px;
	left: 300px;
	padding: 10px 10px 10px 30px;
	-webkit-border-radius: 35px 5px 5px 35px;
	-moz-border-radius: 35px 5px 5px 35px;
	-ms-border-radius: 35px 5px 5px 35px;
	border-radius: 35px 5px 5px 35px;
	-webkit-box-shadow: 3px 0px 8px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 3px 0px 8px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 3px 0px 8px 3px rgba(0, 0, 0, 0.25);
}
.sales-price {
	float: left;
	color: #0b5750;
	font: 300 24px/48px 'Aileron', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.sales-detail-btn {
	float: right;
	border: 1px solid transparent;
	color: #fff;
	font: 300 14px/33px 'Aileron', sans-serif;
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.sales-detail-btn:hover {
	background-color: transparent !important;
	text-decoration: none;
}
.sales-bar.blue .sales-detail-btn {
	background-color: #0f766e;
}
.sales-bar.pink .sales-detail-btn {
	background-color: #f67983;
}
.sales-bar.gray .sales-detail-btn {
	background-color: #f67983;
}
.sales-bar.see-green .sales-detail-btn {
	background-color: #14b8a6;
}
.sales-bar.blue .sales-detail-btn:hover {
	border-color: #0f766e;
	color: #0f766e;
}
.sales-bar.pink .sales-detail-btn:hover {
	border-color: #f67983;
	color: #f67983;
}
.sales-bar.gray .sales-detail-btn:hover {
	border-color: #f67983;
	color: #f67983;
}
.sales-bar.see-green .sales-detail-btn:hover {
	border-color: #14b8a6;
	color: #14b8a6;
}
.chart-wrapper {
	padding: 0 15px;
}
.chart-wrapper h3 {
	background-color: #f6f6f6;
	font: 300 30px/48px 'Aileron', sans-serif;
	margin: 0 -45px;
	padding: 17px 30px 17px;
}
#expense-datatable,
.highcharts-credits {
	display: none;
}
#expense-chart {
	padding: 30px 0 0;
}
.highcharts-color-0,
.highcharts-color-0 .highcharts-point {
	fill: #14b8a6;
}
.highcharts-color-1,
.highcharts-color-1 .highcharts-point {
	fill: #f67983;
}
.map-wrapper {
	border-top: 1px solid #d2d4d5;
	margin: 0 -15px;
}
.map-wrapper h3 {
	font: 300 30px/48px 'Aileron', sans-serif;
	margin: 17px 30px 13px;
}
#map iframe {
	display: block;
}
#map {
	height: 535px;
}
/* Inner Pages CSS */
/* Page Title */

.top-title {
	padding: 5px 15px;
	text-align: center;
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	margin: 0 -30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.top-title h4 {
	font-family: 'assistantregular';
	color: #0f766e;
	font-size: 34px;
}
/* Breadcrumb */

.breadcrumb {
	border-radius: 0;
	background: none;
	padding: 0;
	margin: 15px 0 30px;
}
.breadcrumb li {
	color: #808080;
}
.breadcrumb li a {
	color: #0f766e;
}
.breadcrumb > li + li:before {
	color: #0f766e;
	content: "> ";
}
/* Add New Button */

.add-new {
	font-family: 'Assistant', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
	box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.3);
	margin-right: 15px;
	padding: 2px 15px;
	display: inline-block;
	text-align: center;
	width: 130px;
	border: 1px solid #0f766e;
	color: #fff;
	background: #0f766e;
	vertical-align: top;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.add-new:focus {
	color: #fff;
}
.add-new:hover {
	text-decoration: none;
	color: #0f766e;
	background: #FBFDF3;
}
/* Export Button */

.export.dropdown {
	display: inline-block;
	vertical-align: top;
}
.export.dropdown .btn:hover {
	box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.3);
}
.export .dropdown-menu a {
	color: #fff;
	padding: 7px 18px;
}
.export .dropdown-menu a:hover {
	text-decoration: none;
	color: #0f766e;
	background: #FBFDF3;
}
.export > .dropdown-menu {
	padding: 0;
	background: #0f766e;
	border: 0;
}
.export.dropdown .caret {
	position: absolute;
	top: 17px;
	right: 14px;
}
.export > .dropdown-menu {
	left: 0;
	min-width: 130px;
	margin-top: 10px;
}
.export > .dropdown-menu:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #0f766e transparent;
	position: absolute;
	right: 10px;
	bottom: 100%;
}
.export > .dropdown-menu li {
	border-top: 1px solid #ffffff;
}
.export > .dropdown-menu li:first-child {
	border-top: none;
}
/* Listing Table */

.table-wrapper {
	margin-top: -36px;
}
#listing-table-holder {
	padding-top: 9px;
	overflow-x: auto;
	width: 100%;
}
.dataTable {
	text-align: center;
}
.dataTable.text-align-left {
	text-align: left;
}
.table thead {
	background-color: #0f766e;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border-color: #d0d0d0;
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
	border-right-color: #fff;
}
.table thead th {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-shadow: 0px 2px 1px rgba(11, 0, 0, 0.26);
	text-align: center;
	vertical-align: middle;
	padding-right: 8px !important;
}
.nowrap .table thead th {
	white-space: nowrap;
}
.nowrap .table thead th.date-th {
	min-width: 105px;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	display: none;
}
.dataTables_filter label {
	color: #0f766e;
	font: normal 22px/36px 'Aileron';
}
.dataTables_wrapper .dataTables_filter input {
	color: #808080;
	font-family: 'Assistant', sans-serif;
	font-size: 18px;
	line-height: 28px;
	background: #FBFDF3;
	box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.3);
	border: none;
	padding: 4px 15px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 240px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
	color: #0f766e;
	font: 400 16px/22px 'Aileron', sans-serif;
}
.table>thead>tr>th {
	vertical-align: middle;
}
.table>tbody>tr>td:first-child,
.table>thead>tr>th:first-child {
	width: 40px;
}
.table>tbody>tr>td:last-child,
.table>thead>tr>th:last-child {
	width: 130px;
}
table.table-bordered.dataTable tbody th a,
table.table-bordered.dataTable tbody td a {
	color: #0f766e;
}
table.table-bordered.dataTable tbody th a:hover,
table.table-bordered.dataTable tbody td a:hover {
	color: #000;
}
.bttn {
	background: none;
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	margin: 5px;
	padding: 0;
}
div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 40px;
	margin-bottom: 45px;
}
.morecontent span {
	display: none;
}
.morelink {
	float: right;
	font-size: 14px !important;
	margin: 20px 10px 0!important;
}
.morelink:hover {
	text-decoration: underline !important;
}
.desc {
	text-align: left;
}
/* Delete Row Popup */

.popup-content {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 600px;
	width: 90%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.modal-title,
.myModalLabel {
	color: #0f766e;
	font: 400 24px/28px 'Aileron', sans-serif;
}
button.close {
	color: #0f766e;
	font-size: 30px;
}
/* Pagination */

.paginate_button {
	background: none;
	border: 1px solid #cccaca;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	color: #8e8481;
	font: 300 16px/28px 'Aileron';
	height: 30px;
	min-width: 30px;
	text-align: center;
	margin: 0 2px;
	padding: 0 3px;
}
.paginate_button:hover,
.paginate_button.current {
	background: #0f766e;
	color: #fff;
	border-color: #0f766e;
	text-decoration: none;
}
.paginate_button.current {
	cursor: default;
}
.paginate_button.disabled {
	opacity: 0.7;
	cursor: not-allowed;
}
.paginate_button.previous,
.paginate_button.next {
	font-size: 0;
}
.paginate_button.previous:after,
.paginate_button.next:after {
	font-size: 20px;
	font-family: 'icomoon';
}
.paginate_button.next:after {
	content: "\e921";
}
.paginate_button.previous:after {
	content: "\e922";
}
.squareTable {
	display: none;
	margin: 0 0 60px;
	overflow-x: auto;
	width: 100%;
}
.square-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.square-wrapper h2 {
	color: #0f766e;
	font: normal 18px/41px 'Assistant', sans-serif;
	margin: 0;
}
.table.square-table>tbody>tr>td,
.table.square-table>thead>tr>th {
	min-width: 120px;
}
.table.square-table>tbody>tr>td:first-child,
.table.square-table>thead>tr>th:first-child {
	min-width: inherit;
}
.table.square-table>tbody>tr>td:last-child,
.table.square-table>thead>tr>th:last-child,
.table.plants-table>tbody>tr>td:last-child,
.table.plants-table>thead>tr>th:last-child,
.table.table-last>tbody>tr>td:last-child,
.table.table-last>thead>tr>th:last-child {
	width: inherit;
}
.table.square-table>tbody>tr>td,
.table.plants-table>tbody>tr>td {
	vertical-align: middle;
}
.table.square-table>thead {
	cursor: pointer;
}
.table.square-table>thead:hover {
	opacity: 0.9;
}
.table.square-table>tbody {
	display: none;
}
.table>tbody>tr>td.color-red {
	color: red;
}
.square-wrapper ul li.active tbody,
.square-wrapper ul li .active + tbody {
	display: table-row-group;
}
table.square-table tbody tr:hover,
table.square-table tbody tr.selected {
	background: #eaf5f3;
}
.table.table-contract tbody td {
	vertical-align: middle;
}
.table-contract tfoot {
	background: #fff;
	color: #555;
	font-weight: 600;
}
.table-contract thead th:last-child,
.table-contract thead td:last-child,
.table-contract thead th.remarks-th {
	min-width: 165px;
}
.table.plants-table>tbody>tr>td,
.table.plants-table>thead>tr>th {
	text-align: center;
	min-width: 130px;
}
.table.plants-table>tbody>tr>td:first-child,
.table.plants-table>thead>tr>th:first-child {
	min-width: inherit;
}
.table.plants-table,
#supply-table {
	border-width: 0;
}
.table.plants-table>tbody>tr>td:first-child,
.table.plants-table>thead>tr>th:first-child,
#supply-table.table>tbody>tr>td:first-child,
#supply-table.table>thead>tr>th:first-child {
	border-left-width: 1px;
}
.table.plants-table>tbody>tr>td:last-child,
.table.plants-table>thead>tr>th:last-child,
#supply-table.table>tbody>tr>td:last-child,
#supply-table.table>thead>tr>th:last-child {
	border-right-width: 1px;
}
.table.plants-table>tfoot,
#supply-table.table>tfoot {
	background: #fff;
}
#supply-table.table>tfoot>tr>th {
	border-width: 0;
	text-align: center;
	color: #0f766e;
	font-weight: normal;
}
.table.plants-table>tfoot>tr>td,
#supply-table.table>tfoot>tr:first-child>th {
	border-width: 0;
	border-top-width: 1px;
}
table.table-bordered.dataTable tbody td a.row-delete,
table.table-bordered.dataTable tfoot td a#addRow {
	font-size: 14px;
	color: #fff;
}
.fruit-plants-list {
	margin-top: 0;
}
#supply-table.table>tfoot>tr>th span {
	background: #e9e9e4;
	display: block;
	padding: 8px;
}
#supply-table.table>tfoot>tr>th strong {
	display: block;
}
#supply-table.table>tfoot>tr>th.no-pd,
#supply-table.table>tfoot>tr>th .no-pd {
	padding: 0;
	padding-bottom: 1px;
}
#supply-table.table>tfoot>tr>th .mt-15,
#supply-table.table>tfoot>tr>th span.mt-15 {
	margin-top: -15px;
}
#supply-table.table>tfoot>tr>th.no-bg,
#supply-table.table>tfoot>tr>th span.no-bg {
	background: none;
}
#supply-table.table>tfoot>tr>th.align-left,
#supply-table.table>tfoot>tr>th span.align-left {
	text-align: left;
}
#supply-table.table>tfoot>tr>th.font-bold,
#supply-table.table>tfoot>tr>th .font-bold {
	font-weight: bold;
}
/* Form CSS */

.form-group {
	position: relative;
}
.form-group label {
	display: block;
	color: #0f766e;
	font: normal 18px/36px 'assistantregular';
	text-align: right;
	margin-bottom: 10px;
	padding-top: 0 !important;
}
.form-control {
	font-size: 16px;
	font-family: 'assistantregular';
	color: #0f766e;
	font-weight: normal;
	height: 36px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	border: 1px solid #bfbfbf;
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e4', endColorstr='#fafbf3', GradientType=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.table.square-table>tbody>tr>td .form-control {
	background: #fff;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	appearance: menulist;
}
textarea.form-control {
	height: 170px;
}
.drop-right {
	color: #8fa8a4;
	position: absolute;
	right: 25px;
	top: 12px;
	font-size: 12px;
	pointer-events: none;
}
.star-right {
	color: #f2938b;
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.btn-secondary {
	background: #14b8a6;
	background: -moz-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: -webkit-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: linear-gradient(to bottom, #14b8a6 0%, #0b5750 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#14b8a6', endColorstr='#0b5750', GradientType=0);
	text-transform: uppercase;
	font-family: 'assistantregular';
	font-size: 20px;
	color: #fff;
	text-align: center;
	display: block;
	width: 130px;
	line-height: 40px;
	padding: 0 10px;
	border: 0;
}
.btn-secondary.btn-md {
	width: 200px;
}
.btn-secondary:focus {
	color: #fff;
}
.btn-secondary:hover {
	background: #14b8a6;
	background: -moz-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: -webkit-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: linear-gradient(to bottom, #14b8a6 0%, #0b5750 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#14b8a6', endColorstr='#0b5750', GradientType=0);
	color: #fff;
}
.form-control-static {
	font-size: 18px;
	font-family: 'assistantregular';
	color: #0f766e;
	font-weight: normal;
	padding: 0 10px;
	line-height: 36px;
}
/*validation CSS*/

.form-group .error {
	background: #fff;
	border-color: #69F;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 100, 100, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 100, 100, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 100, 100, 0.3);
}
.form-group .error:focus,
.form-group .error {
	border-color: #D40A5C;
	-webkit-box-shadow: 0px 0px 4px rgba(212, 10, 92, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(212, 10, 92, 0.3);
	box-shadow: 0px 0px 4px rgba(212, 10, 92, 0.3);
}
.form-group label.error {
	background: #D40A5C;
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	padding: 7px 15px !important;
	position: absolute;
	top: -44px;
	right: 15px;
	z-index: 2;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-color: #D40A5C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none);
	box-shadow: none;
}
.login-page .form-group label.error {
	top: -10px;
}
.form-group .right-filed label.error {
	right: 0;
}
.form-group .textarea label.error {
	top: 0;
	right: 0;
}
.form-group label.error:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #d40a5b transparent transparent transparent;
	line-height: 0px;
	_border-color: #d40a5b #000000 #000000 #000000;
	_filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	top: 100%;
	left: 15%;
}
.form-group .valid {
	border-color: #a6efc3;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
	box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
}
/* Checkbox and Radio Buttons */

.has-checkbox .checkbox,
.has-checkbox .checkbox-inline,
.has-radio .radio,
.has-radio .radio-inline {
	float: left;
	margin-left: 0;
	padding-right: 10px;
	width: 33.333%;
}
.form-horizontal .checkbox input[type=checkbox]:focus,
.form-horizontal .checkbox-inline input[type=checkbox]:focus,
.form-horizontal .radio input[type=radio]:focus,
.form-horizontal .radio-inline input[type=radio]:focus {
	outline: none;
}
.checkbox-inline,
.radio-inline {
	padding-left: 5px;
}
.checkbox-inline label {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	text-align: left;
	font: 600 14px/20px 'Aileron', sans-serif !important;
	height: 20px;
}
.checkbox-inline label:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	margin-left: -5px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox-inline label:after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	font-size: 12px;
	color: #555555;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
	opacity: 0;
	margin-left: -2px;
}
.checkbox-inline input[type="checkbox"]:checked + label:after {
	content: "\2713";
}
.checkbox-inline {
	margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label:before {
	background-color: #0f766e;
	border-color: #0f766e;
}
.checkbox-primary input[type="checkbox"]:checked + label:after {
	color: #fff;
}
#new_case_more_div {
	display: none;
}
.tasktoogle {
	font-size: 16px;
}
.tasktoogle:hover {
	opacity: 0.7
}
#more_tsk_opt_div {} #less_tsk_opt_div {
	display: none;
}
.tasktoogle i {
	font-size: 14px;
	margin-left: 5px;
}
.mainForm .form-group label.priority-low input[type="radio"]:checked ~ i.icon-radio-checked,
.mainForm .form-group label.priority-low:hover i.icon-radio-unchecked,
.mainForm .form-group label.priority-low.active i.icon-radio-unchecked,
.mainForm .form-group div[data-toggle="buttons"] label.priority-low.active,
.mainForm .form-group div[data-toggle="buttons"] label.priority-low:hover {
	color: #AD9227;
}
.mainForm .form-group label.priority-medium input[type="radio"]:checked ~ i.icon-radio-checked,
.mainForm .form-group label.priority-medium:hover i.icon-radio-unchecked,
.mainForm .form-group label.priority-medium.active i.icon-radio-unchecked,
.mainForm .form-group div[data-toggle="buttons"] label.priority-medium.active,
.mainForm .form-group div[data-toggle="buttons"] label.priority-medium:hover {
	color: #28af51;
}
.mainForm .form-group label.priority-high input[type="radio"]:checked ~ i.icon-radio-checked,
.mainForm .form-group label.priority-high:hover i.icon-radio-unchecked,
.mainForm .form-group label.priority-high.active i.icon-radio-unchecked,
.mainForm .form-group div[data-toggle="buttons"] label.priority-high.active,
.mainForm .form-group div[data-toggle="buttons"] label.priority-high:hover {
	color: #ae432e;
}
.mainForm .form-group label.btn span {
	font-size: 20px;
}
.mainForm .form-group label input[type="radio"] ~ i.icon-radio-unchecked {
	color: #c8c8c8;
	display: inline;
}
.mainForm .form-group label input[type="radio"] ~ i.icon-radio-checked {
	display: none;
}
.mainForm .form-group label input[type="radio"]:checked ~ i.icon-radio-unchecked {
	display: none;
}
.mainForm .form-group label input[type="radio"]:checked ~ i.icon-radio-checked {
	color: #5eead4;
	display: inline;
}
.mainForm .form-group label:hover input[type="radio"] ~ i {
	color: #5eead4;
}
.mainForm .form-group div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
	margin-right: 25px;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #c8c8c8;
	border-radius: 3px;
	color: #c8c8c8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.mainForm .form-group div[data-toggle="buttons"] label:hover,
.mainForm .form-group div[data-toggle="buttons"] label.active {
	color: #5eead4;
}
div[data-toggle="buttons"] label:hover,
div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mainForm .form-group .btn.active.focus,
.mainForm .form-group .btn.active:focus,
.mainForm .form-group .btn.focus,
.mainForm .form-group .btn:active.focus,
.mainForm .form-group .btn:active:focus,
.mainForm .form-group .btn:focus {
	outline: none;
	outline-offset: 0;
}
.calendar-icon {
	position: absolute;
	right: 16px;
	top: 1px;
	bottom: 1px;
	width: 30px;
	text-align: center;
	line-height: 34px;
	pointer-events: none;
}
/* Datepiker Start */

.datepicker {
	padding: 0;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.datepicker table thead,
.datepicker thead tr:first-child th:hover {
	background-color: #0f766e !important;
	color: #fff !important;
}
.datepicker td,
.datepicker th {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	width: 42px;
}
.datepicker thead tr:first-child th {
	height: 60px;
}
.datepicker-dropdown th.next,
.datepicker-dropdown th.prev {
	font-size: 0;
}
.datepicker-dropdown th.next:after,
.datepicker-dropdown th.prev:after {
	font-family: 'icomoon';
	font-size: 28px;
	vertical-align: middle;
	color: #fff;
}
.datepicker-dropdown th.next:after {
	content: "\e921";
}
.datepicker-dropdown th.prev:after {
	content: "\e922";
}
.datepicker td.active,
.datepicker td.active:hover {
	background: #14b8a6;
	background: -moz-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: -webkit-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: linear-gradient(to bottom, #14b8a6 0%, #0b5750 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#14b8a6', endColorstr='#0b5750', GradientType=0);
}
.datepicker > .datepicker-months,
.datepicker > .datepicker-years {
	min-width: 286px;
}
.datepicker .datepicker-months td span,
.datepicker .datepicker-years td span {
	width: 65px;
}
.datepicker:after {
	border-bottom-color: #0f766e;
}
.datepicker-orient-bottom.datepicker:after {
	border-bottom: 0;
	border-top: 6px solid #0f766e;
	top: auto;
	bottom: -7px;
}
.datepicker-orient-bottom.datepicker:before {
	border-bottom: 0;
	border-top: 7px solid rgba(0, 0, 0, 0.2);
	top: auto;
	bottom: -7px;
}
.datepicker-orient-right.datepicker:before {
	left: auto;
	right: 6px;
}
.datepicker-orient-right.datepicker:after {
	left: auto;
	right: 7px;
}
/* Datepiker End */
/* Select2 */

.mainForm .select2-container {
	width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
	font-size: 16px;
	font-family: 'assistantregular';
	color: #0f766e;
	font-weight: normal;
	min-height: 36px;
	line-height: normal;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	border: 1px solid #bfbfbf;
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e4', endColorstr='#fafbf3', GradientType=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #bfbfbf;
}
.select2-container--default .select2-results__group {
	color: #0f766e;
	font: 600 16px/24px 'Raleway', sans-serif;
}
.select2-container--default .select2-results__option .select2-results__option {
	color: #0f766e;
	font: 400 14px/16px 'Aileron', sans-serif;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #14b8a6;
	border: none;
	color: #fff;
	font: 400 14px/16px 'Aileron', sans-serif;
	margin-top: 4px;
	padding: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: red;
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 7px;
}
.mainForm .form-group .working-under.error + label + .select2-container--default .select2-selection--multiple {
	background: #fff;
	border-color: #D40A5C;
	-webkit-box-shadow: 0px 0px 4px rgba(212, 10, 92, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(212, 10, 92, 0.3);
	box-shadow: 0px 0px 4px rgba(212, 10, 92, 0.3);
}
.mainForm .form-group .working-under.valid + label + .select2-container--default .select2-selection--multiple,
.mainForm .form-group .working-under.error + label[style="display: none;"] + .select2-container--default .select2-selection--multiple {
	background: #fff;
	border-color: #a6efc3;
	-webkit-box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
	box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
}
.select2-container .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
	font-size: 16px;
	font-family: 'assistantregular';
	color: #0f766e;
	font-weight: normal;
	height: 36px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	border: 1px solid #bfbfbf;
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e4', endColorstr='#fafbf3', GradientType=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0f766e;
	line-height: 34px;
	padding-right: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;
	width: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #8fa8a4 transparent transparent transparent;
	border-width: 7px 6px 0 6px;
	margin-left: -6px;
	margin-top: -3px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #8fa8a4 transparent;
	border-width: 0 6px 7px 6px;
}
.select2-results__option {
	color: #0f766e;
	font: 400 14px/16px 'Aileron', sans-serif;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #14b8a6;
}
.select2-hidden-accessible.valid + .select2-container .select2-selection--single {
	border-color: #a6efc3;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
	box-shadow: 0px 0px 4px rgba(166, 239, 195, 0.3);
}
.for-contract-based {
	display: none;
}
#map #pac-input {
	right: 8px !important;
	left: 125px !important;
	top: 7px !important;
	width: calc(100% - 135px);
}
.mainForm .form-group .mapDiv label.error {
	top: 54px;
}
.mainForm .form-group .mapDiv label.error:before {
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #d40a5b transparent;
	top: auto;
	bottom: 100%;
}
.mainForm .custom-close-button {
	background: #d50000;
	border: 2px solid #d50000;
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 0;
	position: absolute;
	top: 3px;
	right: -10px;
}
.mainForm .custom-form-row {
	position: relative;
}
.mainForm .custom-form-group-holder .col-md-3 label {
	color: green;
}
.mainForm .custom-label-field,
.mainForm .custom-input-field {
	color: green;
	border-color: green;
}
/* Check Mark */

.ui-ios-overlay {
	z-index: 99999;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	margin-top: -100px;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.ui-ios-overlay .title {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 26px;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
}
.ui-ios-overlay img {
	display: block;
	margin: 20% auto 0 auto;
}
.ui-ios-overlay .spinner {
	left: 50% !important;
	top: 40% !important;
}
.ios-overlay-show {
	-webkit-animation-name: ios-overlay-show;
	-webkit-animation-duration: 750ms;
	-moz-animation-name: ios-overlay-show;
	-moz-animation-duration: 750ms;
	-ms-animation-name: ios-overlay-show;
	-ms-animation-duration: 750ms;
	-o-animation-name: ios-overlay-show;
	-o-animation-duration: 750ms;
	animation-name: ios-overlay-show;
	animation-duration: 750ms;
}
@-webkit-keyframes ios-overlay-show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes ios-overlay-show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-ms-keyframes ios-overlay-show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes ios-overlay-show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes ios-overlay-show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.ios-overlay-hide {
	-webkit-animation-name: ios-overlay-hide;
	-webkit-animation-duration: 750ms;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: ios-overlay-hide;
	-moz-animation-duration: 750ms;
	-moz-animation-fill-mode: forwards;
	-ms-animation-name: ios-overlay-hide;
	-ms-animation-duration: 750ms;
	-ms-animation-fill-mode: forwards;
	-o-animation-name: ios-overlay-hide;
	-o-animation-duration: 750ms;
	-o-animation-fill-mode: forwards;
	animation-name: ios-overlay-hide;
	animation-duration: 750ms;
	animation-fill-mode: forwards;
}
@-webkit-keyframes ios-overlay-hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes ios-overlay-hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-ms-keyframes ios-overlay-hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-o-keyframes ios-overlay-hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes ios-overlay-hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/*custom upload elements*/

.customfile-input {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	height: 36px;
	cursor: pointer;
	background: transparent;
	border: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter: progid: DXImageTransform.Microsoft.Alpha(opacity 0);
	z-index: 999;
}
.customfile {
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e4', endColorstr='#fafbf3', GradientType=0);
	cursor: pointer;
	overflow: hidden;
	padding: 2px;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	white-space: nowrap;
}
.customfile-disabled {
	opacity: .5;
	filter: progid: DXImageTransform.Microsoft.Alpha(opacity 0);
	cursor: default;
}
.customfile-feedback {
	padding: 0 15px;
	font: 300 14px/30px 'Aileron', sans-serif;
}
.customfile-feedback-populated {
	color: #0f766e;
	font-style: normal;
	font-weight: bold;
	padding-left: 15px;
}
.customfile-button {
	border: 1px solid #999;
	background: #14b8a6;
	background: -moz-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: -webkit-linear-gradient(top, #14b8a6 0%, #0b5750 100%);
	background: linear-gradient(to bottom, #14b8a6 0%, #0b5750 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#14b8a6', endColorstr='#0b5750', GradientType=0);
	float: right;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font: 600 14px/28px 'Aileron', sans-serif;
}
.customfile-hover .customfile-button,
.customfile-focus .customfile-button {
	color: #fff;
	background: #aaa;
	border-color: #aaa;
}
.customfile-focus .customfile-button {
	outline: 1px dotted #ccc;
}
/*file type icons*/

.customfile-ext-jpg,
.customfile-ext-gif,
.customfile-ext-png,
.customfile-ext-jpeg,
.customfile-ext-bmp {
	/*background-image: url(http://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-image.gif);*/
}
.customfile-ext-mp3,
.customfile-ext-mp4,
.customfile-ext-mov,
.customfile-ext-swf,
.customfile-ext-wav,
.customfile-ext-m4v {
	/*background-image: url(http://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-media.gif);*/
}
.customfile-ext-zip,
.customfile-ext-tar,
.customfile-ext-sit {
	/*background-image: url(http://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-zip.gif);*/
}
.btn-number {
	padding: 7px 12px;
	height: 36px;
}
.btn-number:hover {
	box-shadow: none;
}
.input-group-btn:first-child>.btn-number {
	margin-right: 0px;
	position: relative;
	z-index: 3;
}
input#quantity {
	margin-left: -1px;
}
.input-group-btn:last-child>.btn-number {
	margin-left: -2px;
}
.use-inventory {
	display: none;
}
.table-wrp {
	display: none;
}
.show-btn {
	color: #0f766e;
	font: 400 18px/28px 'Aileron', sans-serif;
}
.show-btn .glyphicon {
	font-size: 12px;
}
.crops-table,
.farm-table {
	width: 100%;
}
.crops-table thead,
.farm-report-charts .farm-table thead {
	background: #0f766e;
	color: #fff;
	font: 600 16px/28px 'Aileron', sans-serif;
}
.crops-table thead th,
.farm-report-charts .farm-table thead th {
	padding: 5px 10px;
	border: 1px solid #d9e4f5;
}
.table.crops-table>tbody>tr>td:first-child,
.table.crops-table>thead>tr>th:first-child,
.table.crops-table>tbody>tr>td:last-child,
.table.crops-table>thead>tr>th:last-child {
	width: initial;
}
.crops-table tbody td,
.farm-report-charts .farm-table tbody td {
	background: #f6f6f6;
	border: 1px solid #bfbfbf;
	color: #0f766e;
	font: 400 14px/28px 'Aileron', sans-serif;
	padding: 5px 10px;
}
.crops-table tbody td:first-child {
	background: #dfe7f4;
}
.crops-table thead th,
.crops-table tbody td {
	text-align: center;
}
.farm-report-charts .farm-table tbody td {
	background: none;
}
.report-sublinks {
	list-style: none;
	margin: -20px -15px 30px;
	padding: 0;
}
.report-sublinks li {
	float: left;
	padding: 0 15px;
	width: 20%;
}
.report-sublinks li a {
	color: #0f766e;
	font: normal 14px/20px 'Assistant', sans-serif;
	padding-left: 15px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.report-sublinks li a:before {
	content: '';
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #0f766e;
	position: absolute;
	left: 0;
	top: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.report-sublinks li a:hover {
	padding-left: 25px;
}
.report-sublinks li a:hover:before {
	left: 10px;
}
.profit-loss-chart .section-title,
.farm-report-charts .section-title,
.stacking-reports .section-title {
	background: #f6f6f6;
	margin: 0 -30px 40px;
	padding: 17px 30px 17px;
}
#profit-loss-chart-datatable {
	display: none;
}
.farm-report-charts .chart-wrapper {
	padding: 0;
}
.return-income {
	display: none;
}
.reports {
	padding-top: 30px;
}
.reports #list-table_wrapper {
	margin-top: 0;
}
.reports #list-table-holder {
	margin-top: 20px;
}
.reports .dataTables_length label {
	color: #0f766e;
	font: normal 22px/36px 'Aileron';
}
.reports div.dataTables_wrapper div.dataTables_length select {
	color: #808080;
	font-family: 'Assistant', sans-serif;
	font-size: 18px;
	line-height: 28px;
	height: 36px;
	background: #FBFDF3;
	box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.3);
	border: none;
	padding: 4px 15px;
	display: inline-block;
	vertical-align: top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}
.search-filters {
	list-style: none;
	margin: 0 -10px;
	padding: 0;
}
.search-filters:after {
	content: '';
	clear: both;
	display: table;
}
.search-filters li {
	float: left;
	padding: 0 10px;
	position: relative;
}
.search-filters label {
	color: #0f766e;
	font: normal 22px/36px 'Aileron';
	margin-right: 10px;
}
.search-filters select {
	display: inline-block;
	font-size: 16px;
	font-family: 'assistantregular';
	color: #0f766e;
	font-weight: normal;
	height: 36px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	border: 1px solid #bfbfbf;
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e4', endColorstr='#fafbf3', GradientType=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 35px;
	width: 130px;
}
.search-filters .drop-right {
	color: #8fa8a4;
	position: absolute;
	right: 25px;
	top: 12px;
	font-size: 12px;
	pointer-events: none;
}
.search-filters .datepicker_field {
	display: inline-block;
	font-size: 16px;
	font-family: 'assistantregular';
	color: #0f766e;
	font-weight: normal;
	height: 36px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	border: 1px solid #bfbfbf;
	background: #e9e9e4;
	background: -moz-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: -webkit-linear-gradient(top, #e9e9e4 0%, #fafbf3 100%);
	background: linear-gradient(to bottom, #e9e9e4 0%, #fafbf3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e4', endColorstr='#fafbf3', GradientType=0);
	width: 100px;
}
.search-filters .datepicker_field::-webkit-input-placeholder {
	color: #0f766e;
}
.search-filters .datepicker_field::-moz-placeholder {
	color: #0f766e;
}
.search-filters .datepicker_field:-ms-input-placeholder {
	color: #0f766e;
}
.search-filters .datepicker_field:-moz-placeholder {
	color: #0f766e;
}
.search-btn {
	font-family: 'Assistant', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
	box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.3);
	padding: 2px 15px;
	display: inline-block;
	vertical-align: top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #0f766e;
	color: #fff;
	background: #0f766e;
}
.search-btn:hover {
	box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color: #0f766e;
	background: #FBFDF3;
}
#report-table>tfoot {
	background: #eee;
}
#report-table_filter,
#supply-table_filter,
#stacking-table_filter {
	display: none;
}
#report-table>tfoot>tr>th {
	color: #0f766e;
	text-align: center;
}
#report-table>tfoot>tr>th:last-child {
	text-align: left;
}
table.table-fruit tbody td:nth-child(2),
table.table-fruit tbody td:last-child {
	text-align: left;
}
.supply-table>tfoot {
	background: #eee !important;
}
.supply-table>tfoot>tr>th {
	font-weight: 600 !important;
}
.table>tbody>tr>td.color-red {
	color: red;
}
.livestock .table-wrapper h2 {
	margin: 0;
	color: #0f766e;
	float: left;
	font: 500 28px/36px 'Raleway', sans-serif;
}
.table-top {
	margin-bottom: 15px;
}
.livestock .export {
	float: right;
	margin-left: 20px;
}
.filters-form {
	float: left;
}
.note h2 {
	color: #0f766e;
	font: 500 28px/32px 'Raleway', sans-serif;
}
.note p {
	color: #0f766e;
	font: normal 16px/20px 'Assistant', sans-serif;
}
/* Notification */

.all-notifications {
	list-style: none;
	margin: 0;
	padding: 0;
}
.all-notifications li {
	background-color: #eaf5f3;
	border-left: 3px solid #0f766e;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
	position: relative;
	padding-right: 45px;
}
.all-notifications li:hover {
	background-color: #fff;
}
.all-notifications li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 7px;
	border-color: transparent transparent transparent #0f766e;
	line-height: 0px;
	_border-color: #ffffff #ffffff #ffffff #0f766e;
	_filter: progid: DXImageTransform.Microsoft.Chroma(color='#ffffff');
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.all-notifications li:after {
	content: '\2807';
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.all-notifications li a {
	display: inline-block;
	color: #0f766e;
	font: 600 15px/18px 'Aileron', sans-serif;
	padding: 10px 0 10px 15px;
}
.all-notifications li a:hover {
	text-decoration: none;
}
.all-notifications .noti-date {
	display: inline-block;
	font-weight: 400;
	margin-right: 10px;
	min-width: 90px;
}
.noti-land {
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
}
.noti-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}
/* Login/Forgot Password Pages */

.login-page {
	background: url(../images/login-bg.jpg) no-repeat center;
	background-size: cover;
}
.login-page:before {
	display: none;
}
.login-page header {
	background: rgba(255, 255, 255, 0.50);
	padding: 20px 0;
}
.login-page footer {
	margin: 0;
}
.login-logo {
	position: absolute;
	left: 15px;
	width: 100px;
}
.login-page h1 {
	margin: 0;
	font-family: 'assistantregular';
	font-size: 48px;
	line-height: 79px;
	color: #0b5750;
	text-align: center;
}
.login_box {
	max-width: 600px;
	padding: 50px 97px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 8px;
	margin: 5% auto;
	position: relative;
}
.login_box h2 {
	font-family: 'assistantsemibold';
	font-weight: normal;
	font-size: 24px;
	color: #0b5750;
	margin: 0px 0 50px;
	text-align: center;
	text-transform: uppercase;
}
.login_box .mainForm label {
	color: #0f766e;
	margin: 0px;
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	padding: 0 8px 5px 0;
}
.login_box .remember-me {
	position: relative;
	text-transform: inherit;
	font-style: italic;
	cursor: pointer;
}
.login_box #remember-me {
	display: none;
}
.login_box #remember-me + label:before {
	content: '';
	border: 3px solid #0f766e;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-family: 'Glyphicons Halflings';
}
.login_box #remember-me:checked + label:before {
	border: 3px solid green;
	content: "\e013";
	font-size: 10px;
	color: green;
	line-height: 15px;
}
.forgot {
	font-family: 'assistantregular';
	font-weight: normal;
	font-size: 14px;
	color: #0f766e;
	font-style: italic;
	display: inline-block;
	line-height: 1.4;
	vertical-align: top;
}
.login_box .btn-secondary {
	line-height: 40px;
	font-size: 18px;
	margin-top: 10px;
}
.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: 'assistantregular';
	font-size: 14px;
	color: rgba(15, 118, 110, 0.8);
	background: #eeeded;
	line-height: 55px;
	text-align: right;
	z-index: 1;
	padding: 0 30px;
}
.ifl-land.table>tfoot>tr>td {
	text-align: center;
	color: #0f766e;
	font-weight: 600;
}

.card {
	border: 1px solid rgba(102,119,136,.2);
	margin-bottom: 20px;
	position: relative;
}
.card-header {
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.04);
	margin-bottom: 0;
	padding: .75rem 1.25rem;
}
.card-header h6 {
	color: #0f766e;
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}
.card-body {
	padding: 1.25rem;
}
.card-body:after {
	content: '';
	clear: both;
	display: table;
}
.has-checkbox .card-body .checkbox-inline {
	width: 25%;
}
.card-body .checkbox-inline label {
	padding-left: 25px;
}
.card-body .checkbox-inline label:before {
	margin-left: 0;
}
.card-body .checkbox-inline label:after {
	left: 4px;
}
.total_qty {
	margin: -45px 0 40px;
}
.total_qty table {
	background-color: #eee;
}
.total_qty table td {
	color: #0f766e;
	padding: 5px 10px;
}




/* ==========================================================================
   Brand palette overrides
   Retints the vendor stylesheets (Bootstrap, DataTables, Select2, datepicker)
   that are loaded before this file and still ship their default blue.
   Brand: #0f766e primary / #0b5750 dark / #14b8a6 accent / #5eead4 highlight
   ========================================================================== */

:root {
	--brand:           #0f766e;
	--brand-dark:      #0b5750;
	--brand-darker:    #083f3a;
	--brand-accent:    #14b8a6;
	--brand-highlight: #5eead4;
	--brand-tint:      #e6f2f0;
}

/* --- Links --- */
a { color: #0f766e; }
a:hover,
a:focus { color: #0b5750; }

/* --- Buttons --- */
.btn-primary {
	background-color: #0f766e;
	border-color: #0d6259;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-color: #0b5750;
	border-color: #083f3a;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
	background-color: #0f766e;
	border-color: #0d6259;
}
.btn-primary .badge { color: #0f766e; }

.btn-info {
	background-color: #14b8a6;
	border-color: #119e90;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	background-color: #0f9486;
	border-color: #0d7d71;
}
.btn-link { color: #0f766e; }
.btn-link:hover,
.btn-link:focus { color: #0b5750; }

/* --- Forms --- */
.form-control:focus {
	border-color: #14b8a6;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 184, 166, .6);
}
.has-success .form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #6ee7b7;
}

/* --- Dropdowns / list groups / pagination --- */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #0f766e;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #0f766e;
	border-color: #0f766e;
}
.list-group-item.active .list-group-item-text { color: #d5f5f0; }

.pagination > li > a,
.pagination > li > span { color: #0f766e; }
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
	color: #0b5750;
	background-color: var(--brand-tint);
	border-color: #cfe5e2;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
	background-color: #0f766e;
	border-color: #0f766e;
	color: #fff;
}

/* --- Nav / tabs / panels / labels / progress --- */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { border-color: #0f766e; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background-color: #0f766e; }

.panel-primary { border-color: #0f766e; }
.panel-primary > .panel-heading {
	background-color: #0f766e;
	border-color: #0f766e;
	color: #fff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #0f766e; }

.label-primary { background-color: #0f766e; }
.label-info    { background-color: #14b8a6; }
.progress-bar  { background-color: #0f766e; }
.progress-bar-info { background-color: #14b8a6; }
.bg-primary { background-color: #0f766e; }
.text-primary { color: #0f766e; }
a.text-primary:hover { color: #0b5750; }

/* --- Tables --- */
.table-hover > tbody > tr:hover { background-color: var(--brand-tint); }

/* --- Bootstrap theme gradients (bootstrap-theme.min.css) --- */
.btn-primary,
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.navbar-inverse,
.progress-bar,
.panel-primary > .panel-heading,
.list-group-item.active,
.dropdown-menu > .active > a {
	background-image: none;
}

/* --- DataTables --- */
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc { color: #0f766e; }
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button.current:hover {
	background: #0f766e !important;
	border-color: #0f766e !important;
	color: #fff !important;
}
.dataTables_wrapper .paginate_button:hover {
	background: var(--brand-tint) !important;
	color: #0b5750 !important;
}

/* --- Select2 (select.min.css) --- */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted { background-color: #0f766e; color: #fff; }
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple:focus { border-color: #14b8a6; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--brand-tint);
	border-color: #9fd4cd;
}
.select2-drop-active { border-color: #14b8a6; }
.select2-results .select2-highlighted { background: #0f766e; }

/* --- Bootstrap datepicker / datetimepicker --- */
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active.active,
.datepicker td span.active,
.datepicker td span.active:hover {
	background-color: #0f766e !important;
	background-image: none !important;
	color: #fff;
}
.datepicker td.day:hover,
.datepicker td span:hover { background: var(--brand-tint); }
.datepicker td.today,
.datepicker td.today:hover { background: #5eead4 !important; background-image: none !important; color: #0b5750; }
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td span.active {
	background-color: #0f766e;
	text-shadow: none;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover { background: var(--brand-tint); }

/* --- Focus rings --- */
.btn:focus,
.btn.focus,
.btn:active:focus { outline-color: #14b8a6; }

/* --- Navbar weather widget (replaces the retired hypersonic-weather plugin) --- */
.weather-holder {
	padding: 0 18px 0 6px;
	display: flex;
	align-items: center;
	min-height: 70px;
}
.weather-holder .wx {
	display: flex;
	align-items: center;
	gap: 9px;
	color: #fff;
	line-height: 1.15;
	white-space: nowrap;
}
.weather-holder .wx-icon {
	font-size: 26px;
	line-height: 1;
}
.weather-holder .wx-body {
	display: flex;
	flex-direction: column;
}
.weather-holder .wx-temp {
	font-family: 'Abel', sans-serif;
	font-size: 21px;
	color: #fff;
}
.weather-holder .wx-city {
	font-size: 12px;
	color: #5eead4;
	text-transform: capitalize;
}
