html, body{
    height: 100%;
}
body.sonata-bc{
    padding-top: 80px;
}
.sonata-bc .navbar-inverse .navbar-inner{
    background-color: #7e3d80;
    background-image: none;
    border-bottom: 4px solid #1d9b57;
}
.sonata-bc .navbar-inverse .navbar-inner:after{
    border-bottom: 8px solid #4d244e;
    content: "";
    display: block;    
}

/* generic style */
.sonata-bc a{
    color: #1d9b57;
}
.bc-round-corner{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
}
.toggler-divider{
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
    height: 1px;
    overflow: hidden;
    margin: 10px 0;    
}
.sonata-bc .label-success, .sonata-bc .badge-success{
    background-color: #1d9b57;
}
.sonata-bc .label-important, .sonata-bc .badge-important{
    background-color: #ff0000;
}
table input[type='text'],
table textarea{
    width: 100% !important;
}
/* icon */
.active i.icon-chevron-up{ display:inline-block; }
.active i.icon-chevron-down { display:none; }

.inactive i.icon-chevron-down{ display:inline-block; }
.inactive i.icon-chevron-up { display:none; }

.sonata-bc .control-group.error .control-label, .sonata-bc .control-group.error .help-block, .sonata-bc .control-group.error .help-inline {
  color: #ff0000;
}
.sonata-bc .control-group.error input, .sonata-bc .control-group.error select, .sonata-bc .control-group.error textarea {
  border-color: #ff0000;
}

/* login */
.sonata-bc div.connection{
    display: block;
    position: static;
    margin: 60px auto;
    
}
/* menu list */
#cnt-menu{
    border: 1px solid #dddddd;
    padding: 1em;
    background-color: #f5f5f5;
}
#cnt-menu a.toggler{
    color: #7e3d80;
}
#cnt-menu a.toggler:hover{
    text-decoration: none;
    color: #4d244e;
}

/* table dashboard */
.sonata-bc table.sonata-ba-list{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.sonata-bc table.sonata-ba-list .btn.btn-link > span{
    display: block;
    font-weight: normal;
    
}    
.sonata-bc .table th{
    border-bottom: 1px solid #ddd;
}
.sonata-bc .table th,
.sonata-bc .table td{
    border-top: none;
    padding: 1em 2em;
}
.sonata-bc .table td{
    background-color: #f5f5f5;
}
.sonata-bc table.sonata-ba-list .btn{
    background: #919991; /* Old browsers */
    background: -moz-linear-gradient(top,  #919991 0%, #767c76 50%, #686d68 51%, #888e87 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919991), color-stop(50%,#767c76), color-stop(51%,#686d68), color-stop(100%,#888e87)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #919991 0%,#767c76 50%,#686d68 51%,#888e87 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #919991 0%,#767c76 50%,#686d68 51%,#888e87 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #919991 0%,#767c76 50%,#686d68 51%,#888e87 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #919991 0%,#767c76 50%,#686d68 51%,#888e87 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919991', endColorstr='#888e87',GradientType=0 ); /* IE6-9 */
    border: 1px solid #dadada;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 3px 3px 3px #000;
    margin: 0 1em 1em 0;
    min-width: 5em;
    padding: 2em 0.5em 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: #FFF;
}
.sonata-bc table.sonata-ba-list .btn:hover {
   background: #4f5f70; /* Old browsers */

background: -moz-linear-gradient(top,  #4f5f70 0%, #34414f 50%, #3e5771 51%, #2c3e50 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f5f70), color-stop(50%,#34414f), color-stop(51%,#3e5771), color-stop(100%,#2c3e50)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4f5f70 0%,#34414f 50%,#3e5771 51%,#2c3e50 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4f5f70 0%,#34414f 50%,#3e5771 51%,#2c3e50 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4f5f70 0%,#34414f 50%,#3e5771 51%,#2c3e50 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4f5f70 0%,#34414f 50%,#3e5771 51%,#2c3e50 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f5f70', endColorstr='#2c3e50',GradientType=0 ); /* IE6-9 */


}
.sonata-ba-list table.table-striped th,
.sonata-ba-list table.table-striped td{
    border-top: 1px solid #dddddd;
}
.sonata-ba-list table.table-striped th{
    border-bottom: none;        
}

/* filter */
form.sonata-filter-form a.filter-toggler{
    background-color: #f5f5f5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 8px 1%;
    width: 98%;
    color: black;
    font-size: 16px;
    font-weight: bold;
}
form.sonata-filter-form a.filter-toggler span{
    margin-right: 20px;
}
form.sonata-filter-form div.filter-field{
    margin-bottom: 20px;
}
form.sonata-filter-form div.filter-btn{
    text-align: right;
}
div#cnt-filter{
    margin-left: 0;
    min-height: 0;
}

.active i.icon-chevron-up{ display:inline-block; }
.active i.icon-chevron-down { display:none; }

/* msg form */
div.sonata-ba-field-error input{
   color: #ff0000 !important; 
}
.sonata-bc .control-group.error input:focus,
.sonata-bc .control-group.error select:focus,
.sonata-bc .control-group.error textarea:focus{
    border-color: #ff0000;
    box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6)
}
/* footer */
span.logo-footer{
    padding: 5px 10px !important;
    background-color: transparent !important;
}

.sonata-bc .btn, .sonata-bc table.sonata-ba-list .btn{
background: #2c3e50; /* Old browsers */
background: -moz-linear-gradient(top,  #2c3e50 0%, #3e5771 50%, #34414f 51%, #4f5f70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3e50), color-stop(50%,#3e5771), color-stop(51%,#34414f), color-stop(100%,#4f5f70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2c3e50 0%,#3e5771 50%,#34414f 51%,#4f5f70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2c3e50 0%,#3e5771 50%,#34414f 51%,#4f5f70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2c3e50 0%,#3e5771 50%,#34414f 51%,#4f5f70 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2c3e50 0%,#3e5771 50%,#34414f 51%,#4f5f70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e50', endColorstr='#4f5f70',GradientType=0 ); /* IE6-9 */
text-shadow: none;
color: white;
}

.sonata-bc .btn:hover, .sonata-bc .btn:focus, .sonata-bc .btn:active, .sonata-bc .btn.active, .sonata-bc .btn.disabled, .sonata-bc .btn[disabled] {
color: #ffffff;
background-color: #3e5771;
}

.sonata-bc .btn-primary {
color: wheat;
}

.sonata-bc table.sonata-ba-list .btn.btn-link > span{
    white-space: normal;
    width: 90px;
    text-transform: lowercase;
}

#graph-table tr td {
   padding: 0;
}

#total-table tr th {
   text-align: right;
}

