/* Firmware Picker */
tabs-component {
    background-color: #535353;
    pointer-events: none;
    height: 30px;
    display: flex;
    align-items: flex-end;
    padding: 5px 5px 0px 5px;

    /*-webkit-box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.42);*/
    /*-moz-box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.42);*/
    /*box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.42);*/
}
tabs-component button {
    min-height: unset;
    display: inline-block !important;
    font-family: "Open Sans";   
    font-weight: 600;
    border-radius: unset;
}

tabs-component > button:not(:last-child) {
    margin-right: 8px;
}

.tab_component_button {
    padding: 0 .5rem !important;
    /* margin-right: 3px !important; */
    /* border-radius: 0; */
    border: 0px !important;
    background-color: #f1f2fa;
    color: #4a6ee0;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    font-size: .875rem;
    transition: all 200ms cubic-bezier(0.4, 0, 1, 1) !important;
    height: 30px !important;
    outline: none !important;
    cursor: pointer !important;
    min-width: 50px !important;
    width: 100%;
    /* max-width: 200px; */
    pointer-events: all !important;

    border-radius: .35rem .35rem 0 0;
}
.tab_component_button[selected] {
    /* background: lightBlue; */
    background-color: #828A95;
    color: #fff;
}
.tab_component_button:hover:not([disabled]) {
    background-color: #638eeb;
    color: #fff;
}
.tab_component_button.tab_component_first_button {
   /* border-radius: .25rem 0 0 .25rem; */
}
.tab_component_button.tab_component_last_button {
    /* margin-right: 0px; */
    /* border-radius: 0 .25rem .25rem 0; */
}
.tab_component_button[disabled] {
    background-color: #c6c7ce;
    cursor: default;
}
.tab_component_button[disabled][selected] {
    background-color: #788dd0;
}
.tab_component_button[hidden] {
    display: none !important;
    pointer-events: none;
}