/* Filéa : styles des extensions (animations, listes de sélection) */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes bounce { 0%,
    100%,
    20%,
    50%,
    80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%,
    100%,
    20%,
    50%,
    80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }
@-webkit-keyframes flash { 0%,
    100%,
    50% { opacity: 1; } 25%,
    75% { opacity: 0; } }
@keyframes flash { 0%,
    100%,
    50% { opacity: 1; } 25%,
    75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes shake { 0%,
    100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%,
    40%,
    60%,
    80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%,
    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%,
    40%,
    60%,
    80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }
@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } }
@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%,
    20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%,
    50%,
    70%,
    90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%,
    60%,
    80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%,
    20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%,
    50%,
    70%,
    90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%,
    60%,
    80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }
@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes wobble { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } }
@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg)
            scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg)
            scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg)
            scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg)
            scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg)
            scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg)
            scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } }
.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } }
.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }
@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,
    60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,
    60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }
@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }
@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }
.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear { position: relative; }
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }
.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
.select2-container--default.select2-container--disabled
    .select2-selection--single
    .select2-selection__clear,
.select2-search--dropdown.select2-search--hide { display: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }
.select2-container--classic .select2-results > .select2-results__options,
.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
.select2-container .select2-search--inline { float: left; }
.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }
.select2-container
    .select2-search--inline
    .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
