@font-face {
 font-family: "Inconsolata";
 src: url("Inconsolata-Regular.ttf");
}

@font-face {
 font-family: "Nunito";
 src: url("Nunito-Regular.ttf");
}

body {
	font-size: 0.9em;
	font-family: "Nunito", "Segoe UI", "Arial", "sans-serif";
	height: 100%;
	margin: 0;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

.hidden {
  position: fixed;
  top: -100px;
}

.dimmed_img {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

#container {
	min-height: 100%;
	width: 1400px;
	padding: 10px 10px;
	margin: 5px auto;
	position: relative;
  margin-top: 30px;
}

#notifier {
	position: absolute;
	top: 0em;
	margin-top: 2px;
	padding: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:1.0em;
	color: inherit;
	z-index: 50;
	opacity: 0;
	font-weight: bold;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	border-radius: 0.3em;
}

/*****/

#setupWindowLayer{
	border-radius: 0.6em;
	position: absolute;
	opacity: 1;
}

#fwTitleBar{
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-left-radius: 0.6em;
	border-top-right-radius: 0.6em;
	height: 20px;
  font-weight: bold;
}

#fwClose {
	cursor: pointer;
	float: right;
	padding: 5px;
	height: 9px;
	width: 9px;
}

#fwClose:hover {
	border-radius: 50%;
}

/*****/

#flag, #checked {
	margin-bottom:-4px;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

#flag:hover, #checked:hover {
	cursor: pointer;
}

/*****/

#new_operation {
	margin:25px;
	padding: 0px;
	border-spacing: 0px;
}

#new_operation tr, #new_ticker tr, #new_bank tr,  #new_account tr, #new_cat tr {
	height: 30px;
}

#new_operation td, #new_ticker td, #new_bank td,  #new_account td, #new_cat td {
  font-weight: bold;
  white-space: nowrap;
}

/****/


#fixedmenu {
	position: fixed;
	top: 0em;
	width: 100%;
	height:30px;
	z-index: 40;
}

#insidefixedmenu{
	width: 1420px;
	z-index: 60;
	height: 26px;
	margin: auto;
}

#insidefixedmenugroup1 {
  position: fixed;
  margin-left:10px;
  height: auto;
}

#insidefixedmenugroup2 {
  position: fixed;
  margin-left:292px;
}

#insidefixedmenugroup3 {
  position: fixed;
  margin-left:350px;
}

.fixedmenuitem, .fixedmenuinfozone {
  padding-top: 6px;
  font-weight: bold;
}

.fixedmenuitem img, .fixedmenuinfozone img{
  padding-right: 20px;
}

.fixedmenuinfozone.old {
	color: white;
  font-weight: bold;
	border-radius: 50%;
  margin-right: 10px;
  margin-top: 2px;
  text-align: center;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  min-width: 16px;
}

.fixedmenuitem:hover {
	color:#fff;
	cursor:pointer;
}

.fixedmenuinfozone:hover{
	cursor:pointer;
}

/*****/

#center {
	padding-bottom: 100px;
	overflow: auto;
	padding-top: 1px;
}

#footer {
	position: absolute;
	width: 1300px;
	bottom: 0;
	left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:right;
}

#page {
	float: right ;
	width: 1130px;
}

#leftmenu {
	float: left ;
	width: 250px;
}

#leftmenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 2px;
	background-color: inherit;
}

#leftmenu li {
	padding:2px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 1px;
	color: inherit;
	background-color: inherit;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

#leftmenu li:hover {
	background-color: #c3e7ff;
	cursor: pointer;
}

#leftmenu li.active_item {
	background-color: #c3e7ff;
  font-weight: bold;
}

#leftmenu img {
	margin-bottom:-3px;
}

#leftmenu .balance {
  padding-top: 5px;
  padding-bottom: 5px;
  display:inline-block;
  width:50%;
  text-align:right;
}

#leftmenu .balance img {
  padding-bottom:1px;
  height:16px;
  width:16px;
}


