/**
 * Filename:    launcher-eight.css
 * 
 * Description: Implementation of the launcher-eight class.
 * 
 * Copyright © 1999-2021 by Interact Solutions Ltda.
 * Rua Carlos Fett Filho, 47/301
 * 95.900.000, LAJEADO, RS
 * BRAZIL
 * 
 * The copyright to the computer program(s) herein
 * is the property of Interact Solutions Ltda., Brazil.
 * The program(s) may be used and/or copied only with
 * the written permission of Interact Solutions Ltda.
 * or in accordance with the terms and conditions
 * stipulated in the agreement/contract under which
 * the program(s) have been supplied.
 */

body
{
    overflow: hidden;
}

.launcher-menubutton
{
    cursor: pointer;
}

.launcher-menubutton-label
{
   user-select: none;
}

.launcher-menubutton span
{
    color: rgb( var(--color-white) );
    font-size: 13px;
    display: block; 
    max-width:120px; 
    overflow:hidden; 
    text-overflow:ellipsis;
}

.launcher-menubutton img
{
    width: 32px;
    height: auto;
}

.launcher-search-button
{
    display: flex;
    align-items: center;
    height: 40px;
    position: relative;
}

.launcher-search-button-input 
{
   padding: 10px 32px 10px 12px;
   width: 260px;
   min-width: 260px;
   font-size: 13px;
   border-radius: 4px;
   border: none;
   color: rgb( var(--color-gray550) );
   background-color: rgb( var(--color-gray150) );
   background-repeat: no-repeat;
   background-position: right 8px top 8px;
}

.launcher-search-button-input::-ms-input-placeholder
{
   opacity: 0.7;
}

.launcher-search-button-input::placeholder
{
   opacity: 0.7;
}

.launcher-search-icon
{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 9px;
    right: 9px;
}

.launcher-search-empty-container
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.launcher-search-empty-text
{
   font-size: 20px;
   color: rgb( var(--color-gray550) );
}

.launcher-notification-south .z-south-body
{
    overflow: unset !important;
}

.launcher-notification-submenu
{
   height: 0px;
   overflow: hidden;
}

.launcher-notification-submenu > div
{
    border-radius: 0px;
}