.select2-dropdown { background-color: #FFFFFF; border: 1px solid #857D70; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }
.select2-results { display: block; }
.select2-results__options { list-style: none; margin: 0; padding: 0; }
.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
.select2-results__option[aria-selected] { cursor: pointer; }
.select2-container--open .select2-dropdown { left: 0; }
.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-search--dropdown { display: block; padding: 4px; }
.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: transparent; }
.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
.select2 { max-width: 100%; }
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single { background-color: #FFFFFF; border: 1px solid #857D70; border-radius: 4px; }
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered { color: #14232B; line-height: 28px; }
.select2-container--default
    .select2-selection--single
    .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; }
.select2-container--default .select2-results__option[aria-disabled="true"],
.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder { color: #857D70; }
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b { border-color: #4A5A62 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
.select2-container--default[dir="rtl"]
    .select2-selection--single
    .select2-selection__clear { float: left; }
.select2-container--default[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow { left: 1px; right: auto; }
.select2-container--default.select2-container--disabled
    .select2-selection--single { background-color: #EEEAE2; cursor: default; }
.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b { border-color: transparent transparent #4A5A62; border-width: 0 4px 5px; }
.select2-container--default .select2-selection--multiple { background-color: #FFFFFF; border: 1px solid #857D70; border-radius: 4px; cursor: text; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 5px 5px 0 0; width: 100%; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li { list-style: none; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__placeholder { color: #857D70; margin-top: 5px; float: left; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice { background-color: #D8D2C6; border: 1px solid #857D70; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove { color: #857D70; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; }
.select2-container--classic
    .select2-selection--multiple
    .select2-selection__clear,
.select2-container--default.select2-container--disabled
    .select2-selection__choice__remove { display: none; }
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover { color: #14232B; }
.select2-container--default[dir="rtl"]
    .select2-selection--multiple
    .select2-search--inline,
.select2-container--default[dir="rtl"]
    .select2-selection--multiple
    .select2-selection__choice,
.select2-container--default[dir="rtl"]
    .select2-selection--multiple
    .select2-selection__placeholder { float: right; }
.select2-container--default[dir="rtl"]
    .select2-selection--multiple
    .select2-selection__choice { margin-left: 5px; margin-right: auto; }
.select2-container--default[dir="rtl"]
    .select2-selection--multiple
    .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }
.select2-container--default.select2-container--focus
    .select2-selection--multiple { border: 1px solid #14232B; outline: 0; }
.select2-container--default.select2-container--disabled
    .select2-selection--multiple { background-color: #EEEAE2; cursor: default; }
.select2-container--default.select2-container--open.select2-container--above
    .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above
    .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #EEEAE2; }
.select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }
.select2-container--default .select2-results__option[role="group"] { padding: 0; }
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: #D8D2C6; }
.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }
.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__group { padding-left: 0; }
.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option { margin-left: -1em; padding-left: 2em; }
.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option { margin-left: -2em; padding-left: 3em; }
.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option { margin-left: -3em; padding-left: 4em; }
.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option { margin-left: -4em; padding-left: 5em; }
.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option { margin-left: -5em; padding-left: 6em; }
.select2-container--default
    .select2-results__option--highlighted[aria-selected] { background-color: var(--f-primary); color: #FFFFFF; }
.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }
.select2-container--classic .select2-selection--single { background-color: #F5F3EE; border: 1px solid #857D70; border-radius: 4px; outline: 0; background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, #FFFFFF),
        to(#EEEAE2)
    ); background-image: linear-gradient(#FFFFFF, #FFFFFF); background-repeat: repeat-x; }
.select2-container--classic .select2-selection--single:focus { border: 1px solid var(--f-primary); }
.select2-container--classic
    .select2-selection--single
    .select2-selection__rendered { color: #14232B; line-height: 28px; }
.select2-container--classic
    .select2-selection--single
    .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px; }
.select2-container--classic
    .select2-selection--single
    .select2-selection__placeholder { color: #857D70; }
.select2-container--classic
    .select2-selection--single
    .select2-selection__arrow { background-color: #D8D2C6; border: none; border-left: 1px solid #857D70; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, #EEEAE2),
        to(#D8D2C6)
    ); background-image: linear-gradient(#EEEAE2, #EEEAE2); background-repeat: repeat-x; }
.select2-container--classic
    .select2-selection--single
    .select2-selection__arrow
    b { border-color: #4A5A62 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
.select2-container--classic[dir="rtl"]
    .select2-selection--single
    .select2-selection__clear { float: left; }
.select2-container--classic[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow { border: none; border-right: 1px solid #857D70; border-radius: 4px 0 0 4px; left: 1px; right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid var(--f-primary); }
.select2-container--classic.select2-container--open
    .select2-selection--single
    .select2-selection__arrow { background: 0 0; border: none; }
.select2-container--classic.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b { border-color: transparent transparent #4A5A62; border-width: 0 4px 5px; }
.select2-container--classic.select2-container--open.select2-container--above
    .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(white),
        color-stop(50%, #EEEAE2)
    ); background-image: linear-gradient(#FFFFFF, #FFFFFF); background-repeat: repeat-x; }
.select2-container--classic.select2-container--open.select2-container--below
    .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, #EEEAE2),
        to(white)
    ); background-image: linear-gradient(#EEEAE2, #EEEAE2); background-repeat: repeat-x; }
.select2-container--classic .select2-selection--multiple { background-color: #FFFFFF; border: 1px solid #857D70; border-radius: 4px; cursor: text; outline: 0; }
.select2-container--classic .select2-selection--multiple:focus { border: 1px solid var(--f-primary); }
.select2-container--classic
    .select2-selection--multiple
    .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }
.select2-container--classic
    .select2-selection--multiple
    .select2-selection__choice { background-color: #D8D2C6; border: 1px solid #857D70; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.select2-container--classic
    .select2-selection--multiple
    .select2-selection__choice__remove { color: #4A5A62; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; }
.select2-container--classic
    .select2-selection--multiple
    .select2-selection__choice__remove:hover { color: #4A5A62; }
.select2-container--classic[dir="rtl"]
    .select2-selection--multiple
    .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; }
.select2-container--classic[dir="rtl"]
    .select2-selection--multiple
    .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }
.select2-container--classic.select2-container--open
    .select2-selection--multiple { border: 1px solid var(--f-primary); }
.select2-container--classic.select2-container--open.select2-container--above
    .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below
    .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #857D70; outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.select2-container--classic .select2-dropdown { background-color: #FFFFFF; border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above { border-bottom: none; }
.select2-container--classic .select2-dropdown--below { border-top: none; }
.select2-container--classic .select2-results__option[role="group"] { padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; }
.select2-container--classic
    .select2-results__option--highlighted[aria-selected] { background-color: #0E5468; color: #FFFFFF; }
.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown { border-color: var(--f-primary); }
@-webkit-keyframes swal2-show { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes swal2-show { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } }
@keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } }
@-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 19px; left: 1px; width: 0; } 54% { top: 17px; left: 2px; width: 0; } 70% { top: 35px; left: -6px; width: 50px; } 84% { top: 48px; left: 21px; width: 17px; } 100% { top: 45px; left: 14px; width: 25px; } }
@keyframes swal2-animate-success-line-tip { 0% { top: 19px; left: 1px; width: 0; } 54% { top: 17px; left: 2px; width: 0; } 70% { top: 35px; left: -6px; width: 50px; } 84% { top: 48px; left: 21px; width: 17px; } 100% { top: 45px; left: 14px; width: 25px; } }
@-webkit-keyframes swal2-animate-success-line-long { 0% { top: 54px; right: 46px; width: 0; } 65% { top: 54px; right: 46px; width: 0; } 84% { top: 35px; right: 0; width: 55px; } 100% { top: 38px; right: 8px; width: 47px; } }
@keyframes swal2-animate-success-line-long { 0% { top: 54px; right: 46px; width: 0; } 65% { top: 54px; right: 46px; width: 0; } 84% { top: 35px; right: 0; width: 55px; } 100% { top: 38px; right: 8px; width: 47px; } }
@-webkit-keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } }
@keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } }
@-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 50% { margin-top: 26px; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 80% { margin-top: -6px; -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes swal2-animate-error-x-mark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 50% { margin-top: 26px; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 80% { margin-top: -6px; -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@-webkit-keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } }
@keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } }
body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
body.swal2-toast-shown.swal2-has-input
    > .swal2-container
    > .swal2-toast
    .swal2-actions { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 2.2em; }
body.swal2-toast-shown.swal2-has-input
    > .swal2-container
    > .swal2-toast
    .swal2-loading { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
body.swal2-toast-shown.swal2-has-input
    > .swal2-container
    > .swal2-toast
    .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; }
body.swal2-toast-shown.swal2-has-input
    > .swal2-container
    > .swal2-toast
    .swal2-validationerror { font-size: 1em; }
body.swal2-toast-shown > .swal2-container { position: fixed; background-color: transparent; }
body.swal2-toast-shown > .swal2-container.swal2-shown { background-color: transparent; }
body.swal2-toast-shown > .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-top-end,
body.swal2-toast-shown > .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; }
body.swal2-toast-shown > .swal2-container.swal2-top-left,
body.swal2-toast-shown > .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0; }
body.swal2-toast-shown > .swal2-container.swal2-center-left,
body.swal2-toast-shown > .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
body.swal2-toast-shown > .swal2-container.swal2-center-end,
body.swal2-toast-shown > .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-bottom-left,
body.swal2-toast-shown > .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0; left: 0; }
body.swal2-toast-shown > .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-bottom-end,
body.swal2-toast-shown > .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; }
.swal2-popup.swal2-toast { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; padding: 0.625em; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); overflow-y: hidden; }
.swal2-popup.swal2-toast .swal2-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.swal2-popup.swal2-toast .swal2-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; }
.swal2-popup.swal2-toast .swal2-close { position: initial; }
.swal2-popup.swal2-toast .swal2-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1em; }
.swal2-popup.swal2-toast .swal2-icon { width: 32px; min-width: 32px; height: 32px; margin: 0; }
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 32px; height: 32px; }
.swal2-popup.swal2-toast .swal2-icon.swal2-info,
.swal2-popup.swal2-toast .swal2-icon.swal2-question,
.swal2-popup.swal2-toast .swal2-icon.swal2-warning { font-size: 26px; line-height: 32px; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 14px; width: 22px; }
.swal2-popup.swal2-toast
    .swal2-icon.swal2-error
    [class^="swal2-x-mark-line"][class$="left"] { left: 5px; }
.swal2-popup.swal2-toast
    .swal2-icon.swal2-error
    [class^="swal2-x-mark-line"][class$="right"] { right: 5px; }
.swal2-popup.swal2-toast .swal2-actions { height: auto; margin: 0 0.3125em; }
.swal2-popup.swal2-toast .swal2-styled { margin: 0 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; }
.swal2-popup.swal2-toast .swal2-styled:focus { -webkit-box-shadow: 0 0 0 1px #FFFFFF,
        0 0 0 2px rgba(14, 84, 104, 0.4); box-shadow: 0 0 0 1px #FFFFFF,
        0 0 0 2px rgba(14, 84, 104, 0.4); }
.swal2-popup.swal2-toast .swal2-success { border-color: #1D6B3E; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 32px; height: 45px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; }
.swal2-popup.swal2-toast
    .swal2-success
    [class^="swal2-success-circular-line"][class$="left"] { top: -4px; left: -15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 32px 32px; transform-origin: 32px 32px; border-radius: 64px 0 0 64px; }
.swal2-popup.swal2-toast
    .swal2-success
    [class^="swal2-success-circular-line"][class$="right"] { top: -4px; left: 15px; -webkit-transform-origin: 0 32px; transform-origin: 0 32px; border-radius: 0 64px 64px 0; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 32px; height: 32px; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 7px; width: 7px; height: 43px; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] { height: 5px; }
.swal2-popup.swal2-toast
    .swal2-success
    [class^="swal2-success-line"][class$="tip"] { top: 18px; left: 3px; width: 12px; }
.swal2-popup.swal2-toast
    .swal2-success
    [class^="swal2-success-line"][class$="long"] { top: 15px; right: 3px; width: 22px; }
.swal2-popup.swal2-toast.swal2-show { -webkit-animation: showSweetToast 0.5s; animation: showSweetToast 0.5s; }
.swal2-popup.swal2-toast.swal2-hide { -webkit-animation: hideSweetToast 0.2s forwards; animation: hideSweetToast 0.2s forwards; }
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: animate-toast-success-tip 0.75s; animation: animate-toast-success-tip 0.75s; }
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: animate-toast-success-long 0.75s; animation: animate-toast-success-long 0.75s; }
@-webkit-keyframes showSweetToast { 0% { -webkit-transform: translateY(-10px) rotateZ(2deg); transform: translateY(-10px) rotateZ(2deg); opacity: 0; } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: 0.5; } 66% { -webkit-transform: translateY(5px) rotateZ(2deg); transform: translateY(5px) rotateZ(2deg); opacity: 0.7; } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1; } }
@keyframes showSweetToast { 0% { -webkit-transform: translateY(-10px) rotateZ(2deg); transform: translateY(-10px) rotateZ(2deg); opacity: 0; } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: 0.5; } 66% { -webkit-transform: translateY(5px) rotateZ(2deg); transform: translateY(5px) rotateZ(2deg); opacity: 0.7; } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1; } }
@-webkit-keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: 0.5; } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0; } }
@keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: 0.5; } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0; } }
@-webkit-keyframes animate-toast-success-tip { 0% { top: 9px; left: 1px; width: 0; } 54% { top: 2px; left: 2px; width: 0; } 70% { top: 10px; left: -4px; width: 26px; } 84% { top: 17px; left: 12px; width: 8px; } 100% { top: 18px; left: 3px; width: 12px; } }
@keyframes animate-toast-success-tip { 0% { top: 9px; left: 1px; width: 0; } 54% { top: 2px; left: 2px; width: 0; } 70% { top: 10px; left: -4px; width: 26px; } 84% { top: 17px; left: 12px; width: 8px; } 100% { top: 18px; left: 3px; width: 12px; } }
@-webkit-keyframes animate-toast-success-long { 0% { top: 26px; right: 22px; width: 0; } 65% { top: 20px; right: 15px; width: 0; } 84% { top: 15px; right: 0; width: 18px; } 100% { top: 15px; right: 3px; width: 22px; } }
@keyframes animate-toast-success-long { 0% { top: 26px; right: 22px; width: 0; } 65% { top: 20px; right: 15px; width: 0; } 84% { top: 15px; right: 0; width: 18px; } 100% { top: 15px; right: 3px; width: 22px; } }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { height: auto; overflow-y: hidden; }
body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; background-color: transparent; }
body.swal2-no-backdrop .swal2-shown > .swal2-modal { -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); }
body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-top-left,
body.swal2-no-backdrop .swal2-shown.swal2-top-start { top: 0; left: 0; }
body.swal2-no-backdrop .swal2-shown.swal2-top-end,
body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0; }
body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
body.swal2-no-backdrop .swal2-shown.swal2-center-left,
body.swal2-no-backdrop .swal2-shown.swal2-center-start { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-center-end,
body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start { bottom: 0; left: 0; }
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,
body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0; }
.swal2-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; background-color: transparent; z-index: 1060; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.swal2-container.swal2-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.swal2-container.swal2-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.swal2-container.swal2-center-left,
.swal2-container.swal2-center-start { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.swal2-container.swal2-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.swal2-container.swal2-bottom-left,
.swal2-container.swal2-bottom-start { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.swal2-container.swal2-grow-fullscreen > .swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.swal2-container.swal2-grow-row > .swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.swal2-container.swal2-grow-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-top-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-top-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.swal2-container.swal2-grow-column > .swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(
        .swal2-top-left
    ):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(
        .swal2-center-left
    ):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(
        .swal2-bottom-end
    ):not(.swal2-bottom-left):not(.swal2-bottom-right)
    > .swal2-modal { margin: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } }
.swal2-container.swal2-fade { -webkit-transition: background-color 0.1s; transition: background-color 0.1s; }
.swal2-container.swal2-shown { background-color: rgba(20, 35, 43, 0.4); }
.swal2-popup { display: none; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border-radius: 0.3125em; background: #FFFFFF; font-family: inherit; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.swal2-popup:focus { outline: 0; }
.swal2-popup.swal2-loading { overflow-y: hidden; }
.swal2-popup .swal2-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.swal2-popup .swal2-title { display: block; position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #4A5A62; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; }
.swal2-popup .swal2-actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1.25em auto 0; }
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; }
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(20, 35, 43, 0.1)),
        to(rgba(20, 35, 43, 0.1))
    ); background-image: linear-gradient(rgba(20, 35, 43, 0.1), rgba(20, 35, 43, 0.1)); }
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(20, 35, 43, 0.2)),
        to(rgba(20, 35, 43, 0.2))
    ); background-image: linear-gradient(rgba(20, 35, 43, 0.2), rgba(20, 35, 43, 0.2)); }
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { width: 2.5em; height: 2.5em; margin: 0.46875em; padding: 0; border: 0.25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; }
.swal2-popup
    .swal2-actions.swal2-loading
    :not(.swal2-styled).swal2-confirm::after { display: inline-block; width: 15px; height: 15px; margin-left: 5px; border: 3px solid #857D70; border-radius: 50%; border-right-color: transparent; -webkit-box-shadow: none; box-shadow: none; content: ""; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; }
.swal2-popup .swal2-styled { margin: 0 0.3125em; padding: 0.625em 2em; font-weight: 500; -webkit-box-shadow: none; box-shadow: none; }
.swal2-popup .swal2-styled:not([disabled]) { cursor: pointer; }
.swal2-popup .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background-color: #0E5468; color: #FFFFFF; font-size: 1.0625em; }
.swal2-popup .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background-color: #857D70; color: #FFFFFF; font-size: 1.0625em; }
.swal2-popup .swal2-styled:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px #FFFFFF,
        0 0 0 4px rgba(14, 84, 104, 0.4); box-shadow: 0 0 0 2px #FFFFFF,
        0 0 0 4px rgba(14, 84, 104, 0.4); }
