﻿/***********cls FLEX */
.alignItmCenter {
    height: 100%;
    display: flex /*important*/;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: inherit;
}



.flexWrap {
    display: flex;
    flex-wrap: wrap;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

.flexCol {
    display: flex !important;
    flex-direction: column;
}

.flexStart {
    align-items: flex-start;
}

.flexCenter {
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
}

.inlineflex {
    display: inline-flex;
}

.flexVerticalCenter {
    align-items: center;
}

.flexGrow {
    flex-grow: 1;
}

.flexChildEquals {
    flex-grow: 1;
    flex-basis: 0;
}

.flexBasis {
    flex-basis: 100%;
}

.flex {
    flex: 1 1 0;
}

.flexEnd {
    display: flex;
    align-items: flex-end;
}

.flexEndContent {
    display: flex;
    align-items: flex-end;
    justify-content: end;
}

.flexSelf {
    align-self: flex-end;
}

.flexSelfCenter {
    align-self: center;
}

.flexJustifyEnd {
    justify-content: end;
}

.flexJustifyStart {
    justify-content: start;
}


.flexJustifyCenter {
    justify-content: center;
}




.jello-horizontal {
    -webkit-animation: jello-horizontal 3s 5s infinite both;
    animation: jello-horizontal 3s 5s infinite both;
}

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    40% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    50% {
        -webkit-transform: scale3d(1.10, 0.90, 1);
        transform: scale3d(1.10, 0.90, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    40% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    50% {
        -webkit-transform: scale3d(1.10, 0.90, 1);
        transform: scale3d(1.10, 0.90, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-1 18:57:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


.blink-2 {
    -webkit-animation: blink-2 3s infinite both;
    animation: blink-2 3s infinite both;
}
/**
 * ----------------------------------------
 * animation blink-2
 * ----------------------------------------
 */
@-webkit-keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0; /* 0.2;*/
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
       opacity: 0; /* 0.2;*/
    }

    100% {
        opacity: 1;
    }
}


/**************class generique*/
label,
span{
    cursor:inherit;
}
.hide {
    display: none !important;
}


.clsErr{
    color:red;
}
.clsClick {
    cursor: pointer;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.upper {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}
.scrollCustom {
    height: calc(100%);
}
 
 
.shortTxt {
    text-overflow: ellipsis;
	
    white-space: nowrap;
    /*width: 50%;*/
    overflow: hidden;
}
.txtShortWidth{
    min-width:0;
}

.disabled{
    opacity:0.5;
}