.calculadora:hover {

    cursor: pointer;

}

#div-calculadora {
    padding: 1vh 0.5vw;
    width: 100%;
    height: 100%;
}

div#titulo-calculadora{

    width: 100%;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4vw;
    font-weight: bold;
    margin: 2vh 0 2vh 0;

}

div#lista-itens-calculadora{
    
    width: 100%;
    height:70%;
    overflow-y: auto;
    padding: 1vh 0.5vw;
    background-color: #fff3ba;
    border: 1px solid;

}

div#resultado-calculadora{
    
    width: 100%;
    height:20%;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;

}

div#botoes-calculadora{

    width: 46vw;
    height:10%;
    vertical-align: middle;

}

div#btn-cancela-calculadora{

    
    float: left;

    margin: 2.5vh 1vw;

}

div#btn-fecha-calculadora{

    
    float: right;
    margin: 2.5vh 1vw;
    background-color:#198b86;
    color: #fff;

}

div.card-item-calculadora{

    width: 100%;
    border: 1px solid #000;
    padding: 0 1vw 2vh;
    border-radius: 5px;
    margin-bottom: 1.5vh;
    background-color: #fff;
}

div.card-data {

    float: left;

}

div.card-result {


    float: right;
    text-align: center;
    vertical-align: middle;
    font-size: 2vw;
    width: 30%;

}

div.card-largura {

    clear: right;

}

div.card-comprimento {

    clear: right;

}

.card-largura-label {
    float: left;
    font-size: 1.2vw;
    margin: 0.3vh 1vw 0 0;
    width: 8vw;
    text-align: right;
}

.card-comprimento-label {
    float: left;
    font-size: 1.2vw;
    margin: 0.3vh 1vw 0 0;
    width: 8vw;
    text-align: right;
}

.card-largura-field {
    width: 6vw;
    float: left;
    margin-right: 1vw;
}

.card-comprimento-field {
    width: 6vw;
    float: left;
    margin-right: 1vw;
}

div.card-largura {
    clear: right;
    margin: 0 0 2vh;
}

div.card-data input[inputmode=decimal] {  
    text-align:right;  
  } 

span.card-result-equal-sign {
    font-size: 2em;
    color: #666;
    line-height: 9.5vh;
    float: left;
}

span.card-result-value {
    line-height: 10vh;
    font-size: 1.5em;
    
}

span.card-result-unidade-medida {
    font-size: 1em;
    color: #666;
    float: right;
    line-height: 11vh;
}

div#add-card-button {
    
    background: url(../images/expand-sign.svg) no-repeat center right;
    cursor: pointer;
    background-size: 4em;
    padding: 0;
    width: 4vw;
    height: 4vw;
    float: left;
    
}

div#add-card-button:hover {

    cursor: pointer;
}

div.card-cabecalho{
    height: 3vh;
    border-bottom: 1px solid #aaa;
    width: 100%;
    margin-bottom: 2vh;
    padding-top: 0.5vh;
}

span.card-title{
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    
}

div.card-close-icon {
    
    background: url(../images/cancel.svg) no-repeat center right;
    cursor: pointer;
    background-size: 2vh;
    padding: 0;
    width: 2vh;
    height: 2vh;
    float: right;
    
}

div.card-close-icon:hover {

    cursor: pointer;
}

div#calculadora-result{

    width:100%;

    text-align: center;
    vertical-align: middle;

}

span.calculadora-result-value {
    
    font-size: 3em;
    color: #198b86;
}

span.calculadora-result-unidade-medida {
    font-size: 2em;
    color: #666;
    
}

div#titulo-calculadora-result {
    font-size: 2em;
    text-align: right;
    width: 50%;
    float: left;
}

div#calculadora-result-unidade-medida {
    font-size: 2em;
    text-align: left;
    width: 50%;
    padding: 1vh 2vw;
}

div#radio-calculadora-result-unidade-medida {
    float: left;
}