body {
    background-color: #03acef;
    font-family: Ubuntu, sans-serif;
    font-size: 1.7em;
}

li {
    margin: 20px;
}

.wtBtn {
    padding: 15px 25px;
    border: 3px solid white;
    color: white;
    font-size: 2em;
    box-shadow: 1px 1px 10px 1px #888;
}

.wtBtnSm {
    padding: 15px 25px;
    /*border: 3px solid white;*/
    font-size: 1.5em;
    color: white;
    box-shadow: 1px 1px 10px 1px #888;
}

.wtBtn:hover, .wtBtn:active, .wtBtn:focus, .wtBtn:active:focus {
    color: white !important;
    box-shadow: 1px 1px 10px 7px #888;
    border: 3px solid white;
    outline: 0;
}

.wtBtnSm:hover, .wtBtnSm:active, .wtBtnSm:focus, .wtBtnSm:active:focus {
    color: white !important;
    box-shadow: 1px 1px 10px 7px #888;
    outline: 0;
}



.wtBtnGreen {
    background-color: #03dd7e;
}

.wtBtnGrey {
    background-color: #76767e;
}

.container-outer {
    margin-top: 10px;
    background-color: white;
    width: 100%
}

.container-header {
    background-color: #e9f2f9;
    width: 100%;
    height: 100px;
}

.container-footer {
    background-color: #e9f2f9;
    width: 100%;
    height: 150px;
}

.blue-bg {
    background-color: #03acef;
}

.blue-light-bg {
    background-color: #e9f2f9;
}

.upload-file {
    position:relative;
}

.upload-file input.upload {
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.notsupp{
    background-color: #ff4444;
    margin-top: 10px;
    padding: 15px 25px;
    border: 3px solid white;
    color: white;
    font-size: 2em;
}