@charset "UTF-8";
/* CSS Document */
.style1 {
	font-size: 14px;
	font-weight: bold;
}
.style2 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

body.progress, body.progress * {
	cursor: progress !important;
}

TD {
	font-size: 11px;
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #444444;
}
.style3 {font-size: 14px}
.style6 {color: #FFFFFF; font-size: 10px;}

A { color: #193c6c; }
A:visited { color: #193c6c; }

.logo-cell {
	background-image: url(images/logos.gif);
	background-repeat: no-repeat;
}

.budgeting-system-logo-cell {
	background-image: url(images/budgeting_system.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.btn-home{
	margin:0px;
	margin-bottom: 10px;
}

button[disabled] > .fa {
  color: gray;
}

#ieee-logo { display: none; }

#budgeting-system-logo { display:none; }

#logo-href{
	outline: 0;
	width:333px;
	height: 58px;
	display:block;
}

#form_filter_log_review .date {
	width: 150px;
	margin-left: 8px;
}

#half-right {
	width: 50%;
	float: left;
}

#half-right .element {
	width: auto;
	margin-bottom: 8.5px;
	text-align: left;
}

#half-left {
	width: 50%;
	float: left;
}

#half-left .element {
	width: auto;
	margin-bottom: 8px;
	text-align: right;

}

#submit_filters {
	margin-left: 160px;
}

#submit_comments_filters {
	margin-left: 30px;
}

.current-page {
	pointer-events: none;
	font-weight: bold;
}

#log-records {
	width: 100%;
	background-color: #dadada;
}

#log-records .thead {
	text-align: left;
	background-color: #444444;
}

#log-records .td {
	text-align: left;
	background-color: #FFFFFF;
	height: 25px;
}

#log-records .post_data ul, #log-records .post_data ul li{
	margin-bottom: 4px;
}

#line-item-added{
	width:100%;
	height:auto;
}

#dialog-conf{
	padding:0px;
	background-color: rgb(218, 218, 218);
	overflow: hidden;
}

#dialog .dialog_controls {
	font-size: 12px;
	text-align: center;
}

.dialog-form-btns{
	margin-left: 4px;
}

.ui-widget .ui-widget{
	outline:none !important
}

#worksheetFooter_td{
	padding-top: 0px;
}

#worksheet_td{
	padding-bottom: 0px;
}

#submit_email_filters{
	margin-left: 35%;
	margin-top: 10px;
}

#email_viewer label{
	font-weight:bold ;
	text-align:left;
}

#top_filter{
	width:auto;
}
#email_viewer #email_body{
	height: auto;
}

#email_viewer .nowrap{
	white-space: nowrap;
}

.email-logo{
	text-align: center !important;
}

.email-logo a{
	cursor: pointer;
}

.padding{
	padding: 10px;
}

#debbug_message{
	text-align: left;
	border: solid;
	border-width: 0.5px;
	padding: 5px;
}

.tr-overflow pre{
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Mozilla, post millennium */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.fa{
	color: black;
}

.tr-overflow{
	overflow-y: auto;
	overflow-x: hidden;
	height: 200px;
	padding-left:10px;
	padding-right: 10px;
}

.after-open {
	width: calc( 100% - 15px);
}

.worksheet-message{
	visibility: hidden;
	display: none;
}

.floppy-position{
	position: absolute;
	left: 6px;
	top: 4px;
}

div.saving-line-content{
	position: relative;
}

span.saving-line-content{
	margin-right: 10px;
}

.line-with-units2 {
	 margin-left:6px;
	 clear: both;
	 width: 99.6%;
}

.line-with-units2 td:not(:last-child) {
	padding-right: 14px;
}

.user-list-align{
	vertical-align: top;
	padding-top: 15px;
}

#home-content{
	width: 70%;
	margin-left: 15%;
}

.flash-message{
	display: none;
}

.validation-msg{
	color: red;
}

#popup-content{
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	background-color: #dadada;
}
#popup-content select{
	width: 80%;
	margin-left: 10%;
	font-size: 12px;
}

#worksheet_wrapper td.compare-separator {
	border-left: solid 3px #6d6d6d;
}

.error_message {
	color: red;
	display: none;
	margin: 2px;
	padding: 3px;
	font-weight: bold;
}