style="padding-bottom:1px" height="16" width="16"

.leftmenu_section {
	text-align: center ;
	font-weight: bold;
	padding: 3px;
	font-size: 1.2em;
	background-color: #eee;
}

.leftmenu_card {
  padding-top: 5px;
  padding-left: 10px;
  font-size:0.9em ;

  margin-left: 5px;
}



.bank {
	margin-top:3px;
	font-weight: bold;
	cursor:default;
	font-size: 1.1em;
}

.status_container {
	float:left;
	position:relative;
	left:50%;
	margin-top:8px;
	margin-bottom:8px;
}

.status {
	font-size:1.0em;
	float:right;
	color:red;
	margin-top:6px;
	margin-right:25px;
}

/* Setting Layer */

.settingLayer {
	font-weight:normal;
}

.settingLayer input {
	font-weight: normal;
	border: 0px solid;
	border-bottom: 1px solid #ccc;
	padding: 0px;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	background-color: inherit;
	color: inherit;
}

.settingLayer select, .configSelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px solid;
	border-bottom: 1px solid #ccc;
	padding: 0px;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	padding: 0px;
	text-indent: 0px;
	background-color: inherit;
	color: inherit;
}

.configSelect {
	padding-right: 2px;
	padding-left: 2px;
}

.darkenBackground {
	background-color: white;
	opacity: 0.92;
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

.displayConfirm {
    margin: 25px;
}

.button, .leftbutton {
	background-color: #1565c0;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	width: 100px;
	text-align: center;
	border-radius: 0.3em;
	cursor:pointer;
  font-weight: bold;
}

.button {
	float: right;
	margin-right: 25px;
	margin-bottom: 25px;
}

.leftbutton {
	margin-left: 5px;
	float: left;
}

.button:hover, .leftbutton:hover {
	// background-color: #0d47a1;
}

.buttondelete{
	background-color: red;
}

.buttoncancel{
	background-color: lightgrey;
}

.buttoncancel:hover{
	background-color: #ccc;
}

.buttondelete:hover{
	background-color: #EE0000 ;
}

#fw_confirm_no, #b_cancel {
  background-color: inherit;
  color: inherit;
}

#fw_confirm_no:hover, #b_cancel:hover {
  background-color: #EEEEEE;
}

/**/

.total {
	 background-color: #DCDCDC;
	 font-weight:bold;
}

.future {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.green {
	color:green;
}

.red {
	color:red;
}

.orange {
	color:orange;
}

.grey {
	color:grey;
}

.operations {
	background-color: inherit;
}

#total_amount {
	font-size: 1.2em;
	display:inline-block;
	width:120px;
	text-align:right;
	border-radius:0.3em;
	font-weight:bold;
	padding:5px;
}

.bggreen {
	background-color:lightgreen;
}

.bgred {
	background-color:salmon;
}

.operation {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: inherit;
}

.operation:hover {

}

