.header-search {
  height:40px;
  display:inline-block;
}

.header-search .ui-input-search {
  margin-bottom: 1px !important;
}

.header-search input {
  padding-left: 1.75em !important;
}

/* generic styles */
.mono {
  font-family: 'Droid Sans Mono', "Courier New", Courier, monospace;
  font-size: 0.7em; }

.bignum {
  padding-top: 4px;
  padding-left: 6px;
  width: 55px;
  height: 50px;
  font-size: 0.65em;
  display: inline-block; }

.bignum span {
  font-size: 2.5em; }

.bigcash {
  padding-top: 4px;
  padding-left: 8px;
  width: 74px;
  height: 50px;
  font-size: 0.65em;
  display: inline-block; }

.bigcash span {
  font-size: 1.75em;
  font-family: 'Open Sans Condensed'; }

.medcash {
  padding-top: 3px;
  padding-left: 3px;
  width: 55px;
  height: 50px;
  font-size: 0.65em;
  display: inline-block; }

.medcash span {
  font-size: 1.45em;
  font-family: 'Open Sans Condensed'; }

.detail_scroll_box {
  height: 200px;
  overflow-y: auto;
  border: 1px dashed #ccc;
  padding: 2px; }

a.company_logo {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.narrow_buttons .ui-btn {
  padding-left: 0.3em !important;
  padding-right: 0.3em !important; }

.filter_search {
  height: 46px;
  display: inline; }

#paging {
  height: 46px;
  display: inline; }

div.email_preview {
  border: 1px #ccc dashed;
  padding: 10px;
  width: 95%;
  max-width: 780px;
  background-color: white; }

.two-col-warning {
  width: 90%;
  color: red; }

.hide {
  display: none; }

div.debug {
  background-color: #fcee21 !important; }

div.error {
  background-color: red !important;
  color: white !important;
  font-weight: normal !important; }

ul.ui-listview li ul li {
  font-size: 0.8em; }

.basic_form {
  max-width: 360px; }

.status {
  display: none; }

/* default to hidden, use fadeIn() to show as needed */
.special_notice {
  color: red; }

.faded {
  opacity: 0.5; }

.grid-spaced > div {
  padding-left: 10px; }

.grid-spaced > div:first-child {
  padding-left: 0; }

/* fancy date style */
/* <span class="fadate"><span class="famonth">Dec</span><span class="faday">25</span></span> */
.fadate {
  float: left;
  height: 20px;
  width: 30px;
  margin-right: 10px;
  padding-top: 0px;
  line-height: normal; }

.fadate .famonth {
  display: block;
  text-align: center;
  color: #FFF;
  font-size: 0.7em;
  padding-top: 4px;
  text-transform: uppercase; }

.fadate .faday {
  display: block;
  text-align: center;
  padding-top: 5px;
  color: #222;
  font-size: 0.8em;
  font-weight: bold; }

.right-button {
  float: right; }

/* header styles */
.logodiv {
  display: inline;
  padding: 0px 10px 0px 10px; }

.logodiv a {
  padding: 0 !important;
  border: 0 !important;
  background: none; }

.agency_select {
  width: 60px; }

#agency_select {
  width: 160px;
  display: inline-block;
  margin-left: 10px; }

#main_menu_select-button {
  width: 100px; }

.menu_button {
  width: 100px; }

.selected {
  font-weight: bold; }

#template_header .ui-input-search {
  margin: 0px 0px -14px 0px;
  width: 200px;
  display: inline-block; }

.main_jump_menu {
  width: 88px;
  text-align: left; }

.fa-plus {
  color: red; }

/* popup styles */
.trialto_popup {
  padding: 0px 5px 0px 5px; }

/* icon styles */
.action_icon {
  color: blue; }

/* safari link styles */
a.phone, a.order_link, a.map, a.email {
  font-weight: normal; }

a.phone, a.order_link, a.email {
  display: inline-block;
  width: 240px; }

a.phone:visited, a.phone:active, a.phone:link {
  text-decoration: none;
  color: black; }

a.phone:hover {
  color: blue;
  border: 1px solid #666 !important;
  background-color: #9df39f !important;
  margin: -1px !important; }

a.order_link:visited, a.order_link:active, a.order_link:link {
  text-decoration: none; }

a.order_link:hover {
  color: blue;
  border: 1px solid #666 !important;
  background-color: #9df39f !important;
  margin: -1px !important; }

a.map:visited, a.map:active, a.map:link {
  text-decoration: none;
  color: black; }