i.budget-status {
	text-shadow: 1px 1px 1px #999999;
	font-size: 13px;
}

i.budget-status.done{
	color: green;
}

#edit_budget #currency_pair {
	display: inline;
}

#budget-overview td.col-head {
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}

#worksheet_wrapper > table tr.hidden{
	opacity: 0.2;
	display:none;
}

#worksheet_wrapper > table tr.hidden.faded, #worksheet_wrapper > table tr.hidden.faded input{
	opacity: 0.9;
	display: table-row;
	cursor: not-allowed;
}

#worksheet_wrapper > table tr.hidden.faded td, #worksheet_wrapper > table tr td.hidden{
	cursor: not-allowed;
	background-color: #e6d4d7;
}

#worksheet_wrapper > table tr.hidden.faded td:last-child, #worksheet_wrapper > table tr td.hidden:last-child{
	background-color: #d8b8be;
}

#worksheet_wrapper > table tr.hidden.faded.header-row td, #worksheet_wrapper > table tr.hidden.faded.sub-header-row td{
	background-color: #d6c4c7;
	color: #1b1b1b;
}

#worksheet_wrapper > table tr.hidden td a:not(.line_item_btn), #worksheet_wrapper > table tr td.hidden a:not(.line_item_btn), #worksheet_wrapper > table tr td.hidden input[type=button]{
	display: none;
}

#worksheet_wrapper > table tr.faded input, #worksheet_wrapper > table tr.faded div {
	opacity: 0.6;
}

#worksheet_wrapper > table tr.hidden.faded:hover{
	opacity: 1;
}

#worksheet_wrapper > table tr.hidden.faded:hover td{
	background-color: #f9dfdf;
	color: #2b2b2b;
	opacity: 1;
}

#worksheet_wrapper > table tr.hidden.faded:hover td:last-child{
	background-color: #f3c3cc;
}

#worksheet_wrapper > table tr a.line_item_btn{
	cursor: pointer;
	font-size: 14px;
	margin-right: 5px;
}

#worksheet_wrapper > table tr a.line_item_btn i{
	color: #616060;
	text-shadow: 1px 1px 1px #afafaf;
}

#worksheet_wrapper > table tr a.line_item_btn.pressed i{
	color: #ffffff;
	text-shadow: -1px -1px 0px #000000;
}

#worksheet_wrapper > table tr.header-section a.line_item_btn i, #show_hidden_budget i{
	color: #c1c1c1 !important;
	text-shadow: 1px 1px 1px #2d2d2d !important;
  margin-left: 6px;
}

#worksheet_wrapper > table tr.header-section a.line_item_btn.pressed i, #show_hidden_budget.pressed i{
	color: #353535 !important;
	text-shadow: 1px 1px 1px #a7a7a7 !important;
}

#worksheet_td .exchange-rate-line-item {
	text-align: right;
	min-width: 100px;
	position: relative;
	float: right;
}

#worksheet_td .exchange-rate-line-item {
	text-align: right;
	min-width: 100px;
	position: relative;
}

#worksheet_td .exchange-rate-line-item .line-item-input {
	width: 33px;
  margin-right: 6px;
}

#worksheet_td .exchange-rate-line-item .saving-line-content {
	position: absolute;
	top: 0px;
	left: 130px;
}

#worksheet_td .currency_switch {
	float: left;
	margin-bottom: 3px;
}

#worksheet_td .linked_vendors {
	text-overflow: ellipsis;
	overflow-x: hidden;
	width: 110px;
	max-height: 58px;
	white-space: nowrap;
	padding: 4px;
	text-align: left;
	border: 1px solid #d2d2d2;
	overflow-y: auto;
	line-height: 15px;
	font-size: 12px;
	margin-bottom: 4px;
}


#worksheet_td button.link_vendor {
	padding: 0px;
}

.worksheet.pdf .exchange-rate-line-item {
	display: inline-block;
  float: right;
  margin-right: 10px;
}

#worksheet_td .line-item-input:read-only{
	background-color: #d7d7d7;
	color: #848484;
	border: 1px solid #a8a8a8;
}

#worksheet_td .line-item-input:-moz-read-only{
	background-color: #d7d7d7;
	color: #848484;
	border: 1px solid #a8a8a8;
}

