﻿/*
 * Platform Theme for Noty library.
 *
 * Set the theme name is 'platform'.
*/


/* component styling */
.noty_theme__platform.noty_bar { margin: 4px 0; overflow: hidden; position: relative; box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
.noty_theme__platform.noty_bar .noty_progressbar { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: #000; opacity: 0.2; filter: alpha(opacity=20); }
.noty_theme__platform.noty_bar .noty_body { padding: 1.25em; font-size: 14px; }
.noty_theme__platform.noty_bar .noty_buttons { padding: 0 10px .5em 10px; }

.noty_theme__platform.noty_type__alert,
.noty_theme__platform.noty_type__notification { background-color: #fff; background-color: rgba(255,255,255, 0.8); color: #1d1d1d; }
.noty_theme__platform.noty_type__warning { background-color: #FA6800; background-color: rgba(250,104,0, 0.8); color: #fff; }
.noty_theme__platform.noty_type__error { background-color: #CE352C; background-color: rgba(206,53,44, 0.8); color: #FFF; }
.noty_theme__platform.noty_type__info,
.noty_theme__platform.noty_type__information { background-color: #1BA1E2; background-color: rgba(27,161,226, 0.8); color: #FFF; }
.noty_theme__platform.noty_type__success { background-color: #16ab39; background-color: rgba(22,171,57, 0.8); color: #fff; }


.noty_theme__platform.noty_type__alert:hover,
.noty_theme__platform.noty_type__notification:hover { background-color: #fff; }
.noty_theme__platform.noty_type__warning:hover { background-color: #FA6800; }
.noty_theme__platform.noty_type__error:hover { background-color: #CE352C; }
.noty_theme__platform.noty_type__info:hover,
.noty_theme__platform.noty_type__information:hover { background-color: #1BA1E2; }
.noty_theme__platform.noty_type__success:hover { background-color: #16ab39; }

/* component content styling */
.noty_theme__platform .header { font-weight: bold; }

.noty_theme__platform .noty_body_message { }
.noty_theme__platform .noty_body_content { }

.noty_theme__platform .noty_body_message.icon { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.noty_theme__platform .noty_body_message.icon > .icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; line-height: 1; vertical-align: middle; font-size: 2em; opacity: .8; margin-right: .6em; }
.noty_theme__platform .noty_body_message.icon > .noty_body_content { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; vertical-align: middle; }