.reporting_page_header {
    padding-bottom: 9px;
    margin: 25px 0 35px;
    border-bottom: 1px solid #eee;
}
.range-style {
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
}

.hover:hover{
  cursor: grab;
  cursor: -webkit-grab;
}

/*
=============================================
    FIRST STYLE
=============================================
*/
.panel-first-style {
    border: 1px solid #bbdefb !important;
}

.panel-header-first-style {
    background: #bbdefb !important;
    text-align: center;
    font-weight: normal;
}

/*
=============================================
    SECOND STYLE
=============================================
*/

.panel-second-style {
    border: 1px solid #c8e6c9 !important;
}

.panel-header-second-style {
    background-color: #c8e6c9 !important;
    text-align: center;
    font-weight: bold;
}

/*
=============================================
    THIRD STYLE
=============================================
*/

.panel-third-style {
    border: 1px solid #ffccbc !important;
}

.panel-header-third-style {
    background-color: #ffccbc !important;
    text-align: center;
    font-weight: bold;
}

/*
=============================================
    BUTTON STYLE
=============================================
*/

.myButton{
    background: #d9534f !important;
    /* background: #d9534f !important; */
    /* color: #37474f !important; */
    color: #fff !important;
    height: 34px !important;
    /* border: 1px solid #bdbdbd !important; */
    /* border: 1px solid #428bca !important; */
    border: none !important;
}

.dropdown-menu > li > a {
    color: #37474f !important;
}

.dropdown-menu > .active > a {
    color:#fff !important;
    background-color: #d9534f !important;
}

.detail-icon {
    color: #e57373 !important;
}

.pagination > .active > a{
    color:#fff !important;
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.filter-style {
    padding-top: 10px;
}

.sale-button {
    color: #fff !important;
    background: #81c784;
    border-color: #81c784;
}
.sale-button:hover{
    color: #fff !important;
    background: #81c784;
    border-color: #81c784;
}

.purchase-button {
    color: #fff !important;
    background: #ffb74d;
    border-color: #ffb74d;
}
.purchase-button:hover{
    color: #fff !important;
    background: #ffb74d;
    border-color: #ffb74d;
}

.expense-button {
    color: #fff !important;
    background: #e57373;
    border-color: #e57373;
}
.expense-button:hover{
    color: #fff !important;
    background: #e57373;
    border-color: #e57373;
}

.balance-button {
    color: #fff !important;
    background: #0288d1;
    border-color: #0288d1;
}
.balance-button:hover{
    color: #fff !important;
    background: #0288d1;
    border-color: #0288d1;
}
.chart-container{
    width: 100%;
}