#show_hidden_budget, #worksheet_wrapper > table tr.header-section a.line_item_btn, #worksheet_wrapper > table tr.header-row a.line_item_btn ,#worksheet_wrapper > table tr.sub-header-row a.line_item_btn, #worksheet_wrapper > table tr.row a.line_item_btn {
	opacity: 0.4;
}

#show_hidden_budget:hover, #worksheet_wrapper > table tr.header-section:hover a.line_item_btn, #worksheet_wrapper > table tr.header-row:hover a.line_item_btn ,#worksheet_wrapper > table tr.sub-header-row:hover a.line_item_btn, #worksheet_wrapper > table tr.row:hover a.line_item_btn {
	opacity: 1;
}

#show_hidden_budget:not(.has-hidden),
#worksheet_wrapper > table tr.header-section:not(.has-hidden) a.show_hidden,
#worksheet_wrapper > table tr.header-row:not(.has-hidden) a.show_hidden,
#worksheet_wrapper > table tr.sub-header-row:not(.has-hidden) a.show_hidden{
	opacity: 0.2;
	cursor: not-allowed !important;
}

#form_attach_cash_flow_report, #form_upload_file {
	background-color: #e4e8ea;
	border-radius: 4px;
	transition: opacity 1s ease;
	opacity: 0;
	height: 0;
	overflow: hidden;
	padding: 0px;
	margin-bottom: -10px;
}

#form_attach_cash_flow_report.active, #form_upload_file.active {
	opacity: 1;
	height: auto;
	padding: 10px 10px 2px 10px;
	margin-bottom: 10px;
}

.message:before {
	font-family: FontAwesome;
	font-size: 14px;
	margin-right: 8px;
}

.message {
	border-radius: 4px;
	padding: 10px;
	display: none;
}

.message.visible {
	display: block;
}

.message.error:before {
  content: "\f071";
	margin: 0px 10px 0 0;
	float: left;
}

.message.success:before {
  content: "\f00c";
	margin: 0px 10px 0 0;
	float: left;
}

.message.error {
	color: #8e4949;
  background-color: #e4d3d3;
	border: 1px solid #ddc4c4;
}

.message.success {
	background-color: #c8e2d8;
	border: 1px solid #c4d4ce;
	color: #285438;
}

div.ui-dialog.no-title .ui-dialog-titlebar {
  display: none;
}

td.header {
	font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
}

td.text.center, td.header.center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

a.toggle {
	color: #848484;
  font-size: 11px;
	text-decoration: none;
	font-weight:bold;
}

a.toggle:before {
	vertical-align: bottom;
  font-size: 14px;
	content: "\f0d7";
	font-family: FontAwesome;
	margin-right: 4px;
}

a.toggle.show:before {
	content: "\f0da";

}

#approvals_dashboard div.approvals_wrapper {
	display:none;
}

#approvals_dashboard b.go-to {
	text-decoration: underline;
	cursor: pointer;
}


#worksheet_wrapper #worksheet_controls .message_wrapper {
	width: 40%;
	margin: 0px auto;
}

#worksheet_wrapper #worksheet_controls .message_wrapper .message{
	text-align: left;
}

#dialog .message {
	font-size: 12px;
	margin: 10px 0px;	
}

#dialog .empty_rows {
	font-size: 12px;
	margin: 40px 0px 0px 0px;
	min-width: 280px;
	min-height: 60px;
	display: block;
	text-align: center;
	font-weight: bold;	
}

#manage_vendors .vendors_list_wrapper,
#manage_invoices .invoices_list_wrapper {
	max-height: 360px;
	overflow-y: auto;
}

#manage_vendors table.vendors_list thead tr td,
#manage_invoices table.invoices_list thead tr td {
	background-color: #EEEEEE;
	font-weight: bold;
	padding: 5px;
}

#manage_vendors table.vendors_list tbody tr td,
#manage_invoices table.invoices_list tbody tr td{
	padding: 5px;
}

#manage_vendors table.vendors_list tbody tr td.actions a,
#manage_invoices table.invoices_list tbody tr td.actions a{
	padding: 4px;
	margin-right: 3px;
	float:left;
	background-color: #F3f3f3;
	border: 1px solid #e6e6e6;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-radius: 4px;
	height: 16px;
	text-decoration: none;
	line-height: 16px;
}

