.notificationsContainer{position:fixed;bottom:-20%;padding:10px;background:#bed8ec;margin:10px;z-index:9999;border-radius:10px;box-shadow:0px 1px 5px rgba(0,0,0,0.3);width:550px;transition:all .5s ease-in-out;opacity:0;height:145px;box-shadow:2px 2px 10px rgba(0,0,0,0.5)}@media screen and (max-width: 850px){.notificationsContainer{display:none !important}}.notificationsContainer .smallNotificationsContainer .smallTitleMobile{display:none}@media screen and (max-width: 450px){.notificationsContainer{padding:10px 15px}}@media screen and (max-width: 850px){.notificationsContainer{width:96%;width:calc(100% - 20px);height:auto;overflow:hidden}.notificationsContainer.mobileNotificationsOnly{background-color:#FFF;left:0;right:0;width:100%;margin:0;top:0;bottom:0 !important;z-index:99999;height:auto !important;border-radius:0}}@media screen and (max-width: 850px) and (max-width: 580px){.notificationsContainer.mobileNotificationsOnly .smallTopInformations .smallIconsLeftInformations{position:relative;top:auto;transform:none;right:auto;z-index:1;opacity:1}.notificationsContainer.mobileNotificationsOnly .smallTopInformations .smallIconsLeftInformations .smallIconsInformations{background:linear-gradient(128deg, #1055bc 0%, #2da0e2 100%)}}@media screen and (max-width: 850px){.notificationsContainer.mobileNotificationsOnly .smallNotificationsContainer .smallTitleMobile{display:block;text-align:center;font-weight:bold;font-size:22px;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #999999}.notificationsContainer.mobileNotificationsOnly .smallNotificationsContainer .smallNotificationsContainer{background:#bed8ec;border-radius:10px;padding:10px;margin-top:20px}}.notificationsContainer .smallIconsInformations{background:#1055bc;background:linear-gradient(128deg, #1055bc 0%, #2da0e2 100%);padding:10px;border-radius:20px;box-shadow:3px 3px 2px rgba(0,0,0,0.5);transition:all .3s ease-in-out;position:relative}@media screen and (max-width: 450px){.notificationsContainer .smallIconsInformations{border-radius:10px}}.notificationsContainer .smallIconsInformations.smallIconsAfterInformations{border-radius:100px;line-height:22px;position:relative;height:50px;width:50px}.notificationsContainer .smallIconsInformations.smallIconsAfterInformations::after{content:"";background:red;width:16px;height:16px;border-radius:100px;position:absolute;right:-3px;top:0;border:3px solid #bed8ec}.notificationsContainer .smallIconsInformations.smallIconsAfterInformations img{position:absolute;width:30px;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%)}.notificationsContainer .smallTopInformations .smallIconsLeftInformations{display:inline-block;width:14%;width:calc(15% - 4px);transition:width .3s ease-in-out}@media screen and (max-width: 580px){.notificationsContainer .smallTopInformations .smallIconsLeftInformations{position:absolute;right:-70px;top:50%;transform:translateY(-70%);width:170px;opacity:.4;z-index:-1}.notificationsContainer .smallTopInformations .smallIconsLeftInformations .smallIconsInformations{background:transparent;box-shadow:none}}.notificationsContainer .smallTopInformations .smallIconsLeftInformations.widthCalc{width:9%;width:calc(10% - 4px)}@media screen and (max-width: 850px){.notificationsContainer .smallTopInformations .smallIconsLeftInformations.widthCalc{width:7%;width:calc(8% - 4px)}}@media screen and (max-width: 590px){.notificationsContainer .smallTopInformations .smallIconsLeftInformations.widthCalc{width:9%;width:calc(10% - 4px)}}@media screen and (max-width: 480px){.notificationsContainer .smallTopInformations .smallIconsLeftInformations.widthCalc{width:11%;width:calc(13% - 4px)}}@media screen and (max-width: 400px){.notificationsContainer .smallTopInformations .smallIconsLeftInformations.widthCalc{width:14%;width:calc(16% - 4px)}}.notificationsContainer .smallTopInformations .smallTextRightInformations{display:inline-block;width:calc(85% - 14px);vertical-align:top;margin-left:10px;margin-top:10px;transition:width .3s ease-in-out}@media screen and (max-width: 580px){.notificationsContainer .smallTopInformations .smallTextRightInformations{width:97%;width:calc(100% - 14px)}.notificationsContainer .smallTopInformations .smallTextRightInformations .smallBottomElements{margin-top:5px}.notificationsContainer .smallTopInformations .smallTextRightInformations .smallBottomElements .smallTextParagraph p::first-letter{text-transform:capitalize}}.notificationsContainer .smallTopInformations .smallTextRightInformations.widthCalc{width:88%;width:calc(90% - 14px)}@media screen and (max-width: 850px){.notificationsContainer .smallTopInformations .smallTextRightInformations.widthCalc{width:90%;width:calc(92% - 14px)}}@media screen and (max-width: 590px){.notificationsContainer .smallTopInformations .smallTextRightInformations.widthCalc{width:89%;width:calc(90% - 14px)}}@media screen and (max-width: 480px){.notificationsContainer .smallTopInformations .smallTextRightInformations.widthCalc{width:85%;width:calc(87% - 14px)}}@media screen and (max-width: 400px){.notificationsContainer .smallTopInformations .smallTextRightInformations.widthCalc{width:80%;width:calc(84% - 14px)}}.notificationsContainer .smallTopInformations .smallTextRightInformations .smallTextTitle span{text-transform:uppercase;font-weight:bold;font-size:20px}@media screen and (max-width: 580px){.notificationsContainer .smallTopInformations .smallTextRightInformations .smallTextTitle span{font-size:17px}}@media screen and (max-width: 580px){.notificationsContainer .smallTopInformations .smallTextRightInformations .hideOnMobileNotifications{display:none}}.notificationsContainer .smallTopInformations .smallTextRightInformations .notificationsDateElements{display:none;font-style:italic;font-size:12px;margin-top:5px}.notificationsContainer .smallTopInformations .smallTextRightInformations .notificationsDateElements span{color:#0073CB}.notificationsContainer .notificationsButtonsElements button,.notificationsContainer .notificationsButton button{width:100%;text-transform:uppercase;margin-top:10px;cursor:pointer;background-color:#0073CB;border:none;color:#FFF;border-radius:10px;padding:10px 15px;transition:background .15s ease-in-out}.notificationsContainer .notificationsButtonsElements button:hover,.notificationsContainer .notificationsButton button:hover{background-color:#005799}.notificationsContainer .notificationsButtonsElements button a,.notificationsContainer .notificationsButton button a{color:#FFF}.notificationsContainer .notificationsButtonsElements button a:hover,.notificationsContainer .notificationsButton button a:hover{text-decoration:none}.notificationsContainer .smallCloseButtonContainer{position:absolute;right:5px;top:5px;background:#0073CB;color:#fff;border-radius:30px;line-height:20px;padding:2px;cursor:pointer;transition:background .15s ease-in-out}.notificationsContainer .smallCloseButtonContainer:hover{background-color:#005799}.notificationsContainer .notificationsParagraphContainer{margin-top:20px;display:none}.notificationsContainer .notificationsParagraphContainer .titleNotification{font-weight:bold;margin-bottom:5px;margin-top:20px}.notificationsContainer .notificationsButtonsContainer{margin-top:10px}.notificationsContainer .notificationsButtonsContainer .titleButtonNotifications{text-transform:uppercase;font-weight:bold}.notificationsContainer .notificationsButtonsContainer .notificationsButtonsElements button{display:inline-block;width:49%;width:calc(50% - 4px)}.hiddenNotifications{margin-left:-100%}