body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 8px;
    font-family: Arial;
}
label[required]::after {
    content: "*";
    color: red;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    width: 100%;
    padding: 8px 3px;
    margin: 8px 0;
    box-sizing: border-box;
    max-width: 280px;
}


.inputtip {
    background-color: rgb(246, 246, 246);
    margin-bottom: 8px;
    min-height: 30px;
}

.inputdis {
    background-color: rgb(250, 250, 250);

    padding: 8px;
}

.divgolge {
    padding: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.btnAra {
    width: 50%;
    border-radius: 2rem;
    padding: 1.5%;
    border: none;
    cursor: pointer;
    font-weight:bold;
    background-color: rgb(220, 220, 220);
}