/* CSS used here will be applied after bootstrap.css */

html {
    height: 100%;
}

html body {
    background: url('../images/MaryASN.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

    html body .container-fluid.body-content {
        position: absolute;
        top: 90px;
        bottom: 60px;
        right: 0;
        left: 0;
        background-color:white;
        overflow-y: auto;
    }




/* Form Panel
----------------------------------*/
.panel-default {
    opacity: 0.9;
    margin-top: 30px;
}

.form-group.last {
    margin-bottom: 0px;
}

.btn-cross {
    color: #FFFFFF;
    background-color: #155F95;
    border-color: #fff0b3;
}

    .btn-cross:hover,
    .btn-cross:focus,
    .btn-cross:active,
    .btn-cross.active,
    .open .dropdown-toggle.btn-cross {
        color: #FFFFFF;
        background-color: #BFA87C;
        border-color: #fff0b3;
    }

    .btn-cross:active,
    .btn-cross.active,
    .open .dropdown-toggle.btn-cross {
        background-image: none;
    }

    .btn-cross.disabled,
    .btn-cross[disabled],
    fieldset[disabled] .btn-cross,
    .btn-cross.disabled:hover,
    .btn-cross[disabled]:hover,
    fieldset[disabled] .btn-cross:hover,
    .btn-cross.disabled:focus,
    .btn-cross[disabled]:focus,
    fieldset[disabled] .btn-cross:focus,
    .btn-cross.disabled:active,
    .btn-cross[disabled]:active,
    fieldset[disabled] .btn-cross:active,
    .btn-cross.disabled.active,
    .btn-cross[disabled].active,
    fieldset[disabled] .btn-cross.active {
        background-color: #155F95;
        border-color: #fff0b3;
    }

    .btn-cross .badge {
        color: #155F95;
        background-color: #FFFFFF;
    }

.navbar-header-img {
    height: 90px;
    width: auto;
}

/* footer */
.footer {
    height: 60px;
    position: absolute;
   text-align: center;
   align-content:center;
  overflow: hidden;
    bottom: 0;
    width: 100%;
    clear: both;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,155f95+100 */
    background: #7db9e8; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #7db9e8 0%, #155f95 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #7db9e8 0%,#155f95 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #7db9e8 0%,#155f95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#155f95',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.footer-bottom {
    width: 100%;
    clear: both;
    padding: 25px 2px 30px 20px;
    font-size: 11px;
    color: #fff;
}

    .footer-bottom p {
        float: left;
        margin: 0;
    }

    .footer-bottom a {
        color: #cdcdcd !important;
        font-weight: 600;
    }

        .footer-bottom a:hover {
            color: #fff !important;
        }

ul.footer-menu {
    float: right;
    list-style: none;
    margin: 0 35px;
    padding: 0;
}

    ul.footer-menu li {
        float: left;
        padding: 0 10px;
    }

        ul.footer-menu li:first-child {
            padding: 0 10px 0 0;
        }

        ul.footer-menu li:last-child {
            padding: 0 0 0 10px;
        }

        ul.footer-menu li a {
            display: block;
            color: #cdcdcd !important;
            /*margin-left: 16px;*/
        }

            ul.footer-menu li a:hover {
                color: #fff !important;
            }

ul.footer-contact {
    list-style: none;
    margin: 0 0 25px;
    padding: 0;
}

    ul.footer-contact li {
        line-height: 25px;
    }

        ul.footer-contact li i {
            font-size: 14px;
            color: #bfbfbf;
            float: left;
            line-height: 25px;
        }

        ul.footer-contact li span {
            color: #dadada;
            display: block;
            margin-left: 20px;
        }

            ul.footer-contact li span a {
                color: #bfbfbf;
            }

                ul.footer-contact li span a:hover {
                    color: #fff;
                }

ul.quick-links {
    list-style: none;
    margin: 0;
    padding: 0;
}


ul.footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.footer-social li {
        display: inline-block;
    }

        ul.footer-social li a i {
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            font-size: 18px;
            color: #fff;
            transition: color 0.2s ease 0s;
            margin: 0 4px;
        }

            ul.footer-social li a i:hover {
                color: #fff;
            }