.operation_summary {
  font-weight: normal;
	cursor:pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.operation_summary .flagged {
    float: left ;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 2px;
}

.operation_summary .checkbox,
.ccategory .checkbox,
.bbank .checkbox,
.aaccount .checkbox,
.card_operation .checkbox,
.ccategory .checkbox,
.card .checkbox,
.ticker .checkbox,
.scheduled_operation .checkbox {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 10px;
  }

.operation_summary img,
.ccategory img,
.bbank img,
.aaccount img,
.card_operation img,
.ccategory img,
.card img,
.ticker img,
.scheduled_operation img {
    height: 18px;
}

.scheduled_operation img {
  height: 18px;
  margin-bottom:  -3px;
  margin-left: 10px;
}
.operation_summary .datetime {
    float: left ;
    padding-top:1px;
    width: 85px;
}

.operation_summary .label {
    float: left ;
    padding-top:1px;
    width: 350px ;
    margin-left: 10px;
    white-space: nowrap;
}

.operation_summary .label img {
  margin-bottom: -2px;
  margin-left: 10px;
  height: 16px;
}

.operation_summary .op_categories {
	float: left ;
	padding-top:1px;
	width: 60px ;
	color: #aaa;
	text-align: right;
	margin-right: 5px;
}

.operation_summary .op_categories span{
	float: right;
	width: 14px;
	margin-right: 1px;
	border: 1px solid #ddd;
}

.operation_summary .comment {
	float: left ;
	padding-top:1px;
	width: 340px ;
	color: #999;
	white-space: nowrap;
}

.operation_summary .amount {
	float: right;
	padding-top:1px;
	padding-right: 5px;
}

.operation_summary .checked {
    float: right ;
    padding-top: 1px;
    padding-right: 5px;
}

.operation_summary .admin {
    float: right ;
    padding-top: 1px;
    padding-right: 5px;
}

.operation_summary .account {
    padding-top: 1px;
    padding-right: 5px;
}

/**/

.operation_details {
   margin: 5px;
}

.operation_detail {
    margin: 1px;
    padding: 2px;
    background-color: #fff;
}

.operation_detail .color {
	float: left;
	margin-right: 4px;
  margin-left: -2px;
	border: 1px solid #ddd;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.operation_detail .type {
    float: left ;
    padding-left: 12px;
    width: 520px ;
}

.operation_detail .type img{
  height: 20px;
  margin-bottom: -4px;
  padding-right: 5px;
}

.operation_detail .category {
    float: left ;
    width: 350px ;
}

.operation_detail .amount {
	float: right ;
	padding-right: 12px;
}

/**/

.scheduled_operations {
	background-color: inherit;
}

.scheduled_operation {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: inherit;
}

.upcoming {
  font-weight: bold;
}

.scheduled_operation:hover {
	cursor: pointer;
}

.scheduled_operation_summary {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scheduled_operation_summary .account {
	color: #aaa;
	padding-top: 1px;
	float: left ;
	width: 220px ;
}

.scheduled_operation_summary .period {
  font-weight: bold;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	float: left ;
	text-align: center;
	color: #FFF;
	background-color: #1565c0;
	margin-left: 15px;
	padding-top: 1px;
  padding-left: 1px;
  margin-right: 10px;
}

.scheduled_operation_summary .next_date {
  width: 80px ;
	float: left ;
	padding-top: 1px;
}

.scheduled_operation_summary .label {
	float: left ;
	padding-top: 1px;
	width: 500px ;
	margin-left: 10px;
}

.scheduled_operation_summary .comment {
  float: left ;
  width: 300px ;
  color: #aaa;
}

.scheduled_operation_summary .amount {
	float: right ;
	padding-top: 1px;
	padding-right: 5px;
}

.scheduled_operation_summary .admin {
	float: right ;
	margin-top: 1px;
	padding-right: 5px;
}

.scheduled_operation_summary .label_home, .scheduled_operation_summary .account_home {
	float: left ;
	padding-top: 1px;
	width: 400px ;
  margin-left: 10px;
}

.scheduled_operation_summary .account_home {
	color: #aaa;
  margin-left: 0px;
}

/**************/

.filtermenu {
	margin-bottom: 8px;
	line-height: 25px
}

.filtermenu span {
	margin: 1px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	//border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-bottom-color: #FFF;
  border-radius: 5px 5px 5px 5px;
}

.filtermenu span:hover {
	background-color: #E8E8E8;
	cursor: pointer;
	border-bottom-width: 2px;
}

.filtermenu span.active {
	background-color: #E8E8E8;
	border-bottom-width: 2px;
  font-weight: bold;
}

.filtermenu input, #login input {
	padding-top:2px;
	padding-bottom:2px;
	color: #333;
	border: 0px solid;
	border-bottom: 1px solid #ccc;
	padding-left:2px;
	font-size: 1.0em;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	background-color: inherit;
	color: inherit;
}

.filtermenu img {
  margin-left: 6px;
  height: 16px;
  width: 16px;
  margin-bottom: -4px;
}

.filtermenu img:hover {
  cursor: pointer;
}

/**/

#login {
  margin: 25px;
  margin-top: 45px;
}

