/*--- ANIMABLE ---*/
/*Default anim. Opacity*/
.hidable {opacity: 0; transition: opacity ease-in-out 0.5s;}
.hidable.hidable_visible {opacity: 1;}
.hidable.hidable_visible.btn:disabled, 
.hidable.hidable_visible.tool-item:disabled {opacity: 0.4;}

/*--- FADABLE ---*/
.start_fade {opacity: 0; transition: opacity ease-in-out 0.5s;}
/*.fadable, .start_fade {opacity: 0; transition: opacity ease-in-out 0.5s;}
.fadable_visible {opacity: 1;}*/
.hidable.animable {
    transform: scaleY(1.0);
    transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s;
}
    .hidable.animable:not(.hidable_visible) {
        transform: scaleY(0.0);
    }
/*Non table row that can scale, and move content below.*/
.hidable.dropable {
    transition: margin-top 0.1s ease-in-out, opacity ease-in-out 0.1s;
}
    .hidable.dropable:not(.hidable_visible) {
        margin-top: -100px;
    }
    .hidable.dropable.dropout:not(.hidable_visible) {
        margin-top: 200px;
    }
/*Non table row that can scale, and move content below.*/
.hidable.swipable {
    transition: transform 0.3s ease-in-out, opacity ease-in-out 0.1s;
    transform: translateX(0);
}
    .hidable.swipable:not(.hidable_visible) {
        transform: translateX(-100px);
    }
    .hidable.swipable.swipeout:not(.hidable_visible) {
        transform: translateX(200px);
    }
/*Non table row that can scale, and move content below.*/
.hidable.scalable {
    overflow: hidden;
    max-height: 500px;
    transition: max-height 0.65s ease-in, padding ease-in-out 0.5s, margin ease-in-out 0.5s, opacity ease-in-out 0.5s;
}
    .hidable.scalable:not(.hidable_visible) {
        /*height:0px;*/
        max-height: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*margin-top:-100px;*/
    }
/*Tablerow that can scale, and move content below.*/
tr.hidable.scalable td {
    overflow: hidden;
    transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s, border ease-in-out 0.5s, line-height ease-in-out 0.5s, padding ease-in-out 0.5s;
}
tr.hidable.scalable:not(.hidable_visible) td {
    line-height: 0px;
    border:0;
    padding-top: 0px;
    padding-bottom: 0px;

}
/*.hidable.hidable_visible {
    opacity: 1;
    transform: scaleY(1.0);
} */
.animslow, .ans1000 {transition-duration:1.0s,1.0s,1.0s,1.0s !important;} .ans50 {transition-duration: 0.05s,0.05s,0.05s,0.05s !important;} .ans100 {transition-duration: 0.1s,0.1s,0.1s,0.1s !important;} .ans200 {transition-duration: 0.2s,0.2s,0.2s,0.2s !important;} .ans300 {transition-duration: 0.3s,0.3s,0.3s,0.3s !important;}
/*--- FADABLE END ---*/