/**
* @license
* Copyright 2020 Sébastien CANET
* SPDX-License-Identifier: GPL-3.0-or-later
*/

.blocklyToolboxDiv {
    border-right: 2px solid gray !important;
    box-shadow: none !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;
    color: #b4d647;
    font-size: 1.5em;
    width: 32px;
}
.iconButtons:hover{
    /* background: #FFFFFF; */
    color: #000000;
    cursor : pointer;
    transition: 0.5s ease;
}
.fa-copy:hover{
    background: #3e3d3d;
    color: #b4d647;
    cursor : pointer;
    transition: 0.5s ease;
    padding: 5px;
    border-radius: 5px;
}
.iconButtons:active::after {
    /* transition-property: background; */
    transition-duration: 10s;
}
.iconButtons:disabled{
    /* background: #F3F1EF; */
    color: #006468;
    cursor : not-allowed;
}
.iconButtonsClicked{
    border: 0;
    background: none;
    box-shadow: none;
    border-radius: 0px;
    padding:2px;
    line-height:0;
    vertical-align: middle;
    background: #FFCC00;
    color: #006468;
    font-size: x-large;
    width: 32px;
}
.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: #FFFFFF;
    box-shadow: inset 0 8px 30px -4px rgba(128, 128, 128, 0.6);
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* position: fixed;  */
    /* bottom: 0;  */
    /* left: 0; */
    /* width: 100%;  */
    /* z-index: 9999; */
    /* padding: 0px 8px;  */
    /* height: 41.6px;  */
    /* box-sizing: border-box; */
}



/* 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: 15px;
    right: 5px;
    border-radius: 5px;
    z-index: 5;
    color: #b4d647;
}
#copyPopup {
    position: absolute;
    top: 15px;
    right: 50px;   /* move left of the icon */
    background: #b4d647;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
}
#copyPopup.show {
    opacity: 1;
}