/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

#masthead {
    min-height: 250px;
}

    #masthead h1 {
        font-size: 30px;
        line-height: 1;
        padding-top: 20px;
    }

    #masthead .well {
        margin-top: 8%;
    }

@media screen and (min-width: 768px) {
    #masthead h1 {
        font-size: 50px;
    }
}

.navbar-bright {
    background-color: #111155;
    color: #fff;
}

.affix-top, .affix {
    position: static;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 30px;
        width: 228px;
    }

    #sidebar.affix {
        position: fixed;
        top: 60%;
        width: 100%;
    }
}

#sidebar li.active {
    border: 0 #eee solid;
    border-right-width: 5px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-right: 1px solid #ccc;
}

#txtdob {
    background-image: url(/images/calendar.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    background-size: 30px 30px;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background: #397889;
    color: white;
}