.label {
    font-weight: bold;
}
header {
    /*background:linear-gradient(to right bottom,rgb(58, 58, 158) 20%,rgb(32, 32, 138) 45%, #132F70);*/
    background:linear-gradient(to right bottom,#41729F 20%,#055C9D 45%, #003B73);
}
label{
    font-size: medium;
    color: black;
}
::placeholder{
    color: rgb(145, 145, 145);
    font-size: x-small;
}
.label code {
    font-weight: normal;
    display: inline-block;
}

pre, code {
    background: #f6ebcd;
    border: 1px solid #d2b151;
    padding: 5px 10px;
}

pre {
    text-align: center;
}

.mdl-card__title {
    background-color: #145DA0;
}

.resultado > div {
    display: flex;
    padding: 5px 10px;
}

.resultado > div > * {
    flex: 1;
}

.resultado pre {
    margin: initial;
    display: inline-block;
    vertical-align: middle;
}

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row > div {
    flex: 1;
    margin: 10px;
}

.form {
    display: flex;
    flex-wrap: row;
    justify-content: center;
}

.form > * {
    flex: 1;
    min-width: 100px;
    align-items: flex-start;
    margin: 0 10px;
}

.mdl-card {
    margin: 0 auto;
    width: 100%;
    min-width: 420px;
    max-width: 600px;
    height: auto;
    background-color: white;
}

.mdl-card__actions {
    text-align: right;
}

.del{
    display:flex;
    flex-direction:row;
}

.dois{
    overflow: hidden;
    width: 45%;
    
}

.esquerda{
    float: left;
}

.direita{
    float: right;
}

input{
    max-width: 128px;
}
.mdl-textfield__input{
    border-bottom: 1px solid #2e303075;
}
.tooltip {
    position: relative;
    display: inline-block;
    color:#383a3a
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    top: 100%;
    left: 50%;
    font-size: small;
    margin-left: -100px;
    background-color: #145DA0;
    color: rgb(220, 232, 250);
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #145DA0 transparent;
}

button{
    width: 25px;
    height: 27px;
    font-size: 0.82rem;
    background-color: transparent;
    border: transparent;
    color: rgb(212, 44, 44);
    margin-right: 3px;
}

.mdl-card__title-text{
    color: whitesmoke;
    font-size: 1.6rem;
}

.obs{
    font-size: small;
    color: rgb(92, 91, 91);
}

.formula{
    text-align: center;
    font-size: 0.85rem;
    color: rgb(95, 95, 95);
}

label{
    font-size: 1.105rem;
    color: #151616;
}

.mdl-mini-footer{
    font-size: smaller;
    background-color: #003B73;
    color: lightgrey;
    padding: 10px;
}

.resultado{
    color: rgb(95, 95, 95);
}

body{
    background: rgba(231,237,240,1);
    background: radial-gradient(circle, rgb(224, 237, 243) 18%, rgba(202,223,235,1) 55%, #C3CEDA 100%);
}

#fahrenheit{
    max-width: 110px;
}

#celsius{
    max-width: 110px;
}