/** -----------------------------------------------------------------------------------------------------
 * mobile
 * @license http://www.opensource.org/licenses/bsd-license.php New BSD License
 * @copyright Copyright © Szincsák András
 * @author Szincsák András <andras@szincsak.hu>
 * @version 1.0
* ------------------------------------------------------------------------------------------------------ */
@media (max-width: 576px) {
  aside{max-width:0;padding: 0;opacity: 0;}
  main{margin-left:10px;padding: 0;}
  aside.active{max-width:45px;opacity: 1;    padding-left: 4px;}
  #switcher{width: 22px;height: 25px;margin: 13px 5px 0 10px;}
.scrollBtn { font-size: 27px; line-height:1em}

  
  
#sectionDay{left:5px}
.blockDay{width:97vw}
#userinfo{top:12px; right:5px;left:initial; min-width:32px;}
#userinfo h2{display:none}
#userinfo .menuUser{right:0;top:32px;min-width:150px;left:initial;}

#monthSelector{position:fixed;    z-index:999;    left:initial;    right:50px;    text-align:center;    top:13px;    width:74px;    height:32px;}
#monthSelector svg{font-size:1.7em}
#monthSelector .monthInner{display:none}
#monthSelector.active .monthInner{position:fixed;    display:block;    width:auto;    top:10px;right:85px;left:40px;    padding:0px;    background:#fff;}
#monthSelector.active .monthInner .dropdown{padding:0;margin:0}
#monthSelector.active .monthInner button{padding:5px 10px;}

.blockDay .dayInner {overflow-y:scroll}
.scrollBtn {display:none!Important}
.searchBar {transition:all ease-in-out .3s}
.searchBar.active {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: #000000a3;
    align-items: center;
    justify-content: center;
    width:100%;
}


.searchBar.active #eventSearch {display:block!Important;width: 80%;padding: 10px;}
.searchIcon {margin-right:10px}
#ui-id-1 {z-index: 999;}
#blockWidget{margin:0}
.moveBtn {    position: absolute;
    left: 5px;
    bottom: 15px;
    border: 2px solid #fff;
    padding: 5px;
}
}