@font-face {
    font-family: 'Fira Sans', sans-serif;
    src: url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');  
}

html, body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

a, a:link, a:visited {
    color: rgba(45, 168, 251, 1);
}

a:active, a:hover, a:focus {
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    color: rgba(0, 0, 0, 1);
    border: none;
}

#header-wrap {

}

#header {
    width: 1170px;
    height: 120px;
    margin: 0 auto;
    display: flex;
}

#head {
    height: 30px;
    color: rgba(128, 128, 128, 1);
}

#head a, #head a:link, #head a:visited {
    padding: 12px;
    text-decoration: none;
    font-size: 15px;
    color: rgb(255, 255, 255);
    background-color: rgba(113, 177, 54, 1);
    border-radius: 10px;
}

#head a:active, #head a:hover, #head a:focus {
    background-color: rgba(87, 155, 42, 1);
}

#headlinks {
    font-size: 14px;
}

#headlinks a, #headlinks a:link, #headlinks a:visited {
    color: rgb(255, 255, 255);
}

#headlinks a:active, #headlinks a:hover, #headlinks a:focus {
    background-color: rgba(87, 155, 42, 1);
}

#wrap {
    width: 1170px;
    margin: 0 auto;
}

#main {
    padding: 50px 5px 50px 5px;
}

#body {
    padding: 50px 10px 10px 10px;
    min-height: 800px;
    line-height: 20px;
}

/*h1 scrolls accross*/
#body h1 {
    /*white-space: nowrap;*/
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 24px;
    font-weight: 500;
    color: rgba(45, 168, 251, 1);
    line-height: 25px;
}

#lastSaved {
    margin-top: -75px;
    float: right;
}

.ftEditForm {
    width: 750px;
}

/*nav pane left or right*/
#appnav {
    width: 165px;
    margin: 50px 0 10px 0;
    padding: 5px 5px 5px 10px;
    float: right;
    border: none;
    border-radius: 10px;
}

/*form placed left or right*/
#htmlForm .appform{
    margin-right:200px;
}

#appnav h3 {
    padding: 10px;
    background-color: rgba(0, 175, 216, 1);
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 175, 216, 1);
    border-radius: 10px;
}

#appnav .current {
    padding: 12px 5px 12px 6px;
    border-radius: 10px;
}

#appnav li {
    padding: 5px;
}

.btn.uploadWait {
    width: 750px;
}

.appform .btn input:hover, #body .appform .btn a.linkbtn:hover {
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    background-color: rgba(87, 155, 42, 1);
    cursor: pointer;
}

.appform .btn {
    font-weight: bold;
    border: none;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
}

.appform .btn .mid {
    width: 460px;
}

.appform .btn input, #body .appform .btn a.linkbtn {
    width: 150px;
    height: 24px;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
    background-color: rgba(113, 177, 54, 1);
    border: none;
    border-radius: 8px;
}

.appform .btn:active {
    box-shadow: none;
}

.appform .btn .left {

}

.appform .btn .prev {
    background-image: none;
    background-color: rgba(113, 177, 54, 1);
    border: none;
    border-radius: 10px;
    padding: 0px;
}

.appform .btn .close {
    background-color: rgba(113, 177, 54, 1);
    border: none;
    border-radius: 10px;
}

.appform .btn .right {

}

.appform .btn .next {
    background-image: none;
    background-color: rgba(113, 177, 54, 1);
    border: none;
    border-radius: 10px;
    padding: 0px;
}

.appform h2 {
    width: inherit;
    background-color: rgba(0, 175, 216, 1);
    color: rgba(255, 255, 255, 1);
    border-radius: 10px;
}

.appform .ftEditSectionHeading {
    width: inherit;
    background-color: rgba(0, 175, 216, 1);
    color: rgba(255, 255, 255, 1);
    border-radius: 10px;
}


.loginbox .appform {
    
}

.loginbox .appform .btn {
    
}


.loginbox .appform .field {
    
}

.loginbox .appform h2 {
    
}

.loginbox .l {
    width: 135px !important;
}

.loginbox .l img, #body p img {

}

#j_username, #j_password {
    
}

.validationerror, .ftValidError {
    margin: 10px 0px;
    padding: 15px 10px 15px 20px !important;
    background-color: rgba(242, 222, 222, 1);
    color: rgba(185, 74, 72, 1) !important;
    border: 1px solid;
    border-radius: 5px;
    border-color: rgba(238, 211, 215, 1);
}

#footer-wrap {
    height: 175px;
}

#footer-wrap a, #footer-wrap a:link, #footer-wrap a:visited {
    font-weight: normal;
    color: rgba(22, 172, 189, 1);
    text-decoration: none;
}

#footer-wrap a:active, #footer-wrap a:hover, #footer-wrap a:focus {
    font-weight: normal;
    color: rgba(51, 51, 51, 1);
}

#footer {
    height: 420px;
    margin: 0 auto;
    background-color: rgba(0, 105, 132, 1);
    border-top: solid 60px rgba(0, 175, 216, 1);
    border-bottom: solid 60px rgba(0, 78, 99,1);
}

#footer a, #footer a:link, #footer a:visited {
    color: rgba(204, 246, 255, 1);
    text-decoration: underline;
}

#footer a:active, #footer a:hover, #footer a:focus {
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    color: rgba(45, 168, 251, 1);
    border: none;
    text-decoration: underline;
}

#footer img {
    padding: 35px 0px 0px 35px;
    width: 380px;
    height: 80px;
}

#footer h2 {
    margin: 0px 0px 15px 0px;
    font-size: 20px;
    font-weight: 700;
    color: rgba(204, 246, 255, 1);
}

#footer ul li {
    padding-bottom: 5px;
    list-style: none;
}

#footer ul {
    margin: 0;
}

.footer-content {
    padding-top: 50px;
    font-size: 16px;
    color: rgba(204, 246, 255, 1);
    display: flex;
    line-height: 24px;
}

#footer-content-1 {
    padding-left: 20%;
}

#footer-content-1 img {
    padding: 0px 0px 0px 35px;
    width: 300px;
    height: 140px;
    display: inline-block;
}

#footer-content-2 {
    padding-left: 100px;
}

#footer-content-3 {
    margin-top: -127px;
    padding-left: 350px;
}

#footer-content-3 img {
    margin-top: -35px;
    margin-left: -50px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.appform .review h3 {
    color: rgba(144, 0, 40, 1);
}

.appform .review h4 {
    color: rgba(144, 0, 40, 1);
}

.appform .review label {
    color: rgba(144, 0, 40, 1);
}

.chooseform .actions a {
    background-color: rgba(251, 251, 251, 1);
    border: 1px solid rgba(232, 232, 232, 1);
}

.chooseform .actions a:hover {
    background-color: rgba(255, 225, 108, 1);
    border: 1px solid rgba(121, 139, 35, 1);
}

/*alter warning text (delete next class)
.ftAppWarn {
    width: 13%;
    margin-top: 120px;
    padding: 1%;
    position: absolute;
    left: 0px;
    text-align: left;
}
*/

.ftAppWarn {
    margin-top: 10px;
}

/*ie11 glitch fix*/
.questionLegend{
    width:inherit;
}