/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    padding-top: 40px;
    xpadding-bottom: 10px;
}

/*.css-form input.ng-invalid.ng-touched {
    background-color: #FA787E;
}

.css-form input.ng-valid.ng-touched {
    background-color: #78FA89;
}

.input.ng-touched.ng-invalid {
    border: 2px #ff0000 solid;
}*/



#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.text-muted {
    margin: 20px 0;
}

.form-login {
    max-width: 330px;
    padding: 0px 15px 5px 15px;
    margin: 0 auto;
}

    .form-login .form-login-heading {
        margin-bottom: 10px;
    }

    .form-login .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }

        .form-login .form-control:focus {
            z-index: 2;
        }

    .form-login input[type="password"] {
        margin-top: 5px;
        margin-bottom: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

#santaPositionNormal {
    background-color: #007196;
    color: white;
    font-size: larger;
    margin-top: 2px;
}

#santaPositionOnPage {
    background-color: #ffcc00;
    color: white;
    font-size: larger;
    margin-top: 2px;
}

#smallText {
    font-size: small;
}

.css-form input.ng-pristine {
    padding: 10px;
    border: none;
    border-left: solid 3px  #808080;
    border-bottom: solid 1px #d0caca;
    box-shadow: none;
    transition: border 0.3s;
}

.css-form textarea.ng-pristine {
    padding: 10px;
    border: none;
    border-left: solid 3px  #808080;
    border-bottom: solid 1px #d0caca;
    box-shadow: none;
    transition: border 0.3s;
}
.css-form select.ng-pristine {
    
    border: none;
    border-left: solid 3px  #808080;
    border-bottom: solid 1px #d0caca;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
}

.css-form input.ng-invalid.ng-touched {
    padding: 10px;
    border: none;
    border-Left: solid 4px orangered;
    border-bottom: solid 1px #808080;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
    /*background-color: #f7c7c9;*/
}
.css-form textarea.ng-invalid.ng-touched {
    padding: 10px;
    border: none;
    border-Left: solid 4px orangered;
    border-bottom: solid 1px #808080;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
    /*background-color: #f7c7c9;*/
}

.css-form select.ng-invalid.ng-touched {
    
    border: none;
    border-Left: solid 4px orangered;
    border-bottom: solid 1px #808080;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
    /*background-color: #f7c7c9;*/
}

.css-form input.ng-valid.ng-touched {
    padding: 10px;
    border: none;
    border-Left: solid 3px rgb(0,200,0);
    border-bottom: solid 1px #808080;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
    /*background-color: #d3f7d8;*/
}

.css-form textarea.ng-valid.ng-touched {
    padding: 10px;
    border: none;
    border-Left: solid 3px rgb(0,200,0);
    border-bottom: solid 1px #808080;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
    /*background-color: #d3f7d8;*/
}
.css-form select.ng-valid.ng-touched {
    
    border: none;
    border-Left: solid 3px rgb(0,200,0);
    border-bottom: solid 1px #808080;
    box-shadow: none;
    transition: border 0.3s;
    line-height: 20px !important;
    /*background-color: #d3f7d8;*/
}

.formBackground{
    background-color:rgb(237, 228, 228);
}

.error {
    color: orangered;
    font-weight: 800;
    
}
.surveyQuestion{
   font-size:larger;
   color:darkblue;
}