/* ange prototype */
.prototype{
   position: absolute;
   z-index: 10000;
   margin: 0;
   padding: 0;
}
.prototype-dx{
   top: 0;
   right: 0;
}
.prototype-sx{
   top: 0;
   left: 0;
}
.prototype-btm-dx{
   position: fixed;
   bottom: 0;
   right: 0;
}

.sonata-bc .navbar a.brand {
line-height: 50px !important;
}

.sonata-bc [class^="icon-"], .sonata-bc [class*=" icon-"], .sonata-bc .icon-edit {
   background-image: url("../bootstrap/img/glyphicons-halflings-white.png") !important;
}

#total-table-expenses td ,
#total-table-earning td {
   padding: 0.3em;
   font-weight: normal;
}

#total-table-expenses th,
#total-table-earning th {
   padding: 0.3em;
   text-align: right;
}
#total-table-expenses tr:first-child td, 
#total-table-earning tr:first-child td {
    font-size: 1.3em;
    text-align: center;
    padding: 0.3em 0.3em 0;
}
#graph-table tr:first-child th {
    font-size: 1.3em;
    text-align: center;
    padding: 0.3em;
}
#total-table-expenses tr:last-child td, 
#total-table-earning tr:last-child td {
    font-weight: bold;
}
.sonata-bc select, .sonata-bc textarea, .sonata-bc input[type="text"], .sonata-bc input[type="password"], .sonata-bc input[type="datetime"], .sonata-bc input[type="datetime-local"], .sonata-bc input[type="date"], .sonata-bc input[type="month"], .sonata-bc input[type="time"], .sonata-bc input[type="week"], .sonata-bc input[type="number"], .sonata-bc input[type="email"], .sonata-bc input[type="url"], .sonata-bc input[type="search"], .sonata-bc input[type="tel"], .sonata-bc input[type="color"], .sonata-bc .uneditable-input {
color: #444444;
}

#home-table a{
    padding: 4em 2.5em 2.5em;
}

.sonata-bc .alert-danger, .sonata-bc .alert-error {
color: white;
text-shadow: none;
}

.sonata-bc .alert-success {
color: white;
text-shadow: none;
}

.sonata-bc .btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #e95d4e;
background-image: -moz-linear-gradient(top, #e74c3c, #ed7669);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e74c3c), to(#ed7669));
background-image: -webkit-linear-gradient(top, #e74c3c, #ed7669);
background-image: -o-linear-gradient(top, #e74c3c, #ed7669);
background-image: linear-gradient(to bottom, #e74c3c, #ed7669);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe74c3c', endColorstr='#ffed7669', GradientType=0);
border-color: #ed7669 #ed7669 #e43725;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.sonata-ba-list-field-actions{
    position: relative;
    width: 40px;
}
.sonata-ba-list-field-actions div.opener {
   display: inline-block;
   height: 20px;
   width: 20px;
   overflow: visible;
   position: relative;
}
.sonata-ba-list-field-actions div.action-popup {
   //display: block;
   //opacity: 0;
   position: absolute;
   right: 30px;
   top: 2px;
  // transition: opacity 0.4s ease 0s;
   //z-index: 1000;
}
/*.sonata-ba-list-field-actions div.opener:hover div.action-popup{
    opacity: 1;    
}*/

/*.table-statistics, .table-graph {
   float: left;
   margin: 0.9% !important;
   padding: 0 !important;
   width: 48% !important;
}*/
.table-graph {
   float: left;
   margin: 0.8% !important;
   padding: 0 !important;
   width: 19% !important;
}

.sonata-bc .btn:hover {
   color: wheat;
}

.inner-expenses-list{
     display: none;
     position: relative;
}

.inner-expenses-list div {
position: absolute;
bottom: 0;
right: 0;
width: 200px;
height: 300px;
background: white;
padding: 10px;
border: 1px solid lightgray;
font-size: 80%;
}

.inner-expenses-list div ul {
    padding: 0;
    margin: 0;
}

.inner-expenses-list div ul li {

list-style: none;
border-bottom: 1px solid lightgray;
text-align: left;
}

.expenses-table td:hover div{
    display: block;
}

.sonata-bc td.sonata-ba-list-label {
    text-align: left !important;
}

.sonata-bc td.sonata-ba-list-label.align-right ,
.sonata-bc th.sonata-ba-list-field-header.align-right {
    text-align: right !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable{
    margin-top: 60px;
    top: 0px !important;
}