/*
##===================================================##
## @author    : OCdevWizard                          ##
## @contact   : ocdevwizard@gmail.com                ##
## @support   : http://help.ocdevwizard.com          ##
## @copyright : (c) OCdevWizard. Notifications, 2017 ##
##===================================================##
*/
div[id^="ocdw_notifications-block"]{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;box-sizing:content-box;line-height:1.2;background:#fff;max-width:360px;width:100%;margin:0 auto!important;min-height:100px;position:relative}
div[id^="ocdw_notifications-block"] .inner-header{background:#ededed;font-family:'Open Sans',sans-serif;font-size:20px;color:#333;font-weight:400;border-bottom:1px solid #ddd;padding:15px 20px;position:relative;min-height:50px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}
div[id^="ocdw_notifications-block"] .inner-header .modal-close{opacity:1;cursor:pointer!important;color:#333;padding-left:20px}
div[id^="ocdw_notifications-block"] .inner-header .modal-close i{font-size:20px;line-height:20px}
div[id^="ocdw_notifications-block"] .inner-header .modal-close i:hover::before{transform:rotate(180deg)}
div[id^="ocdw_notifications-block"] .inner-header .modal-close i:before{display:inline-block;transition:1s all}
div[id^="ocdw_notifications-block"] .inner-center{background:#fff;padding:20px}
div[id^="ocdw_notifications-block"] .inner-footer{padding:15px 20px;background:#ededed;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #ddd;width:100%;height:100%;box-sizing:border-box}
div[id^="ocdw_notifications-block"] .inner-footer button,div[id^="ocdw_notifications-block"].minimalism button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:34px;overflow:hidden;margin:0;padding:0 15px;outline:0;border:0;min-width:100px;font-size:12px;font-family:'Open Sans',sans-serif;text-decoration:none;color:#fff;background:#47c843;text-align:center;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
div[id^="ocdw_notifications-block"] .inner-footer .close-modal{background:#e94e4e}
div[id^="ocdw_notifications-block"] .inner-footer .close-modal:hover{background:#e81717;box-shadow:0 3px 8px 0 rgba(0,0,0,.20)}
div[id^="ocdw_notifications-block"] .inner-footer .close-modal:active{background:#aa3a3a}
div[id^="ocdw_notifications-block"] .inner-footer .save-form{background:#47c843}
div[id^="ocdw_notifications-block"] .inner-footer .save-form:hover{background:#3cb736;box-shadow:0 3px 8px 0 rgba(0,0,0,.20)}
div[id^="ocdw_notifications-block"] .inner-footer .save-form:active{background:#33933a}
div[id^="ocdw_notifications-block"].minimalism{padding:20px}
div[id^="ocdw_notifications-block"].minimalism .modal-close{opacity:1;cursor:pointer!important;color:#333;position:absolute;right:10px;top:10px;background:#fff;border-radius:20px;padding:5px;width:30px;height:30px;text-align:center}
div[id^="ocdw_notifications-block"].minimalism .modal-close i{font-size:20px;line-height:20px}
div[id^="ocdw_notifications-block"].minimalism .modal-close i:hover::before{transform:rotate(180deg)}
div[id^="ocdw_notifications-block"].minimalism .modal-close i:before{display:inline-block;transition:1s all}
div[id^="ocdw_notifications-block"].minimalism .inner-header-minimalism{font-family:'Open Sans',sans-serif;font-size:20px;color:#333;font-weight:400}
div[id^="ocdw_notifications-block"].minimalism .inner-center-minimalism{padding:20px 0 0;font-size:14px;font-family:'Open Sans',sans-serif}
div[id^="ocdw_notifications-block"].minimalism .inner-footer-minimalism{padding:20px 0 0}
div[id^="ocdw_notifications-block"].minimalism .inner-footer-minimalism .save-form{background:#47c843}
div[id^="ocdw_notifications-block"].minimalism .inner-footer-minimalism .save-form:hover{background:#3cb736;box-shadow:0 3px 8px 0 rgba(0,0,0,.20)}
div[id^="ocdw_notifications-block"].minimalism .inner-footer-minimalism .save-form:active{background:#33933a}
div[id^="ocdw_notifications-bar"] > .inner{width:100%;height:auto;z-index:10000;font-family:'Open Sans',sans-serif;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;box-sizing:border-box}
div[id^="ocdw_notifications-bar"] > .inner > span{width:100%}
div[id^="ocdw_notifications-bar"] > .inner span p{margin-bottom:0}
div[id^="ocdw_notifications-bar"] > .inner span a{text-decoration:underline;color:#fff}
div[id^="ocdw_notifications-bar"] > .inner span a:hover{text-decoration:none}
div[id^="ocdw_notifications-bar"] > .inner > button.bar-close{padding:0;margin:0;border:0;background:none;outline:0}
div[id^="ocdw_notifications-bar"].position-relative{position:relative}
div[id^="ocdw_notifications-bar"].position-fixed{position:fixed;z-index:1000}
div[id^="ocdw_notifications-bar"].btn-left > .inner{flex-direction:row-reverse}
div[id^="ocdw_notifications-bar"].btn-left > .inner > button.bar-close{margin-right:15px}
div[id^="ocdw_notifications-bar"] > .inner button.like-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;overflow:hidden;margin:0;padding:0 10px;outline:0;border:0;min-width:90px;font-size:12px;font-family:'Open Sans',sans-serif;text-decoration:none;color:#fff;background:rgba(255,255,255,0.4);text-align:center;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(255,255,255,0.4)}
div[id^="ocdw_notifications-bar"] > .inner button.like-button:hover{background:#fff;color:#000}