.portfolio {

}

.ticker {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ticker:hover {
	cursor: pointer;
}

.ticker .short_name {
	padding-top: 1px;
	float: left ;
	width: 200px ;
}

.ticker .shares {
	padding-top: 1px;
	float: left ;
	width: 60px ;
	margin-left: 5px;
	text-align: right;
}

.ticker .isin_code {
	float: left ;
	padding-top: 1px;
	width: 150px ;
	margin-left: 10px;
}

.ticker .label {
	float: left ;
	padding-top: 1px;
	width: 600px ;
	margin-left: 10px;
}

.ticker .place {
	float: left ;
	padding-top: 1px;
	width:80px ;
	margin-left: 10px;
}

.ticker .pnl {
	float: left ;
	padding-top: 1px;
	width:80px ;
	margin-left: 10px;
	text-align: right;
}

.ticker .trend {
	float: left ;
	padding-top: 1px;
	width:15px ;
	margin-left: 10px;
	text-align: right;
}

.ticker .net_change {
	float: left ;
	padding-top: 1px;
	width: 60px ;
	margin-left: 10px;
	text-align: right;
}

.ticker .pct_change {
	float: left ;
	padding-top: 1px;
	width:60px ;
	margin-left: 10px;
	text-align: right;
}

.ticker .last_price {
	float: right ;
	width: 120px ;
	padding-top: 1px;
	padding-right: 5px;
	text-align: right;
}

.ticker .valo {
	float: right ;
	padding-top: 1px;
	padding-right: 5px;
}

.ticker .admin {
	float: right ;
	margin-top: 1px;
	padding-right: 5px;
}

#importzone{
	border: 1px solid #ccc;
	font-family:inherit;
	font-size:inherit;
	width:744px;
	height:400px;
}

/**/

.categories {
}

