.loadfilename {
  overflow:hidden; 
  position:absolute; 
  width:105px; 
  height:25px;
  text-align:left;
}

.file-input-wrapper {
    width: 58px;
    height: 23px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.file-input-wrapper > input[type="file"] {
    font-size: 58px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

.file-input-wrapper > .btn-file-input {
    display: inline-block;
    width: 58px;
    height: 23px;
    cursor: pointer;
}

#container-sme{
    margin: 0 auto;

    font: .75em sans-serif;

    position: relative;
    width: 568px;
    height: 762px;

    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

.container-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 183px;
    height: 182px;
    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

.content {
    position: absolute;
    background: white;
    top: 25px;
    height: 258px;
    width: 185px;
}

.content-precip {
    position: absolute;
    background: white;
    top: 25px;
    left: 200px;
    height: 258px;
    width: 185px;
}

.container-latlon {
    position: absolute;
    left: 0px;
    top: 194px;
    width: 183px;
    height: 52px;
    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

#container-report {

    font: 1.1em sans-serif;

    position: absolute; 
    left: 5px; 
    top: 633px; 
    width: 556px;
    height: 120px;
    overflow: scroll;
    white-space: nowrap;

    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

#container-form {

    position: absolute; 
    left: 392px; 
    top: 5px; 
    width: 169px;
    height: 265px;

    padding: 4px;
    border: 1px solid #CCC;  
    border-radius: .5em;
}

#container-files {
    position: absolute; 
    left: 5px; 
    top: 280px;

    width: 378px;
    height: 106px;

    padding: 4px;
    border: 1px solid #CCC;
    border-radius: .5em;
}

#container-misc {
    position: absolute; 
    left: 393px; 
    top: 280px;

    width: 168px;
    height: 106px;

    padding: 4px;
    border: 1px solid #CCC;
    border-radius: .5em;
}

.image{
    position: absolute; 
    border: 1px solid #CCC;
    border-radius: .5em;
}

.graphtext {
  position:absolute;
  top: 344px;
  left: 5px;
  width: 380px;
  height: 15px;
  /* border: 1px solid #ccc; */
  border-radius: .5em;
}

.plot {
    position: absolute; 
    width: 556px;
    height: 82px;
    border: 1px solid #CCC;
    border-radius: .5em;
}

ul.tab {
    list-style-type: none;

    width:195px; 
    height:30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
/*
    border: 1px solid #ccc;
    background-color: #f1f1f1;
*/
}

ul.tab li {
position: absolute;
}

/* Style the links inside the list items */
ul.tab li a {
    position:absolute;
    width:38px;
    height: 18px;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 1px 1px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1em;
    border: 1px solid #ccc;
    /*border-radius: .5em;*/
    border-bottom: none;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

form div + div {
    margin-top: .5em;
}

form div + div {
    margin-top: .5em;
}

fieldset {
    margin-top: .5em;
    border-radius: .5em;
}

.custom-file-upload {
    position: absolute;
    display: inline-block;
    width: 255px;
    height: 24px;
    cursor: pointer;
}

.custom-checkbox {
    position: absolute;
    display: inline-block;
}

.label-checkbox {
    position: absolute;
    display: inline-block;
    width: 155px;
    height: 24px;
}

.loadfile {
    position: absolute;
    display: inline-block;
    width: 185px;
    height: 24px;
}

.formlabel {
    /* To make sure that all labels have the same size and are properly aligned */
    display: inline-block;
    width: 65px;
    text-align: right;
}

.forminput {
    font: 1em sans-serif;
    text-align: right;

    /* To give the same size to all text field */
    width: 68px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* To harmonize the look & feel of text field border */
    border: 1px solid #999;
    border-radius: .5em;
}

.fileinput {
    font: 1em sans-serif;
    text-align: center;

    /* To give the same size to all text field */
    width: 68px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* To harmonize the look & feel of text field border */
    border: 1px solid #999;
    border-radius: .5em;
}

.forminput:focus, textarea:focus {
    /* To give a little highlight on active elements */
    border-color: #000;
}

.forminput[type='number'] {
    -moz-appearance:textfield;
}

.forminput::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.formbutton {
    position: absolute;
    width: 58px;
    height: 23px;
    cursor: pointer;
}