/* CK Font Fixes */
.glyphicon { font-family: 'Glyphicons Halflings','Glyphicons Halflings Web'; }
.fa { font-family: FontAwesome, FontAwesomeWeb; }

/* Branding */
.navbar-logo {
    height: 30px;
    margin: -15px 0;
    display: inline !important;
}
#NavbarClose {
    padding: 6px;
    color: #fff;
}

/* Form inputs */
span.required {
    color: red;
    font-weight: 800;
}

/* Mobile QR */
.mobile-qr {
    padding-left: 15px;
}
.mobile-qr p {
    margin-bottom: 0;
}
i.fa.fa-mobile-phone {
    margin-top: -4px;
}

/* Search */
table.clickable thead tr th {
    cursor: default !important;
}

/* Roll input widths*/
.roll1, .roll2, .roll3, .roll4, .roll5
{
    text-align: center;
}
.roll1 { width: 21.05% !important; }
#roll2 { width: 15.79% !important; }
#roll3 { width: 15.79% !important; }
#roll4 { width: 26.32% !important; }
#roll5 { width: 21.05% !important; }

/* Flash Messages */
div#flash-message {
    position: absolute;
    width: 100%;
    padding: 10px;
    top: 50px;
    display: none;
}

/* Table buttons (Default page) */
.btn-table td {
    vertical-align: middle;
    text-align: left;
}
.btn-table a {
    color: #fff;
    padding: 5px;
}
.btn-table:hover a {
    color:#fff;
    text-decoration: none;
}

/* Helpers */
.spacer {
    margin-bottom: 20px;
}
.clickable {
    cursor: pointer;
}
.panel-heading.clickable:hover {
    background-color: #eee;
}
.nowrap {
    white-space: nowrap;
}

/* Font Awesome Stacking Text */
.calendar-text { margin-top: .3em; }
.calendar-stack {
    font-size: 0.7em;
    color: #666;
    margin-top: -0.4em;
}
.file-text { 
    margin-top: 0.2em;
    font-size: 0.5em;
}
.file-stack {
    font-size: 5em;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* Bootstrap Overrides */
.jumbotron {
    margin-bottom: 20px;
}
.jumbotron h1 {
    margin-top: 0;
}
.cursor-pointer {
    cursor: pointer !important;
}
.cursor-default {
    cursor: default !important;
}
.page-header {
    /*margin-top: 0;*/
}
/*.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}*/
.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 60%;
    padding-top: 8px;
}
.clickable .panel-body,
.clickable .panel-footer {
    cursor: default;
}
.panel-footer ul.pager {
    margin: 0;
}
.pager li > span.pager-text {
    color: #666;
    background-color: transparent;
    border: none;
}

/* 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;
}*/


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  /* changed to fixed */
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /*background-color: #f5f5f5;*/
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

form > .container {
  padding: 80px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 768px) {
    /* Disable sticky footer */
    .footer {
        /* changed to fixed */
        position: absolute;
        border: 0;
    }

    /* Bootstrap overrides */
    form > .container {
        padding-top: 70px;
    }
    #filters .panel-body {
        padding: 10px 0;
    }

    /* Responsive buttons */
    .btn-responsive {
        /*display: block;*/
        width: 100%;
        margin-bottom: 10px;
        clear: both;
    }

    .btn-responsive .pull-left,
    .btn-responsive .pull-right {
        float: none !important;
    }

    #results .text-muted {
        margin: 0;
    }

    .results-buttons {
        margin-top: 5px;
    }
}
@page 
{
    size: auto;
    margin: 0.25in 0.25in 0.25in 0.25in;
}
@media print
{   
    *
    {
        font-size: 13px;
        font-family: Arial, Helvetica, Sans-Serif;
    }
    body 
    {
        margin: 0 !important;
    }
    .hidden-print, .hidden-print *
    {
        display: none !important;
    }
    form > .container {
        padding: 0px;
    }
    /* print-only cols */
    .col-print-6
    {
        width: 50%;
        float: left;
    }
    .col-print-9
    {
        width: 75%;
        float: left;
    }
    .col-print-3
    {
        width: 25%;
        float: left;
    }
    .text-print-left {
        text-align: left;
    }
    .page-header {
        margin-top: 0;
    }
    .panel {
        margin-bottom: 5px;
    }
    .panel-body {
        padding-bottom: 0px;
    }
}