.box-alertNoti{position:fixed;right:50px;bottom:70px;
/* height: 0; */
width:300px;z-index:99;}.list-box-alertNoti{padding:0;margin:0;
/* display: flex; */
align-self:end;list-style:none;
/* height: 0; */
}.li-list-box-alertNoti{margin-top:7px;}.item-box-alertNoti{box-shadow:0 0 5px 0 #3cbd4a;position:relative;padding-left:15px;padding-right:20px;
/* padding: 6px; */
padding-top:5px;padding-bottom:5px;border-radius:7px;}.done-alertNoti{background:#3cbd4a;box-shadow:0 0 3px 0 #3cbd4a;color:#fff;}.head-box-alertNoti{position:absolute;left:10px;right:10px;top:-16px;background:#63bf67;height:22px;border-radius:10px 10px 10px 10px;padding-left:10px;padding-right:10px;}.iconh-box-alertNoti{float:right;margin-right:-40px;color:#4caf50;}.body-box-alertNoti{display:flex;align-items:center;justify-content:center;}.icon-box-alertNoti{font-size:27px;height:30px;width:30px;margin-right:15px;padding:10px;border-radius:50%;box-sizing:content-box;background:rgba(255,255,255,.2);position:relative;}.content-box-alertNoti{width:100%;max-width:calc(100% - 70px);word-break:break-all;}.error-alertNoti{background:#ff5252;box-shadow:0 0 3px 0 #ff5252;color:#fff;}.warning-alertNoti{background:#e1ae14;box-shadow:0 0 3px 0 #e1ae14;color:#39331e;}.noti-alertNoti{background:#0093ee;box-shadow:0 0 3px 0 #0093ee;color:#fff;}.IconIN-alertNoti{font-size:30px;line-height:30px;}.pin-alertNoti{position:absolute;top:5px;right:4px;font-size:19px;padding:0;border-radius:50%;color:rgba(0,0,0,.3);cursor:pointer;}.icon-box-alertNoti:hover>.IconIN-alertNoti{opacity:0;}.close-alertNoti{display:none;}.pin-alertNoti:hover{color:#000;}.pin-alertNoti-act{color:#000;}.icon-box-alertNoti:hover>.close-alertNoti{position:absolute;left:12px;top:12px;display:inline-block;cursor:pointer;color:rgba(0,0,0,.16);}.details-box-alertNoti{text-align:right;overflow:hidden;}.msg-box-alertNot{margin-bottom:3px;}.btn-details-box-alertNoti{background:rgba(255,255,255,.2);display:inline-block;margin-right:5px;margin-top:5px;margin-bottom:0;padding-left:7px;padding-right:7px;border-radius:10px;z-index:5;position:relative;float:right;cursor:pointer;}.btn-details-box-alertNoti:hover,.btn-details-box-alertNoti-act{background:rgba(0,0,0,.2);color:#fff;}.content-details-box-alertNoti{text-align:left;z-index:0;position:relative;padding-top:0;margin-top:0;}.Incontent-details-box-alertNoti{padding:5px;font-size:14px;background:rgba(255,255,255,.2);border-radius:7px;}.item-height-alertNoti{-webkit-animation:animateHeight .3s ease-in;-webkit-animation-fill-mode:forwards;-moz-animation:animateHeight .3s ease-in;-moz-animation-fill-mode:forwards;-o-animation:animateHeight .3s ease-in;-o-animation-fill-mode:forwards;animation:animateHeight .3s ease-in;animation-fill-mode:forwards;}@-webkit-keyframes animateHeight{0%{height:0;}80%{height:65px;}100%{height:auto;}}@-moz-keyframes animateHeight{0%{height:0;}80%{height:65px;}100%{height:auto;}}@-o-keyframes animateHeight{0%{height:0;}80%{height:65px;}100%{height:auto;}}@keyframes animateHeight{0%{height:0;}80%{height:65px;}100%{height:auto;}}.Clear-height-alertNoti{-webkit-animation:ClearHeight .3s ease-in;-webkit-animation-fill-mode:forwards;-moz-animation:ClearHeight .3s ease-in;-moz-animation-fill-mode:forwards;-o-animation:ClearHeight .3s ease-in;-o-animation-fill-mode:forwards;animation:ClearHeight .3s ease-in;animation-fill-mode:forwards;height:0;margin-top:0;}@-webkit-keyframes ClearHeight{0%{height:auto;margin-top:7px;}20%{height:65px;}100%{height:0;margin-top:0;}}@-moz-keyframes ClearHeight{0%{height:auto;margin-top:7px;}20%{height:65px;}100%{height:0;margin-top:0;}}@-o-keyframes ClearHeight{0%{height:auto;margin-top:7px;}20%{height:65px;}100%{height:0;margin-top:0;}}@keyframes ClearHeight{0%{height:auto;margin-top:7px;}20%{height:65px;}100%{height:0;margin-top:0;}}