.swal2-popup .swal2-styled::-moz-focus-inner { border: 0; }
.swal2-popup .swal2-footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1.25em 0 0; padding-top: 1em; border-top: 1px solid #EEEAE2; color: #4A5A62; font-size: 1em; }
.swal2-popup .swal2-image { max-width: 100%; margin: 1.25em auto; }
.swal2-popup .swal2-close { position: absolute; top: 0; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.2em; min-width: 1.2em; height: 1.2em; margin: 0; padding: 0; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; border: none; border-radius: 0; background: 0 0; color: #D8D2C6; font-family: serif; font-size: calc(2.5em - 0.25em); line-height: 1.2em; cursor: pointer; }
.swal2-popup .swal2-close:hover { -webkit-transform: none; transform: none; color: #B42318; }
.swal2-popup > .swal2-checkbox,
.swal2-popup > .swal2-file,
.swal2-popup > .swal2-input,
.swal2-popup > .swal2-radio,
.swal2-popup > .swal2-select,
.swal2-popup > .swal2-textarea { display: none; }
.swal2-popup .swal2-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; color: #4A5A62; font-size: 1.125em; font-weight: 300; line-height: normal; word-wrap: break-word; }
.swal2-popup #swal2-content { text-align: center; }
.swal2-popup .swal2-checkbox,
.swal2-popup .swal2-file,
.swal2-popup .swal2-input,
.swal2-popup .swal2-radio,
.swal2-popup .swal2-select,
.swal2-popup .swal2-textarea { margin: 1em auto; }
.swal2-popup .swal2-file,
.swal2-popup .swal2-input,
.swal2-popup .swal2-textarea { width: 100%; -webkit-transition: border-color 0.3s,
        -webkit-box-shadow 0.3s; transition: border-color 0.3s,
        -webkit-box-shadow 0.3s; transition: border-color 0.3s,
        box-shadow 0.3s; transition: border-color 0.3s,
        box-shadow 0.3s,
        -webkit-box-shadow 0.3s; border: 1px solid #D8D2C6; border-radius: 0.1875em; font-size: 1.125em; -webkit-box-shadow: inset 0 1px 1px rgba(20, 35, 43, 0.06); box-shadow: inset 0 1px 1px rgba(20, 35, 43, 0.06); -webkit-box-sizing: border-box; box-sizing: border-box; }
.swal2-popup .swal2-file.swal2-inputerror,
.swal2-popup .swal2-input.swal2-inputerror,
.swal2-popup .swal2-textarea.swal2-inputerror { border-color: #B42318 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.swal2-popup .swal2-file:focus,
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-textarea:focus { border: 1px solid #4A9CB0; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.swal2-popup .swal2-file::-webkit-input-placeholder,
.swal2-popup .swal2-input::-webkit-input-placeholder,
.swal2-popup .swal2-textarea::-webkit-input-placeholder { color: #D8D2C6; }
.swal2-popup .swal2-file:-ms-input-placeholder,
.swal2-popup .swal2-input:-ms-input-placeholder,
.swal2-popup .swal2-textarea:-ms-input-placeholder { color: #D8D2C6; }
.swal2-popup .swal2-file::-ms-input-placeholder,
.swal2-popup .swal2-input::-ms-input-placeholder,
.swal2-popup .swal2-textarea::-ms-input-placeholder { color: #D8D2C6; }
.swal2-popup .swal2-file::placeholder,
.swal2-popup .swal2-input::placeholder,
.swal2-popup .swal2-textarea::placeholder { color: #D8D2C6; }
.swal2-popup .swal2-range input { width: 80%; }
.swal2-popup .swal2-range output { width: 20%; font-weight: 600; text-align: center; }
.swal2-popup .swal2-range input,
.swal2-popup .swal2-range output { height: 2.625em; margin: 1em auto; padding: 0; font-size: 1.125em; line-height: 2.625em; }
.swal2-popup .swal2-input { height: 2.625em; padding: 0.75em; }
.swal2-popup .swal2-input[type="number"] { max-width: 10em; }
.swal2-popup .swal2-file { font-size: 1.125em; }
.swal2-popup .swal2-textarea { height: 6.75em; padding: 0.75em; }
.swal2-popup .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; color: #4A5A62; font-size: 1.125em; }
.swal2-popup .swal2-checkbox,
.swal2-popup .swal2-radio { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.swal2-popup .swal2-checkbox label,
.swal2-popup .swal2-radio label { margin: 0 0.6em; font-size: 1.125em; }
.swal2-popup .swal2-checkbox input,
.swal2-popup .swal2-radio input { margin: 0 0.4em; }
.swal2-popup .swal2-validationerror { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.625em; background: #EEEAE2; color: #4A5A62; font-size: 1em; font-weight: 300; overflow: hidden; }
.swal2-popup .swal2-validationerror::before { display: inline-block; width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #B42318; color: #FFFFFF; font-weight: 600; line-height: 1.5em; text-align: center; content: "!"; zoom: normal; }
@supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; }
.swal2-range output { display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; }
.swal2-range output { display: none; } }
.swal2-icon { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 80px; margin: 1.25em auto 1.875em; border: 4px solid transparent; border-radius: 50%; line-height: 80px; cursor: default; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: normal; }
.swal2-icon.swal2-error { border-color: #B42318; }
.swal2-icon.swal2-error .swal2-x-mark { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] { display: block; position: absolute; top: 37px; width: 47px; height: 5px; border-radius: 4px; background-color: #B42318; }
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 16px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.swal2-icon.swal2-info,
.swal2-icon.swal2-question,
.swal2-icon.swal2-warning { margin: 0.333333em auto 0.5em; font-family: inherit; font-size: 3.75em; }
.swal2-icon.swal2-warning { border-color: #B83E22; color: #B83E22; }
.swal2-icon.swal2-info { border-color: #4A9CB0; color: #4A9CB0; }
.swal2-icon.swal2-question { border-color: #4A9CB0; color: #4A9CB0; }
.swal2-icon.swal2-success { border-color: #1D6B3E; }
.swal2-icon.swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 60px; height: 120px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; }
.swal2-icon.swal2-success
    [class^="swal2-success-circular-line"][class$="left"] { top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; border-radius: 120px 0 0 120px; }
.swal2-icon.swal2-success
    [class^="swal2-success-circular-line"][class$="right"] { top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px; border-radius: 0 120px 120px 0; }
.swal2-icon.swal2-success .swal2-success-ring { position: absolute; top: -4px; left: -4px; width: 80px; height: 80px; border: 4px solid rgba(29, 107, 62, 0.3); border-radius: 50%; z-index: 2; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swal2-icon.swal2-success .swal2-success-fix { position: absolute; top: 8px; left: 26px; width: 7px; height: 90px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; }
.swal2-icon.swal2-success [class^="swal2-success-line"] { display: block; position: absolute; height: 5px; border-radius: 4px; background-color: #1D6B3E; z-index: 2; }
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { top: 46px; left: 14px; width: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { top: 38px; right: 8px; width: 47px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.swal2-progresssteps { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 1.25em; padding: 0; font-weight: 600; }
.swal2-progresssteps li { display: inline-block; position: relative; }
.swal2-progresssteps .swal2-progresscircle { width: 2em; height: 2em; border-radius: 2em; background: #0E5468; color: #FFFFFF; line-height: 2em; text-align: center; z-index: 20; }
.swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; }
.swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #0E5468; }
.swal2-progresssteps
    .swal2-progresscircle.swal2-activeprogressstep
    ~ .swal2-progresscircle { background: #4A9CB0; }
.swal2-progresssteps
    .swal2-progresscircle.swal2-activeprogressstep
    ~ .swal2-progressline { background: #4A9CB0; }
.swal2-progresssteps .swal2-progressline { width: 2.5em; height: 0.4em; margin: 0 -1px; background: #0E5468; z-index: 10; }
[class^="swal2"] { -webkit-tap-highlight-color: transparent; }
.swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; }
.swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; }
.swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; }
.swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; }
[dir="rtl"] .swal2-close { right: auto; left: 0; }
.swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; }
.swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; }
.swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; }
.swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; }
.swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; }
@-webkit-keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.daterangepicker { position: absolute; color: inherit; background-color: #FFFFFF; border-radius: 4px; border: 1px solid #D8D2C6; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: var(--body-font); font-size: 15px; line-height: 1em; }
.daterangepicker:after,
.daterangepicker:before { position: absolute; display: inline-block; content: ""; }
.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #D8D2C6; }
.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; }
.daterangepicker.opensleft:before { right: 9px; }
.daterangepicker.opensleft:after { right: 10px; }
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.opensright:before { left: 9px; }
.daterangepicker.opensright:after { left: 10px; }
.daterangepicker.drop-up { margin-top: -7px; }
.daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #D8D2C6; }
.daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #FFFFFF; }
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar { float: none; }
.daterangepicker.auto-apply .drp-buttons,
.daterangepicker.single .drp-selected { display: none; }
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar { display: block; }
.daterangepicker .drp-calendar { display: none; max-width: 270px; }
.daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; }
.daterangepicker .drp-calendar.right { padding: 8px; }
.daterangepicker .drp-calendar.single .calendar-table { border: none; }
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span { color: #FFFFFF; border: solid #14232B; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }
.daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th { text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }
.daterangepicker .calendar-table { border: 1px solid #FFFFFF; border-radius: 4px; background-color: #FFFFFF; }
.daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; }
.daterangepicker td.available:hover,
.daterangepicker th.available:hover { background-color: #EEEAE2; border-color: transparent; color: inherit; }
.daterangepicker td.week,
.daterangepicker th.week { font-size: 80%; color: #D8D2C6; }
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date { background-color: #FFFFFF; border-color: transparent; color: #857D70; }
.daterangepicker td.in-range { background-color: #EEEAE2; border-color: transparent; color: #14232B; border-radius: 0; }
.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date { border-radius: 4px; }
.daterangepicker td.active,
.daterangepicker td.active:hover { background-color: #0E5468; border-color: transparent; color: #FFFFFF; }
.daterangepicker th.month { width: auto; }
.daterangepicker option.disabled,
.daterangepicker td.disabled { color: #857D70; cursor: not-allowed; text-decoration: line-through; }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect { width: 50px; margin: 0 auto; background: #EEEAE2; border: 1px solid #EEEAE2; padding: 2px; outline: 0; font-size: 12px; }
.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0; line-height: 30px; position: relative; }
.daterangepicker .calendar-time select.disabled { color: #D8D2C6; cursor: not-allowed; }
.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #D8D2C6; display: none; line-height: 12px; vertical-align: middle; }
.daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }
.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: 700; padding: 4px 8px; }
.daterangepicker.show-ranges.rtl .drp-calendar.right,
.daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #D8D2C6; }
.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #D8D2C6; }
.daterangepicker .ranges { float: none; text-align: left; margin: 0; }
.daterangepicker.show-calendar .ranges { margin-top: 8px; }
.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }
.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }
.daterangepicker .ranges li:hover { background-color: #EEEAE2; }
.daterangepicker .ranges li.active { background-color: #0E5468; color: #FFFFFF; }
@media (min-width: 564px) { .daterangepicker { width: auto; direction: ltr; text-align: left; }
.daterangepicker .ranges ul { width: 140px; }
.daterangepicker.single .ranges ul { width: 100%; }
.daterangepicker.single .drp-calendar.left { clear: none; }
.daterangepicker .drp-calendar,
    .daterangepicker .ranges,
    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges { float: left; }
.daterangepicker .drp-calendar.left { clear: left; margin-right: 0; }
.daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 8px; }
.daterangepicker .drp-calendar.right { margin-left: 0; }
.daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } }
@media (min-width: 730px) { .daterangepicker .ranges { width: auto; float: left; }
.daterangepicker.rtl .ranges { float: right; }
.daterangepicker .drp-calendar.left { clear: none !important; } }
:root { --tagify-dd-color-primary: #0E5468; --tagify-dd-text-color: black; --tagify-dd-bg-color: white; --tagify-dd-item-pad: 0.3em 0.5em; --tagify-dd-max-height: 300px; }
.tagify { --tags-disabled-bg: #EEEAE2; --tags-border-color: #D8D2C6; --tags-hover-border-color: #D8D2C6; --tags-focus-border-color: #0E5468; --tag-border-radius: 4px; --tag-bg: #D8D2C6; --tag-hover: #D8D2C6; --tag-text-color: black; --tag-text-color--edit: black; --tag-pad: 0.3em 0.5em; --tag-inset-shadow-size: 1.2em; --tag-invalid-color: #B42318; --tag-invalid-bg: rgba(180, 35, 24, 0.5); --tag--min-width: 1ch; --tag--max-width: 100%; --tag-hide-transition: 0.3s; --tag-remove-bg: rgba(180, 35, 24, 0.3); --tag-remove-btn-color: black; --tag-remove-btn-bg: none; --tag-remove-btn-bg--hover: #B42318; --input-color: inherit; --placeholder-color: rgba(20, 35, 43, 0.4); --placeholder-color-focus: rgba(20, 35, 43, 0.25); --loader-size: 0.8em; --readonly-striped: 1; display: inline-flex; align-items: flex-start; align-content: baseline; flex-wrap: wrap; border: 1px solid var(--tags-border-color); padding: 0; line-height: 0; outline: 0; position: relative; box-sizing: border-box; transition: 0.1s; }
@keyframes tags--bump { 30% { transform: scale(1.2); } }
@keyframes rotateLoader { to { transform: rotate(1turn); } }
.tagify:has([contenteditable="true"]) { cursor: text; }
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) { --tags-border-color: var(--tags-hover-border-color); }
.tagify[disabled] { background: var(--tags-disabled-bg); filter: saturate(0); opacity: 0.5; pointer-events: none; }
.tagify[disabled].tagify--empty > .tagify__input::before { position: relative; }
.tagify[disabled].tagify--select,
.tagify[readonly].tagify--select { pointer-events: none; }
.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty),
.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) { cursor: default; }
.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)
    > .tagify__input,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)
    > .tagify__input { visibility: hidden; width: 0; margin: 5px 0; }
.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)
    .tagify__tag
    > div,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)
    .tagify__tag
    > div { padding: var(--tag-pad); }
.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)
    .tagify__tag
    > div::before,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)
    .tagify__tag
    > div::before { animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1))
        paused; }
@keyframes readonlyStyles { 0% { background: linear-gradient(
                45deg,
                var(--tag-bg) 25%,
                transparent 25%,
                transparent 50%,
                var(--tag-bg) 50%,
                var(--tag-bg) 75%,
                transparent 75%,
                transparent
            )
            0/5px 5px; box-shadow: none; filter: brightness(0.95); } }
.tagify[disabled] .tagify__tag__removeBtn,
.tagify[readonly] .tagify__tag__removeBtn { display: none; }
.tagify--loading .tagify__input > br:last-child { display: none; }
.tagify--loading .tagify__input::before { content: none; }
.tagify--loading .tagify__input::after { content: ""; vertical-align: middle; opacity: 1; width: 0.7em; height: 0.7em; width: var(--loader-size); height: var(--loader-size); min-width: 0; border: 3px solid; border-color: #EEEAE2 #857D70 #4A5A62 transparent; border-radius: 50%; animation: rotateLoader 0.4s infinite linear; content: "" !important; margin: -2px 0 -2px 0.5em; }
.tagify--loading .tagify__input:empty::after { margin-left: 0; }
.tagify + input,
.tagify + textarea { position: absolute !important; left: -9999em !important; transform: scale(0) !important; }
.tagify__tag { display: inline-flex; align-items: center; max-width: var(--tag--max-width); margin-inline: 5px 0; margin-block: 5px; position: relative; z-index: 1; outline: 0; line-height: normal; cursor: default; transition: 0.13s ease-out; }
.tagify__tag > div { display: flex; flex: 1; vertical-align: top; box-sizing: border-box; max-width: 100%; padding: var(--tag-pad); color: var(--tag-text-color); line-height: inherit; border-radius: var(--tag-border-radius); white-space: nowrap; transition: 0.13s ease-out; }
.tagify__tag > div > * { white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; min-width: var(--tag--min-width); max-width: var(--tag--max-width); transition: 0.8s ease,
        0.1s color; }
.tagify__tag > div > [contenteditable] { display: block; outline: 0; -webkit-user-select: text; user-select: text; cursor: text; margin: -2px; padding: 2px; max-width: 350px; }
.tagify__tag > div > :only-child { width: 100%; }
.tagify__tag > div::before { content: ""; position: absolute; border-radius: inherit; inset: var(--tag-bg-inset, 0); z-index: -1; pointer-events: none; transition: 120ms ease; animation: tags--bump 0.3s ease-out 1; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; }
.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before { --tag-bg-inset: -2.5px; --tag-bg: var(--tag-hover); }
.tagify__tag--loading { pointer-events: none; }
.tagify__tag--loading .tagify__tag__removeBtn { display: none; }
.tagify__tag--loading::after { --loader-size: 0.4em; content: ""; vertical-align: middle; opacity: 1; width: 0.7em; height: 0.7em; width: var(--loader-size); height: var(--loader-size); min-width: 0; border: 3px solid; border-color: #EEEAE2 #857D70 #4A5A62 transparent; border-radius: 50%; animation: rotateLoader 0.4s infinite linear; margin: 0 0.5em 0 -0.1em; }
.tagify__tag--flash div::before { animation: none; }
.tagify__tag--hide { width: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; opacity: 0; transform: scale(0); transition: var(--tag-hide-transition); pointer-events: none; }
.tagify__tag--hide > div > * { white-space: nowrap; }
.tagify__tag.tagify--noAnim > div::before { animation: none; }
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { opacity: 0.5; }
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { --tag-bg: var(--tag-invalid-bg); transition: 0.2s; }
.tagify__tag[readonly] .tagify__tag__removeBtn { display: none; }
.tagify__tag[readonly] > div::before { animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1))
        paused; }
@keyframes readonlyStyles { 0% { background: linear-gradient(
                45deg,
                var(--tag-bg) 25%,
                transparent 25%,
                transparent 50%,
                var(--tag-bg) 50%,
                var(--tag-bg) 75%,
                transparent 75%,
                transparent
            )
            0/5px 5px; box-shadow: none; filter: brightness(0.95); } }
.tagify__tag--editable > div { color: var(--tag-text-color--edit); }
.tagify__tag--editable > div::before { box-shadow: 0 0 0 2px var(--tag-hover) inset !important; }
.tagify__tag--editable > .tagify__tag__removeBtn { pointer-events: none; opacity: 0; transform: translateX(100%) translateX(5px); }
.tagify__tag--editable.tagify--invalid > div::before { box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; }
.tagify__tag__removeBtn { order: 5; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; cursor: pointer; font: 14px/1 Arial; background: var(--tag-remove-btn-bg); color: var(--tag-remove-btn-color); width: 14px; height: 14px; margin-inline: auto 4.6666666667px; overflow: hidden; transition: 0.2s ease-out; }
.tagify__tag__removeBtn::after { content: "×"; transition: 0.3s,
        color 0s; }
.tagify__tag__removeBtn:hover { color: #FFFFFF; background: var(--tag-remove-btn-bg--hover); }
.tagify__tag__removeBtn:hover + div > span { opacity: 0.5; }
.tagify__tag__removeBtn:hover + div::before { box-shadow: 0 0 0 var(--tag-inset-shadow-size)
        var(--tag-remove-bg, rgba(180, 35, 24, 0.3)) inset !important; transition: box-shadow 0.2s; }
.tagify:not(.tagify--mix) .tagify__input br { display: none; }
.tagify:not(.tagify--mix) .tagify__input * { display: inline; white-space: nowrap; }
.tagify__input { flex-grow: 1; display: inline-block; margin: 5px; padding: var(--tag-pad); line-height: normal; min-width: 110px; min-height: 1.5lh; position: relative; white-space: pre-wrap; color: var(--input-color); box-sizing: inherit; overflow: hidden; }
.tagify__input:focus { outline: 0; }
.tagify__input:focus::before { transition: 0.2s ease-out; opacity: 0; transform: translatex(6px); }
@supports (-ms-ime-align: auto) { .tagify__input:focus::before { display: none; } }
.tagify__input:focus:empty::before { transition: 0.2s ease-out; opacity: 1; transform: none; color: rgba(20, 35, 43, 0.25); color: var(--placeholder-color-focus); }
@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display: none;
    }
}
.tagify__input::before { content: attr(data-placeholder); width: 100%; height: 100%; margin: auto 0; z-index: 1; color: var(--placeholder-color); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; pointer-events: none; opacity: 0; position: absolute; }
.tagify__input::after { content: attr(data-suggest); display: inline-block; vertical-align: middle; position: absolute; min-width: calc(100% - 1.5em); text-overflow: ellipsis; overflow: hidden; white-space: pre; color: var(--tag-text-color); opacity: 0.3; pointer-events: none; max-width: 100px; }
.tagify__input .tagify__tag { margin: 0 1px; }
.tagify--mix { display: block; }
.tagify--mix .tagify__input { padding: 5px; margin: 0; width: 100%; height: 100%; line-height: 1.5; display: block; }
.tagify--mix .tagify__input::before { height: auto; display: none; line-height: inherit; }
.tagify--mix .tagify__input::after { content: none; }
.tagify--select { cursor: default; }
.tagify--select::after { content: ">"; opacity: 0.5; position: absolute; top: 50%; right: 0; bottom: 0; font: 16px monospace; line-height: 8px; height: 8px; pointer-events: none; transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); transition: 0.2s ease-in-out; }
.tagify--select[aria-expanded="true"]::after { transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); }
.tagify--select[aria-expanded="true"] .tagify__tag__removeBtn { pointer-events: none; opacity: 0; transform: translateX(100%) translateX(5px); }
.tagify--select .tagify__tag { flex: 1; max-width: none; margin-inline-end: 2em; margin-block: 0; padding-block: 5px; cursor: text; }
.tagify--select .tagify__tag div::before { display: none; }
.tagify--select .tagify__tag + .tagify__input { display: none; }
.tagify--empty .tagify__input::before { transition: 0.2s ease-out; opacity: 1; transform: none; display: inline-block; width: auto; }
.tagify--mix .tagify--empty .tagify__input::before { display: inline-block; }
.tagify--focus { --tags-border-color: var(--tags-focus-border-color); transition: 0s; }
.tagify--invalid { --tags-border-color: #B42318; }
.tagify__dropdown { position: absolute; z-index: 9999; transform: translateY(-1px); border-top: 1px solid var(--tagify-dd-color-primary); overflow: hidden; }
.tagify__dropdown[dir="rtl"] { transform: translate(-100%, -1px); }
.tagify__dropdown[placement="top"] { margin-top: 0; transform: translateY(-100%); }
.tagify__dropdown[placement="top"] .tagify__dropdown__wrapper { border-top-width: 1.1px; border-bottom-width: 0; }
.tagify__dropdown[position="text"] { box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); font-size: 0.9em; }
.tagify__dropdown[position="text"] .tagify__dropdown__wrapper { border-width: 1px; }
.tagify__dropdown__wrapper { scroll-behavior: auto; max-height: var(--tagify-dd-max-height); overflow: hidden; overflow-x: hidden; color: var(--tagify-dd-text-color); background: var(--tagify-dd-bg-color); border: 1px solid; border-color: var(--tagify-dd-color-primary); border-bottom-width: 1.5px; border-top-width: 0; box-shadow: var(--f-ombre-fenetre); transition: 0.3s cubic-bezier(0.5, 0, 0.3, 1),
        transform 0.15s; animation: dd-wrapper-show 0s 0.3s forwards; }
@keyframes dd-wrapper-show { to { overflow-y: auto; } }
.tagify__dropdown__header:empty { display: none; }
.tagify__dropdown__footer { display: inline-block; margin-top: 0.5em; padding: var(--tagify-dd-item-pad); font-size: 0.7em; font-style: italic; opacity: 0.5; }
.tagify__dropdown__footer:empty { display: none; }
.tagify__dropdown--initial .tagify__dropdown__wrapper { max-height: 20px; transform: translateY(-1em); }
.tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper { transform: translateY(2em); }
.tagify__dropdown__item { box-sizing: border-box; padding: var(--tagify-dd-item-pad); margin: 1px; white-space: pre-wrap; cursor: pointer; border-radius: 4px; position: relative; outline: 0; max-height: 60px; max-width: 100%; line-height: normal; position: relative; }
.tagify__dropdown__item--active { background: var(--tagify-dd-color-primary); color: #FFFFFF; }
.tagify__dropdown__item:active { filter: brightness(105%); }
.tagify__dropdown__item--hidden { padding-top: 0; padding-bottom: 0; margin: 0 1px; pointer-events: none; overflow: hidden; max-height: 0; transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; }
.tagify__dropdown__item--hidden > * { transform: translateY(-100%); opacity: 0; transition: inherit; }
.tagify__dropdown__item--selected::before { content: "✓"; font-family: monospace; position: absolute; inset-inline-start: 6px; text-indent: 0; line-height: 1.1; }
.tagify__dropdown:has(.tagify__dropdown__item--selected)
    .tagify__dropdown__item { text-indent: 1em; }