html {
    background-color:#edecec;
}

#header {
    background: #7fb851;
}
#header .logo {
    margin-right: 20px;
}

#header .rabbit {
    margin-right: 20px;
    width: 30px;
    height: 40px;
    cursor: default;
    background:transparent url('../images/rabbit.svg') center top no-repeat;
}

#header .rabbit:hover {
   background-image: url('../images/rabbit2.svg');
}

footer {
    bottom:0;
}

body.login-content:before {
    height: 100%;
    background: #95c619; /* Old browsers */
    background: -moz-linear-gradient(top,  #95c619 0%, #8bc34a 100%, #7fb851 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #95c619 0%,#8bc34a 100%,#7fb851 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #95c619 0%,#8bc34a 100%,#7fb851 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c619', endColorstr='#7fb851',GradientType=0 ); /* IE6-9 */
}

.white {
    color:#fff;
}

.green {
  background-color: #7fb851 !important;
  color: #fff;
}

.green h2 {
  color: #fff;
}

btn-success {
  background-color: #7fb851 !important;    
}

.preloader.pls-green .plc-path {
  stroke: #7fb851;
}

.item {
    padding: 15px 23px;
    border-bottom: 1px solid #eee;
}
@media (max-width: 991px) {
.item {
    padding: 15px 18px;
}
}

.media {
    padding: 15px 23px;
    border-bottom: 1px solid #eee;
}
@media (max-width: 991px) {
.media {
    padding: 15px 18px;
}
}

.title {
    font-size:16px;
    color: #666
}

.small {
    font-size:13px;
    color: #999;
}

@media (max-width: 991px) {
  .small {
    display:none;
}
}

.btn-margin-edit {
    float:right; 
    margin-top: -35px; 
    margin-right:80px;
}

@media (max-width: 991px) {
  .btn-margin-edit {
    margin-top: -27px; 
    margin-right:10px;
}
}

.btn-margin-delete {
    float:right; 
    margin-top: -35px;
}

@media (max-width: 991px) {
  .btn-margin-delete {
    margin-top: -27px;
}
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #7fb851 !important;
  border-color: #ffffff;
  cursor: default;
}

.alert-success {
  background-color: rgba(127, 184, 81, 0.8) !important;
  border-color: transparent;
  color: #ffffff;
}

thead {
    background: #95c619; /* Old browsers */
    background: -moz-linear-gradient(top,  #95c619 0%, #8bc34a 100%, #7fb851 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #95c619 0%,#8bc34a 100%,#7fb851 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #95c619 0%,#8bc34a 100%,#7fb851 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c619', endColorstr='#7fb851',GradientType=0 ); /* IE6-9 */
    color:#fff;
}

.modal-backdrop {
    z-index: 0 !important;
}

p { margin-bottom: 0px; }


.close-right {
    display:block; 
    position:relative; 
    margin:-70px 75px 0 0; 
    width:10px; 
    height:10px; 
    float:right;
}


.menudemoMenuWidth .md-menu-demo {
  padding: 24px; }

.menudemoMenuWidth .menu-demo-container {
  min-height: 200px; }


a.no-color {
  color: #666;
  text-decoration: none;
}

a:hover.no-color ,
a:focus.no-color  {
  color: #333;
  text-decoration: none;
}

.clist > li::before {
    margin: 0 10px 0 -40px;
}

#todo-lists {
  font-family: roboto-light;
}

.modal-open {
    padding-right: 0 !important;
}

.commands {display: none;}
@media (min-width: 500px) {
    .commands {display:block;}
}

md-content {
    background-color: #fff;
}