.my-animate .ng-enter,
.my-animate .ng-leave {
  transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  position: relative;
  display: block;
}
.my-animate .ng-enter.ng-enter-active,
.my-animate .ng-leave {
  opacity: 1;
  top: 0;
  height: 30px;
}
.my-animate .ng-leave.ng-leave-active,
.my-animate .ng-enter {
  opacity: 0;
  top: -50px;
  height: 0px;
}


.item-complex .item-content, .item-radio .item-content {
position: relative;
z-index: 2;
padding: 0 !important;
border: none;
background-color: white;
}


.item {
border-color: #ddd;
background-color: #fff;
color: #444;
position: relative;
z-index: 2;
display: block;
margin: -1px;
padding: 16px;
border-width: 1px;
border-style: solid;
font-size: 14px !important;
}

.item-avatar-right, .item-avatar-right .item-content {
padding-right: 81px !important;
min-height: 71px !important;
}
.item-avatar-right > img:first-child, .item-avatar-right .item-image, .item-avatar-right .item-content > img:first-child, .item-avatar-right .item-content .item-image {
position: absolute;
top: 4px !important;
right: 5px !important;
max-width: 70px !important;
max-height: 61px !important;
width: 100%;
border-radius: 4px;
}
$red: #e74c3c;

.toggle input:checked+.track {
border-color: darken( $red, 20% ) !important ;
background-color: $red !important;
}
.item-toggle{
  pointer-events:initial !important;
}
.animate-hide {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
  line-height:20px;
  opacity:1;
  padding:10px;
  border:0px solid black;
  background:white;
}

.animate-hide.ng-hide {
  line-height:0;
  opacity:0;
  padding:0 10px;
}

.check-element {
  padding:10px;
  border:0px solid black;
  background:white;
}