/**
*
* @package phpBB Extension - Button Index
* @copyright (c) 2025 dmzx - https://www.dmzx-web.net/
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*
*/

.forabg + .action-bar {
    margin-top: 0em;
}

.slideshow-container .nav {
    float: left;
    margin-left: 1px;
    margin-bottom: 7px;
}

.slideshow-container .dots, .mySlides {
    display: none;
}

li.row {
    padding: 0 7px;
}

.mySlides ul {
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
}

.mySlides li {
    float: left;
    display: inline-block;
    font-size: 0.9em !important;
}

.mySlides li.row {
    padding: 6px 6px 0  !important;
}

.mySlides li a.button {
    padding: 1px 6px  !important;
    margin: 7px 5px 0 0 !important;
    font-size: 11px;
}

.mySlides li a img {
    height: 13px;
    max-width: 20px;
    margin-bottom: 0px;
    vertical-align: middle;
}

.mySlides.bi-fade {
    animation-name: bi-fade;
    animation-duration: 16s;
}

@keyframes bi-fade {
      0% { opacity: 0.0; }
     12% { opacity: 1.0; }
     93% { opacity: 1.0; }
     98% { opacity: 0.0; }
    100% { opacity: 0.0; }
}

.action-bar.compact a.mark-read.rightside {
    display: none !important;
}

a.button.rightside {
    float:right;
    padding: 2px 6px !important;
    margin-top: 6px  !important;
    margin-bottom: 2px !important;
    font-size: 11px;
}

a.button.special {
    border-radius: 12px 0 12px 0;
}

.ucp_icon{
   font-size: 11px !important;
}

@media all and (min-width : 350px) and (max-width : 700px) { 
    .mySlides ul {
    width:55%;
    max-height:30px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-top: -34px;
   }
}