/**
* @license
* Copyright 2020 Sébastien CANET
* SPDX-License-Identifier: GPL-3.0-or-later
*/
:root {
    --main-color: #07709a;
    --active-color: #d0ecf5;
}

.blocklyToolboxDiv {
    box-shadow: 5px 5px 5px gray !important;
    max-width: 315px !important;  
    overflow-x: hidden !important;
}
.UIText {
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
}
.UITextSmall {
    vertical-align: middle;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
}
.iconButtons{
    border: 0;
    background: none;
    box-shadow: none;
    border-radius: 0px;
    padding:2px;
    line-height:0;
    vertical-align: middle;
    background: var(--main-color);
    color: #FFFFFF;
    font-size: 1.5em;
    width: 36px;
}
.iconButtons:hover{
    background: #FFFFFF;
    color: #000000;
    cursor : pointer;
    transition: 0.5s ease;
}
.iconButtons:active{
    background: var(--active-color);
}
.iconButtons:active::after {
    transition-property: background;
    transition-duration: 10s;
}
.iconButtons:disabled{
    background: #F3F1EF;
    color: var(--main-color);
    cursor : not-allowed;
}
.iconButtonsClicked{
    border: 0;
    background: none;
    box-shadow: none;
    border-radius: 0px;
    padding:2px;
    line-height:0;
    vertical-align: middle;
    background: var(--active-color);
    color: var(--main-color);
    font-size: x-large;
    width: 32px;
}

/* Стиль для всей строки с иконкой и текстом */
.popup_menu_row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  /* Подсветка при наведении */
  .popup_menu_row:hover {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
  }
  .popup_menu_row:hover .menu_text {
    color: #000000;
  }
  /* Стилизация при клике — как у iconButtons:active */
  .popup_menu_row:active {
    background-color: var(--active-color);
    color: #000000;
  }
.CLI {
    margin: 5px;
}
/* surcharger .iconButton */
#boardMenu, #serialMenu{
    color: #000000;
    font-size:large;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#barre_h{
    background-color : var(--main-color);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items:center;
}

/* boutons classiques */
#verifyButton,
#uploadButton,
#serialConnectButton
{
    border-radius: 50%;
}
#resetButton{
    background: #FF0000;
}
#resetButton:hover{
    background: #FFFFFF;
    cursor: no-drop;
}
#helpButton{
    border-radius: 5px;
    cursor: help;
}
#copyCodeButton{
    visibility: hidden;
    position: absolute;
    top: 85px;
    right: 5px;
    border-radius: 5px;
    z-index: 5;
}