.notif-frame {background-color: transparent;width: 320px;z-index: 9999;}.notif-frame.fixed {position: fixed;}.notif-frame.absolute {position: absolute;}.notif-frame.top-right {right: 10px;top: 10px;}.notif-frame.top-left {left: 10px;top: 10px;}.notif-frame.bottom-right {right: 10px;bottom: 10px;}.notif-frame.bottom-left {left: 10px;bottom: 10px;}.notif-frame.top {left: 0px;top: 0px;width: 100% !important;}.notif-frame.bottom {left: 0px;bottom: -10px;width: 100% !important;}.notif {display: inline-block;padding: 0px;width: 100%;cursor: pointer;margin-bottom: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);-ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}.notif-icon {display: table-cell;width: 40px;font-size: 18px;vertical-align: middle;text-align: center;padding-left: 7px;}.notif-icon i {margin: 0 auto;text-align: center;}.notif-content {display: table-cell;padding: 13px 10px;font-size: 14px;text-align: left;}.notif-content a {text-decoration: underline;font-family: 'Roboto';}.notif-text {font-family: 'Roboto';}.notif-text span {font-family: 'Roboto';}.notif h4 {color: white;font-size: 16px;margin-bottom: 3px;font-weight: bold;text-align: left;}.notif li {font-size: 14px;font-family: 'Roboto';}.notif-buttons {width: 100% !important;text-align: left !important;margin-top: 0px;margin-bottom: 0px;}.notif-buttons div {margin-right: 6px !important;margin-top: 10px !important;}.amarillo.notif {background-color: #FFB752;color: white;}.azul.notif {background-color: #65BBD6;color: white;}.rojo.notif {background-color: #E15554;color: white;}.verde.notif, .ok.notif {background-color: #64C48A;color: white;}.negro.notif {background-color: #313442;color: white;}.amarillo.notif a, .alert.notif a {color: white;}.azul.notif a {color: white;}.rojo.notif a {color: white;}.verde.notif a {color: white;}.negro.notif a {color: white;}.notif-frame hr {border-style: none none dotted;border-color: white;}.rojo.notif .notif-progress.ui.progress.success .bar {background-color: #e14b4b !important;}.rojo.notif .notif-progress .bar {background-color: #e18686 !important;}.verde.notif .notif-progress.ui.progress.success .bar {background-color: #64C48A !important;}.verde.notif .notif-progress .bar {background-color: #9bc4a8 !important;}.amarillo.notif .notif-progress.ui.progress.success .bar {background-color: #FFB752 !important;}.amarillo.notif .notif-progress .bar {background-color: #ffcb8b !important;}.azul.notif .notif-progress.ui.progress.success .bar {background-color: #65BBD6 !important;}.azul.notif .notif-progress .bar {background-color: #98c8d6 !important;}.negro.notif .notif-progress.ui.progress.success .bar {background-color: #313442 !important;}.negro.notif .notif-progress .bar {background-color: #4f546a !important;}