/*body div.table-responsive div.page-header {
  margin: 20px 0 20px;
}*/
html {
  position: relative;
  min-height: 100%;
  height:100%;
  min-width: 554px;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.clickable {cursor:pointer;}
ol.breadcrumb {
    padding: 0px 15px 8px 0px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #FFFFFF;
    border-radius: 4px;
		font: 1.2em Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #eee;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}
ol.breadcrumb>.active {
    color: #555;
    font-weight: bold;
}

.footer {
  position: fixed;
  vertical-align: middle;
  bottom: 0;
  left: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 2em;
  background-color: #f5f5f5;
  border-top: 1px #dedede solid;
}
.footer .container { margin-top:6px; }

.dt-buttons {
  margin-bottom:5px;
  margin-top:2px;
  margin-left:10px;
  float:right;
}

.legend-color {
  width: 0px;
  height: 0px;
  padding: 10px;
}

.legend-handle {
  cursor: pointer;
}
.legend-handle.selected {
  font-weight: bold;
}

.legend-highlight {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.calendar-legend {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #eee;
  display: inline-block;
  padding: 10px;
  margin: 15px;
  position: fixed;
  left: 0;
  bottom: 1.5em;
}
.calendar-legend table tr td {
  vertical-align: top;
  white-space: nowrap;
  padding: 5px;
}

div.progress.progress-calendar {
  margin-bottom: 0px;
}
.tiny-icon {
  position: fixed;
  cursor: pointer;
  margin: 15px;
  right: 0px;
}
.show-legend {
  right: 1.5em;
}
.tiny-icon.minimized, .calendar-legend.minimized {
  bottom: 1.5em;
}
.tiny-icon.maximized, .calendar-legend.maximized {
  bottom: 0px;
}

.calendar_wrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: 99%;
}

.col_header {
  font-weight: bold;
  font-size: calc(1vw + 1vh);
}

.col_block {
  margin-bottom: 10px;
  padding: 3px;
  font-size: calc(1.1vw + 1vh);
}

.bg-danger {
  color: #a94442;
}
.bg-warning {
  color: #8a6d3b;
}
.bg-primary {
  background-color: #ffdeab;
  color: #75654b;
}
.bg-shipped {
  background-color: #e9e1ff;
  color: #8a318f;
}
.bg-success {
  color: #3c763d;
}
.bg-info {
  color: #31708f;
}
.bg-muted {
  background-color: #d9d9d9;
  border-color: #d1d1d1;
  color: gray;
}

.col_detail {
  text-align: center;
}

.calendar_frame {
  text-align: center;
  white-space: nowrap;
  z-index:1050;
}

.calendar_frame span{
  font-weight: bold;
}

.time_select {
  margin-top: 30px;
  text-align: right;
  padding-right: 50px;
}

i.ajax_load {
  font-size: 5em;
}

ol.no-border {
  border: 0px;
}

.easy-autocomplete-container {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.job_link {
  display: block;
}

.col_detail a {
  text-decoration: none;
}
/*
.navbar {
  margin: 10px;
  border-radius: 0px;
  padding-bottom: 10px;
  border-bottom: 3px solid #1e4b9a;
}

ul.nav, ul.navbar-nav {
  margin-left: 10px;
  display: table-cell;
  list-style: none;
  vertical-align: middle;
}

ul.navbar-nav li {
  float: none;
  display: inline-block;
  margin-top: 15px;
}

ul.navbar-nav li a:hover {
  color: #fff;
  background-color: #1e4b9a;
}

div.container-fluid ul.navbar-nav li.active a {
  color: #fff;
  background-color: #6b8fd2;
}
*/
.footer-content {
  margin-top: 50px;
background-color: #f5f5f5;
border-top: 1px solid #dedede;
height: 40px;
padding-bottom: 10px;
width: 100%;
bottom: 0;
position: absolute;
}

@media all and (min-width: 990px) {
    .col_header {
        font-size: 0.90em;
    }
    .col_block {
      font-size: 0.50em;
    }
}
@media all and (min-width: 1050px) {
    .col_header {
        font-size: 0.90em;
    }
    .col_block {
      font-size: 0.50em;
    }
}
@media all and (min-width: 1485px) {
    .col_header {
        font-size: 1.5em;
    }
    .col_block {
      font-size: 1em;
    }
}
@media all and (min-width: 1702px) {
    .col_header {
        font-size: 1.75em;
    }
    .col_block {
      font-size: 1.0em;
    }
}

/***** JOBS */
.table-responsive {
  margin: 10px;
}
a.fa {
  color: #999;
  text-decoration: none;
}
a.fa:hover {
  color:#555;
}

/*
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}*/

.holmes-header {
  min-height: 102px;
}
.holmes-ul {
  margin-top:30px;
}

#navbar.collapse.in {
  margin-top: 40px;
}

.table-responsive{ border: 0px !important;}

.mark-shipped {
  font-style: italic;
  text-decoration: line-through;
}


.report-link, .report-link:hover {
  display: block;
  text-decoration:none;
  color: inherit;
}

.report-card:hover {
  -webkit-box-shadow: 3px 3px 10px 0px rgba(153,153,153,0.25);
  -moz-box-shadow: 3px 3px 10px 0px rgba(153,153,153,0.25);
  box-shadow: 3px 3px 10px 0px rgba(153,153,153,0.25);
}
i.report-icon {
  font-size: 3em;
}
.report-name {
  font-size: 2em;
}
.report-card {
  border: 1px solid #d9d9d9;
  background-color: #f9f9f9;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

a.paginate_button { border-radius: 5px !important; }

.text-bold{ font-weight: bold; }

.datepicker {
  width: auto;
  display: inline-block;
}
.datepicker.btn-toggle {
  cursor: pointer;
  margin-left: 5px;
}