@charset "utf-8";

/* #body-box table, #body-box > table  td {
    background-color: #fff !important;
} */

#product-animation table, #product-animation > table  td {
    background-color: #fff !important;
}

.tophdr {
    /* font-family: 'Open Sans', Arial, Helvetica, sans-serif; */
    font-size: 28px;
    color: #0A4595;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 1rem;
    font-weight: 700; 
}

.usa-control-ext {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 5px;
    margin-right: 5px;
}

.animationPlayer input[type="button"] {
    cursor: pointer;
}

input.forward {
    border: none;
    background: white url('/assets/img/icon_play_full.svg') no-repeat top;
}

input.backward {
    border: none;
    background: white url('/assets/img/icon_play_full.svg') no-repeat top;
    transform: rotate(-180deg);
}

input.stop {
    border: none;
    background: white url('/assets/img/icon_stop_full.svg') no-repeat top;
}

input.lastImage{
    border: none;
    background: white url('/_assets/img/icon_back.svg') no-repeat top;
}

input.nextImage{
    border: none;
    background: white url('/_assets/img/icon_next.svg') no-repeat top;
}

input.slow{
    border: none;
    background: white url('/_assets/img/icon_next.svg') no-repeat top;
    transform: rotate(90deg);
}

input.fast{
    border: none;
    background: white url('/_assets/img/icon_next.svg') no-repeat top;
    transform: rotate(-90deg);
}

table.animationPlayer {
    border: none !important;
}

table.animationPlayer td {
    border: none !important;
}

.btn-disabled, .animationPlayer input[type="button"].btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}