html {height: 100%!important; min-height: 100%;} /* perma scrollbar */
body {height: 100%!important; min-height: 100%; background-color: #ffffff; color: #444444; font-family: "PT Sans", sans-serif; font-size: 0.625em; font-weight: 400; font-style: normal; margin: 0px; padding: 0px;}

form {margin: 0px; display: inline;} /* asp.net form: css and white space fix */
table {border-collapse: collapse;}
tr, td {padding: 0px;}

dl {margin: 0px; padding: 0px;}
dd {margin: 0px;}

ul {margin: 0px; padding-left: 20px;}
li {padding-top: 4px; padding-bottom: 4px;}

p {margin: 0px; padding: 0px;}

h1 {font-size: xx-large; margin: 0px; padding: 0px; display: inline; color: #ed1c24;}
h2 {font-size: x-large; margin: 0px; padding: 0px; display: inline; color: #ed1c24;}
h3 {font-size: large; margin: 0px; padding: 0px; display: inline; color: #ed1c24;}
h4 {font-size: medium; margin: 0px; padding: 0px; display: inline; color: #ed1c24;}
h5 {font-size: medium; margin: 0px; padding: 0px; display: inline; color: #ed1c24;}
h6 {font-size: medium; margin: 0px; padding: 0px; display: inline; color: #ed1c24;}

a:link, a:visited {text-decoration: underline; color: #ed1c24;}
a:hover {text-decoration: none; color: #ed1c24;}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


/* ----- mp.master ----- */
.mp_content_prespacer {height: 10px; min-height: 10px; max-height: 10px; overflow: hidden;}
.mp_content {width: 1024px; font-size: 1.8em; margin-left: auto; margin-right: auto;}
.mp_content_postspacer {height: 10px; min-height: 10px; max-height: 10px; overflow: hidden;}

/* DESKTOP */
.desktop_header {font-size: 1.8em;}
.desktop_header .welcome {width: 1024px; margin-left: auto; margin-right: auto;}
.desktop_header .welcome .div1 {float: left;}
.desktop_header .welcome .div2 {height: 80px; line-height: 80px; display: table; float: right;}
.desktop_header .hello {display: table-cell; vertical-align: middle; font-size: larger; text-align: right;}

.desktop_bar_wrap {background-image: linear-gradient(#bf1e2e, #cc4b58); background-color: #bf1e2e;}
.desktop_bar {width: 1024px; margin-left: auto; margin-right: auto;}

.desktop_nav {float: left;}

.desktop_menu {position: relative; display: inline-block;}
.desktop_menu_btn {color: #ffffff; padding: 14px; font-size: large; border: none; border-right: solid 1px #cc4b58; cursor: default;}
.desktop_menu_btn img {margin-left: 6px;}
.desktop_menu_btn a {text-decoration: none; color: #ffffff;}
.desktop_menu:hover .desktop_menu_btn {background-color: #bf1e2e;}
.desktop_menu_content {min-width: 220px; background-color: #bf1e2e; color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: absolute; z-index: 1; display: none;}
.desktop_menu_content a {color: #ffffff; padding: 10px 14px; text-decoration: none; display: block;}
.desktop_menu_content a:hover {background-color: #c4303e;}
.desktop_menu:hover .desktop_menu_content {display: block;}

.desktop_logout {float: right; font-size: large;}
.desktop_logout a {padding: 14px; display: block;}
.desktop_logout a:link, .desktop_logout a:visited {text-decoration: none; color: #ffffff;}
.desktop_logout a:hover {text-decoration: none; background-color: #c4303e; color: #ffffff;}

/* MOBILE */
.mobile_header {font-size: 1.8em; background-color: #bf1e2e; display: none;}
.mobile_header .icon_wrap {height: 48px; float: left;}
.mobile_header .icon {height: 48px; display: table-cell; vertical-align: middle; padding-left: 10px;}
.mobile_header .icon img {height: 20px; cursor: pointer;}
.mobile_header .logo {text-align: center;}
.mobile_header .logo img {height: 48px;}

.mobile_logout {text-transform: uppercase; text-align: right; padding-right: 14px; padding-bottom: 14px; border-bottom: solid 1px #c4303e;}
.mobile_logout a:link, .mobile_logout a:visited, .mobile_logout a:hover {text-decoration: none; color: #ffffff; font-weight: bold;}

.mobile_menu_wrap {width: 100%; height: 100%; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; display: none;}
.mobile_menu {width: 100%; height: 100%;}
.mobile_menu .div1 {width: 90%; height: 100%; float: left; overflow: hidden; background-color: #bf1e2e; color: #ffffff;}
.mobile_menu .div1 .logo {text-align: center;}
.mobile_menu .div1 .logo img {height: 60px;}
.mobile_menu .div2 {width: 10%; height: 100%; float: right; overflow: hidden; background-color: #333333;}
.mobile_menu .div2 .x {line-height: 60px; height: 60px; background-color: #851520; color: #ffffff; font-size: x-large; font-weight: bold; text-align: center; cursor: pointer;}

.mobile_nav {font-size: large}
.mobile_nav .nav1 {width: 90%; height: 50px; position: absolute; z-index: 1; border-bottom: solid 1px #c4303e; cursor: pointer;}
.mobile_nav .nav1 img {width: 90%; height: 50px;}
.mobile_nav .nav2 {width: 100%; height: 50px; position: relative; z-index: 0;}
.mobile_nav .nav1:hover + .nav2 {background-color: #c4303e;}
.mobile_nav .nav2 div {line-height: 50px; padding-left: 14px;}
.mobile_nav .nav2 div .n_arrow {line-height: normal; padding-left: 0px; width: 17px; height: 50px; float: right; background-image: url(/images/expand.png); background-repeat: no-repeat; background-position: center; margin-right: 10px;}
    
.mobile_subnav .nav1 {width: 90%; height: 40px; position: absolute; z-index: 1; border-bottom: solid 1px #c4303e; cursor: pointer;}
.mobile_subnav .nav1 img {width: 90%; height: 40px;}
.mobile_subnav .nav2 {width: 100%; height: 40px; position: relative; z-index: 0;}
.mobile_subnav .nav1:hover + .nav2 {background-color: #c4303e;}
.mobile_subnav .nav2 div {line-height: 40px; padding-left: 24px;}

.admin-mobile_header {font-size: 1.8em; display: none;}
.admin-mobile_header .welcome {background-color: #bf1e2e;}
.admin-mobile_header .welcome .icon_wrap {height: 48px; float: left;}
.admin-mobile_header .welcome .icon {height: 48px; display: table-cell; vertical-align: middle; padding-left: 10px;}
.admin-mobile_header .welcome .icon img {height: 20px; cursor: pointer;}
.admin-mobile_header .welcome .logo {text-align: center;}
.admin-mobile_header .welcome .logo img {height: 48px;}

.admin-mobile_menulabel {font-size: larger; font-weight: bold; height: 36px; line-height: 36px; text-align: center; background-color: #991825;}

.admin-mobile_logout {height: 40px; line-height: 40px; text-transform: uppercase; text-align: right; padding-right: 14px; border-bottom: solid 1px #c4303e;}
.admin-mobile_logout a:link, .mobile_logout a:visited, .mobile_logout a:hover {text-decoration: none; color: #ffffff; font-weight: bold;}

.admin-mobile_menu_wrap {width: 300px; position: absolute; z-index: 1; display: none; opacity: 0.9;}
.admin-mobile_menu {background-color: #bf1e2e; color: #ffffff; border-left: solid 2px #991825; border-right: solid 2px #991825;}

.admin-mobile_nav {font-size: large}
.admin-mobile_nav a {text-decoration: none; color: #ffffff;}
.admin-mobile_nav .nav {height: 50px; line-height: 50px; position: relative; border-bottom: solid 1px #c4303e; cursor: pointer; padding-left: 10px;}
.admin-mobile_nav .nav .n_arrow {width: 17px; height: 50px; float: right; background-image: url(/images/expand.png); background-repeat: no-repeat; background-position: center; margin-right: 10px;}
.admin-mobile_nav span {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-image: url('/images/_.gif');}

.admin-mobile_subnav {}
.admin-mobile_subnav .nav {height: 40px; line-height: 40px; border-bottom: solid 1px #c4303e; cursor: pointer; padding-left: 20px}
.admin-mobile_subnav a {display: block}
.admin-mobile_subnav a:link, .admin-mobile_subnav a:visited, .admin-mobile_subnav a:hover {text-decoration: none; color: #ffffff;}

.admin-mobile_close {font-weight: bold; height: 30px; line-height: 30px; text-align: center; cursor: pointer; background-color: #991825;}


/* ----- login ----- */
.logix_div {width: 500px; font-size: 1.8em; margin-left: auto; margin-right: auto;}
.logix_logo {padding: 10px;}

.logix_login {padding: 20px; border: solid 1px #f0f0f0; border-radius: 10px;}

.logix_login_tr {margin-top: 6px;}
.logix_login_tr .logix_td1 {font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em;}
.logix_login_tr .logix_td2 input {width: 100%; border: solid 1px #cccccc; padding: 0.2em; resize: none; border-radius: 4px;}

.logix_login .logix_error {font-size: smaller; color: #ff0000;}
.logix_login .logix_error_summary {color: #ff0000;}

.logix_login .logix_btn {text-align: right; font-size: 0.8em;}

.logix_bottom {height: 20px; overflow: hidden;}


/* ----- info tables ----- */
.info_wrap {overflow: visible;}
.info_scroll {overflow: visible;}

.info_tbl {width: 100%;}
.info_tbl .td1, .info_tbl .td2 {background-color: #faf3f3; border-bottom: solid 2px #ffffff; white-space: nowrap;}
.info_tbl .td1 {width: 20px; border-right: solid 2px #ffffff; text-align: right; padding: 0.6em 0.4em 0.6em 0.8em;}
.info_tbl .td2 {padding: 0.6em 0.8em 0.6em 0.4em;}
.info_tbl .title {padding: 4px; font-weight: bold; background-color: #c4303e; color: #ffffff; border: solid 2px #bf1e2e;}
.info_tbl .subtitle {font-weight: bold; padding: 0.6em 0.6em 0.4em 0.6em;}
.info_tbl .btn {padding: 6px}

.info_tbl .br {height: 8px; overflow: hidden;}

.info_div {}
.info_div .subtitle {background-color: #ffffff; font-weight: bold; padding: 8px; white-space: nowrap;}
.info_div .content {background-color: #faf3f3; padding: 8px;}



/* ----- SCIT Antigen Key ----- */
.scit_antigen_key {border: solid 1px #cccccc; border-radius: 6px; padding: 12px; margin: 10px;}
.scit_antigen_key .ttl {font-size: larger; font-weight: bold; padding-bottom: 6px;}
.scit_antigen_key td {padding: 6px;}

.scit_oos_bg {background-color: #b9a4ce!important;}
.scit_matchingoos_bg {background-color: #d7d7d7!important;}

.antigen_disabled {color: #ff0000; font-weight: bold; text-decoration: line-through;}
.antigen_HS {background-color: rgba(209, 233, 205, 0.5);}
.antigen_SG {background-color: rgba(190, 211, 236, 0.5);}
.antigen_ALK {background-color: rgba(254, 226, 196, 0.5);}


/* ----- SCIT Rx Details ----- */
.scit_allergen_tbl {width: 100%;}
.scit_allergen_tbl td {padding: 8px 4px 8px 4px;}
.scit_allergen_tbl .td1 {text-align: right; border: none;}
.scit_allergen_tbl .td2 {width: 20%; text-align: left; border: none;}
.scit_allergen_subtitle {font-weight: bold; text-decoration: underline; text-align: right;}


/* ----- SCIT Antigen Input ----- */
.scit_antigeninput_tbl {width: 100%;}
.scit_antigeninput_tbl .t_td1,
.scit_antigeninput_tbl .t_td2 {border: solid 2px #ffffff; padding: 8px; white-space: nowrap;}
.scit_antigeninput_tbl .t_td1 {border-left: none; text-align: right;}
.scit_antigeninput_tbl .t_td2 {width: 25%; border-right: none; text-align: left;}

.scit_antigeninput_title {font-weight: bold; padding: 8px;}
.scit_antigeninput_title .highlight {font-weight: normal; font-size: small; font-style: italic; color: #ff0000; background-color: #fff799; white-space: normal;}
.scit_antigeninput_info {text-align: center; font-weight: bold; color: #00a651;}
.scit_antigeninput_error {color: #ff0000; margin: 10px;}


/* ----- SCIT Dilution Input ----- */
.scit_dilutioninput {padding-left: 10px; margin-top: 10px;}
.scit_dilutioninput div {padding: 3px; white-space: nowrap;}
.scit_dilutioninput input {margin-right: 5px!important;}
.scit_dilutioninput_or {margin: 12px; padding-left: 20px;}


/* ----- SCIT Pre-Entered Lot ----- */
.scit_antigenlot_div {width: auto; margin-top: 1.5em; border-radius: 0.5em; border: solid 2px #cf5662; overflow: hidden;}
.scit_antigenlot_div .disabled {color: #acacac!important}
.scit_antigenlot_div .disabled tr {background-color: #ebebeb!important;}
    
.scit_antigenlot {width: 100%;}
.scit_antigenlot td {padding: 0.4em; border: solid 2px #ffffff;}

.scit_antigenlot .allergen_name {padding: 0em; border-bottom: solid 2px #cf5662;}
.scit_antigenlot .allergen_name div {font-weight: bold; padding: 0.5em}

.scit_antigenlot .allergen_name_disabled {padding: 0em;}
.scit_antigenlot .allergen_name_disabled div {font-weight: bold; color: #acacac; background-color: #e1e1e1; padding: 0.5em; text-decoration: line-through;}

.scit_antigenlot input {font-family: "PT Sans", sans-serif; font-size: 1em; border-radius: 0.25em; border: solid 1px #999999; padding: 0.25em; resize: none;}


/* ----- SLIT Formula Log Creator ----- */
.formula_sheet_setdiv {border-radius: 6px; border: solid 2px #cf5662; margin-top: 10px; margin-bottom: 10px; display: table;}
.formula_sheet_setdiv_hr {border-bottom: solid 2px #cf5662;}
.formula_sheet_bottlediv {border-top: solid 2px #cf5662; padding-bottom: 0.4em;}

.formula_sheet_tbl {width: 100%;}
.formula_sheet_tbl .td1, .formula_sheet_tbl .td2, .formula_sheet_tbl .td3, .formula_sheet_tbl .td4, .formula_sheet_tbl .td5, .formula_sheet_tbl .td6 {border: solid 2px #ffffff; padding: 0.6em; white-space: nowrap;}
.formula_sheet_tbl .td1 {min-width: 300px; vertical-align: top; white-space: normal!important;}
.formula_sheet_tbl .td2 {vertical-align: top;}
.formula_sheet_tbl .td3 {vertical-align: top;}
.formula_sheet_tbl .td4 {vertical-align: top;}
.formula_sheet_tbl .td5 {vertical-align: top;}
.formula_sheet_tbl .td6 {vertical-align: top;}
  
.formula_sheet_tbl .h {font-weight: bold; white-space: nowrap; border-right: none;}

.formula_sheet_tbl input {font-family: "PT Sans", sans-serif; font-size: 1em; border-radius: 0.25em; border: solid 1px #999999; padding: 0.25em; resize: none;}
.formula_sheet_tbl select {font-family: "PT Sans", sans-serif; font-size: 1em; border-radius: 0.25em; border: solid 1px #999999; padding: 0.25em; resize: none;}

.formula_sheet_btns {padding: 0.6em 1.0em 0.6em 1.0em;}


/* ----- Detail Tabs ----- */
.detail_tabs a:link, .detail_tabs a:visited, .detail_tabs a:hover {text-decoration: none; color: #444444;}
    
.detail_tabs {border-bottom: solid 2px #6e8467; margin-bottom: 8px;}
.detail_tabs table {white-space: nowrap;}
.detail_tabs .tab {padding: 4px 8px 4px 8px; border-top: solid 1px #6e8467; border-left: solid 1px #6e8467; border-right: solid 1px #6e8467;}
.detail_tabs .tabx {background-color: #d9e1d7;}
.detail_tabs .spacer {width: 5px; min-width: 5px; overflow: hidden;}


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


.admin_view {background-color: #7accc8; border: solid 2px #005952; padding: 4px; text-align: right; text-transform: uppercase; font-size: smaller; color: #005952; font-weight: bold;}
.admin_view a:link, .admin_view a:visited {text-decoration: none; color: #005952;}
.admin_view a:hover {text-decoration: none; background-color: #cccccc; color: #005952;}

/* ----- user interface ----- */
.ui_pageheader {font-family: "PT Sans", sans-serif; font-size: 2em; text-transform: uppercase; margin-bottom: 12px;}

.ui_unauthorized {font-size: xx-large; font-family: "Lucida Console", Monaco, monospace; text-align: center; padding: 50px 20px 50px 20px;}
.ui_error, .ui_info {font-family: "PT Sans", sans-serif; font-weight: bold;}
.ui_error {color: #ff0000; margin: 10px;}
.ui_info {color: #00a651; margin: 10px;}

.ui_bigass_btn {font-weight: bold; font-size: larger; background-color: #6e8467; border: solid 2px #bccbb8; border-radius: 7px; color: #d9e1d7; padding: 10px 18px 10px 18px; cursor: pointer;}

.ui_btn, .ui_btn_invert {font-weight: bold; font-size: large; text-transform: uppercase; letter-spacing: 0.05em; padding: 4px 12px 4px 12px; cursor: pointer;}
.ui_btn_red {font-weight: bold; font-size: small; text-transform: lowercase; padding: 4px 12px 4px 12px; cursor: pointer;}

.ui_btn {background-color: #6e8467; border: solid 2px #bccbb8; border-radius: 7px; color: #d9e1d7;}
.ui_btn_invert {background-color: #d9e1d7; border: solid 2px #bccbb8; border-radius: 7px; color: #6e8467;}
.ui_btn_red {background-color: #fac6c8; border: solid 2px #f68d91; border-radius: 7px; color: #ed1c24;}

.ui_btn_logout {font-weight: bold; text-transform: uppercase; background-color: #bf1e2e; border: solid 2px #c4303e; border-radius: 7px; color: #ffffff; padding: 2px 10px 2px 10px; cursor: pointer;}

.ui_search {width: 100%; margin-bottom: 10px; margin-left: 10px;}
.ui_search td {white-space: nowrap;}

.ui_search .txt {width: 50%;}
.ui_search .spacer {width: 2%;}
.ui_search .btn {}

.ui_search_date {margin: 14px 10px 14px 0px;}
.ui_search_date .fromto {font-weight: bold; padding-left: 8px; padding-right: 4px;}
.ui_search_date .btn {padding-left: 6px;}

.ui_box {border: solid 1px #bf1e2e; border-radius: 10px; margin-bottom: 16px; overflow: hidden;}
.ui_box_subtitle {font-weight: bold; background-color: #bf1e2e; color: #ffffff; padding: 4px 8px 4px 8px; cursor: pointer;}
.ui_box_subtitle a:link, .ui_box_subtitle a:visited, .ui_box_subtitle a:hover {text-decoration: none; color: #ffffff;}
.ui_box_content {}

.ui_wrap {overflow: visible;}
.ui_scroll {overflow: visible;}


/* ----- gridview ----- */
.gv_prebutton {padding-bottom: 10px;}

.gv_wrap {overflow: visible;}
.gv_scroll {overflow: visible;}

.gv_header {background-color: #cf5662; white-space: nowrap;}
.gv_header th {padding: 0.4em 1.0em 0.4em 0.5em;}
.gv_header a:link, .gv_header a:visited {text-decoration: none; color: #ffffff;}
.gv_header a:hover {text-decoration: underline; color: #ffffff;}
.gv_row {border-top: solid 2px #ffffff;}

.gv_inactive {color: #bbbbbb; text-decoration: line-through;}
.gv_printed {background-color: #a3d39c;}

.gv_table {width: 100%;}

.gv_h {}
.gv_div {margin-left: 0.5em; margin-right: 1.0em; padding-top: 0.6em; padding-bottom: 0.6em; overflow: hidden; white-space: nowrap;}
.gv_cellwrap {overflow: initial; overflow-wrap: break-word; white-space: initial;}

.gv_practicename {width: 250px;}

.gv_cb {margin-left: 14px; margin-right: 14px;}

.gv_lnkbtn {text-align: center; padding-left: 6px; padding-right: 6px; overflow: hidden; white-space: nowrap;}
.gv_lnkbtn a:link, .gv_lnkbtn a:visited {text-decoration: none;}
.gv_lnkbtn a:hover {text-decoration: underline;}

.gv_link a:link, .gv_link a:visited {text-decoration: none;}
.gv_link a:hover {text-decoration: underline;}

.gv_empty {font-size: larger;}

.gv_pager {font-size: x-large; font-weight: bold; color: #cf5662; border: dotted 1px #cf5662;}
.gv_pager td {padding-left: 0.4em; padding-right: 0.4em;}
.gv_pager table td {padding-top: 0.2em; padding-bottom: 0.2em;}
    
.gv_pager a:link, .gv_pager a:visited, .gv_pager a:hover {text-decoration: none; color: #cf5662; font-weight: normal; font-size: smaller;}


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


/* ----- global ----- */
.asp_checkbox {padding: 0px; margin: 0px;}
.asp_checkbox input {padding: 0px; margin: 0px;}
.asp_dropdownlist {font-family: "PT Sans", sans-serif; font-size: 1em; border-radius: 0.25em; padding: 0.25em;}
.asp_textbox {font-family: "PT Sans", sans-serif; font-size: 1em; border-radius: 0.25em; border: solid 1px #999999; padding: 0.25em; resize: none;}

.asp_error {font-family: "PT Sans", sans-serif; font-weight: bold; color: #ff0000;}

.validator_error {color: #ff0000;}

.rowA {background-color: #faf3f3;}
.rowB {background-color: #f5e6e7;}

.arrow {border: solid; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;}
.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.left {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.down {transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


@media all and (min-width: 0px) and (max-width: 1024px) 
{
  .desktop_header {display: none;}
  .mobile_header {display: block;}
  .admin-mobile_header {display: block;}
  
  .mp_content {width: auto; padding-left: 10px; padding-right: 10px;}

  .ui_wrap, .gv_wrap, .info_wrap {overflow: hidden;}
  .ui_scroll, .gv_scroll, .info_scroll {overflow: auto;}
  .info_div {width: 100%; display: table;}
}

@media all and (min-width: 741px) and (max-width: 1024px) {
  body {width: 1024px; min-width: 1024px; max-width: 1024px;}
}

@media all and (min-width: 361px) and (max-width: 740px) {
  body { width: 740px; min-width: 740px; max-width: 740px;}
}

@media all and (min-width: 0px) and (max-width: 360px) 
{
  body {width: 360px; min-width: 360px; max-width: 360px;}

  .ui_search {margin-left: 0px;}
  .ui_search .txt {width: auto;}
  .ui_search .spacer {width: 5%;}
  .ui_search .btn {width: 0.1%;}

  .gv_prebutton {text-align: center;}
  .info_tbl .td1 {width: auto;}
}