/*
 * Base structure
 */


/*
 * Global add-ons
 */

.sub-header {
   padding-bottom: 10px;
   border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
   border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
   display: none;
}
@media (min-width: 768px) {
   .sidebar {
      position: fixed;
      top: 51px;
      bottom: 0;
      left: 0;
      z-index: 1000;
      display: block;
      padding: 20px;
      overflow-x: hidden;
      overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
      background-color: #f5f5f5;
      border-right: 1px solid #eee;
   }
}

/* hide sidebar for print */
@media print {
   .sidebar {
      display: none !important;
   }
}

/* Sidebar navigation */
.nav-sidebar {
   margin-right: -21px; /* 20px padding + 1px border */
   margin-bottom: 20px;
   margin-left: -20px;
}
.nav-sidebar > li > a {
   padding-right: 20px;
   padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
   color: #fff;
   background-color: #005f6f;
}

/*
 * Main content
 */

.main {
   padding: 20px;
}
@media (min-width: 768px) {
   .main {
      padding-right: 40px;
      padding-left: 40px;
   }
}
.main .page-header {
   margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
   margin-bottom: 30px;
   text-align: center;
}
.placeholders h4 {
   margin-bottom: 0;
}
.placeholder {
   margin-bottom: 20px;
}
.placeholder img {
   display: inline-block;
   border-radius: 50%;
}

.list-group-larger {
   font-size: larger;
}

label {
   padding-top: 6px;
}

.ui-autocomplete, .ui-menu-item {
   font-family: "Roboto", sans-serif;
}

.pad_t_1em{
   padding-top: 1em;
}

.pad_t_05em{
   padding-top: 0.5em;
}

.pad_b_1em{
   padding-bottom: 1em;
}

.pad_b_05em{
   padding-bottom: 0.5em;
}

.pad_l_20px{
   padding-left: 20px !important;
}

.mg_t_1em {
   margin-top: 1em;
}

.mg_b_1em {
   margin-bottom: 1em;
}

.panel-body {
   background-color: #f8f5f8;
}

@media (min-width: 792px) {
   .modal-text-container {
      display:inline-block;
      resize: none;
      max-width:98%;
      max-height:100%;
      overflow: hidden;
   }
   .button-container {
      max-width:100%;
      height: 40px;
   }
   .button-container-small {
      width: 680px;
      height: 40px;
   }
   .modal-message-small {
      width: 680px;
      height: 300px;
   }
   .modal-message-body-small {
      width: 680px;
      height: 250px;
   }
   .modal-notify {
      ;
   }
}

table.viewMessages.tablesorter-default .tablesorter-header {
    background-position: left center;
    padding-left: 20px;
}​

.top-buffer {
   margin-top:15px;
}

.searchicon {
   color:#5CB85C;
   height: 40px;
}

.items-collection {
   margin: 0px 0 0 0;
   height: 35px;
}
.items-collection label.btn-default.active {
   background-color: #305891;
   color:#FFF;
}

.items-collection label.btn-default {
   background-color: #e6e6e6;
   color: #000;
}

.truncate {
   display:inline-block;
   width: 500px;
   white-space: nowrap;
   overflow: hidden !important;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
}

.container-message-filter {
   background-color: #f8f5f8;
   padding-bottom: 0px;
   padding-top: 5px;
}
.panel {
   overflow: auto;
}

.hide {
   display: none !important;
}
.show {
   display: block !important;
}

@media (max-width: 767px) {
   /* Full-screen display */
   .datepicker.datepicker-dropdown {
      top: 0 !important;
      left: 0 !important;
      height: 100%;
      width: 100%;
      margin-top: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
   }

   /* Hide the arrow */
   .datepicker.datepicker-dropdown:before {
      display: none;
   }
}

.slide {
   display: inline-block;
   white-space: nowrap;
}

div.pager span {
   display: inline-block;
   width: 1.8em;
   height: 1.8em;
   line-height: 1.8;
   text-align: center;
   cursor: pointer;
   background: #000;
   color: #fff;
   margin-right: 0.5em;
}

div.pager span.active {
   background: #c00;
}