a.email:visited, a.email:active, a.email:link {
  text-decoration: none;
  color: black; }

a.email:hover {
  color: blue;
  border: 1px solid #666 !important;
  background-color: #9df39f !important;
  margin: -1px !important; }

/* footer /pagination styles */
.pagination button span {
  display: inline; }

/* generic panel styles */
.detail_panel {
  /* width:30em !important; does not work because click to close is still 17em... - how to fix? */
  padding-left: 6px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1em; }

.detail_panel h2, .detail_panel h3, .detail_panel h4 {
  margin-top: 6px;
  margin-bottom: 6px; }

.detail_panel a {
  font-weight: normal !important; }

/* generic list styles */
.compact_list {
  margin-top: 6px !important; }

.compact_list li a {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

li.headings div {
  color: #666; }

.items_per_page {
  width: 60px;
  text-overflow: unset !important; }

li.headings div {
  font-size: 0.9em !important; }

li.headings a {
  font-weight: normal !important; }

li.headings {
  padding-left: 18px !important;
  padding-bottom: 0; }

li.headings .ui-li-count {
  margin-right: 50px; }

.shade_odd_items li:nth-child(odd), .shade_odd_items li:nth-child(odd) a {
  background: #fff; }

.list_headings {
  padding-top: 50px; }

.inline_fields div, .inline_fields input {
  width: 100px !important;
  display: inline-block; }

.inline_fields label {
  width: 200px; }

.filter_breakpoint .responsive_form {
  width: 100%; }

.p_customer_manage .responsive_form {
  width: 100% !important; }

/* order add form responsive breakpoint */
.filter_breakpoint .ui-field-contain {
  border-bottom: 0; }

@media all and (max-width: 1400px) {
  .filter_breakpoint .ui-block-a,
  .filter_breakpoint .ui-block-b,
  .filter_breakpoint .ui-block-c,
  .filter_breakpoint .ui-block-d,
  .filter_breakpoint .ui-block-e {
    width: 100%;
    float: none; } }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  a.email, a.phone {
    display: inline-block;
    padding: 6px 0px 6px 0px !important; }
  /* quebec order list */
  .order_list .request_date {
    width: 40px !important;
    overflow-x: hidden; }
  .order_list .id {
    display: none; }
  .order_list .invoiced_flag {
    display: none; }
  .order_list .email_sent_flag {
    display: none; }
  .order_list .saq_conf_flag {
    display: none; }
  .order_list .agent_number {
    display: none; }
  .order_list .agency_name {
    display: none; }
  .order_list .user_name {
    display: none; }
  .order_list .client_number {
    display: none; }
  .order_list .client_name {
    width: 180px !important;
    overflow-x: visible; }
  .order_list .client_contact_name {
    display: none; }
  /* ON Order Styles */
  .ontario_order_list .id {
    display: none; }
  .ontario_order_list .pick_sent_flag {
    display: none; }
  .ontario_order_list .invoiced_flag {
    display: none; }
  .ontario_order_list .client_number {
    display: none; } }

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */ }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 420px) {
  .list_headings {
    padding-top: 150px; }
  /* quebec order list */
  .order_list .email_sent_flag {
    display: none; }
  .order_list .saq_conf_flag {
    display: none; }
  .order_list .agent_number {
    display: none; }
  .order_list .agency_name {
    display: none; }
  .order_list .user_name {
    display: none; }
  .order_list .client_number {
    display: none; }
  .order_list .client_contact_name {
    display: none; }
  /* ON Order Styles */
  .ontario_order_list .id {
    display: none; }
  .ontario_order_list .pick_sent_flag {
    display: none; }
  .ontario_order_list .invoiced_flag {
    display: none; }
  .ontario_order_list .user_name {
    display: none; }
  .ontario_order_list .client_number {
    display: none; }
  .ontario_order_list .client_contact_name {
    display: none; } }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */ }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */ }

/* First breakpoint at 576px */
/* Second breakpoint at 900px */
@media all and (min-width: 900px) {
  .list_headings {
    padding-top: 50px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  /* iPhone 6 Portrait */ }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  /* iPhone 6 landscape */ }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  /* iPhone 6+ Portrait */ }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  /* iPhone 6+ landscape */ }

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
  /* iPhone 6 and iPhone 6+ portrait and landscape */ }

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation: portrait) {
  /* iPhone 6 and iPhone 6+ portrait */ }

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation: landscape) {
  /* iPhone 6 and iPhone 6+ landscape */ }