.ccategory {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ccategory:hover {
	cursor: pointer;
}

.ccategory .color {
	float: left ;
	width: 20px ;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid grey;
}

.ccategory .label {
	float: left ;
	width: 550px ;
}

.ccategory .side {
    float: left ;
    width: 200px ;
}

.ccategory .admin {
    float: right ;
    margin-top: 1px;
    padding-right: 5px;
}

/**/

.banks {
}

.bbank {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bbank:hover {
	cursor: pointer;
}

.bbank .logo {
  float: left ;
  width: 30px ;
}

.bbank .logo img {
  height:20px;
  width:20px;
}

.bbank .name {
  float: left ;
  width: 250px ;
}

.bbank .address {
	float: left ;
	width: 400px ;
}

.bbank .url {
	float: left ;
	width: 300px ;
}

.bbank .url a {
  text-decoration: none;
}

.bbank .admin {
	float: right ;
	margin-top: 1px;
	padding-right: 5px;
}


/**/

.accounts {
}

.aaccount {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.aaccount:hover {
	cursor: pointer;
}

.aaccount .bank_image {
  float: left ;
  width: 300px
}

.aaccount .bank_image img {
  margin-right: 10px;
  margin-bottom: -4px;
}

.aaccount .icon {
	float: left ;
	width: 30px ;
	margin-bottom:-2px;
	text-align: center;
}

.aaccount .name {
	float: left ;
	width: 300px ;
}

.aaccount .name img {
  margin-bottom: -2px;
  margin-left: 10px;
  height: 16px;
}

.aaccount .type {
	float: left ;
	width: 250px ;
}

.aaccount .account_bank {
	float: left ;
	width: 230px ;
}

.aaccount .account_bank img {
  margin-bottom: -2px;
  margin-left: 0px;
  height: 20px;
}

.aaccount .number {
	float: left ;
	width: 250px ;
}

.aaccount .admin {
	float: right ;
	margin-top: 1px;
	padding-right: 5px;
}

.account_closed {
	color:#ccc;
}

/**/

.options_chooser {
	margin-right: 15px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	// border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-bottom-color: #FFF;
  border-radius: 5px 5px 5px 5px;
}

.options_chooser:hover {
	background-color: #E8E8E8;
	cursor: pointer;
	border-bottom-width: 2px;
}

.options_chooser_active {
	background-color: #E8E8E8;
	border-bottom-width: 2px;
  font-weight: bold;
}

/**/

.investment_account_header {

}

.investment_account_details {
    border-top: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    padding: 3px;
    margin-bottom: 0px;
}


.investment_account_details .shares {
    padding-top: 1px;
    float: left ;
    width: 90px ;
    margin-left: 5px;
	text-align: right;
}

.investment_account_details .label {
    float: left ;
    padding-top: 1px;
    width: 460px ;
    margin-left: 10px;
}

.investment_account_details .last_price {
	float: left ;
    width:100px ;
	padding-top: 1px;
	padding-right: 5px;
	text-align: right;
}

.investment_account_details .valo {
	float: left ;
	padding-top: 1px;
	padding-right: 5px;
	text-align: right;
  width:180px ;
}

.investment_account_details .trend {
    float: left ;
    padding-top: 1px;
    width:15px ;
    margin-left: 40px;
	text-align: right;
}

.investment_account_details .net_change {
    float: left ;
    padding-top: 1px;
    width:120px ;
    margin-left: 10px;
	text-align: right;
}

.investment_account_details .pct_change {
    float: left ;
    padding-top: 1px;
    width:70px ;
    margin-left: 10px;
	text-align: right;
}

/**/

.events {
	background-color: inherit;
}

.event {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: inherit;
}

.event:hover {
	background-color: #F5F5F5;
}

.events .date {
    float: left ;
    width: 155px ;
}

.events .level {
    float: left ;
    width: 100px ;
}

.events .text {
    float: left ;
}

/**/

.shortcuts_list {
  font-size: 0.9em;
}

.shortcuts_list .section {
	font-weight:bold;
	text-decoration: underline;
	padding-top: 15px;
	padding-bottom: 5px;
	clear: both;
}

.shortcuts_list .shortcut {
	padding-left: 1px;
	width: 300px ;
	float: left;
}

.shortcuts_list .shortcut .letter {
	float: left ;
	font-weight:bold;
	text-align: right;
	width:50px ;
	padding-right: 3px;
}

#passwd_change {
	font-size:0.9em;
	font-weight:normal;
	color:#0404B4;
	margin-left:15px
}

#passwd_change:hover {
	cursor: pointer;
	color: #3366CC;
}

#password {
  padding:0px;
  width:350px;
}

