/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.2/node_modules/css-loader/dist/cjs.js!./blocklyduino/css/blocklyduino.css ***!
  \*********************************************************************************************************************************************/
/**
* @license
* Copyright 2020 Sébastien CANET
* SPDX-License-Identifier: GPL-3.0-or-later
*/

#parametersButton {
    display: none;
}
#helpButton{
    display: none;
}
#buttonsMenuPopupInside .iconButtons{
    width: unset;
}
#copyCodeButton1{
    /**visibility: hidden;*/
    cursor: pointer;
    position: absolute;
    top: 85px;
    right: 30px;
    color: yellow;
    z-index: 5;
}
#copyCodeButton1:hover {
    background: #fff;
    color: #000;
}
.blocklyToolboxDiv {
    box-shadow: 5px 5px 5px gray !important;
}
.UIText {
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
}
.UITextSmall {
    vertical-align: middle;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
}
.iconButtons:hover .menu_text{
    color:#000;
}
.iconButtons{
    border: 0;
    background: none;
    box-shadow: none;
    border-radius: 0px;
    padding:2px;
    line-height:0;
    vertical-align: middle;
    background: #006468;
    color: #FFFFFF;
    font-size: 1.5em;
    width: 32px;
}
.iconButtons:hover{
    background: #FFFFFF;
    color: #000000;
    cursor : pointer;
    transition: 0.5s ease;
}
.iconButtons:active{
    background: #FFCC00;
}
.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 : #17a1a5;
    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: 130px;
    right: 30px;
    border-radius: 5px;
    z-index: 5;
}

/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.2/node_modules/css-loader/dist/cjs.js!./blocklyduino/css/override_css.css ***!
  \*********************************************************************************************************************************************/
/**
* @license
* Copyright 2020 Sébastien CANET
* SPDX-License-Identifier: BSD-3-Clause
*/

/* CSS specific added for the theme */

body {
    background-color: #006468;
}
#separator {
    background-color: #006468;
}
#helpModal_header {
    background-color: #006468;
}
#keyboard_nav_header {
    background-color: #006468;
}
#buttonsMenuPopupInside,
#buttonsToolsPopupInside,
#buttonsIotPopupInside{
    background-color: #006468;
    padding: 5px;
}
.config_content {
    background-color: #006468;
}
.modal-header, .modal-footer {
    background-color: #006468;
}
.accordion {
  background-color: #006468;
}
.accordion:hover {
  color: #006468;
}
.active {
    color: #006468;
  background-color: #FFCC00;
}
.collapsibleButton {
    background-color: #006468;
}
.active:after {
    color: #006468;
}
#lateral-panel-setup-label {
    color: #006468;
}
.closeModal:hover,
.closeModal:focus {
    color: #FFCC00;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsibleButton:hover {
    background-color: #FFCC00;
}

/* enhance sliders behavior */
input:checked + .slider {
  background-color: #17a1a5;
}
input:focus + .slider {
  box-shadow: 0 0 1px #17a1a5;
}
input:checked + .slider:before {
  -webkit-transform: translateY(27px);
  -ms-transform: translateY(27px);
  transform: translateY(27px);
}

/**
 * @fileoverview Toolbox modification, override css style
 * @source https://blocklycodelabs.dev/codelabs/custom-toolbox
 */
/* Makes label white */
.blocklyTreeLabel {
  color: white;
  font-weight: bold;
  font-size: 20px;
}
/* Adds padding around the group of categories and separators */
.blocklyToolboxContents {
  padding: .2em;
}
/* Adds space between the categories, rounds the corners and adds space around the label */
.blocklyTreeRow {
  padding: 2px;
  border-radius: 4px;
  height: initial;
}
/* Changes color of the icon to white */
.customIcon {
  color: white;
  margin-left: 5px;
  vertical-align: middle;
  width: 25px;
}

/*# sourceMappingURL=lb-blockly-blocklyduino-blocklyduino_css_b.ec9c6dc7.css.map*/