/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic 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 widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 32px;
    width: 32px;
    margin: 0px auto;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border-left: 6px solid rgba(0,174,239,.15);
    border-right: 6px solid rgba(0,174,239,.15);
    border-bottom: 6px solid rgba(0,174,239,.15);
    border-top: 6px solid rgba(0,174,239,.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.gvPager {
    text-align: center;
    font-weight: bold;
}

    .gvPager td {
        padding-left: 10px;
        border-right: solid 1px #e4e4e4;
        padding-right: 10px;
    }

        .gvPager td a {
            text-align: center;
            text-decoration: none;
            color: #e4e4e4;
        }

.gvPagerBig {
}

.gvPagerBig td table td {
    padding-left: 40px;
    margin-left: 40px;
    margin-right: 40px;
    border-right: solid 2px #e4e4e4;
    padding-right: 40px;
    text-align: center;
    font-weight: bold;
    font-size: x-large;
    vertical-align: central;
}

.gvPagerBig td table td span {
    line-height: 175%;
    /*text-align: center;
    text-decoration: none;
    color: #c6001e;*/
}


/*CALENDAR*/
.cal {
    width: 100%;
    font-family: Verdana;
    font-size: 10px;
    background-color: #555555;
    border-color: black;
}
.cal tr td {
    padding: 3px;
}
.cal-Title {
    background-color: #555555;
    font-weight: bold;
    font-size: 13px;
    color: white;
    height: 17px;
}
.cal-Selector {
    background-color: #555555;
    font-weight: bold;
    font-size: 8px;
    color: #333333;
}
.cal-Selector a {
    color: white;
}
.cal-NextPrev {
    font-size: 10px;
    color: white;
}
.cal-NextPrev a {
    color: white;
}
.cal-DayHeader {
    background-color: #cccccc;
    font-weight: bold;
    font-size: 10px;
    color: #333333;
    height: 12px;
}
.cal-Day {
    background-color: white;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-variant: normal;
    height: 80px;
    width: 14%;
    color: black;
}
.cal-SelectedDay {
    text-align: left;
    vertical-align: top;
    background-color: #cc3333;
    color: white;
    height: 80px;
}
.cal-TodayDay {
    text-align: left;
    vertical-align: top;
    background-color: #cccc99;
    font-weight: bold;
    height: 80px;
    color: black;
}
.cal-WeekendDay {
    text-align: left;
    vertical-align: top;
    background-color: #dddddd;
    height: 80px;
    font-weight: bold;
    color: black;
}
.cal-OtherMonthDay {
    background-color: white;
    text-align: left;
    vertical-align: top;
    color: #999999;
    height: 80px;
}
/*CALENDAR*/