body{
    font-family: serif;
}

button{
    font-family: inherit;
}

.pushy__btn {
    text-rendering: optimizeLegibility;
    display: inline-block;
    border: none;
    border-radius: .3em;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 -0.25em 0 rgba(0, 0, 0, 0.25), 0 0.25em 0.25em rgba(0, 0, 0, 0.05);
    cursor: pointer;
    font-weight: 400;
    line-height: 1.5;
    padding: .5em 1.5em .75em;
    position: relative;
    vertical-align: middle;
}

.pushy__btn:active:not([disabled]) {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 0.25em 0.5em rgba(0, 0, 0, 0.05);
    margin-top: .25em;
    padding-bottom: .5em; }
.pushy__btn:active:not([disabled]), .pushy__btn:focus:not([disabled]) {
    outline: none; }
.pushy__btn--blue {
    background-color: #1199EE; }
.pushy__btn--green {
    color: #fff;
    background-color: darkseagreen }
.pushy__btn--lightBlue {
    width: 205px;
    color: #fff;
    font-size: 1.0em; 
    background-color: lightblue }
.pushy__btn--red {
    background-color: #EE4444; }
.pushy__btn--lg {
    font-size: 1.5em; }
.pushy__btn--df {
    font-size: 1.25em; }
.pushy__btn--md {
    font-size: 1em; }
.pushy__btn--sm {
    width: 105px;
    font-size: 0.8em; }
.pushy__btn--opnFile {
    width: 160px;
    background-color:  #cfe2e2;
    font-size: 0.9em; }

.round-button {
    display:block;
    width:135px;
    height:135px;
    line-height:120px;
    border: 2px solid white;
    border-radius: 50%;
    cursor: pointer;
    color:black;
    text-align:center;
    text-decoration:none;
    background: white;
    font-size:15px;
    font-weight:bold;
    box-shadow: 0 0 5px gray;
}

.square-button{
    display:block;
    width:210px;
    height:210px;
    border: 2px solid white;
    cursor: pointer;
    color:black;
    text-align:center;
    text-decoration:none;
    background: white;
    font-size:1.2em;
    font-weight:bold;
    box-shadow: 0 0 5px gray;
    margin: auto;
    border-radius: 15px;
}

.vrSelected{
    background-color: #e6f7ff;
}

.produuctFurnaceSelected{
    background-color: #ecf9ec;
}

.round-Button-s{
    width:90px;
    height:90px;
    outline: none;
    border: 4px solid #fff;
    box-shadow: 0 0 0 5px lightblue;
    border-radius: 50%;
    cursor: pointer;
    color:white;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    background: lightblue;
}

.round-Button-s:hover {background-color: cadetblue }

.round-Button-s:active {
    background-color: cadetblue;
    transform: translateY(4px);
}

.calcStyle{
    background:  #99ddff;
    box-shadow: 0 0 0 5px  #99ddff;
}

.calcStyle:hover {background-color: #4dc3ff }

.optStyle{
    background:    #8cff66;
    box-shadow: 0 0 0 5px   #8cff66;
}

.optStyle:hover {background-color:   #40ff00 }


.round-Button-s:active{
    top:-1px;
}

.nextButton span:after {
    content: '\00bb';
    opacity: 0;
    right: -20px;
}

.nextButton:hover:not([disabled]) span:after {
    opacity: 1;
    right: 0;
}

.nextButton:hover:not([disabled]) span {
    padding-right: 5px;
}

.arrowButtonNext{
    background-color: white;
    color: gainsboro;
    border: none; 
    cursor: pointer;
}

.nextAbled{
    color: #40ff00;
}

.arrowButtonPrevious{
    background-color: white;
    color: #40ff00;
    border: none; 
    cursor: pointer;
}

.preButton span:before {
    content: '\00ab';
    opacity: 0;
    left: -20px;
}

.preButton:hover span:before {
    opacity: 1;
    left: 0;
}

.preButton:hover span {
    padding-left: 5px;
}

.tab-button{
    background-color:  #f2f2f2;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
    border-radius: 4px;
    width: 107px;
}

.tab-button:hover{
    cursor: pointer;
}

.tab-button-checked-result{
    background-color:  #ecf9ec;
    font-weight: bold;
}

.tab-button-checked-material{
    background-color: #e6f7ff;
    font-weight: bold;
}

.tab-button-checked-energy{
    background-color: #ffeee6;
    font-weight: bold;
}

.al{
    background:   #ffffff;
    background-image: linear-gradient(#e6e6e6,  #ffffff);
    font-size: 1.1em;
}
.cu{
    background-color:   #e4be9b;
    background-image: linear-gradient(#8c5826, #e4be9b ); 
    font-size: 1.1em;
}

*:focus {
    outline: 0 !important;
}

.castIron{
    background-color: #A0A0A0;
    background-image: linear-gradient(#303030, #A0A0A0); 
    font-size: 1.1em;
}

.lowAlloySteel{
    background-color:  #e6e6e6;
    background-image: linear-gradient(#707070, #e6e6e6); 
    font-size: 1.1em;
}

.stainLessSteel{
    background-color:   #f2f2f3;
    background-image: linear-gradient(#caccce, #f2f2f3); 
    font-size: 1.1em;
}