.minipanle-underlay {
 z-index: 99999;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.fragments-modules_minipanel-main_container {
 height: auto;
 border: 1px solid black;
 border-radius: 10px;
 box-shadow: 7px 8px 7px rgb(0 0 0 / 30%);
 position: fixed;
 z-index: 99999;
 background-color: white;
}

.fragments-modules_minipanel-icons_divs {
 margin-top: 10px;
 max-height: 90vh;
 max-width: 350px;
 display: flex;
 align-content: flex-start;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 overflow-y: auto;
 text-align: left;
 color: black;
}

.fragments-modules_minipanel-icon_cont {
 text-align: center;
 border-radius: 8px;
 width: 90px;
 cursor: pointer;
 padding: 5px;
 margin-bottom: 10px;
}

.fragments-modules_minipanel-icon_cont:hover {
 box-shadow: inset 0 0 18px 3px #c8e8f7;
}

.fragments-modules_minipanel-icon_cont img {
 height: 40px;
}

.fragments-modules_minipanel-icon_cont p {
 font-family: sans-serif;
 margin: 0;
 font-size: 0.9em;
}


.fragments-modules_minipanel-bottom_logo {
 background-image: url(/images/adazur_logos/adazur_white.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: right;
 background-color: black;
}

.fragments-modules_minipanel-icon_parent_cont {
 width: 325px;
 display: grid;
 grid-template-columns: repeat(auto-fit, 100px);
 overflow-x: hidden;
 flex-wrap: wrap;
 max-height: 60vh;
 border-bottom: 1px solid #cecece;
 justify-content: space-around;
}

.fragments-modules_minipanel-icon_parent_cont::-webkit-scrollbar {
 width: 16px;
}

.fragments-modules_minipanel-icon_parent_cont::-webkit-scrollbar-thumb {
 background: #dadce0;
 background-clip: padding-box;
 border: 4px solid transparent;
 border-radius: 8px;
 box-shadow: none;
 min-height: 50px;
}

#minipanel_footer {
 padding-left: 20px;
 padding-right: 20px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
 margin-top: 5px;
}

#adazur_logo {
 width: 110px;
 height: 33px;
 background-image: url(/images/adazur_logos/adazur_dark.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: right;
 float: right;
}

#minipanel_signout_img {
 float: left;
 height: 20px;
 cursor: pointer;
 opacity: 0.8;
}

#minipanel_signout_img:hover {
 opacity: 1;
 box-shadow: 0 0 2px 2px #77c3d9;
}

@media screen and (max-height: 600px) {

 .fragments-modules_minipanel-icons_divs,
 .fragments-modules_minipanel-icon_parent_cont {
  max-width: none;
  width: 60vw;
 }
}