/*
 * This file is part of Moodle - http://moodle.org/
 *
 * Moodle 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 3 of the License, or
 * (at your option) any later version.
 *
 * Moodle 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 Moodle.  If not, see <http://www.gnu.org/licenses/>.
 *
 *
 * Oficial Notifications override styles style sheet
 *
 * @package    theme_oficial
 * @copyright  2019 G J Barnard - {@link http://moodle.org/user/profile.php?id=442195}
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 *
 */

.popover-region-container {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 15px 1px #000;
    height: 500px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 30px;
    transition: height 0.25s ease 0s;
    visibility: visible;
    width: 360px;
    z-index: 100;
}

.count-container {
    right: -5px;
}

.popover-region-toggle::before,
.popover-region-toggle::after {
    visibility: hidden;
}

.popover-region-content-container {
    height: calc(100% - 100px);
}

.popover-region-header-container,
.popover-region-footer-container {
    height: 50px;
    line-height: 50px;
}

.popover-region-header-text,
.popover-region-seeall-text {
    font-size: 125%;
    line-height: 50px;
}

.content-item-container.notification .content-item-body .notification-message {
    font-size: 100%;
}

.content-item-container .content-item-footer .timestamp,
.content-item-container .view-more {
    font-size: 80%;
}

@media (min-width: 768px) {
    .popover-region-container {
        font-size: 125%;
        width: 400px;
    }
}
