body {
    background-image: url(../App_Themes/Default/bkgrd.jpg);
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('./img/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}


.DetailList {
    margin: 0 auto;
    padding: 0;
    max-width: 600px;
    list-style: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    -webkit-column-rule: 1px solid #fc0;
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -moz-column-rule: 1px solid #fc0;
    column-count: 2;
    column-gap: 50px;
    column-rule: 1px solid #fc0;
}

    .DetailList li {
        display: table;
        width: 100%;
    }

        .DetailList li b, .DetailList li span {
            display: table-cell;
            vertical-align: top;
            padding: 2px 5px;
        }

        .DetailList li span {
            text-align: right;
            width: 1px;
            white-space: nowrap;
        }

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f7f9fc;
}

#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 100px;
    height: 100px;
    padding: 30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow: 1px 1px 10px #ababab;
    border-radius: 20px;
    background-color: white;
    z-index: 1002;
    text-align: center;
    overflow: auto;
}