#manage_vendors table.vendors_list tbody tr td.actions a:hover,
#manage_invoices table.invoices_list tbody tr td.actions a:hover{
	background-color: #EEEEEE;
}

#manage_vendors table.vendors_list tbody tr:nth-child(even) td,
#manage_invoices table.invoices_list tbody tr:nth-child(even) td{
	background-color: #F7F7F7;
}

#manage_invoices table.invoices_list tbody tr .paid_checkmark, 
#manage_invoices table.invoices_list tbody tr .unpaid_button {
	display: none;
}

#manage_invoices table.invoices_list tbody tr .paid_button {
	display: block;
}

#manage_invoices table.invoices_list tbody tr.paid  .paid_checkmark,
#manage_invoices table.invoices_list tbody tr.paid  .unpaid_button {
	display: block;
}

#manage_invoices table.invoices_list tbody tr.paid .paid_button {
	display: none;
}

ul.multiple-selection-checkboxes {
	height: 186px;
  overflow-y: auto;
  border: 1px solid #b3b3b3;
  padding: 0px;
}

ul.multiple-selection-checkboxes li {
	display: block;
}

ul.multiple-selection-checkboxes li input{
	height: 24px;
	vertical-align: middle;
  margin: 3px 8px 0px 8px;
}
ul.multiple-selection-checkboxes li label{
	display: block;
	height: 30px;
	line-height: 27px;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #c6c8cc;
	background-color: #d6d6d6;
}

ul.multiple-selection-checkboxes li label:hover{
	border-bottom: 1px solid #b3b3b3;
	background-color: #dfe1e6;
}

#process_line_items_page {
	background-color: #FFF;
}

#process_line_items_page fieldset {
	background: #eef1f6;
	border: 1px solid #dadada;
	margin: 0px;
}

#process_line_items_page form.create_category legend{
	font-size: 13px;
	color: grey;
	padding: 0px 5px;
}

#process_line_items_page table tr.header-section td {
	background-color: #444444;
	font-weight: bold;
}

#process_line_items_page table tr.header-row td {
	background-color: #dadada;
	font-weight: bold;
}

#process_line_items_page #venndor_line_items tr.row td,
#process_line_items_page table.line_items_category tr.row:nth-child(even) td {
	background-color: #FFF;
}

#process_line_items_page #venndor_line_items tr.row:nth-child(even) td,
#process_line_items_page table.line_items_category tr.row td {
	background-color: #eef1f6;
}

#process_line_items_page input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: gray;
  opacity: 0.7; /* Firefox */
}

#process_line_items_page input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: gray;
}

#process_line_items_page input::-ms-input-placeholder { /* Microsoft Edge */
  color: gray;
}

#header_bar {
	position: relative;
	z-index: 4;
}

#updates_btn_wrapper {
	position: relative;
	width: 800px;
	margin: auto;
	z-index: 3;
}

#updates_btn {
	position: absolute;
  right: 1%;
  top: -4px;
  border: 1px solid #909090;
  background-color: #444444;
  padding: 6px 10px 6px 10px;
  border-top: none;
  -webkit-box-shadow: 0px 1px 6px #929292;
  box-shadow: 0px 1px 6px #929292;
  border-radius: 0px 0px 6px 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #cccccc;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0px;
  -webkit-animation: slide-down 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 1;
          animation: slide-down 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 1;
}

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

#updates_btn:hover {
	background-color: #313131;
	color: #ffffff;
	top: 0px;
}

#updates_btn i {
	font-size: 15px;
	color: #cccccc;
}

#updates_btn:hover i {
	color: white;	
}

.tool_update {
	margin:20px;
}

.tool_update ol {
  padding: 0;
  counter-reset: item;
}

.tool_update ol > li {
	margin: 0;
  padding: 0 0 1.5em 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

.tool_update ol > li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
}

.tool_update ol[type="a"] {
  padding: 0;
  counter-reset: item_low_alpha;
}

.tool_update ol[type="a"] > li {
	margin: 0;
  padding: 0 0 1.5em 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item_low_alpha;
}

.tool_update ol[type="a"] > li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	text-align: right;
	content: counter(item_low_alpha, lower-alpha) ".";
}