.capslock {
  background-image: url(../_img/shift.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

/**/

.cards {
}

.card {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card_ended {
	color:#ccc;
}
.card:hover {
	cursor: pointer;
}

.card .issuer {
	float: left ;
	width: 30px ;
}

.cards .issuer img {
	 height: 20px ;
   margin-top: -1px ;
}

.card .alias {
	float: left ;
	width: 250px ;
}

.card .number {
    float: left ;
    width: 200px ;
    font-family: "Inconsolata" ;
    margin-top: 1px ;
}

.card .type {
    float: left ;
    width: 200px ;
}

.card .account {
    float: left ;
    width: 280px ;
}

.card .admin {
    float: right ;
    margin-top: 1px;
    padding-right: 5px;
}

/**/

.card_operations {
	background-color: inherit;
}

.card_operation {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: inherit;
}

.card_operation:hover {
	background-color: #F5F5F5;
  cursor: pointer;
}

.card_operation .date {
    float: left ;
    width: 80px ;
}

.card_operation .label {
      margin-left: 10px;
    float: left ;
    width: 350px ;
}

.card_operation .category {
    float: left ;
    width: 200px ;
}

.card_operation .amount {
    float: right ;
}

/**/

#allornone {

}

#allornone span:hover{
    cursor: pointer;
}

/***/

.logons {
	background-color: inherit;
}

.logon {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: inherit;
}

.logon:hover {
  cursor: pointer;
}

.logon .logondate {
  float: left ;
  width: 200px ;
}

.logon .logonmobile {
  float: left ;
  width: 100px ;
}

.logon .logonmobile img {
  height:18px;
}

.logon .logonip {
  float: left ;
  width: 400px ;
}

.logon .logonreferer {
  float: left ;
  width: 500px ;
}

.logon .logonstatus, .m_logonstatus {
  float: right;
  line-height:18px;
  display:inline-block;
  width:18px;
  border:1px solid lightgrey;
  border-radius:50%;
}

.m_ok, .logon_ok {
  background-color: green;
}

.m_warning, .logon_warning  {
  background-color: orange;
}

.m_critical, .logon_critical {
  background-color: red;
}

/**/

.info_operation {
	padding-top: 15px;
  text-align:left;
}

.info_operation_label, .info_operation_type, .info_operation_category {
	display: inline;
}

.info_operation_label {
  font-size: 1.2em;
}

.info_operation_comment {
  font-size: 1.0em;
	display: inline;
}

.info_operation_amount {
	float: right;
	padding-right: 10px;
  font-size: 1.2em;
}

.info_operation_checked, .info_operation_flagged {
  float: right;
}

.info_operation_period {
  float: right;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #33A4FF;
  font-size: 0.85em;
}

.info_operation_checked img, .info_operation_flagged img, .info_operation_label img {
	height: 18px;
	padding-left: 00px;
	padding-right: 10px;
	margin-bottom: -5px;
}

.info_operation_type img {
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: -8px;
}

.info_operation_day {
	display: inline-block;
	width: 80px;
	text-align: center;
	background-color: lightgrey;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-right: 20px;
  border-bottom: 1px solid grey;
}

.info_operation_month {
	display: inline-block;
	width: 80px;
	text-align: center;
	background-color: lightgrey;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right: 20px;
}

#m_sched_operations_header  {
  	padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1.2em;
}


#m_sched_operations_header img {
  	height: 20px;
    padding-right: 10px;
    margin-bottom: -3px;
}

#m_sched_operations_header .info_operation_period {
  display: inline-block;
  float: none;
  margin-left: 10px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #33A4FF;
  font-size: 0.85em;
}


.m_bank_item{
  display: flex;
  padding: 2px;
}

.m_bank_item {
  margin-top:0px;
  margin-bottom:0px;
}

.m_bank_item_name {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 15%;
}

.m_bank_item_name img {
 height: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-bottom: -3px;
}

.m_bank_item_value {
 display: flex;
 align-items: center;
 width: 85%;
}

.m_bank_item_value img {
 height: 20px;
 margin-right: 20px;
 margin-bottom: 0px;
}

#m_account_details {
  padding: 10px;
  text-align: center;
}

#m_account_details img {
	height: 20px;
  margin-bottom: -5px;
  margin-right: 15px;
}

#m_account_details .m_account_name {
  font-size: 1.1em;
  font-weight: bold;
}

#m_account_details .m_account_bank {
  margin-bottom: 20px;
  margin-top: 20px;
}

#m_account_details .m_account_balance, .m_account_checked_balance {
  margin-top: 5px;
  margin-bottom: 5px;
}

#m_bank_details {
  padding: 10px;
  text-align: center;
}

#m_bank_details img {
	height: 20px;
  margin-bottom: -4px;
  margin-right: 15px;
}

#m_bank_details .m_bank_name {
  font-size: 1.1em;
  font-weight: bold;
}

.chosen_item {
  filter: alpha(opacity=100);
  opacity: 1.0;
  height: 20px;
  margin-bottom: -50px;
}

.unchosen_item {
  filter: alpha(opacity=50);
  filter: grayscale(100%);
  opacity: 0.5;
  height: 20px;
  margin-bottom: -50px;
}

.m_hidden {
  position: fixed;
  top: -100px;
}