.conflict {
	border-left: 1px solid #DADADA;
	border-top: 1px solid #DADADA;
	background: #fff;
	margin: 0 0 50px 0;
}
.conflict th {
	background-color: #EEF0F2;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	font-size: 11px;
	padding: 3px;
}
.conflict td {
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	font-size: 11px;
	text-align: center;
	padding: 3px;
}

@font-face {
    font-family: 'BPG Arial Caps';
    src: url('../fonts/bpg-arial-caps-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-arial-caps-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-arial-caps-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-arial-caps-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-arial-caps-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-arial-caps-webfont.svg#bpg_arial_capsregular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fonts/dejavu-sans-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/dejavu-sans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dejavu-sans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dejavu-sans-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/dejavu-sans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dejavu-sans-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'DejaVu Sans Bold';
    src: url('../fonts/dejavu-sans-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/dejavu-sans-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dejavu-sans-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dejavu-sans-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/dejavu-sans-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dejavu-sans-bold-webfont.svg#dejavu_sansbold') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'DejaVu Sans Bold Oblique';
    src: url('../fonts/dejavu-sans-bold-oblique-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/dejavu-sans-bold-oblique-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dejavu-sans-bold-oblique-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dejavu-sans-bold-oblique-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/dejavu-sans-bold-oblique-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dejavu-sans-bold-oblique-webfont.svg#dejavu_sansbold_oblique') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'FIRAGO-BOLD';
src: 
url('../fonts/FIRAGO/FIRAGO-BOLD.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-BOLD.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-BOLD.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-BOLD.SVG#FIRAGO-BOLD') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-BOOK';
src: 
url('../fonts/FIRAGO/FIRAGO-BOOK.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-BOOK.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-BOOK.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-BOOK.SVG#FIRAGO-BOOK') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-EXTRABOLD';
src: 
url('../fonts/FIRAGO/FIRAGO-EXTRABOLD.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-EXTRABOLD.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-EXTRABOLD.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-EXTRABOLD.SVG#FIRAGO-EXTRABOLD') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-EXTRALIGHT';
src: 
url('../fonts/FIRAGO/FIRAGO-EXTRALIGHT.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-EXTRALIGHT.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-EXTRALIGHT.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-EXTRALIGHT.SVG#FIRAGO-EXTRALIGHT') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-HEAVY';
src: 
url('../fonts/FIRAGO/FIRAGO-HEAVY.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-HEAVY.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-HEAVY.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-HEAVY.SVG#FIRAGO-HEAVY') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-LIGHT';
src: 
url('../fonts/FIRAGO/FIRAGO-LIGHT.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-LIGHT.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-LIGHT.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-LIGHT.SVG#FIRAGO-LIGHT') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-REGULAR';
src: 
url('../fonts/FIRAGO/FIRAGO-REGULAR.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-REGULAR.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-REGULAR.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-REGULAR.SVG#FIRAGO-REGULAR') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-SEMIBOLD';
src: 
url('../fonts/FIRAGO/FIRAGO-SEMIBOLD.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-SEMIBOLD.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-SEMIBOLD.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-SEMIBOLD.SVG#FIRAGO-SEMIBOLD') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-THIN';
src: 
url('../fonts/FIRAGO/FIRAGO-THIN.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-THIN.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-THIN.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-THIN.SVG#FIRAGO-THIN') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-ULTRALIGHT';
src: 
url('../fonts/FIRAGO/FIRAGO-ULTRALIGHT.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-ULTRALIGHT.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-ULTRALIGHT.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-ULTRALIGHT.SVG#FIRAGO-ULTRALIGHT') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'FIRAGO-MEDIUM';
src: 
url('../fonts/FIRAGO/FIRAGO-MEDIUM.EOT?#iefix') format('embedded-opentype'),
url('../fonts/FIRAGO/FIRAGO-MEDIUM.WOFF') format('woff'),
url('../fonts/FIRAGO/FIRAGO-MEDIUM.TTF') format('truetype'),
url('../fonts/FIRAGO/FIRAGO-MEDIUM.SVG#FIRAGO-MEDIUM') format('svg');
font-weight: normal; font-style: normal;
}
body {
	margin:0px;
	font-family: 'DejaVu Sans';
	font-size:15px;
	color:#333333;
	background-color: #EEF0F2;
}
.nobg {
	background-color: #FFFFFF;
	margin:20px;
}
a:link {
	color:#333333;
	text-decoration:none;
}
a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#6BA63A;
	text-decoration:none;
}
a:active {
	color:#6BA63A;
	text-decoration:none;
}
.header_wrapper {
	width:100%;
	height:100px;
	background-color: #FFFFFF;
	border-bottom:1px solid #DADADA;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.container {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.header_leftbar {
	width:200px;
	height:100px;
	display:inline-block;
	vertical-align: top;
}
.logo {
	width:100%;
}
.logo img {
	margin-top:15px;
}
.header_rightbar {
	width:965px;
	height:100px;
	margin-left:30px;
	background-color:#FFFFFF;
	display:inline-block;
	vertical-align: top;
}
.header_date {
	color:#666666;
	display: inline-block;
	margin-top:40px;
}
.header_date i {
	margin-right:8px;
}
.header_search {
	display: inline-block;
	width:500px;
	margin:25px 0 0 0;
}
.header_search_input {
	position: relative;
}
.header_search_input input {
	width:100%;
	height:44px;
	box-sizing: border-box;
	padding:4px 45px 0 15px;
	border:1px solid #CBCBCB;
	outline: none;
	font-family: 'DejaVu Sans';
	font-size:14px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header_search_input input:hover {
	border:1px solid #ADADAD;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.header_search_input input:focus {
	border:1px solid #888;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
.header_search_input_submit {
	position: absolute;
	top:0;
	right:0;
	margin:12px 15px 0 0;
	font-size:17px;
	color:#888;
	cursor: pointer;
}
.header_button {
	display:inline-block;
	margin-left:30px;
	margin-top:27px;
	padding:0px 18px;
	height:40px;
	line-height:44px;
	vertical-align: top;
	position: relative;
	color:#666666;
	border:1px solid #DADADA;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	float:right;
}
.header_button.nopadding {
	padding:0px;
}
.header_button:hover {
	color:#333333;
	border:1px solid #CCCCCC;
	background-color: #DADADA;
	cursor:pointer;
}
.header_button.active {
	color:#333333;
	border:1px solid #CCCCCC;
	background-color: #DADADA;
	cursor:pointer;
}
.header_button_i {
	margin-right:8px;
}
.header_button_i_right {
	margin-left:4px;
}
.header_button_profile {
	width:28px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-bottom:-10px;
	margin-right:10px;
	border:1px solid #888888;
}
.header_dropdown_button.padding {
	padding:0px 18px;
}
.dropdown_arrow_rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.header_menu {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border:1px solid #CCCCCC;
    width:212px;
    overflow: auto;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	top:54px;
}
.header_menu a {
    color: #666666;
    font-size:14px;
    padding: 10px 16px;
    display: block;
	height:20px;
	line-height:24px;
}
.header_menu a:hover {
	background-color: #E2E2E2;
	color:#333333;
}
.show {
	display:block;
}
.notification_count {
	float: right;
	margin:10px 0 0 0;
	width:20px;
	height:20px;
	line-height:20px;
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
	display:inline-block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(170,170,170,1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(170,170,170,1);
	box-shadow: 1px 1px 1px 0px rgba(170,170,170,1);
}
.notification_count.in_tasks {
	margin:3px 0 0 10px;
}
.notification_count.read {
	display: none;
	background-color: #666666;
}
.notification_count.unread {
	background-color: #EB0707;
}

.task_grid_notifications {
	width:20px;
	height:20px;
	line-height:20px;
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
	display:inline-block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(170,170,170,1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(170,170,170,1);
	box-shadow: 1px 1px 1px 0px rgba(170,170,170,1);
	background-color: #EB0707;
}

.content_wrapper {
	width:100%;
	margin-top:40px;
	margin-bottom:50px;
}
.content_leftbar {
	width:200px;
	display:inline-block;
	vertical-align: top;
}
.menu {
	width:200px;
}
.menu_fixed {
	position:fixed;
	top:40px;
}
.menu_item {
	height:42px;
	line-height:46px;
	width:100%;
	box-sizing:border-box;
	padding:0 20px 0 18px;
	border-left:4px solid #EEF0F2;
	color:#666666;
}
.menu_item:hover {
	color:#0B2F4E;
}
.menu_icon {
	width:15px;
	display: inline-block;
	text-align: center;
	margin-right:10px;
}
.menu_item.active {
	border-left:4px solid #7ABD42;
	background-color:#FFFFFF;
	color:#0B2F4E;
}
.content_rightbar {
	width:965px;
	margin-left:30px;
	background-color:#FFFFFF;
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding:30px 35px 35px 35px;
	border:1px solid #DADADA;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.page_title {
	font-family: 'DejaVu Sans Bold';
	color:#0B2F4E;
	font-size:20px;
}
.page_title_sep {
	width:35px;
	height:4px;
	background-color: #7ABD42;
	margin-top:15px;
	margin-bottom:30px;
}
.page_title.print {
	font-family: 'DejaVu Sans Bold';
	color:#333333;
	font-size:20px;
	text-align: right;
}
.page_title_sep.print {
	width:0px;
	height:0px;
	background-color: none;
	margin-top:0px;
	margin-bottom:15px;
}
.float_clear {
	clear:both;
}
.content_seperator {
	border-bottom:1px solid #DADADA;
	height:1px;
	line-height: 1px;
	margin-top:30px;
	margin-bottom:30px;
}
.dashboard_profile_info {

}
.dashboard_profile_photo {
	float:left;
}
.dashboard_profile_photo img {
	width:118px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border:1px solid #888888;
}
.dashboard_profile_details {
	float:left;
	margin-left:30px;
}
.dashboard_profile_title {
	font-family: 'DejaVu Sans Bold';
	margin-top:5px;
	margin-bottom:5px;
	font-size:16px;
	color:#6BA63A;
}
.dashboard_profile_title span {
	font-family: 'DejaVu Sans';
	color:#333333;
}
.dashboard_profile_role {
	margin-bottom:20px;
}
.dashboard_profile_edit {
	border:1px solid #DADADA;
	display: inline-block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding:8px 22px 6px 22px;
	font-size:14px;
	color:#666666;
	margin-right:20px;
}
.dashboard_profile_edit:hover {
	background-color: #DADADA;
	border:1px solid #CCCCCC;
	color:#333333;
}
.dashboard_profile_edit i {
	margin-right:6px;
}
.dashboard_profile_edit.last {
	margin-right:0px;
}
.block_title {
	font-family: 'DejaVu Sans Bold';
	color:#6BA63A;
	font-size:16px;
	margin-bottom:25px;
}
.block_title i {
	margin-right:8px;
}
.block_title.topmargin {
	margin-top:40px;
}
.block_desc {
	margin-bottom: 20px;
	color:#666666;
}
.task_percentage_wrapper {
	width:100%;
	height:22px;
	margin-bottom:40px;
	background-color:#E2E2E2;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.task_percentage_bar {
	width:50%;
	height:22px;
	line-height: 23px;
	background-color: #7ABD42;
	font-family: Arial;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.info_table {
	border-left:1px solid #DADADA;
	border-bottom:1px solid #DADADA;
	width:100%;
}
.info_table th {
	border-right:1px solid #DADADA;
	border-top:1px solid #DADADA;
	background-color: #DADADA;
	font-family: 'DejaVu Sans Bold';
	padding:13px 15px 11px 15px;
	font-size:14px;
}
.info_table td {
	border-right:1px solid #DADADA;
	border-top:1px solid #DADADA;
	padding:9px 15px 7px 15px;
	vertical-align: top;
}
.info_table tr:hover {
	background-color: #EEF0F2;
}
.info_table_button {
	display:inline-block;
	width:30px;
	height:30px;
	text-align: center;
	line-height: 32px;
	font-size:13px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color:#FFFFFF;
	text-align: center;
	background-color:#7ABD42;
}
.info_table_button:hover {
	background-color: #0B2F4E;
	color:#FFFFFF;
}
.info_table td.info_table_td_profile {
	padding:15px 15px 1px 15px;
}
.info_table_profile {
	float:left;
	margin-top:-8px;
	margin-right:15px;	
}
.info_table_profile img {
	width:33px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border:1px solid #888888;
}
.task_status {
	display:block;
	padding:6px 10px 4px 10px;
	font-size:14px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color:#FFFFFF;
	text-align: center;
}
.task_status.pending {
	background-color: #dba200;
}
.task_status.done {
	background-color: #7ABD42;
}
.task_status.declined {
	background-color: #ff0000;
}
.task_attachments {
	margin:10px 0 0 0;
	padding:0 30px;
}
.task_upload_file {
	margin:5px 0;
}
.task_upload_file_item {
	display: inline-block;
	vertical-align: top;
	width:200px;
}
.task_upload_file_icon {
	display: inline-block;
	vertical-align: top;
	width:20px;
	opacity: 0.8;
}
.task_upload_file_item a {
	display: inline-block;
	width:calc(100% - 30px);
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.delete_task_file {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}
.delete_task_file i {
	opacity: 0.8;
	margin:0 4px 0 0;
}

.scrollToTop{
	position:fixed;
	bottom:30px;
	display:none;
	font-size:45px;
	color:#ADADAD !important;
}
.scrollToTop:hover{
	color:#999999 !important;
}
.form {
	position: relative;
}
.form_notes {
	position: absolute;
	right:0px;
}
.form_note {
	color:#666666;
	width:300px;
	box-sizing: border-box;
	padding-bottom:20px;
	border-bottom:1px solid #DADADA;
	margin-bottom:22px;
}
.form_note i {
	margin-right:6px;
}
.form_note.last {
	border-bottom:none;
}
.form_group {
	margin-bottom:18px;
}
.form_group.submit {
	border-top:1px solid #DADADA;
	margin-top:25px;
	padding-top:14px;
}
.form_title {
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	color:#666666;
	margin-bottom:8px;
}
.required {
	color:#FF0000;
	font-family: Arial;
}
.form_add_option {
	margin-top:15px;
	margin-bottom:30px;
	color:#666666;
}
.form_add_option span {
	display: block;
}
.form_add_option span i {
	font-size:13px;
	margin-right:5px;
}
.form_add_option a {
	outline: none;
}
.form_add_option_button {
	display: inline-block;
	padding:5px 20px 3px 20px;
	background-color: #DADADA;
	border:1px solid #CBCBCB;
	color:#333333;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-top:8px;
	cursor: pointer;
}
.form_add_option_button i {
	margin-right:6px;
	color:#666666;
}
.form_add_option_button:hover{
	background-color: #CBCBCB;
	border:1px solid #ADADAD;
}
.form_input {
	width:350px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.form_input.cost {
	width:120px;
}
.form_input.percent {
	width:60px;
}
.form_input.cost_error {
	border:1px solid #FF0000;
}
.form_input.cost_error:hover {
	border:1px solid #FF0000;
}
.form_input.cost_error:focus {
	border:1px solid #FF0000;
}
.form_input.dateTxt {
	width:180px;
	cursor: pointer;
}
.form_input_comment {
	margin-left:6px;
	color:#666666;
	font-size:14px;
}
.form_input:hover {
	border:1px solid #888888;
}
.form_input:focus {
	border:1px solid #0B2F4E;
}
.form_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#333333;
}
.form_input::-moz-placeholder { /* Firefox 19+ */
	color:#333333;
}
.form_input:-ms-input-placeholder { /* IE 10+ */
	color:#333333;
}
.form_input:-moz-placeholder { /* Firefox 18- */
	color:#333333;
}
.form_textarea {
	width:500px;
	height:150px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	resize: none;
}
.form_textarea.large {
	height:250px;
}
.form_textarea:hover {
	border:1px solid #888888;
}
.form_textarea:focus {
	border:1px solid #0B2F4E;
}
.form_textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#333333;
}
.form_textarea::-moz-placeholder { /* Firefox 19+ */
	color:#333333;
}
.form_textarea:-ms-input-placeholder { /* IE 10+ */
	color:#333333;
}
.form_textarea:-moz-placeholder { /* Firefox 18- */
	color:#333333;
}
.form_select {
	width:350px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.form_select:hover {
	border:1px solid #888888;
}
.form_select:focus {
	border:1px solid #0B2F4E;
}
.edit_photo_holder {
	height:100px;
	width:350px;
}
.upload_photo {
	width:100px;
	height:100px;
	border:1px solid #ADADAD;
	display: inline-block;
	text-align: center;
	line-height:108px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-size:35px;
	color:#999999;
	cursor: pointer;
}
.upload_photo:hover {
	background-color: #DADADA;
	color:#666666;
}
.upload_photo_show {
	width:100px;
	height:100px;
	display: inline-block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}
.upload_photo_show img {
	width:100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.upload_photo_show_params {
	position: absolute;
	width:100px;
	height:100px;
	background:rgba(0,0,0,0.5);
	display: inline-block;
	text-align: center;
	line-height:108px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-size:35px;
	color:#FFFFFF;
	cursor: pointer;
	display: none;
}
.upload_photo_show:hover .upload_photo_show_params {
	display: block;
}
.form_seperator_title {
	font-family: 'DejaVu Sans Bold';
	margin-top:60px;
	margin-bottom:25px;
	font-size:16px;
	color:#6BA63A;
}
.form_seperator_title.print {
	color:#333333;
	margin-top:30px !important;
	margin-bottom:10px;
}
.form_seperator_title.first {
	margin-top:0px;
}
.form_seperator_title.view {
	margin-top:40px;
}
.form_seperator_title span {
	display: inline-block;
	width:40px;
	height:40px;
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: #7ABD42;
	color:#FFFFFF;
	margin-right:10px;
}
.form_seperator_title.print span {
	display: inline-block;
	width:auto;
	height:auto;
	text-align: center;
	line-height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #FFFFFF;
	color:#333333;
	margin-right:5px;
}
.form_anot {
	margin-top:20px;
	font-size: 14px;
}
.form_anot i {
	margin-right:10px;
	color:#7ABD42;
}
.form_anot span {
	color:#0B2F4E;
	font-family: 'DejaVu Sans Bold';
}
.form_submit {
	margin-top:10px;
	display: inline-block;
	background-color: #7ABD42;
	padding:11px 25px 9px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#FFFFFF;
	font-family: 'DejaVu Sans';
	cursor: pointer;
}
.form_submit:hover {
	background-color: #0B2F4E;
}
.form_submit i {
	margin-right:8px;
}

.delete_button {
	float:right;
	margin-top:10px;
	background-color: #fff;
	padding:11px 25px 9px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	font-family: 'DejaVu Sans';
	color:#DD0707;
	cursor: pointer;
}
.delete_button:hover {
	background-color: #DD0707;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#FFFFFF;
}
.delete_button i {
	margin-right:8px;
}
.delete_title {

}
.delete_title span {
	font-family: 'DejaVu Sans Bold';
	color:#DD0707;
}
.delete_warning {
	background-color: #EEF0F2;
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	padding:16px 20px 14px 20px;
	margin-top:35px;
	margin-bottom:40px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.delete_warning i {
	margin-right: 12px;
	font-size:25px;
	display: inline-block;
	vertical-align: top;
	margin-top:-2px;
}

.grid_table {
	width:100%;
	border-top:1px solid #DADADA;
	border-left:1px solid #DADADA;
	border-right:1px solid #DADADA;
}
.grid_table.print {
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
.grid_table th {
	font-weight: normal;
	text-align: left;
	border-bottom:1px solid #DADADA;
	border-right:1px solid #DADADA;
	padding:11px 20px 9px 20px;
	background-color: #EEF0F2;
	vertical-align: top;
}
.grid_table.print th {
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	background-color: #FFFFFF;
	font-weight: bold;
}
.grid_table td {
	border-bottom:1px solid #DADADA;
	padding:11px 20px 9px 20px;
	vertical-align: top;
}
.grid_table.print td {
	border-bottom:1px solid #333333;
}
.grid_table_user_list {
	display: block;
	margin-top:2px;
	margin-bottom:2px;
}
.grid_table_user_list i {
	margin-right:5px;
	font-size:13px;
	color:#666666;
}
.filter_toggle {
	font-family: 'DejaVu Sans Bold';
	font-size:16px;
	margin-bottom:25px;
	display: inline-block;
	cursor: pointer;
	color:#6BA63A;
}
.filter_toggle i {
	margin-right:6px;
}
.filter_toggle_icon {
	display: inline-block;
	margin-left:6px;
}
.filter_wrapper {
	margin-bottom:40px;
	border-top:1px solid #DADADA;
	padding-top:18px;
}
.filter_group {
	display: inline-block;
	box-sizing: border-box;
	width:280px;
	margin-bottom: 15px;
	margin-right:21px;
}
.filter_group.last {
	margin-right:0px;
}
.filter_title {
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	color:#666666;
	margin-bottom:8px;
}
.filter_content {

}
.filter_input {
	width:280px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.filter_input:focus {
	border:1px solid #0B2F4E;
}
.filter_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#333333;
}
.filter_input::-moz-placeholder { /* Firefox 19+ */
	color:#333333;
}
.filter_input:-ms-input-placeholder { /* IE 10+ */
	color:#333333;
}
.filter_input:-moz-placeholder { /* Firefox 18- */
	color:#333333;
}
.filter_input.dateTxt {
	cursor: pointer;
}
.filter_select {
	width:280px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.filter_select:focus {
	border:1px solid #0B2F4E;
}
.filter_submit {
	border-top:1px solid #DADADA;
	margin-top:8px;
	padding-top:12px;
}
.filter_submit_button {
	margin-top:10px;
	display: inline-block;
	background-color: #7ABD42;
	padding:10px 25px 8px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#FFFFFF;
}
.filter_submit_button:hover {
	background-color: #0B2F4E;
}
.filter_submit_button i {
	margin-right:8px;
}
.filter_excel_button {
	margin-left:17px;
	margin-top:10px;
	display: inline-block;
	border:1px solid #DADADA;
	background-color: #FFFFFF;
	padding:9px 25px 7px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#666666;
}
.filter_excel_button:hover {
	background-color: #DADADA;
	border:1px solid #CCCCCC;
}
.filter_excel_button i {
	margin-right:8px;
}
.filter_detailed_search {
	display: inline-block;
	margin-left:24px;
}
.filter_detailed_search i {
	margin-right:4px;
}
.filter_result {
	color:#666666;
	float:right;
	margin-top:20px;
	font-size:14px;
}
.filter_result i {
	margin-right:6px;
}
.action_buttons {
	margin-top:6px;
	float:right;
}
.action_button {
	display: inline-block;
	background-color: #7ABD42;
	padding:10px 25px 8px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#FFFFFF;
	margin-left:15px;
}
.action_button:hover {
	background-color: #0B2F4E;
}
.action_button i {
	margin-right:8px;
}
.action_button_i_left_margin {
	margin-right:0px;
	margin-left:8px;
}
.action_button2 {
	display: inline-block;
	background-color: #FFFFFF;
	border:1px solid #DADADA;
	padding:9px 25px 7px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#666666;
	margin: 0 10px;
}
.action_button2:hover {
	background-color:#DADADA;
	border:1px solid #CCCCCC;
	color:#333333;
}
.action_button2 i {
	margin-right:8px;
}
.extra_action_buttons {
	float:right;
	width:100%;
	text-align: center;
	padding:10px 12px 12px 12px;
	margin:0 0 35px 0;
	box-sizing: border-box;
	background: #EEF0F2;
	border:1px solid #DADADA;
	-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.tab_wrapper {
	margin-top:40px;
	margin-bottom:40px;
}
.tab_wrapper.contacts {
	border-bottom:4px solid #DADADA;
}
.tab_button {
	display: inline-block;
	height:40px;
	border-bottom:4px solid #DADADA;
	vertical-align: top;
	padding:0px 16px;
	color:#666666;
	padding-top:3px;
	box-sizing: border-box;
	margin-left:-5px;
}
.tab_button.contacts {
	margin-left:0px;
	margin-bottom:-4px;
}
.tab_button.active {
	border-bottom:4px solid #7ABD42;
	color:#0B2F4E;
	font-family: 'DejaVu Sans Bold';
	padding-top:0px;
}
.tab_button:hover {
	color:#0B2F4E;
}
.tab_button.inputs {
	padding:0px;
	border:none;
	margin-left:29px;
}
.tab_counter {
	display: inline-block;
	margin:0 0 0 6px;
	background: #EEF0F2;
	border:1px solid #DADADA;
	font-family: Arial;
	font-weight: bold;
	font-size:14px;
	color:#333;
	padding:1px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab_input {
	width:180px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.tab_input.dateTxt {
	cursor: pointer;
}
.tab_input:focus {
	border:1px solid #0B2F4E;
}
.tab_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#333333;
}
.tab_input::-moz-placeholder { /* Firefox 19+ */
	color:#333333;
}
.tab_input:-ms-input-placeholder { /* IE 10+ */
	color:#333333;
}
.tab_input:-moz-placeholder { /* Firefox 18- */
	color:#333333;
}
.tab_submit {
	display: inline-block;
	vertical-align: top;
	height:40px;
	width:40px;
	box-sizing: border-box;
	border:1px solid #ADADAD;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	text-align: center;
	line-height: 42px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#666666;
}
.tab_submit:hover {
	background-color: #DADADA;
	color:#333333;
}
.task_remaining {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: #EB0707;
	display: inline-block;
	color:#FFFFFF;
	margin-left:20px;
	padding:5px 18px 5px 18px;
	font-size: 13px;
	font-family: 'DejaVu Sans Bold';
}
.task_remaining i {
	margin-right:8px;
}
.login_form {
	width:400px;
	background-color:#FFFFFF;
	display:block;
	box-sizing: border-box;
	padding:30px 35px 35px 35px;
	border:1px solid #DADADA;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin:0px auto;
	margin-top:130px;

}
.login_title {
	font-family: 'DejaVu Sans Bold';
	font-size: 20px;
	color:#0B2F4E;
	padding-bottom:20px;
	border-bottom: 1px solid #DADADA;
	margin-bottom: 20px;
}
.login_error {
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	color:#EB0707;
	margin-bottom:20px;
}
.login_error i {
	margin-right:6px;
}
.login_title i {
	margin-right:8px;
}
.login_form_group {
	box-sizing: border-box;
	width:100%;
	margin-bottom: 15px;
}
.login_form_title {
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	color:#666666;
	margin-bottom:8px;
}
.login_form_content {

}
.login_form_input {
	width:100%;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:10px 12px 8px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.login_form_input:hover {
	border:1px solid #888888;
}
.login_form_input:focus {
	border:1px solid #0B2F4E;
}
.login_form_submit {
	margin-top:25px;
	border-top:1px solid #DADADA;
	padding-top: 20px;
}
.login_form_submit_button {
	display: block;
	box-sizing: border-box;
	text-align: center;
	background-color: #7ABD42;
	padding:11px 25px 9px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#FFFFFF;
}
.login_form_submit_button:hover {
	background-color: #0B2F4E;
}
.login_form_submit_button i {
	margin-right:8px;
}
.error {
	background-color: #EB0707;
	color:#FFFFFF;
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	padding:16px 20px 14px 20px;
	margin-bottom:40px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.error i {
	margin-right: 12px;
	font-size:25px;
	display: inline-block;
	vertical-align: top;
	margin-top:-2px;
}
.success {
	background-color: #7ABD42;
	color:#FFFFFF;
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	padding:16px 20px 14px 20px;
	margin-bottom:40px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.success i {
	margin-right: 12px;
	font-size:25px;
	display: inline-block;
	vertical-align: top;
	margin-top:-2px;
}
.go_back_button {
	display: inline-block;
	padding:10px 25px 8px 25px;
	background-color: #16334E;
	color:#fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-bottom:50px;
}
.go_back_button i {
	margin-right:6px;
	color:#fff;
}
.go_back_button:hover{
	background-color: #78BB4F;
}
.note {
	background-color: #0B2F4E;
	color:#FFFFFF;
	font-family: 'DejaVu Sans Bold';
	font-size:14px;
	padding:16px 20px 14px 20px;
	margin-bottom:40px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.note i {
	margin-right: 12px;
	font-size:25px;
	display: inline-block;
	vertical-align: top;
	margin-top:-2px;
}
.confirm_buttons_holder {
	border-top:1px solid #DADADA;
	padding-top:35px;
}
.confirm_button {
	display: inline-block;
	border:1px solid #DADADA;
	background-color: #FFFFFF;
	padding:9px 25px 7px 25px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	color:#666666;
	margin-right:20px;
}
.confirm_button:hover {
	background-color: #DADADA;
	border:1px solid #CCCCCC;
}
.confirm_button i {
	margin-right:8px;
}
.hidden {
	display: none;
}
.module_list_spacer {
	margin-top:62px;
	border-top:1px solid #DADADA;
	padding-top:50px;
}
.truncate_title {
}
.truncate_button {
	font-family: 'DejaVu Sans Bold';
	font-size:13px;
	margin-top:6px;
	margin-bottom:2px;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EEF0F2;
    z-index: 99;
    height: 100%;
}
#status {
    width: 200px;
    height: 200px;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(../img/preloader.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

#preloader_odo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EEF0F2;
    z-index: 99;
    height: 100%;
}
#status_odo {
    width: 200px;
    height: 200px;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(../img/preloader.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

.file_count_intro {
	display: inline-block;
	margin-left:10px;
	padding:0 6px;
	height:20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
	font-size:14px;
	color:#555555;
	background: #EDEFF2;
	border:1px solid #DADADA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.file_count_intro.active {
	background: #78BB4F;
	border:1px solid #66A53F;
	color:#fff;
}
.action_button2:hover .file_count_intro {
	background: #16334E;
	border:1px solid #16334E;
	color:#fff;
}
.file_count_label {
	position: absolute;
	bottom:0;
	right:0;
	width:36px;
	height:36px;
	line-height: 36px;
	margin-right:-18px;
	margin-bottom:-18px;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
	color:#555555;
	background: #EDEFF2;
	border:1px solid #DADADA;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.file_count_label.active {
	background: #78BB4F;
	border:1px solid #66A53F;
	color:#fff;
}
.folder_wrap:hover .file_count_label {
	border:1px solid #0B2F4E;
	background: #0B2F4E;
	color:#fff;
}

.folder_list {
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
.folder_wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:272px;
	margin:0px 30px 30px 0px;
	border:1px solid #DADADA;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.folder_wrap:hover {
	border:1px solid #0B2F4E;
}
.folder_wrap:hover .folder_icon {
	background-color:#DADEE2;
}
.folder_wrap:nth-child(3n) {
	margin-right:0px;
}
.folder_icon {
	background-color:#EEF0F2;
	border-bottom:1px solid #DADADA;
	height:110px;
	line-height: 122px;
	text-align: center;
	font-size:45px;
	color:#9FA9B3;
}
.folder_title {
	padding:10px;
	text-align: center;
	font-size:14px;
	min-height:40px;
	color:#333333;
}
.file_list {
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
.file_wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:195px;
	margin:0px 30px 30px 0px;
	border:1px solid #DADADA;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.file_wrap:hover {
	border:1px solid #0B2F4E;
}
.file_wrap:hover .file_icon {
	background-color:#DADEE2;
}
.file_wrap:hover .file_image img {
	opacity:1;
}
.file_wrap:nth-child(4n) {
	margin-right:0px;
}

.file_settings_wrap {
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
.file_wrap:hover .file_settings_wrap {
	display: block;
}
.folder_wrap:hover .file_settings_wrap {
	display: block;
}

.file_settings_button {
	display: inline-block;
	padding:8px 15px 6px 15px;
	color:#fff;
	background:rgba(0,0,0,0.6);
	cursor: pointer;
}
.file_settings_button:hover {
	
}
.file_settings_menu {
	display: none;
	background:rgba(255,255,255,0.8);
}
.file_settings_menu a {
	display: block;
	padding:7px 18px 4px 18px;
	font-size:14px;
	cursor: pointer;
}
.file_settings_menu i {
	margin-right:6px;
}
.file_settings_wrap:hover .file_settings_menu {
	display: block;
}

.file_icon {
	background-color:#EEF0F2;
	border-bottom:1px solid #DADADA;
	height:110px;
	line-height: 122px;
	text-align: center;
	font-size:45px;
	color:#7B8997;
}
.file_format {

}
.file_format.pdf {
	color:#E12025;
}
.file_format.word {
	color:#295598;
}
.file_format.excel {
	color:#207245;
}
.file_image {
	background-color:#EEF0F2;
	height:110px;
	text-align: center;
	overflow: hidden;
}
.file_image img {
	width:195px;
	opacity:0.8;
}
.file_title {
	padding:10px;
	text-align: center;
	font-size:14px;
	min-height:40px;
	color:#333333;
}
.file_date {
	padding-bottom:8px;
	padding-right:12px;
	text-align: right;
	font-size:13px;
	height:20px;
	line-height:22px;
	color:#333333;
}
.file_date i {
	color:#999;
	margin-right:3px;
}
.file_nav_wrapper {
	margin-bottom:40px;
}
.file_nav_back {
	font-family: 'DejaVu Sans Bold';
	margin-bottom:20px;
}
.file_nav_back i {
	margin-right:5px;
	font-size:18px;
	display: inline-block;
	vertical-align: top;
	padding-top:4px;
	color:#666666;
}
.file_nav_back a:hover i {
	color:#7ABD42;
}
.file_nav_breadcrumbs {
	background: #EEF0F2;
	padding:13px 20px 10px 20px;
	border:1px solid #DADADA;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	line-height:22px;
}
.file_nav_breadcrumbs a {
	margin-right:6px;
}
.file_nav_breadcrumbs i {
	margin-right:6px;
	color:#666666;
}
.file_nav_breadcrumbs a:hover i {
	color:#7ABD42;
}
.file_nav_active_directory {
	color:#666666;
}

.iframe_uploader {
	padding:30px 40px;
}
.uploader_button_submit {
	border:none;
	outline:none;
	font-family: 'DejaVu Sans';
	font-size:15px;
	background: #7ABD42;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding:10px 24px 8px 24px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	margin-top:30px;
	cursor: pointer;
}
.uploader_button_submit:hover {
	background: #0B2F4E;
}
.uploader_progress {
	margin-top:30px;
}

/* JOURNAL STYLES */

.body_journal_list {
	background: #fff;
}
.container.journal_list {
	width:100%;
	padding:0px;
}
.content_wrapper.journal_list {
	margin:0px;
}
.content_rightbar.journal_list {
	display: block;
	margin:0px;
	padding:0px;
	width:100%;
	box-shadow: none;
	border: none;
}
.journal_list_spacer {
	padding:20px 30px 10px 30px;
}
.journal_list_wrap {
	margin:0 30px 92px 30px;
}
.info_table.journal {
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}
.info_table.journal th {
	background-color: #EEF0F2 !important;
	font-size:15px !important;
	padding:8px !important;
	font-family: "Dejavu Sans"  !important;
	font-weight: normal;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}
.info_table.journal th span {
	display: block;
	font-size: 12px;
}
.info_table.journal td {
	vertical-align: middle !important;
	padding:8px !important;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}
.journal_cell_alert {
	padding-top:6px !important;
	background: #FEDADA;
}
.journal_cell_success {
	padding-top:6px !important;
	background: #E2FEE2;
}
.journal_cell_add_button {
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	padding:6px 20px 4px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: inline-block;
}
.journal_cell_add_button i {
	margin-right:5px;
	color:#666666;
}
.journal_cell_view_button {
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	padding:6px 20px 4px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: inline-block;
}
.journal_cell_view_button i {
	margin-right:5px;
	color:#666666;
}
.note.journal_list_note {
	margin:0 30px;
}
.note.journal_list_note.instruction {
	margin:-20px 30px 50px 30px;
}

.journal_tab_wrapper {
	position: fixed;
	left:0;
	bottom:0;
	width:100%;
	box-sizing: border-box;
	padding:10px 30px 0 30px;
	border-top:1px solid #DADADA;
	background: #EEF0F2;
	text-align: center;

}
.journal_tab {
	display: inline-block;
	margin:0 2px;
	font-size:14px;
	background: #fff;
	border:1px solid #DADADA;
	color:#333333;
	padding:5px 16px 4px 16px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.journal_tab:hover {
	background: #DADADA;
	color:#333333;
}
.journal_tab.active {
	background: #7ABD42;
	border:1px solid #7ABD42;
	color:#fff;
}

.journal_list_tr_highlight{
  background: #ddd !important;
}

.journal_document_manager_wrapper {
	margin: -10px 30px 40px 30px;
	text-align: center;
}
.journal_document_manager_button {
	display: inline-block;
	margin:0 5px;
	padding:8px 20px 6px 20px;
	background: #7ABD42;
	color:#fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.journal_document_manager_button:hover {
	background: #0B2F4E;
}
.journal_document_manager_button i {
	margin:0 6px 0 0;
}

.content_wrapper.case_journal_popup {
	margin:0px;
	background: #fff;
}
.content_rightbar.case_journal_popup {
	width: 532px;
	margin:0px;
	padding:20px 30px;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}

.info_table.journal td.journal_editer_td {
	padding:0px !important;
	position: relative;
}
.journal_editer_input {
	cursor: cell;
	height:39px;
	width:100%;
	box-sizing: border-box;
	padding:0 15px;
	text-align: center;
	background: transparent;
	border: none;
	outline: none;
}
.journal_editer_input.left {
	text-align: left;
}
.journal_editer_input:focus {
	cursor: text;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}





.journal_add_job_button {
	float:right;
	margin:0 30px 30px 0;
}
.journal_alert_margin {
	margin:0 30px;
}
.journal_alert_margin.margin_top {
	margin-bottom:30px;
}
.journal_alert_margin.margin_bottom {
	margin-bottom:30px;
}

.journal_upload_files_wrapper {
	margin:30px 0 0 0;
	padding:10px 15px;
	background: #EEF0F2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.journal_upload_files_content {

}
.journal_upload_files_submit_wrap {

}
.journal_upload_files_button {
	display: inline-block;
	cursor: pointer;
	font-family: 'DejaVu Sans Bold';
	font-size: 14px;
}
.journal_upload_files_button i {
	margin:0 6px 0 0;
}
.journal_upload_file_wrap {
	border-top:1px solid #ADADAD;
	margin:10px 0 0 0;
	padding:12px 0 0 0;
}
.journal_upload_file {
	margin:4px 0;
	font-family: Arial;
}
.journal_upload_file_icon {
	margin:0 6px 0 0;
	font-size:13px;
	opacity: 0.8;
}
.journal_doc_item {
	margin:6px 0;
	font-family: Arial;
	font-size:14px;
}
.journal_doc_item i {
	margin:0 2px 0 0;
}
.popup_info_item {
	padding:10px 0;
	border-bottom:1px solid #DADADA;
}
.popup_item_title {
	display: inline-block;
	width:240px;
}
.popup_item_value {
	display: inline-block;
	width:calc(100% - 250px);
	font-family: 'DejaVu Sans Bold';
	font-size: 13px;
}

/* journal files */



/* end of journal files */

/* END OF JOURNAL STYLES */

/* EXTRA STYLES */
button.ui-datepicker-current { display: none; }


/* PAGINATION STYLES */

.pagination {
    list-style: none;
    padding: 30px 0 0 0;
    display: block;
    text-align: center;
    vertical-align: middle;
    color:#888888;
    font-family: Arial;
    font-size:14px;
    font-weight: bold;
}
.pagination.jobs {
	padding:30px 0;
}
.pagination li {
    float: inherit;
    display: inline-block;
    vertical-align: middle;
}
.pagination li a {
    margin: 0 3px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    color: #888888;
    border: 1px solid #DEDEDE;
    background-color: #fff;
    text-align: center;
    display:block;
}
.pagination li a i {

}
.pagination a.active {
    background: #78BB4F;
    border: 1px solid #78BB4F;
    color: #fff !important;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
    border-color: #78BB4F;
    color: #78BB4F;
    border: 1px solid #78BB4F;
}
.prev {

}
.next {

}
.pager_left {

}
.pager_right {

}
.pager_num {

}
.pager_dots {
	
}

/* END OF PAGINATION STYLES */


/* EDIT LOG */

.edit_log_button {
    cursor: pointer;
}
.edit_log_arrow {
    margin-left:8px;
}
.edit_log {
	display: none;
}
.log_window {

}
.log_line {
    margin-bottom:25px;
}
.log_line:last-child {
    margin-bottom:0px;
}
.log_header {
    margin-bottom:12px;
    font-size:13px;
}
.log_header i {
    color:#666666;
    margin-right:6px;
}
.log_header span {
    margin-right:30px;
}
.log_content {
    border-left:4px solid #78BB4F;
    background: #EEF0F2;
    padding:8px 20px;
}
.log_content span {
    font-weight: bold;
}

/* END OF EDIT LOG */

.sort_wrapper {
    margin-bottom:30px;
}
.sort_select {
    width:280px;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border:1px solid #ADADAD;
    padding:10px 12px 8px 12px;
    font-family: 'DejaVu Sans';
    font-size:14px;
    color:#333333;
    outline:none;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}


/* COLOR LABELS */

.color_label_yellow {
	border-left:5px solid #FFD42A;
}
.color_label_green {
	border-left:5px solid #78BB4F;
}
.color_label_red {
	border-left:5px solid #FF0000;
}

/* END OF COLOR LABELS */


/* TASK DETAILS */
.dashboard_profile_task_author {
	font-family: 'DejaVu Sans Bold';
	margin-top:5px;
	margin-bottom:5px;
	font-size:16px;
	color:#6BA63A;
}
.dashboard_profile_task_author span {
	font-family: 'DejaVu Sans';
	color:#333333;
	display: inline-block;
	width:180px;
}
.dashboard_profile_task_recipients {
	margin-bottom:20px;
	font-family: 'DejaVu Sans Bold';
}
.dashboard_profile_task_recipients span {
	font-family: 'DejaVu Sans';
	display: inline-block;
	width:180px;
}
.dashboard_profile_task_sent_date {
	margin-bottom:10px;
	font-family: 'DejaVu Sans Bold';
}
.dashboard_profile_task_sent_date span {
	font-family: 'DejaVu Sans';
	display: inline-block;
	width:180px;
}
.dashboard_profile_task_deadline {
	margin-bottom:20px;
	font-family: 'DejaVu Sans Bold';
}
.dashboard_profile_task_deadline span {
	font-family: 'DejaVu Sans';
	display: inline-block;
	width:180px;
}
.task_status_in {
	display: inline-block;
}
.task_status_in span {
	display: inline-block;
	width:180px;
}
.task_status_in_select {
	width:198px;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #ADADAD;
	padding:8px 12px 6px 12px;
	font-family: 'DejaVu Sans';
	font-size:14px;
	color:#333333;
	outline:none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
	box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.task_status_in_select:focus {
	border:1px solid #0B2F4E;
}
.task_attached_file {
	margin:6px 0;
}
.task_attached_file i {
	margin-right:8px;
}

/* comments */

.comment_wrapper {
    margin: 50px 0 0 0;
    background: #EDEFF2;
    padding:30px 30px 0 30px;
    border: 1px solid #D9D9D9;
}
.comment_title {
    padding-left:10px;
    margin-bottom: 25px;
    font-family: 'DejaVu Sans Bold';
    font-size: 16px;
    color: #0B2F4E;
}
.comment_title i {
    margin-right:10px;
    font-size:20px;
}
.comment_type {
    margin:10px 0 40px 0;
}
.comment_input_wrapper {
	float: left;
	position: relative;
}
.comment_add_file {
	position: absolute;
	right: 0;
	font-size:20px;
	color:#999;
	margin-top: 1px;
	margin-right: 8px;
	cursor: pointer;
	height:43px;
	line-height: 50px;
	padding:0 10px;
}
.comment_add_file:hover {
	color:#666666;
}
.comment_input {
    width:574px;
    height:45px;
    box-sizing: border-box;
    padding:2px 60px 0px 20px;
    border:none;
    outline:none;
    border:1px solid #ADADAD;
    border-right: none;
    font-family: 'DejaVu Sans';
    font-size:14px;
    color:#333333;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.comment_input:hover {
    border:1px solid #888888;
    border-right: none;
}
.comment_input:focus {
    border:1px solid #0B2F4E;
    border-right: none;
}
.comment_submit {
    width:90px;
    height:45px;
    line-height: 48px;
    box-sizing: border-box;
    display: inline-block;
    background: #16334E;
    vertical-align: top;
    margin-left:-5px;
    padding-right:10px;
    text-align: center;
    font-size:18px;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -webkit-border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-topright: 100px;
    -moz-border-radius-bottomright: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.comment_submit:hover {
    background: #495764;
}
.comment_item {
    margin-bottom:30px;
    width:80%;
}
.comment_item.send {
	float:left;
}
.comment_item.receive {
	float:right;
}
.comment_item:last-child {
    margin-bottom: 0px;
}
.comment_item_name {
    float: left;
    padding-left:10px;
    margin-bottom:5px;
    font-family: 'DejaVu Sans Bold';
    color:#666666;
}
.comment_item_date {
    float:right;
    margin-bottom:15px;
    color:#666666;
}
.comment_item_message {
    background: #fff;
    border:1px solid #D8D8D8;
    padding:11px 30px 9px 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.comment_item_message.response {
	color:#fff;
	background: #78BB4F;
	border: 1px solid #78BB4F;
}
.comment_empty {
    
}
.final_comment {
    background: #EDEFF2;
    border-left: 6px solid #43A5D1;
    padding: 6px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'DejaVu Sans Bold';
    font-size: 14px;
    display: inline-block;
}
.final_comment i {
    margin-right:6px;
}
.form_select.final_comment_select {
    width:150px;
    display: inline-block;
    vertical-align: top;
}
.form_input.final_comment_input {
    width:350px;
    padding:12px 15px 8px 15px;
    display: inline-block;
    vertical-align: top;
}
.list_final_comment_wrap {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.list_final_comment_title {
    display: none;
    position: absolute;
    right:0;
    top:0;
    margin-top:-6px;
    margin-right:50px;
    width:400px;
    box-sizing: border-box;
    padding:8px;
    text-align: center;
    background: #fff;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
    box-shadow: 0px 1px 1px 0px rgba(200,200,200,1);
}
.list_final_comment_wrap:hover .list_final_comment_title {
    display: block;
}

/* end of comments */

/* END OF TASK DETAILS */


/* REPORT STYLES */

.content_rightbar.report_list {
	display: block;
	width:100%;
	margin:0px;
}
.report_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.report_item {
	width:calc(50% - 20px);
}

/* END OF REPORT STYLES */

/* LOG NEW */

.log_table {
	border-top: 1px solid #ADADAD;	
	border-left: 1px solid #ADADAD;
	font-size: 14px;
}
.log_table th {
	border-bottom: 1px solid #ADADAD;	
	border-right: 1px solid #ADADAD;
	background-color: #eef0f2;
	text-align: left;
	padding: 4px 8px;
}
.log_table td {
	border-bottom: 1px solid #ADADAD;	
	border-right: 1px solid #ADADAD;
	padding: 4px 8px;
}
.log_table tr:hover {
	background-color: #eef0f2;
}

/* END OF LOG NEW  */

/* ODOMETERS */

.odometers_editer_input {
	cursor: cell;
	height:100%;
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	text-align: center;
	background: transparent;
	border: none;
	outline: none;
}
.odometers_editer_input:focus {
	cursor: text;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.odometers_staff {
	font-family: 'DejaVu Sans Bold';
	font-size: 13px !important;
	color: #0B2F4E;
}
.odometers_list_info {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #777;
}
.odometers_list_info div {
	margin: 5px 0;
	font-size: 13px !important;
}
.odometers_list_info div i {
	display: inline-block;
	width: 15px;
	text-align: center;
	margin: 0 4px 0 0;
	color: #5a9728;
}
.odometers_table {
	width: 3000px !important;
}


.odometers_empty {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #feb1b7;
	display: table;
}
.odometers_empty a {
	vertical-align: middle;
	box-sizing: border-box;
	padding: 8px 0 0 0;
	height: 100%;
	text-align: center;
	font-size: 24px;
	color: #fff;
	display: none;
}
.odometers_empty a span {
	display: block;
	font-size: 14px;
	font-family: 'Arial';
}
.odometers_empty:hover {
	cursor: pointer;
}
.odometers_empty:hover a {
	display: table-cell;
	background-color: #ff0000;
}


.odometers_full {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
}
.odometers_full a {
	vertical-align: middle;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	color: #000;
	display: table-cell;
	font-family: 'DejaVu Sans Bold';
	font-size: 14px;
}
.odometers_full a span {
	display: none;
	margin: 6px 0 0 0;
	font-size: 14px;
	font-family: 'Arial';
}
.odometers_full:hover {
	cursor: pointer;
}
.odometers_full:hover a {
	background-color: #aaffaa;
}
.odometers_full:hover a span {
	display: block;
}
.odometers_icons {

}
.odometers_icons span {
	margin: 0 10px;
	color: #008000;
	display: inline-block !important;
}
.odometers_icon_corrected {
	color: #ff0000 !important;
}
.odometers_popup {
	width: 700px;
	display: none;
	font-family: 'DejaVu Sans';
	padding: 0px !important;
	margin: 0px !important;
	-webkit-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.5);
}
.odometers_popup_date {
	font-family: 'DejaVu Sans Bold';
	text-align: center;
	background-color: #78bd4e;
	color: #fff;
	padding: 10px 0;
}
.odometers_popup_submit {
	font-family: 'DejaVu Sans Bold';
	text-align: center;
	background-color: #0B2F4E;
	color: #fff;
	padding: 10px 0;
	cursor: pointer;
}
.odometers_popup_leftbar {
	float: left;
	width: 300px;
	background-color: #E2E2E2;
	box-sizing: border-box !important;
	padding: 36px;
}
.odometers_popup_leftbar_title {
	font-family: 'DejaVu Sans Bold';
}
.odometers_popup_leftbar_number {
	margin: 8px 0 0 0;
	width: 100px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold !important;
    font-family: Arial;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.odometers_popup_leftbar_phone {
	margin: 20px 0 0 0;
	font-family: 'DejaVu Sans Bold';
}
.odometers_popup_leftbar_phone i {
	margin: 0 6px 0 0;
}
.odometers_popup_leftbar_unit {
	font-family: 'DejaVu Sans Bold';
}
.odometers_popup_leftbar_unit i {
	margin: 0 6px 0 0;
}
.odometers_popup_rightbar {
	float: right;
	width: 400px;

	box-sizing: border-box;
}
.odometers_popup_table {
	border-left: 1px solid #ADADAD;
}
.odometers_popup_table th {
	border-bottom: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	font-family: 'DejaVu Sans Bold';
	font-size: 13px;
	height: 40px;
	padding: 0 10px;
}
.odometers_popup_table td {
	border-bottom: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
}
.odometers_popup_table td input {
	width: 100%;
    box-sizing: border-box;
    height: 40px;
    border: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 1px;
}
.odometers_popup_table td input:hover {
	background-color: #E2E2E2;
}
.odometers_popup_table td input:focus {
	background-color: #E2E2E2;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.round_top_left {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
.round_bottom_left {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
.round_top_right {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.round_bottom_right {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.fuels_table {
	width: calc(100% - 60px);
	margin: 0 auto;
	margin-bottom: 30px;
	border-left: 1px solid #53616c;
	border-top: 1px solid #53616c;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.fuels_table tr:nth-child(2n) {
    background-color: #E2E2E2;
}
.fuels_table th {
	border-right: 1px solid #53616c;
	border-bottom: 1px solid #53616c;
	font-family: 'FIRAGO-REGULAR';
	font-feature-settings: "case" on;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	background-color: #0B2F4E;
	color: #fff;
	padding: 10px 14px;
	text-align: left;
}
.fuels_table td {
	border-right: 1px solid #53616c;
	border-bottom: 1px solid #53616c;
	padding: 10px 14px;
	font-family: 'FIRAGO-REGULAR';
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	color: #000 !important;
}
.fuels_table td span {
	display: block;
	color: #6BA63A;
	font-size:13px;
}
.fuels_table tr:hover {
	background-color: #ADADAD;
}
.fuels_table_total {
	font-size:15px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
	background:#7ABD42 !important;
	color:#000 !important;
}
.fuels_table_eng_text {
	font-size:14px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
}

.tab_wrapper.in_fuels {
	margin-top: 10px !important;
	margin-bottom: 0px !important;
}
.fuels_table_accent {
	background-color: #d29797  !important;
}

/* END OF ODOMETERS */

.task_object_wrapper {
	margin:40px 0 0 0;
	width:744px;
}
.task_object_caption {
	font-family: 'DejaVu Sans Bold';
    color: #0B2F4E;
    font-size: 16px;
}
.task_object_title {
	margin:20px 0;
}
.task_object_buttons {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.task_object_buttons a {
	padding:15px 30px;
	margin:0 20px 0 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: #EEF0F2;
	color:#000;
}
.task_object_buttons a:hover {
	background-color: #7ABD42;
	color:#fff;
}
.task_object_buttons i {
	margin:0 0 0 6px;
}