/*
    Document   : style
    Created on : Dec 2, 2011, 2:39:01 PM
    Author     : bkemp
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.group_user_div-info-print, .searchNowbutton{
    opacity:0.70; filter:alpha(opacity=70);  
}
root {display: block;}
#ui-dialog {
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  z-index: 999;
}
/*h1, h2, h3, h4, h5, div,body,header,footer,fieldset,nav { margin:0px;  padding:0px; display: block;  font-family:Helvetica,Arial,sans-serif; font-size: 14px; }*/
h1, h2, h3, h4, h5, div,body,header,footer,fieldset,nav { margin:0px;  padding:0px; display: block;  font-family: Helvetica,Arial,sans-serif; font-size: 14px; }
.ui-widget, ui-widget input{font-family: Helvetica,Arial,sans-serif !important;}
input, textarea, keygen, select, button {font-family: Helvetica,Arial,sans-serif !important;}
table {width:99%; margin:0 0 1.2em; padding:0;}
th {background:#e5e5e5; padding:4px; border-bottom:1px solid #999; border-top:1px solid #999; text-align:left;}
td {padding:5px 3px; border-bottom:1px solid #999;}
tr.alt_row {background:#f9f9f9;}
h1, h2, h3, h4 {padding:6px 0 4px 6px; margin-bottom:10px; border:1px solid #ccc; border-right:0; border-left:0;}
h1 {font-size:22px; font-weight:normal; margin:0.5em 0 1.2em; border:0;}
h2 {font-size:17px; background:#f9f9f9; margin-bottom:3.5em;}
h2.section_title {margin-top:1.2em;}
h3 {margin-bottom:1em;}
img {border:0px}
.aRight {text-align:right;}
.aCenter {/*text-align:center;*/}
div.aCenter {margin:0 auto;}
a {color:#0B3E6F;}
/*body {background:#142c52; font-family:Helvetica,Arial,sans-serif; font-size: 14px;}*/
#body_container {position: relative;}

#content {margin-left: auto;margin-right: auto;  width:98%; padding: 10px !important;/* padding: 5px; margin: 5px -5px;*/ }
header{  background-color: white;  color:white;  width:100%;  padding: 0px;  position: relative;  min-height:80px; height:auto !important;}
header a {color:white; text-decoration: none;}
header a:hover {color:azure; font-weight: bold;}
#header-nav {color:#fff; padding:0;}
#header-nav #with-logo {padding:0 0;}
#header-nav #logo_replace {display: none;}
/* #header-nav {position: absolute; top:30px; left:30px; color:#fff;} */
#header-nav #logo { display:none;}
#header-user {position:absolute; top:0; right:30px; font-size:13px; z-index:2000;}

.hidden{
    display: none;
}

.red_placeholder::-webkit-input-placeholder {
    color: red;
}

//footer {width:100%; padding: 12px 0; position: relative;}
footer {display:none;}
//#footer-text {font-size: 14px; color:white; padding:0 0 0 30px;}
#ad_fieldset{padding-left:20px;}
.left_col {float:left; }
/*.right_col { margin: -12px 12px 0px 0px;}*/
#recupdates_content {line-height:1.5em; padding:10px 10px 14px; background:#fafafa; font-size:12px;}
#recupdates h2 {cursor:pointer; margin-bottom:0;}
#recupdates h2 span {float:right; font-weight:normal; line-height:1em; position:relative; top:-2px;}
#recupdates h2 span span.ectext {float:none; font-size:10px; color:#888; display:inline-block;}
#recupdates h2 span span.ui-icon {float:none; display:inline-block; top:2px; right:2px;}

.admin_org_photo {max-width:200px;max-height:180px; padding:2px; border:1px solid#ccc;}
.clear {float: none; clear:both; padding: 0px; margin:0px; height:0px; line-height: 0px;font-size: 0;}
.show_elem {display:block;}
.hide_elem, #recupdates_content {display: none;}
.disabled{color:#ccc;}
.input_250{width: 12em;  width:250px; margin:2px; display: block; float: left;}
.input_230{width: 12em; width:230px; margin:2px;  display: block; float: left;}

.textarea_250{width:250px; display: block; float: left; height:70px; margin:2px; padding-bottom: 20px;}
.ui-accordion-content textarea {font-size:12px;}
.input_100{width: 12em; width:100px; margin:2px; display: block; float: left; }
.input_150{width: 12em;width:150px; margin:2px;  display: block; float: left; }
.input_250_tall{ width: 12em; width:250px; margin:2px;  margin-top:19px; display: block; float: left; }
.tall{ margin-top:22px; display: block; float: left; }
label {font-weight: bold; float: left; text-align: right; display: block; width:100px; margin-right: 0.5em; padding-top:4px;}
#modal_login_main #addmember label.addMemMobile { width: 150px; }
.cust_fld_label {width: auto;}
div.main_info label { width: 20px; }
label[for="MemberPlace"] { text-align:left;width:auto;}
input#MemberPlace { width:144px;}
.label_ST {height:62px;}
label.label_desc {width:400px; font-weight:normal; text-align:left;}
.label_radio {float:left; font-size:12px; text-align: left;}
.label_view{ float: left; text-align: left; display: block; width:300px;  margin-right: 0.5em; padding:1px; padding-left:3px;  margin:1px; background: ghostwhite;  border:1px solid #CCCCCC; }
.submit_buttons{ width:100%; display: block; float:right; padding:3px;}
.submit_button{ width:100px; float:right; }
.groupAdjustMobile {margin-left: 15px;}
fieldset{ -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px;  display: block; border:1px solid #999; }
legend{font-weight: bold;}

/*Transparent footer */

#backTop{background-color: #084471; position: fixed; left: 0; bottom: 0; width: 99.8%;height: 39px; text-align: center; z-index: 99999; line-height: 40px; color: #fff; display: block; opacity: 0.80;-webkit-backface-visibility: hidden;}
#backTop #btLogo {float:left; margin: 0px 20px;}
#backTop #menuScrollUp{float:right; margin: 0px 20px; display:none;}
#backTop #btLogo a{line-height: 45px; color: #fff; width: 100%; display: block;}
#backTop #btLogo a:hover{background-color: #71b1c8;}

/* Loading */

.loading_div_default { background: url(../images/load_.gif) no-repeat center center;  position: fixed; left: 50%; top: 50%; z-index: 100;  height: 25%; width: 25%;  margin-top: 50px; margin-left: -250px; -webkit-backface-visibility: hidden;}

/*     Login Screen      */
.modal_popup{ display:none;}
#modal_login input{ width:200px;  margin:2px; }
#modal_login label{ font-weight: bold; float: left; text-align: right; display: block; width:150px; padding-top:2px; }

#modal_login_main { text-align: center; background: white; display: block;  padding: 5px !important;  margin: 2% 35% !important;    -webkit-border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; border:1px solid #65696d;}
#login_main_pk label, #login_main_uandp label , #login_main_uandp2 label{ font-weight: bold; float: left; display: block; text-align: right; width:110px; margin-right: 0.5em; padding-top:2px; }
#login_main_pk input, #login_main_uandp input, #login_main_uandp2 input{ width:300px; height: 25px; margin:2px;}

.round-blue-button {
    background-color: #007bff; /* Blue background */
    color: white; /* White text */
    padding: 10px 20px; /* Top and bottom padding 10px, left and right padding 20px */
    border: none; /* No border */
    border-radius: 50px; /* Fully rounded corners */
    cursor: pointer; /* Hand cursor on hover */
    font-size: 16px; /* Text size */
  }
  
  .round-blue-button:hover {
    background-color: #0056b3; /* Darker blue background on hover */
  }

.remMe {width: 25px !important;}
.login_title { text-align: center !important; float: none !important; }
.login_button { padding-bottom:10px !important; height:32px !important;}

/*     End Login Screen      */

.readonly{ color:#808080; background-color: #C0C0C0; font-style: italic; }
.search_ro{ color:#808080; }
.PageMessage, #PageMessage {background: #FFFBCC; border-bottom: 1px solid #e4d305; border-top: 1px solid #e4d305; color: #777; text-align:center; padding:0.7em 2em 0.5em; font-weight: bold; line-height:16px;}
.PageMessage .message, #PageMessage .message {position:relative; top:-3px;}
#AdminPageMessage {background: #FFFBCC; border-bottom: 1px solid #e4d305; border-top: 1px solid #e4d305; color: #777; text-align:center; padding:0.7em 2em 0.5em; font-weight: bold; line-height:16px;}
#AdminPageMessage .message {position:relative; top:-3px;}
#ProcessPageMessage {background: #FFFBCC; border-bottom: 1px solid #e4d305; border-top: 1px solid #e4d305; color: #777; text-align:center; padding:0.7em 2em 0.5em; font-weight: bold; line-height:16px;}
#ProcessPageMessage .message {position:relative; top:-3px;}
.message_icon { width:16px; height:16px; display:inline-block;}
/*input[type="submit"]{}*/

.buttonfield input { background-color: #474747; color:white; font-size:14px; border-color: #00498F;  width:100px; padding:2px; /*margin-left:5px;*/ float:right; }

/*input[type="submit"]:hover{*/

.buttonfield input:hover{ background-color: #00498F; color:white; font-size:14px; cursor: hand; cursor: pointer;}
.buttonfield { width:98%; position: relative;  margin:10px;}
#sresults, #mgrpsresults {margin:10px;}
#sresults a, #mgrpsresults a {text-decoration: none;}
#owneradmin{ width:100%;}
#owneradmin td { margin:3px; text-align: center;}
#username_error { width:100%; color:red; font-size:16px; text-align: center; margin-left:10px; margin-left: auto; margin-right: auto; }
#username_error2 { width:100%; color:red; font-size:16px; text-align: center; margin-left:10px; margin-left: auto; margin-right: auto; }
#error_mess{ width:100%; color:#f00; font-size:16px; text-align: center; margin-left:10px; margin-left: auto; margin-right: auto; }
#sddm {margin:0; padding:0; z-index:1000;}
#sddm li {margin: 0; padding: 0; list-style: none; float: left; width:270px; font-weight:bold; z-index: 1000; }
#sddm li a { display: block; margin: 0; padding: 10px 10px 12px; width:250px; background: #5970B2; color: #FFF; text-align: center; text-decoration: none; -moz-border-radius: 0 0 5px 5px;  -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
//#sddm li div a:hover {background: #49A3FF}
#sddm div { position: absolute; visibility: hidden; margin: -5px 0 0; padding: 2px 0; background: #EAEBD8; text-align: right; float: right; border: 1px solid #5970B2; border-top-width:5px; z-index: 1000; width:268px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#sddm div a {  position: relative;   display: block;  margin: 2px 0 0;  padding:2px 10px 2px 0px;  white-space: nowrap;  text-decoration: none;  background: #EAEBD8; color: #2875DE; font-size:12px; font-weight:normal;  width:210px; text-align: right; float: right; z-index: 1000; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; }
//#sddm div a:hover { background: #49A3FF;  color: #FFF }
.import_err { color:red; font-weight:bold; text-decoration: line-through; }
.nav_user_photo {float:left; width:40px; height:40px; padding:2px 4px;}
.pointable{cursor: hand; cursor: pointer;}
.search_red{background: antiquewhite; color:red; width:250px;}
.search_red2{background: antiquewhite; color:red; width:250px;;}
.search_green{background:#F0F4DB; color:#018F1F; width:250px;}
.mem_search_add_results{}
.mem_search_add_results a {color:#0B3E6F;}
.mem_search_add_results_a {color:#555; width:98%; padding:1%;}
.mem_search_add_results_a.alt_row {background:#ddd;}
.mem_search_add_results_a a {display:block; margin:0; padding:0;}
.mem_search_add_results_a:hover{color:#222; cursor: pointer;}
.member_search_image {text-align:center; width:36px; height:36px; float:left; padding-right:6px;}
.member_search_name, .member_search_username {font-size:13px;}
.member_search_name {padding-bottom:2px;}
.myinfo_group {clear:left; padding:0.5em 0;}
.myinfo_group img {float:left; width:32px; height:32px; padding:0 0.5em;}
.myinfo_group a {color:#0B3E6F; text-decoration:none;}
.myinfo_group a.member_name {display:block; float:left; margin:0; padding:0.5em 0 0;}
.myinfo_group a.member_name:hover {text-decoration: underline;}
.myinfo_group.alt_row {background: #f9f9f9;}
.display_data{padding-top:4px; display:block;}
#adminmenu input[type="text"] {float:none; display:inline;}
.flLeft {float:left;}
.flRight {float:right;}
.flNone {float:none;}
.cLeft {clear:left;}
.w50 {width:50px;}
.w75 {width:75px;}
.w105 {width:105px;}
.w150 {width:150px;}
.w250 {width:250px;}
.w350 {width:350px;}
.w500 {width:500px;}
.w100p {width:100%;}
.w_auto {width:auto;}
.label_normal {font-size:12px; font-weight:normal; text-align:left; float:left;}

/* dl overrides */

.ui-dialog-content label {width:150px;}
.ui-widget-content {background:#fff;}
.ui-dialog.ui-widget.ui-widget-content {/*position:fixed !important;*/} /*Android 2.2.3 modal fix on 5/23/2014 */
@media (max-width: 768px) {
  .ui-dialog.ui-widget.ui-widget-content {
    top:80px !important;
  }
}
#tabs .ui-widget-header,
#login_limited .ui-widget-header,
#login_member .ui-widget-header {  background:#142c52; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; border:none; outline: none;-webkit-appearance: none;}
#tabs.ui-widget-content, #login_limited.ui-widget-content,#login_member.ui-widget-content {background:none; border:0;}
#tabs.ui-tabs, #login_limited.ui-tabs, #login_member.ui-tabs {padding:0;}
#tabs.ui-tabs .ui-tabs-nav, #login_limited.ui-tabs .ui-tabs-nav, #login_member.ui-tabs .ui-tabs-nav {padding:1em 0 0 30px; margin-top:0;}
.ui-tabs .ui-tabs-nav li {font-size:14px;line-height:20px !important;}
.ui-tabs .ui-tabs-nav li img {position:relative; top:2px; padding-right:3px;}
#tabs .ui-state-default,
#tabs .ui-widget-content .ui-state-default,
#tabs .ui-widget-header .ui-state-default,
#login_limited .ui-state-default,
#login_limited .ui-widget-content .ui-state-default,
#login_limited .ui-widget-header .ui-state-default,
#login_member .ui-state-default,
#login_member .ui-widget-content .ui-state-default,
#login_member .ui-widget-header .ui-state-default {/*border: 2px solid #000;*/}
#tabs .ui-state-active,
#tabs .ui-widget-content .ui-state-active,
#tabs .ui-widget-header .ui-state-active,
#login_limited .ui-state-active,
#login_limited .ui-widget-content .ui-state-active,
#login_limited .ui-widget-header .ui-state-active,
#login_member .ui-state-active,
#login_member .ui-widget-content .ui-state-active,
#login_member .ui-widget-header .ui-state-active{background:#fff; border: 1px solid #999; }
.admin-tab-section { margin-top: 10px;}
.admin-tab-section .admin-tab-top {width: 125px !important;}
.admin-tab-section #tab-info{float:left; display: inline-block; margin-right: 0px; width: 370px;}
.admin-tab-section #tab-plurals{float:left; display: inline-block; width: 165px;}
.ui-widget-content {color:#555;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #146a2c;}
.ui-tabs .ui-tabs-panel {background:white;padding:1em; border: 1px solid #999;}
.ui-accordion-content {border: 2px solid #999;}
.ui-accordion .ui-accordion-content {padding: 1em 1.5em;}
input[type="submit"].ui-button { border: 2px solid #000;  background: #333 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat; font-weight: bold; color: white; padding: .5em 1em; }
input[type="button"].ui-button { border: 2px solid #000;  background: #333 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat; font-weight: bold; color: white; padding: .5em 1em; }
input[type="submit"].ui-button.updateTop { border: 2px solid #000; background: #333 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat; font-weight: bold; color: white; padding: .5em 1em; position:absolute; top:80px; left:405px; }
.mobileprivacycode{ width: 12em; width:300px; margin:2px; display: block;  float: left; margin-top:4px; }
.mobileprivacycode input[type='button']{ margin-top:-6px; padding:2px; }
.searches{ font-size: 5em; height:40px; width:400px; }
.searches_label{ font-size: 15em; }
#privacy_key_label{ width:130px !important; height: 20px; font-size:20px; vertical-align: middle; }
#privacy_key_input{ height:20px; font-size:20px; height:25px; }
#login2_left{ width:400px; float:left;  padding:5px; }
#login2_right{ width:400px; float:left; text-align: left; padding-left:30px; }
#login2_middle{ margin-top:80px; width:80px; height:100px; float:left; text-align: left; }
#login2_or{ height: 28px; font-size:26px; vertical-align: middle; padding:2px;}
.nobr { white-space:nowrap; }
#fp_login_un_label{ display:block; width:120px; font-size:20px; }
#fp_login_pass_label{ width:120px; font-size:20px;}
#fp_login_un{ font-size:20px; width:220px;}
#fp_login_pass{ font-size:20px;}
#fp_bottom{ padding-top:20px; padding-bottom:20px; text-align:center;  width:100%;}
#fp_bottom_left{ float:left;  margin:5px; width:30%; font-size:18px;}
#fp_bottom_middle{ float:left;  margin:5px;  width:30%;  font-size:18px;}
#fp_bottom_right{ float:left;  margin:5px; width:30%; font-size:18px;}
#persistant_message{ padding-top:20px;   margin:auto; width:500px;}
#p_message{ padding:10px;}
#dir-tab{ padding-top:5px; display:inline-block; width:100%; height:25px; float:left; vertical-align: bottom;  /* border-bottom: 1px solid #999999;*/}
#dir-tab label{ width:auto; }
#dir-dropdown{ display: none; }
#org_searches{ float: right; }
#tabs .ui-widget-content .ui-buttonset .ui-state-active {border-bottom-color:#f0f0f0;border-bottom-width:1px;background:#f0f0f0;}
#tabs .ui-widget-content .ui-buttonset .ui-corner-left { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;  -khtml-border-bottom-left-radius: 0px;  border-bottom-left-radius: 0x; }
#tabs .ui-widget-content .ui-buttonset .ui-corner-right { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px;  border-bottom-right-radius: 0px; }
.title_lnk{ font-size: 18px; font-weight: bold; text-decoration: none;}

/* Buttons */


 
a.btn-action { display: block; height: 32px; margin: 0 5px 0 0; padding: 0 10px 0 2px; float: left; color: #fff; text-decoration: none; font-weight: bold; text-align: left; line-height:32px; margin: 2px;
/*             border-radius: 5px; */
             border:2px solid #111; 
             width:auto; 
             /* fallback */ 
             background-color: #5e5e5e;  /*Safari 4-5, Chrome 1-9  */
/*             background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), to(#333333)); */
             /* Safari 5.1, Chrome 10+ */ 
/*             background: -webkit-linear-gradient(top, #7c7c7c, #333333); */
/*              Firefox 3.6+  background: -moz-linear-gradient(top, #7c7c7c, #333333); */
/*              IE 10  background: -ms-linear-gradient(top, #7c7c7c, #333333);  Opera 11.10+  */
/*             background: -o-linear-gradient(top, #7c7c7c, #333333);*/ }
//a.btn-action {display:block; width:166px; height:32px; margin:0 5px 0 0; padding:0 2px; float:left; color:#fff; text-decoration:none; font-weight:bold; text-align:left;  background:url('../images/btn-bg.jpg') top left no-repeat; line-height:32px; }
a.btn-action-png {display:block; width:166px; height:32px; margin:0 5px 0 0; padding:0 2px; float:left; color:#fff; text-decoration:none; font-weight:bold; text-align:left; background: /*url('../images/btn-bg.png')*/ top left no-repeat;  line-height:32px; }
//a.btn-asm-png {background:url('../images/btn-bg-sm.png') top left no-repeat; width:136px;}
//a.btn-asm {background:url('../images/btn-bg-sm.jpg') top left no-repeat; width:136px;}
//a.btn-alg {background:url('../images/btn-bg-lg.jpg') top left no-repeat; width:216px;}
a.btn-action img {padding-right:10px; float:left;}
//a.btn-action:hover {background-position: bottom left;color: #75ff78;}
//a.btn-action-mod {background-position: bottom left;color: #75ff78;}
//a.btn-action:hover {background-position: bottom left; color:#75ff78;}
a.btn-action-png img {padding-right:10px; float:left;}
//a.btn-action-png:hover {background-position: bottom left; color:#75ff78;}
a.flRight {float:right;}
a.btn-letters {/*background:url('../images/letterbg_sm.png') top left no-repeat;*/ display:block; font-size:12px;padding:1px;width:25px;height:20px; padding-top:2px;text-align:center;line-height: 18px; }
/*a.btn-letters:hover {background: url('../images/letterbg_sm.png') top left no-repeat; display:block; font-size:12px;padding:0px;width:25px;height:20px; padding-top:2px;text-align:center;line-height: 18px; }*/
#dir_print_all, #dir_print_selected {
    margin: 0px;
}
#dir_print_all {
    margin-left:2px;
}
/* END BUTTONS */
.noclose .ui-dialog-titlebar-close { display:none; }
.huge_button{ font-size: 28px;}
#tabs-Directory {  background-color: #FFF;}

/* ADVERTISEMENT BOX */
#advertisement { width: 728px; }
.buttonfield input.delete-btn{  background-color: #474747;   color:white;  font-size:14px;  border-color: #00498F;  -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px; width:100px; padding:2px; float:left; }
.buttonfield input.ad-rpt-btn{  background-color: #474747;   color:white;  font-size:14px;  border-color: #00498F;  -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px; width:130px; padding:2px;  margin-left:3%;  margin-right:3px; float:left; }
#printing_div{ position: absolute; right:20px;margin-top: -10px;}
#logout_tab { display: none; }
#footer-text #alt-footer{display: none; }
.resHead .menuBars, .resHead .menuTitle, .resHead .menuScrollUp, .resHead ul.resMenu li.logout{ display: none; }
.phone_cell {display: none;}
.mem_gf_desktop {display: block;}
.mem_gf_mobile {display: none;}
#fls_welcome {display: none;}

#tabs-Welcome .right_col {float: right !important;}
 /*------ Admin Page Updates---*/
 /* IE10 Hack for Admin*/
@media screen and (min-width:0\0) {
    #tab-info #labelAdminTabTwo {margin-left: -108px !important;}
    #tab-info #labelAdminTabThree {margin-left: -97px !important;}
    #tab-info #labelAdminTabFour {margin-left: -114px !important;}
}
/*------ End Admin Page Updates---*/
@media (min-width: 1600px) {
    .pushMeNot {width:100%; text-align: right;}
}
@media (max-width: 1600px) {
   .resHead .menuScrollUp {display:none;}
     /**Login*/
    #modal_login_main {margin: 2% 25% !important; }
    #login_main_pk label, #login_main_uandp label , #login_main_uandp2 label{ font-weight: bold; float: left; display: block; width:150px; margin-right: 0.5em; padding-top:2px; }
    #login_main_pk input, #login_main_uandp input, #login_main_uandp2 input{ width:200px;  margin:2px;}
    .remMe {width: 25px !important;}
    .pushMeNot {width:100%; text-align: right;}
}
/*Ipad and Tablet Settings*/
@media (max-width: 1024px) {

   .resHead .menuScrollUp {display:none;}
    span.mem_fullname{display:none !important;}

      /**Login*/
    #modal_login_main {margin: 2% 25% !important; }
    #login_main_pk label, #login_main_uandp label , #login_main_uandp2 label{ font-weight: bold; float: left; display: block;     margin-left: 68px;
    text-align: left;padding-top:2px; }
    #login_main_pk input, #login_main_uandp input, #login_main_uandp2 input{ width:200px;  margin:2px;}
    .remMe {width: 25px !important;}
    .pushMeNot {width:100%; text-align: right;}
}

@media (max-width: 930px) {
    .pushMeNot {width:100%; text-align: right;}
}
@media (max-width: 768px) {
    //#searchItems {width: 300px;}
    .mem_gf_desktop {display: none;}
    .mem_gf_mobile {display: block; margin: 4px 10px 0px 10px; width: 100%; float: left; text-align: left;}
    h1, h3 {font-size: 14px; font-weight: normal;  margin: auto; }
    #header-nav #with-logo {display: none;}
    #header-nav #logo_replace {display: block;}
    html {overflow-x: hidden;  overflow-y: scroll; width: 95%;}
    body {text-align: center; overflow-x: hidden;}
    #body_container {position:relative; width: 100%;  }
    header { min-height: 0px; }
    #header-nav #logo{ display: block; padding: 20px 20px;  text-align: center;  }
    .left_col #searches h2 {display:none !important;}
    #recupdates h2 { font-size: 13px; float: left; }
    #recupdates_content { float:left; font-size:10px; }
    #PageMessage {  text-align: left;}
    #fls_welcome {display:none !important;}
    #logo span { font-size:13px; text-align: left;  }
    a.btn-letters {font-size: 14px !important;}
    #content { /*margin: auto;*/ text-align: center !important; float: none; width: 100%; padding: 0px !important;padding-top: 10px !important;}
    #tabs.ui-tabs .ui-tabs-nav, #login_limited.ui-tabs .ui-tabs-nav, #login_member.ui-tabs .ui-tabs-nav {padding: 1em 0 0 1px;}
    #tabs .ui-widget-header, #login_limited .ui-widget-header, #login_member .ui-widget-header { border:none; }
    #tabs-Directory { width: 100%; }
    #privacy_key_label {font-size: 12px; height: 5px; width: auto;margin-left: 68px;text-align: left;padding:20px;}
    #privacy_key_input { font-size: 12px; height: 17px; }
    html{ width:100%; margin:auto; }
    label.dir-middle { display: inline-block !important; }
    .ui-tabs .ui-tabs-nav li { font-size: 13px;  margin-right: 2px; margin-left: -1px; }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 16px !important; }
    .ui-tabs .ui-tabs-panel { padding: 30px 0; width: 100%; border: 1px solid #999;}  /*Android 2.2.3 fix on 5/23/2014 removed */
    #modal_login label{ display: block;  width:90px;  }
    #modal_login input{ /*width:120px; margin:2px;*/ }
    div.right_col { display: none; }
    #printing_div{ display: none;  }
    h3 #grp_members{font-size: 16px;}
    //footer {display:none;}
    footer {width: 100%; overflow: hidden;}
    #footer-text {  font-size: 9.5px; }
    #footer-text #alt-footer{display: block; font-size: 9.5px;}
    a.btn-action { float:left; font-size: 12px;  }
    div.right_col a.mem_list_print { margin-left: -2px !important; }
    div.right_col a.mem_dir { margin-left: 17px !important; }
    #dir-tab{ display: none; float:none; }
    #dir-dropdown{ display: block; font-size: 14px !important;margin-top:30px;  width: 100%; /*padding: 12px;margin-top: 20px;*/ }
    #dir-dropdown option { font-size: 12px; }
    #dir-tab label{ width:85px;  font-size:11px; display: block; text-align: left !important; }
    .page_texts {display: none;}
    #advertisement img{ display:none; }
    .ui-tabs .ui-tabs-nav li{top:5px;}
    .ui-tabs .ui-tabs-nav li img{ display:none; }
    .ui-buttonset { margin: 0px; }
    #sddm li a{ display:none;  }
    label { width: 85px; font-size: 14px; width: auto; text-align: left;}
    .w150 { width: 70px !important; font-size: 13px !important; }
    .w250 { width: 180px;}
    .textarea_250 { width: 180px; }
    .input_250 { width: 180px; }
    .search_red2 { width: 180px; float:left;}
    .addMemMobile {margin-left: 30px;}
    .groupAdjustMobile {margin-left: 15px;}
    .ui-dialog-content label {width:150px;}
    input_200 {width: 150px !important;}
    label.label_desc { width: 150px;}
    #mem_list_update{ display:none; }
    #m1 {  display: none; }
    
    div#newUserFields .cust_fld{ width:30% !important; }
    div.aCenter input.ui-button[type="submit"] {  clear:both !important; }
    #header-nav{display: none;}
    .member_header h1 {width: 85% !important;}
    .resHead .menuBars, .resHead .menuTitle, .resHead .menuScrollU, .resHead .menuScrollUp{display: block;}
    .resHead{display: block; position: fixed; width: 100%; top: 0; min-height: 55px; background-color: #142C52; color: #fff; z-index: 99999; left: 0px;-webkit-backface-visibility: hidden;} /*Android 2.2.3  fix on 5/23/2014 removed height: auto */
    .resHead .menuTitle  {margin: 15px auto 0 !important; width: 75%; text-align: center; position: relative;  z-index: -1;}
    .resHead .menuTitle span strong {}
    .resHead .menuBars { position:absolute; top:3px; left:3px; width:45px; height:45px; background-color:transparent; } /*Android 2.2.3 */
    .resHead .menuBars img { width:45px; height:45px; display:block; margin:0; padding:0;     margin-top: -10px; cursor: pointer;} /*Android 2.2.3 */
    .resHead .menuBars a { width: 100%; }
    .resHead .menuScrollUp { float: right; width:45px; height:45px; background-color:transparent; margin-top: -30px; /* position:absolute; left: 265px;  top:8px;*/ }  /*Android 2.2.3 */
    .resHead .menuScrollUp img {width:45px; height:45px; display:block;}
    .menuHead {top: 0; display: block !important; position: fixed !important; z-index: 99999 !important;}
    ul.resMenu { position: fixed; z-index: 99999; padding-left: 0 !important; margin-top: 3px !important; margin-left: 0 !important; width: 100%; padding-top: 3px !important;-webkit-backface-visibility: hidden;}
    ul.resMenu li{display: none; width: 100%;}
    ul.resMenu li a {width: 100%;}

    //#createmember {background: url("../images/blankbutton.png") no-repeat scroll left top rgba(0, 0, 0, 0); width: auto !important; font-size: 10px !important; text-align: center !important;}
    //#createfamily{background: url("../images/blankbutton.png") no-repeat scroll left top rgba(0, 0, 0, 0);width: auto !important; font-size: 10px !important; text-align: center !important;}
    //#createg{background: url("../images/blankbutton.png") no-repeat scroll left top rgba(0, 0, 0, 0);width: auto !important; font-size: 10px !important; text-align: center !important;}
    //#createmember img {display:none;}
    //#createfamily img {display:none;}
    //#createg img {display:none;}
    .phone_cell {display: inline-block; margin: auto 2px; float: left; text-align: left;}
    .ui-dialog-content label  { text-align: left;}
    /*div#modal_photo_uploader {height:700px; }*/
    //.mem_admin_btn {float: none !important; margin: 4px 0px 0px 80px !important;}
    .adminUpdate { display:none; }
    span.mem_fullname{display:none !important;}
    .mem_name_title{font-size: 30px !important;text-align:left;}
    #mem_photo{ pointer-events: none; }
    .loading_div_default { margin-left: -50px; margin-top: 180px;}
    .mem_name{margin-top: 10px !important;}
    /**Login*/
    #modal_login_main {}
    #login_main_pk label, #login_main_uandp label , #login_main_uandp2 label{ font-weight: bold; float: left; display: block; width:150px; margin-right: 0.5em; padding-top:2px; }
    #login_main_pk input, #login_main_uandp input, #login_main_uandp2 input{ width:200px;  margin:2px;}
    .mem_gf_mobile {display: block; margin: 4px 10px 0px 10px; width: 100%; float: left; text-align: left;}
    .remMe {width: 25px !important;}
    .pushMeNot {width:100%; text-align: right;}
    

}
@media (max-width: 620px) {
    #modal_login_main {margin: 2% 25% !important; }
}
@media (max-width: 500px) {
      /**Login*/
    #modal_login_main {margin: 2% 15% !important; }
    #login_main_pk label, #login_main_uandp label , #login_main_uandp2 label{ font-weight: bold; float: left; display: block; width:150px; margin-right: 0.5em; padding-top:2px; }
    #login_main_pk input, #login_main_uandp input, #login_main_uandp2 input{ width:200px;  margin:2px;}
    .remMe {width: 25px !important;}

}

@media (max-width: 360px) {
    /**Login*/
    .addMemMobile {margin-left: 118px;}
    .ui-dialog-content label {width:97px;}
    .addFamMobile {margin-left: 91px;}
    .addGroupMobile {margin-left: 78px;}
    .groupAdjustMobile {margin-left: 30px;}
    #modal_login_main {margin: 2% 5% !important; }
    #login_main_pk label, #login_main_uandp label , #login_main_uandp2 label{ font-weight: bold; float: left; display: block; width:150px; margin-right: 0.5em; padding-top:2px; }
    #login_main_pk input, #login_main_uandp input, #login_main_uandp2 input{ width:175px;  margin:2px;}
    .resHead .menuTitle  { width: 60%; }
/*    #dir-dropdown span {display: inline-block; text-align: center; margin: 15px auto;}*/
/*    #dir-dropdown select {display:inline-block; margin:0 auto; width: 150px;} Android 2.2.3  fix on 5/23/2014 */
    .remMe {width: 25px !important;}
}



            .print_queue_buttons { display:none; } /* to hide the checkbox itself */
            .print_queue_buttons + label:before {
              font-family: FontAwesome;
              display: inline-block;
              font-weight:normal !important;
              margin-top: 3px;
              font-size:22px;
            }
            
            .print_queue_buttons + label:before { content: "\f02f"; } /* unchecked icon */
            .print_queue_buttons + label:before { letter-spacing: 10px; } /* space between checkbox and label */

            .print_queue_buttons:checked + label:before { content: "\f046"; } /* checked icon */
            .print_queue_buttons:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
            
            .sts_icon{
                font-size: 22px !important;
                left: 200px;
                position: absolute;
            }
            
            


/* ----------------- BRADS CSS ---------------------- */
/* // DOESN NOT WORK AS A COMMENT IN CSS, YES I KNOW IT IS ABOVE BUT DON'T DO IT 


/* Desktop View */


/* -----------    Staff Page -------- */
.nsw{
    width: 240px;
    height: 400px;
    padding: 5px;
    margin: 5px;
    float: left;
    position: relative;
    /*border: 1px solid #999; */   
}

.nsw-admin{
    height: 430px;
    
}
.nsw .group_user_div-info-print{
    position: absolute;
    top:235px;
       right: 4px;
    /*width: 35px;*/
}

.nsw .group_user_div-info-print label{

    width: 35px;
}

.nsw .print_queue_buttons_label{
        width: 35px;
        float:right;
        
}
.nsw .print_queue_buttons_label{
        width: 35px !important;
        margin-right:0px;
        padding-top:0px;
        z-index:200;
}

.nsw .title_lnk {
    width:90% !important;
    font-size:14px !important;
    text-align: left !important;
    overflow-wrap: break-word;
    color: Black ;
    display:block;
}

.nsw .remove_option {
    margin:0px;   
    bottom:0px;
    position: absolute;
    width:100%;
}
.newphotos_staff{
    width: 230px;
    height: 230px;
    padding: 1px;
    border: 1px solid #999;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 3px;
}

/* -----------    Members Page -------- */
.nmw{
    width: 250px;
    height: 400px;
    padding: 5px;
    margin: 5px;
    float: left;
    position: relative;
    /*border: 1px solid #999; */   
        
        
}
.nmw .group_user_div-info-print{
    position: absolute;
    top:235px;
       right: 4px;
    /*width: 35px;*/
}

.nmw .group_user_div-info-print label{

    width: 35px;
}

.nmw .print_queue_buttons_label{
        width: 35px;
        float:right;
        
}
.nmw .print_queue_buttons_label{
        width: 35px !important;
        margin-right:0px;
        padding-top:0px;
        z-index:200;
}

.nmw .title_lnk{
    font-size:14px !important;
    text-align: left !important;
    display: block;
    width: 90% !important;
    overflow-wrap: break-word;
    color: Black;
}

.newphotos_member{
    width: 230px;
    height: 230px;
    padding: 1px;
    border: 1px solid #999;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 3px;
}

/* -----------    Group/families Page -------- */
.group_title{
        text-align: left !important;
} 

/* family/group mobile photos */

.ngwrapper{
        width: 230px;
        height: 300px;
        display:block;
        float:left;
        padding:5px;
        margin: 5px;
        min-height: 170px;
        position: relative;
/*        border: 1px solid #999;*/
}


.newphotos_group{
    width: 223px;
    height:168px;
    padding: 1px;
    border: 1px solid #999;
    background: #fff;
    -moz-border-radius: 3px;
    float: none;
}

.ngwrapper .group_user_div-info{
        top: 185px !important;
        width: 85%;
        left:inherit;
}
.ngwrapper .group_user_div-info-print{
        width: 35px;
        float:right;
        text-align:right;
}
.ngwrapper .group_user_div-info-print label{
        width: 35px;
        margin-right: 0px !important;
        padding-top: 0px !important;
        text-align:right;
}

.ngwrapper .title_lnk{
    font-size:14px !important;
    text-align: left !important;
    display: block;
    width: 90% !important;
    overflow-wrap: break-word;
    color: Black;
}


.ngwrapper .group_data{
    padding-left:3px;

}

.group_families_div-tall{
        height: 300px !important;
}
.group_families_div-short{
        height: 240px !important;
}
.group_families_div-medium{
        height: 250px !important;
}
.print_queue_buttons_label{
    
}
/*Mobile under 768*/

@media (max-width: 768px) {
    /* Members mobile photos */
.nmw{
	height: auto;
        width: 120px;
        display:block;
        float:left;
        padding:5px;
        min-height: 190px;
}
    
.nmw .title_lnk{
    font-size:12px !important;
    text-align: left !important;
    display: block;
    overflow-wrap: break-word;
    color: Black;
    width:100% !important;
}

.newphotos_member{
   width: 120px;
   height:120px;
    max-height: 120px;
    padding: 1px;
    border: 1px solid #999;
    background: #fff;
    -moz-border-radius: 3px;
    float: none;
}
.group_user_div-tall{
        height: 200px !important;
}
.group_user_div-short{
        height: 200px !important;
}
.group_user_div-medium{
        height: 200px !important;
}


/* family/group mobile photos */

.ngwrapper{
	height: auto;
        width: 124px;
        display:block;
        float:left;
        padding:5px;
        min-height: 170px;
}

.group_families_div-short{
    height: 150px !important;
    
    
}
.group_families_div-medium{
    height: 150px !important;
    
    
}
.group_families_div-tall{
    height:150px !important;
    width: 130px !important;
}

.ngwrapper .group_user_div-info {
    top: 0px !important;
    width: 80%;
    text-align: left !important;
    float:left;
}
.ngwrapper .title_lnk{
    font-size:12px !important;
    text-align: left !important;
    display: block;
    overflow-wrap: break-word;
    color: Black;
    width:100% !important;
}
.newphotos_group{
    width: 124px;
    height:94px;
    padding: 1px;
    border: 1px solid #999;
    background: #fff;
    -moz-border-radius: 3px;
    float: none;
}

/* Staff mobile view */
.nsw{
	height: auto;
        width: 120px;
        display:block;
        float:left;
        padding:5px;
        min-height: 200px;
        position: relative;
}
    
.nsw .title_lnk{
    font-size:12px !important;
    text-align: left !important;
    display: block;
    overflow-wrap: break-word;
    color: Black;
    width:100% !important;
}

.newphotos_staff{
   width: 120px;
   height:120px;
    max-height: 120px;
    padding: 1px;
    border: 1px solid #999;
    background: #fff;
    -moz-border-radius: 3px;
    float: none;
}

.nsw .staff-title{
    position: absolute;
    margin: 0px !important;
    left:0px;
    width:100%;
    overflow-wrap: break-word;
    color: Black;
    padding-left: 4px;
    text-align: left!important;
}



}


#loading_screen{
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  display:none;
  z-index :5000;
}

#loading_screen div{
  width: 30em;
  height: 30em;
  
  border-top: 1.1em solid rgba(51, 109, 165, 0.4);
  border-right: 1.1em solid rgba(51, 109, 165, 0.4);
  border-bottom: 1.1em solid rgba(51, 109, 165, 0.4);
  border-left: 2em solid #03A9F4;
}

.loader {
  margin: 6em auto;
  font-size: 2px;
  position: relative;
  /*text-indent: -9999em;*/
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.loader_dark {
  border-top: 1.1em solid rgba(51, 109, 165, 0.4);
  border-right: 1.1em solid rgba(51, 109, 165, 0.4);
  border-bottom: 1.1em solid rgba(51, 109, 165, 0.4);
  border-left: 1.1em solid #03A9F4;
  
  
    position: absolute !important;
    float: right !important;
    right: 10px !important;
    margin-top: -25px !important;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}



/*Push and Email Messaging*/

#groupPushButton {
    width: 15%;
    padding: 5px;
    min-width:200px;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}

#title3 {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#message3 {
    width: 100%;
    font-size: 16px;
    resize: none;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#titleGroupEmail {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#groupEmailButton{
width: 15%;
min-width:175px;
color: white;
padding: 5px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
}

#sendEmailButton{
 width: 15%;
 min-width:150px;
 float: right;
 color: white;
 margin: 0px 0px 10px 10px;
 border: none;
 border-radius: 4px;
 cursor: pointer;
 font-size: 18px;   
}

#cancelEmailButton{
width: 15%;
min-width: 150px;
float: right;
margin: 0px 0px 10px 10px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
}

#cancelPushButton{
    width: 15%;
    min-width: 150px;
    float: right;
    margin: 0px 0px 10px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}

#sendPushButton{
    width: 15%;
    min-width: 150px;
    float: right;
    color: white;
    margin: 0px 0px 10px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}


/*Push Modal Styling*/

.modalPush {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content-push {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    max-height: 75%;
    overflow: auto;
    animation-duration: 0.4s
}

/* The Close Button */
.close-push {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-push:hover,
.close-push:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header-push {
    padding: 2px 16px;
    color: white;
}

.modal-body-push {
    padding: 2px 16px;
}

.expandRN:hover,
.expandRN:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#previewAdminEmail{
    width: 35%;
    min-width: 170px;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}

#titleEmail{
    width: 100%;
    height: 35px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#previewAdminPush{
width: 35%;
min-width: 200px;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
}

#message{
    width: 100%;
    font-size: 16px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#title{
    width: 100%;
    height: 35px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

@media (min-width: 1100px) {
  .groupMessagingBox{float:right; width: 50%; margin-left: 10px;}
}

@media (max-width: 1100px) {
  .groupMessagingBox{float:left; width: 95%; margin-left: 10px;}  
}

@media only screen and (min-width: 770px) {
    .onHoldLogOut{display:none}
}

@media (min-width: 1100px) {
.onHoldDiv{margin-top: 20%}
.holdFont{font-size: 23px}
.holdFontTitle{font-size: 45px}
}

@media (max-width: 1100px) {
.onHoldDiv{margin-top: 30%}
.holdFont{font-size: 20px}
.holdFontTitle{font-size: 36px}
}

@media (max-width: 768px) {
.onHoldDiv{margin-top: 40%}
.holdFont{font-size: 20px}
.holdFontTitle{font-size: 36px}
#closeGroupModal{margin-top:-5px;}
}

@media (max-width: 500px) {
.onHoldDiv{margin-top: 60%}
.holdFont{font-size: 17px}
.holdFontTitle{font-size: 26px}
}

@media (max-width: 300px) {
.onHoldDiv{margin-top: 80%}
.holdFont{font-size: 12px}
.holdFontTitle{font-size: 17px}
}
/*#dontReceivePush {float:left; margin-left: 15%;}
  #noPush {margin-left:auto; width:60%}*/
  
div.modal-window,
div.modal-window-open {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}
div.modal-window-open { display: block; }

div.modal-window-content,
div.modal-window-content-wide {
	background-color: white;
	width: 15%;
	padding-bottom: 10px;
	margin: 80px auto;
	border: 1px solid black;
}
div.modal-window-content-wide { width: 25%; }

button.InvoiceButton {
    background-color: white;
    color: #00BEE5;
    margin: none;
    padding: none;
    border: solid 1pt #00BEE5;
}

button.InvoiceButton:hover {
    cursor: pointer;
    background-color: #00BEE5;
    color: white;
}

div.invoice-div {
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
}

table tr td.table-subtitle{
    background: #e5e5e5;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    text-align: center;
    font-weight: bold;
	width: 50%;
}

a.invoice-link {
	color: #00BEE5;
	text-decoration: none !important;
	text-align: center;
}
a.table-link {
	color: #00BEE5;
	text-align: center;
    margin: 0 10px;
}

.resHead .SwitchViewMenu { display: none; }
@media (max-width: 800px) {
    .resHead .SwitchViewMenu { display: default; }
}