/*!
 * -------------------------------------------------------------------------
 * News plugin for GLPI
 * -------------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of News.
 *
 * News is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * News is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with News. If not, see <http://www.gnu.org/licenses/>.
 * -------------------------------------------------------------------------
 * @copyright Copyright (C) 2015-2022 by News plugin team.
 * @license   GPLv2 https://www.gnu.org/licenses/gpl-2.0.html
 * @link      https://github.com/pluginsGLPI/news
 * -------------------------------------------------------------------------
 */

.plugin_news_alert {
   margin: auto;
   width: 90%;
   border: none;
   position: relative;
   max-width: 800px;
   margin-top: 20px;
}

.plugin_news_alert-title {
   font-size: 18px;
   padding: 5px;
   min-height: 45px;
}

.plugin_news_alert-content {
   word-break: normal;
   padding: 5px 15px;
   border: none;
}

.plugin_news_alert-content ul {
   list-style: inherit;
   margin:     inherit;
   padding:    inherit;
}

.plugin_news_alert-login {
   margin-bottom: 40px;
}

.plugin_news_alert-login .plugin_news_alert-content {
   max-height: 0;
   padding: 0;
   overflow: hidden;
   transition: max-height .25s ease-out;
   transition: padding .25s ease-out;
}
.plugin_news_alert-login .expanded .plugin_news_alert-content {
   padding: 5px 15px;
   max-height: 300px;
   overflow-y: auto;
   transition: max-height .25s ease-in;
   transition: padding .25s ease-in;
}

.plugin_news_alert-close {
   background-image: url(../pics/close.png);
   width: 16px;
   height: 16px;
   cursor: pointer;
   opacity: .5;
   position: absolute;
   top: 12px;
   right: 12px;
}

.plugin_news_alert-title-content {
   overflow: hidden;
   margin-top: 7px;
}

.plugin_news_alert-icon {
   display: block;
   width: 45px;
   height: 45px;
   float: left;
   margin-right: 5px;
}

.plugin_news_alert-icon.type_0 {
   width:0;
   margin-right: 0;
}

.plugin_news_alert-icon.type_1 {
   background-image: url(../pics/general.png);
}

.plugin_news_alert-icon.type_2 {
   background-image: url(../pics/information.png);
}

.plugin_news_alert-icon.type_3 {
   background-image: url(../pics/warning.png);
}

.plugin_news_alert-icon.type_4 {
   background-image: url(../pics/error.png);
}

.plugin_news_alert-date {
   font-size: .45em;
   margin-left: 5px;
   color: #737373;
   overflow: hidden;
}

.plugin_news_alert-close:hover {
   opacity: 1;
}

.plugin_news_alert-login .plugin_news_alert-close {
   display: none;
}

.plugin_news_alert-login .plugin_news_alert {
   background: rgba(255, 255, 255, .3);
   box-shadow: inherit;
}
.plugin_news_alert-login .plugin_news_alert-title {
   background-color: rgba(248, 248, 248, .5);
}

.plugin_news_alert-toggle {
   background-image: url(../pics/toggle_down.png);
   width: 16px;
   height: 16px;
   cursor: pointer;
   opacity: .5;
   position: absolute;
   top: 12px;
   right: 12px;
   opacity: .5;
}
.expanded .plugin_news_alert-toggle {
   background-image: url(../pics/toggle_up.png);
}
.plugin_news_alert-toggle:hover {
   opacity: 1;
}

.plugin_news_alert-visibility {
   margin: 0 auto;
   width: 400px;
}