From ad596af2a799473ffb9d6536f485a805873cbf91 Mon Sep 17 00:00:00 2001
From: Thomas Jang <tom@axisj.com>
Date: Fri, 8 Apr 2016 01:48:48 +0900
Subject: [PATCH] ax5picker

---
 dist/ax5picker.css       |  2 +-
 src/scss/_ax5picker.scss |  4 ++--
 test/index.html          | 10 +++++++++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/dist/ax5picker.css b/dist/ax5picker.css
index 47f5a9c..17e9d53 100644
--- a/dist/ax5picker.css
+++ b/dist/ax5picker.css
@@ -1 +1 @@
-@-webkit-keyframes ax-picker{0%{opacity:0.0;-webkit-transform:scale(1)}1%{opacity:0.0;-webkit-transform:scale(0.3)}100%{opacity:1.0;-webkit-transform:scale(1)}}@-moz-keyframes ax-picker{0%{opacity:0.0;-moz-transform:scale(1)}1%{opacity:0.0;-moz-transform:scale(0.3)}100%{opacity:1.0;-moz-transform:scale(1)}}@keyframes ax-picker{0%{opacity:0.0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}1%{opacity:0.0;-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-ms-transform:scale(0.3);-o-transform:scale(0.3);transform:scale(0.3)}100%{opacity:1.0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ax-picker-destroy{from{-webkit-transform:scale(1);opacity:1.0}to{-webkit-transform:scale(0.5);opacity:0.0}}@-moz-keyframes ax-picker-destroy{from{-moz-transform:scale(1);opacity:1.0}to{-moz-transform:scale(0.5);opacity:0.0}}@keyframes ax-picker-destroy{from{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1.0}to{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);opacity:0.0}}.ax5-ui-picker{box-sizing:border-box;z-index:2000;position:absolute;left:0px;top:0px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:ax-picker 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:ax-picker 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ax-picker 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#ddd;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#333;background-color:#f5f5f5;background-image:-webkit-linear-gradient(bottom, #f5f5f5);background-image:linear-gradient(to top,#f5f5f5)}.ax5-ui-picker .ax-picker-heading .badge{font-size:0.8em;color:#f5f5f5;background-color:#333;background-image:-webkit-linear-gradient(bottom, #333);background-image:linear-gradient(to top,#333)}.ax5-ui-picker .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ddd}.ax5-ui-picker.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #ddd}.ax5-ui-picker.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ddd}.ax5-ui-picker.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #ddd}.ax5-ui-picker.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.primary{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#337ab7;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.primary .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;background-color:#337ab7;background-image:-webkit-linear-gradient(bottom, #337ab7);background-image:linear-gradient(to top,#337ab7)}.ax5-ui-picker.primary .ax-picker-heading .badge{font-size:0.8em;color:#337ab7;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff)}.ax5-ui-picker.primary .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.primary .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.primary .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.primary .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.primary .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.primary.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.primary.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #337ab7}.ax5-ui-picker.primary.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.primary.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.primary.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #337ab7}.ax5-ui-picker.primary.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #337ab7}.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.primary.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.primary.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #337ab7}.ax5-ui-picker.primary.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.success{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#d6e9c6;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.success .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#3c763d;background-color:#dff0d8;background-image:-webkit-linear-gradient(bottom, #dff0d8);background-image:linear-gradient(to top,#dff0d8)}.ax5-ui-picker.success .ax-picker-heading .badge{font-size:0.8em;color:#dff0d8;background-color:#3c763d;background-image:-webkit-linear-gradient(bottom, #3c763d);background-image:linear-gradient(to top,#3c763d)}.ax5-ui-picker.success .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.success .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.success .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.success .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.success .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.success.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.success.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #d6e9c6}.ax5-ui-picker.success.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.success.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.success.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #d6e9c6}.ax5-ui-picker.success.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.success.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.success.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #d6e9c6}.ax5-ui-picker.success.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.success.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.success.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #d6e9c6}.ax5-ui-picker.success.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.info{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#bce8f1;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.info .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#31708f;background-color:#d9edf7;background-image:-webkit-linear-gradient(bottom, #d9edf7);background-image:linear-gradient(to top,#d9edf7)}.ax5-ui-picker.info .ax-picker-heading .badge{font-size:0.8em;color:#d9edf7;background-color:#31708f;background-image:-webkit-linear-gradient(bottom, #31708f);background-image:linear-gradient(to top,#31708f)}.ax5-ui-picker.info .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.info .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.info .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.info .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.info .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.info.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.info.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #bce8f1}.ax5-ui-picker.info.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.info.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.info.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #bce8f1}.ax5-ui-picker.info.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.info.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.info.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #bce8f1}.ax5-ui-picker.info.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.info.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.info.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #bce8f1}.ax5-ui-picker.info.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.warning{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#faebcc;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.warning .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#8a6d3b;background-color:#fcf8e3;background-image:-webkit-linear-gradient(bottom, #fcf8e3);background-image:linear-gradient(to top,#fcf8e3)}.ax5-ui-picker.warning .ax-picker-heading .badge{font-size:0.8em;color:#fcf8e3;background-color:#8a6d3b;background-image:-webkit-linear-gradient(bottom, #8a6d3b);background-image:linear-gradient(to top,#8a6d3b)}.ax5-ui-picker.warning .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.warning .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.warning .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.warning .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.warning .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.warning.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.warning.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #faebcc}.ax5-ui-picker.warning.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.warning.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.warning.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #faebcc}.ax5-ui-picker.warning.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #faebcc}.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.warning.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.warning.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #faebcc}.ax5-ui-picker.warning.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.danger{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#ebccd1;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.danger .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#a94442;background-color:#f2dede;background-image:-webkit-linear-gradient(bottom, #f2dede);background-image:linear-gradient(to top,#f2dede)}.ax5-ui-picker.danger .ax-picker-heading .badge{font-size:0.8em;color:#f2dede;background-color:#a94442;background-image:-webkit-linear-gradient(bottom, #a94442);background-image:linear-gradient(to top,#a94442)}.ax5-ui-picker.danger .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.danger .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.danger .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.danger .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.danger .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.danger.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.danger.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ebccd1}.ax5-ui-picker.danger.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.danger.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.danger.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #ebccd1}.ax5-ui-picker.danger.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ebccd1}.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.danger.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.danger.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #ebccd1}.ax5-ui-picker.danger.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.destroy{-webkit-animation:ax-picker-destroy 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;-moz-animation:ax-picker-destroy 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;animation:ax-picker-destroy 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards}.ax5-ui-picker.direction-top{-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top}.ax5-ui-picker.direction-right{-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}.ax5-ui-picker.direction-bottom{-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}.ax5-ui-picker.direction-left{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.input-group[data-ax5picker] .input-group-addon{cursor:pointer}.input-group[data-ax5picker] .input-group-addon:not(:last-child){border-left:0px none;border-right:0px none}.form-group[data-ax5picker] .input-group-addon{cursor:pointer}.form-group[data-ax5picker] .input-group-addon:not(:last-child){border-left:0px none;border-right:0px none}
+@-webkit-keyframes ax-picker{0%{opacity:0.0;-webkit-transform:scale(1)}1%{opacity:0.0;-webkit-transform:scale(0.95)}100%{opacity:1.0;-webkit-transform:scale(1)}}@-moz-keyframes ax-picker{0%{opacity:0.0;-moz-transform:scale(1)}1%{opacity:0.0;-moz-transform:scale(0.95)}100%{opacity:1.0;-moz-transform:scale(1)}}@keyframes ax-picker{0%{opacity:0.0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}1%{opacity:0.0;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1.0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ax-picker-destroy{from{-webkit-transform:scale(1);opacity:1.0}to{-webkit-transform:scale(0.95);opacity:0.0}}@-moz-keyframes ax-picker-destroy{from{-moz-transform:scale(1);opacity:1.0}to{-moz-transform:scale(0.95);opacity:0.0}}@keyframes ax-picker-destroy{from{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1.0}to{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);opacity:0.0}}.ax5-ui-picker{box-sizing:border-box;z-index:2000;position:absolute;left:0px;top:0px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:ax-picker 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:ax-picker 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ax-picker 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#ddd;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#333;background-color:#f5f5f5;background-image:-webkit-linear-gradient(bottom, #f5f5f5);background-image:linear-gradient(to top,#f5f5f5)}.ax5-ui-picker .ax-picker-heading .badge{font-size:0.8em;color:#f5f5f5;background-color:#333;background-image:-webkit-linear-gradient(bottom, #333);background-image:linear-gradient(to top,#333)}.ax5-ui-picker .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ddd}.ax5-ui-picker.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #ddd}.ax5-ui-picker.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ddd}.ax5-ui-picker.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #ddd}.ax5-ui-picker.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.primary{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#337ab7;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.primary .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;background-color:#337ab7;background-image:-webkit-linear-gradient(bottom, #337ab7);background-image:linear-gradient(to top,#337ab7)}.ax5-ui-picker.primary .ax-picker-heading .badge{font-size:0.8em;color:#337ab7;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff)}.ax5-ui-picker.primary .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.primary .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.primary .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.primary .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.primary .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.primary.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.primary.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #337ab7}.ax5-ui-picker.primary.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.primary.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.primary.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #337ab7}.ax5-ui-picker.primary.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #337ab7}.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.primary.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.primary.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #337ab7}.ax5-ui-picker.primary.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.success{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#d6e9c6;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.success .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#3c763d;background-color:#dff0d8;background-image:-webkit-linear-gradient(bottom, #dff0d8);background-image:linear-gradient(to top,#dff0d8)}.ax5-ui-picker.success .ax-picker-heading .badge{font-size:0.8em;color:#dff0d8;background-color:#3c763d;background-image:-webkit-linear-gradient(bottom, #3c763d);background-image:linear-gradient(to top,#3c763d)}.ax5-ui-picker.success .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.success .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.success .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.success .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.success .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.success.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.success.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #d6e9c6}.ax5-ui-picker.success.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.success.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.success.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #d6e9c6}.ax5-ui-picker.success.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.success.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.success.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #d6e9c6}.ax5-ui-picker.success.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.success.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.success.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #d6e9c6}.ax5-ui-picker.success.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.info{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#bce8f1;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.info .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#31708f;background-color:#d9edf7;background-image:-webkit-linear-gradient(bottom, #d9edf7);background-image:linear-gradient(to top,#d9edf7)}.ax5-ui-picker.info .ax-picker-heading .badge{font-size:0.8em;color:#d9edf7;background-color:#31708f;background-image:-webkit-linear-gradient(bottom, #31708f);background-image:linear-gradient(to top,#31708f)}.ax5-ui-picker.info .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.info .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.info .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.info .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.info .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.info.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.info.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #bce8f1}.ax5-ui-picker.info.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.info.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.info.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #bce8f1}.ax5-ui-picker.info.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.info.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.info.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #bce8f1}.ax5-ui-picker.info.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.info.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.info.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #bce8f1}.ax5-ui-picker.info.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.warning{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#faebcc;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.warning .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#8a6d3b;background-color:#fcf8e3;background-image:-webkit-linear-gradient(bottom, #fcf8e3);background-image:linear-gradient(to top,#fcf8e3)}.ax5-ui-picker.warning .ax-picker-heading .badge{font-size:0.8em;color:#fcf8e3;background-color:#8a6d3b;background-image:-webkit-linear-gradient(bottom, #8a6d3b);background-image:linear-gradient(to top,#8a6d3b)}.ax5-ui-picker.warning .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.warning .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.warning .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.warning .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.warning .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.warning.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.warning.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #faebcc}.ax5-ui-picker.warning.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.warning.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.warning.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #faebcc}.ax5-ui-picker.warning.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #faebcc}.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.warning.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.warning.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #faebcc}.ax5-ui-picker.warning.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.danger{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff);background-image:linear-gradient(to top,#fff);border:1px solid;border-color:#ebccd1;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.175)}.ax5-ui-picker.danger .ax-picker-heading{font-weight:600;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#a94442;background-color:#f2dede;background-image:-webkit-linear-gradient(bottom, #f2dede);background-image:linear-gradient(to top,#f2dede)}.ax5-ui-picker.danger .ax-picker-heading .badge{font-size:0.8em;color:#f2dede;background-color:#a94442;background-image:-webkit-linear-gradient(bottom, #a94442);background-image:linear-gradient(to top,#a94442)}.ax5-ui-picker.danger .ax-picker-body{padding:5px;text-align:center}.ax5-ui-picker.danger .ax-picker-body .ax-picker-contents{min-width:50px}.ax5-ui-picker.danger .ax-picker-body .ax-picker-contents .ax-picker-content-box{border:0px solid;border-color:none;border-radius:0px;padding:0px;overflow:hidden}.ax5-ui-picker.danger .ax-picker-body .ax-picker-buttons{padding:10px 0px 5px 0px}.ax5-ui-picker.danger .ax-picker-body .ax-picker-buttons button:not(:last-child){margin-right:3px}.ax5-ui-picker.danger.direction-top .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;top:0px}.ax5-ui-picker.danger.direction-top .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;top:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ebccd1}.ax5-ui-picker.danger.direction-top .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;top:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.ax5-ui-picker.danger.direction-right .ax-picker-arrow{position:absolute;width:0;height:0;right:0px;top:50%}.ax5-ui-picker.danger.direction-right .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;right:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #ebccd1}.ax5-ui-picker.danger.direction-right .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;right:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow{position:absolute;width:0;height:0;left:50%;bottom:0px}.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ebccd1}.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-10px;bottom:-18px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.ax5-ui-picker.danger.direction-left .ax-picker-arrow{position:absolute;width:0;height:0;left:0px;top:50%}.ax5-ui-picker.danger.direction-left .ax-picker-arrow:before{content:' ';position:absolute;width:0;height:0;left:-20px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #ebccd1}.ax5-ui-picker.danger.direction-left .ax-picker-arrow:after{content:' ';position:absolute;width:0;height:0;left:-18px;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.ax5-ui-picker.destroy{-webkit-animation:ax-picker-destroy 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;-moz-animation:ax-picker-destroy 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;animation:ax-picker-destroy 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards}.ax5-ui-picker.direction-top{-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top}.ax5-ui-picker.direction-right{-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}.ax5-ui-picker.direction-bottom{-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}.ax5-ui-picker.direction-left{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.input-group[data-ax5picker] .input-group-addon{cursor:pointer}.input-group[data-ax5picker] .input-group-addon:not(:last-child){border-left:0px none;border-right:0px none}.form-group[data-ax5picker] .input-group-addon{cursor:pointer}.form-group[data-ax5picker] .input-group-addon:not(:last-child){border-left:0px none;border-right:0px none}
diff --git a/src/scss/_ax5picker.scss b/src/scss/_ax5picker.scss
index ba1a90c..1ee2899 100644
--- a/src/scss/_ax5picker.scss
+++ b/src/scss/_ax5picker.scss
@@ -177,7 +177,7 @@
 	}
 	1% {
 		opacity: 0.0;
-		@include transform(scale(0.3));
+		@include transform(scale(0.95));
 	}
 	100% {
 		opacity: 1.0;
@@ -202,7 +202,7 @@
 		opacity: 1.0;
 	}
 	to {
-		@include transform(scale(0.5));
+		@include transform(scale(0.95));
 		opacity: 0.0;
 	}
 }
diff --git a/test/index.html b/test/index.html
index 692b0cd..9801f28 100644
--- a/test/index.html
+++ b/test/index.html
@@ -24,6 +24,7 @@
 <!--https://css-tricks.com/examples/ShapesOfCSS/-->
 <!--https://css-tricks.com/clipping-masking-css/-->
 
+<h1>Date</h1>
 <div class="form-group" data-ax5picker="date">
     <div class="input-group">
         <input type="text" class="form-control" placeholder="yyyy/mm/dd"/>
@@ -40,11 +41,18 @@
     </div>
 </div>
 
+<h1>Custom</h1>
 <div class="form-group" data-ax5picker="custom">
-    <input type="text" class="form-control" placeholder="yyyy/mm/dd"/>
+    <input type="text" class="form-control" placeholder=""/>
+</div>
+
+<h1>Autocomplete</h1>
+<div class="form-group" data-ax5picker="autocomplete">
+    <input type="text" class="form-control" placeholder=""/>
 </div>
 
 <script>
+// todo : picker align 기능 추가
 
     $(document.body).ready(function () {