.launcher-notification-submenu:nth-child(1)
{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.launcher-notification-menu
{
   z-index: 10000;
   position: absolute;
   right: 10px;
   margin-bottom: 16px;
}

.launcher-notification-menu-button
{
   background: rgb( var(--color-primary) );
   padding: 10px;
   cursor: pointer;
   border-radius: 6px;
   transition: 0.3s all;
}

.launcher-notification-menu-button:hover
{
   background: rgb(139, 181, 236);
}

.launcher-avatar
{
    border-radius: 50%;
    background-size: 100% 100%;
    cursor: pointer;
    align-self: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    margin-right: 10px;
}

.launcher-avatar-name,
.launcher-avatar-name.z-label
{
    color: rgb( var(--color-white) );
    font-size: 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.launcher-avatar-function,
.launcher-avatar-function.z-label
{
   color: rgb( var(--color-white) );
   white-space: normal !important;
   font-style: italic;
   font-size: 11px !important;
}

.launcher-avatar-pane
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.launcher-avatar-pane .z-vbox-sep
{
    background: transparent !important;
}

.launcher-info-avatar-wrapper 
{
    display: flex;
    margin: 0 10px;
    padding-right: 8px;
}

.launcher-avatar-buttons
{
   display: flex;
   justify-content: center;
}

.launcher-avatar-button
{
   border-radius: 5px;
   margin: 0 10px;
   padding: 5px;
   cursor: pointer;
}

.launcher-avatar-info
{
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-right: 20px;
   overflow: hidden;
}

.launcher-applicationcaption-title
{
    font-weight: bold;
    font-size: 24px;
}

.launcher-applicationcaption-caption
{
    font-size: 12px;
}

.launcher-applicationcaption span
{
    color: rgb( var(--color-white) );
}

.launcher-statusbar-maintenance
{
    background-color: #FFA500;
} 

.launcher-applicationspane
{
    background-color: rgb( var(--color-gray200) );
    display: flex;
}

.launcher-applicationbutton
{
    background-color: rgb( var(--color-gray150) ) !important;
    box-shadow: 0px 0px 8.2px rgba(178, 178, 178, 0.25);
    border-radius: 6px;
    cursor: pointer; 
    margin: 15px 5px 0 10px;
    display: inline-block;
}

.launcher-applicationbutton-disabled
{
    background-color: #AEAEAE !important;
    cursor: default !important; 
}

.launcher-applicationbutton-label
{
    font-size: 13px;
    font-weight: bold;
    color: rgb( var(--color-primary) ) !important;
    display: block;
    margin-bottom: 3px;
}

.launcher-applicationbutton-disabled .launcher-applicationbutton-label
{
    color: #E4E4E4 !important;
}

.launcher-applicationbutton-disabled .launcher-applicationbutton-module
{
    color: #E4E4E4 !important;
}

.launcher-applicationbutton-module
{
    font-size: 11px;
    font-style: italic;
    color: rgb(var(--color-gray500));
}

.launcher-applicationbutton-favourite img
{
    width: auto;
    height: 15px;
}
@keyframes blink 
{
  1% { opacity: 0.0; }
  10% { opacity: 0.1; }
  20% { opacity: 0.3; }
  30% { opacity: 0.4; }
  40% { opacity: 0.6; }
  50% { opacity: 0.8; }
  60% { opacity: 0.6; }
  70% { opacity: 0.4; }
  80% { opacity: 0.3; }
  90% { opacity: 0.1; }
  100% { opacity: 0.0; }
}

@-webkit-keyframes blink 
{
  1% { opacity: 0.0; }
  10% { opacity: 0.1; }
  20% { opacity: 0.3; }
  30% { opacity: 0.4; }
  40% { opacity: 0.6; }
  50% { opacity: 0.8; }
  60% { opacity: 0.6; }
  70% { opacity: 0.4; }
  80% { opacity: 0.3; }
  90% { opacity: 0.1; }
  100% { opacity: 0.0; }
}

.blink
{
  animation: blink 1.5s step-start 0s infinite;
  -webkit-animation: blink 1.5s step-start 0s infinite;
}

.autocollapsiblemenupane-button
{
    box-sizing: border-box;
    overflow-x: hidden;
    cursor: pointer;
}

.autocollapsiblemenupane-button span
{
    font-size: 13px;
}

.autocollapsiblemenupane-button-selected
{
    border-right: solid 6px;
}

.autocollapsiblemenupane-button img
{
    margin-left: 13px;
    margin-right: 13px;
}

.favourites-sort-button {
    height: 20px;
    margin-top: 15px; 
    margin-right: 15px; 
    cursor: pointer;
}

 @keyframes jiggle1 {
    0% {
        transform: rotate(-1deg);
        animation-timing-function: ease-in;
    }
    50% {
        transform: rotate(1.5deg);
        animation-timing-function: ease-out;
    }
}

@keyframes jiggle2 {
    0% {
        transform: rotate(1deg);
        animation-timing-function: ease-in;
    }
    50% {
        transform: rotate(-1.5deg);
        animation-timing-function: ease-out;
    }
}

.launcher-modules-scroll-pane-container {
    background: rgb( var(--color-gray150) );
    position: absolute; 
    box-shadow: 0px 0px 8.2px rgba(178, 178, 178, 0.25); 
    left: 10px; 
    top: 15px; 
    border-radius: 6px;
}

.launcher-modules-scroll-pane-container > div {
    border-radius: 6px;
}

/** NOTIFICATION BAR **/
.launcher-notification-bar {
    background-color: rgb( var(--color-gray150) );
    padding: 12px;
    margin: 0 10px;
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(178, 178, 178, 0.25);
    display: flex;
    align-items: center;
}

.launcher-notification-bar-wrapper
{
   width: 100%;
   height: 100%;
   background: rgb( var(--color-gray200) );
}

.launcher-call-button
{
   bottom: 110px;
   width: 40px;
   height: 40px;
   background-color: rgb( var(--color-primary) );
   border-radius: 50%;
   position: absolute; 
   right: 50px;
   display: flex;
   filter: drop-shadow( 0px 0px 8px rgb(178 178 178 / 30%) ); 
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.launcher-option-container {
   z-index: 99;
   bottom: 170px;
   right: 18px;

   position: absolute;
   flex-direction: column;

   cursor: pointer;
}

.launcher-option {
   width: 110px;
   height: 30px;

   display: flex; 
   align-items: center; 
   justify-content: center; 
   border-radius: 10% 10% 0 10%; 
   background-color: rgb( var(--color-gray150) );
   box-shadow: 0px 0px 5px rgba(178, 178, 178, 0.4);

   animation-delay: 0.1s;
   animation: bounce-nds 0.2s linear;
   animation-fill-mode: forwards;
}

.launcher-option:nth-child(n):not(:last-child) {
   margin-bottom: 12px;
}

@keyframes bounce-nds{
   from {opacity: 0; transform: scale(0.5);}
   to {opacity: 1; transform: scale(1);}
}

.launcher-notification-bar-fixed-buttons {
    display: flex;
}

.launcher-notification-bar-fixed-buttons > *:not(:last-child) {
    margin-right: 10px;
}

.launcher-notification-bar-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    gap: 8px;
}

.launcher-notification-bar-button {
    cursor: pointer;
}

.launcher-notification-bar-button:last-child {
    margin-right: 0;
}