#calendar {
    background: #eee;
       padding: 20px 10px;


  }
  .fc-past {
    color: #ad2f2f;
    opacity: 0.3;
}
.fc-future {
    color: green;
    
}

.fc-day-number {
  font-size:20px;
}
.fc-unthemed td.fc-today {
     background: #8eb4cb;
     background:{{$color}};
    color: red;
}
.fc-button {
    background: #2ab27b;
    color: white;
}
.fc-listWeek-button, .fc-month-button , .fc-agendaWeek-button ,.fc-agendaDay-button {
    background: #8eb4cb;
}
.fc-center h2 {
  color: #bf5329;
}
.col-md-6 {
    margin-top: 10px;
}
.fc-day-top {
  cursor: pointer;
}
.fc-state-active {
    background: #3097d1;
}
a.fc-event {
    cursor: pointer;
}
.fc-list-item{
  cursor: pointer;
}
.fc-event, .fc-event:hover {
    color: #707898;
    text-decoration: none;
}


.fc-event{
    background-color: #f4f4f4;
     padding: 5px;
         margin-bottom: 5px;


}
.fc-list-table {
  background-color:{{$color}};
}

.expense-event.expense-bg{
  background-color:#bf5329;
  color:#fff;
}
.expense-event.income-bg {
  background-color:#2ab27b;
  color:#fff;
}
@media only screen and (max-width: 500px) {
 .container-fluid{
  padding:10px 0px;
}
.fc-event{
  margin-top: -10px !important;
    margin-bottom: 10px;
}
}

.table-hover tbody tr {
    cursor: pointer;
}

#gas-data-table{
  width: 100% !important;
}
div#gas-data-table_length {
    float: left;
}
.dt-buttons {
    margin-left: 24%;
}
.dt-buttons button {
    background: transparent;
    border: 1px solid #3097d1;
    color: #3097d1;
   
}
button.toggleView {
    margin-bottom: 20px;
}

.gas-user .card .user {
  height: 65px;
}
.gas-user hr {
      margin-top: 10px;
    margin-bottom: 15px;
}
.gas-user span.gas-amount {
    font-size: 20px;
}
.gas-user .card-container {
  height: 510px;
  }
 .gas-user .front, .gas-user .back {
    width: 93%;
      min-height: 510px;
      overflow:   auto;
    border-radius: 4px;
}
}

.gas-user .view-gas {
    margin-top: 20px;
}

.gas-model-row .col-md-6{
  margin-top: 0px;

}

.see-users{
  float: left;
  margin-right: 30px;
}

.this-month-sum {
    POSITION: absolute;
    top: 25px;
    left: 10px;
    font-weight: 600;
 
}
.this-year-sum {
    POSITION: absolute;
    top: 25px;
    right: 10px;
    font-weight: 600;

}
.view-gas {
    margin-top: 20px;
}


.view-expense {
    margin-top: 12px;
}

.expense-user .card .user {
  /*height: 65px;*/
}
.expense-user hr {
    margin-top: 8px;
    margin-bottom: 8px;
}
.expense-user span.expense-amount {
    font-size: 13px;
}
.expense-user .card-container {
  height: 560px;
  }
 .expense-user .front, .expense-user .back {
    width: 93%;
      min-height: 560px;
      overflow:   scroll;
      -webkit-overflow-scrolling: touch;
    border-radius: 4px;
}


.expense-user .view-expense {
    margin-top: 20px;
}

.expense-model-row .col-md-6{
  margin-top: 0px;

}


div#expense-data-table_length {
    float: left;
}
div#income-data-table_length {
    float: left;
}
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 105%;
  z-index: 9999;
  background-color: white !important;
  background: url('http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif?e44397') 50% 50% no-repeat rgb(249,249,249);
}


.filter-bottom-section{
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #ccc;
}


#income-data-table_wrapper .dt-buttons, #expense-data-table_wrapper .dt-buttons {
    margin-left: 11%;
}

.repeat-task {
  position:absolute;
  background: #fff;
  padding: 10px;
  z-index: 10;
  margin-bottom: 10px;
}

.dataTables_length {
  width: fit-content;
  float: left;
}