/** Version: 2.0.0 -- updated for AVMA Branding */

/* Color Palette
 * -- Dark Green        #418c01
 * -- AVMA Green        #55b800
 * -- Light Green       #edfae1
 * -- AVMA Blue    		#00305e
 * -- Link Blue         #0079c1
 * -- Light Blue        #84cee6
 * -- Dark Grey         #4f5559
 * -- Grey              #7d868c
 * -- Light Grey        #e6edf2
 */

/* AVMA color palette
 * -- AVMA Green: #55b800
 * -- AVMA Blue: #00305e
 * --indigo: #000154;
 * --purple: #280053;
 * --pink: #54002b;
 * --red: #c4262e;
 * --orange: #e87523;
 * --yellow: #eeaf00;
 * --teal: #008b95;
 * --cyan: #50908f;
 * --white: white;
 * --gray: #b0b3b5;
 * --gray-dark: #5e6a71;
 * --primary: #00305e;
 * --secondary: #b0b3b5;
 * --success: #55b800;
 * --info: #50908f;
 * --warning: #eeaf00;
 * --danger: #c4262e;
 * --light: #f7f8f8;
 * --dark: #5e6a71;
 */

/* -- Layout -- */
/* -- Containers -- */
/* header/body/footer */
.navbar {margin-bottom: 0px!important;}
.container, #duesBody, .loginTop {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;    
}  
.hide {visibility:hidden; }
#logo {
    width: 355px;
    margin-top: -95px;
}
/* login page */
#lblID, #lblPWD {
    line-height: 20px!important;
}

/* Need help mini header */
.contact-help {
    color: #55b800;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
    /* text-align: right; */
    margin-top: 30px;
}
.contact-phone {
    color: #00838c;
    font-size: 1.2em;
    line-height: 1.3em;
    text-align: right;
}
.contact-phone::before {
    content: url(/Images/phone-icon_lg.png);
    top: 4px;
    position: relative;    
}
.contact-time {
    color:#7d868c;
    font-size: .8em;
    line-height: 1.3em;
    text-align: right;
}

/* LoginB control override */

#btnMemJoin_input {
    color: #fff;
    font-size: 1em !important;
    font-weight: 500;
    font-family:"Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 150px;
    height: 40px;
    padding: 0;
    background-color: #00305e;
    border: none;         
    border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px; 
    -webkit-appearance: none; /* override  IOS device default button styling */
	background-image: none;
}
#tblLoginSec {border-right: 1px solid #4f5559;}
#lblRqrdID, #lblRqdPWD {padding-right: 0px;}
#lblID {line-height: 25px; display: contents;}
#lblIDMessage, #lblPWDMessage {width: 294px;display: inline-block;}

/* -- Page breadcrumb/print -- */

/* -- Step Navigation -- */
#stepNav {float: right;}
.StpNav {
    color: #fff;
    font-size: 1.063em;
    font-weight: bold;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    width: 30px;
}
.StpCompleted {
    display: inline-block;
    font-style: normal;
    background: #00305e none repeat scroll 0% 0%;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    padding: .4em;
}
.StpUncompleted {
    display: inline-block;
    font-style: normal;
    background: #7d868c none repeat scroll 0% 0%;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    padding: .4em;
}
.StpCompletedDifPg {
    cursor: hand;
    color: #fff !important;
    display: inline-block;
    font-style: normal;
    background: #00305e none repeat scroll 0% 0%;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    padding: .4em;
}
hr.stpHR {
    color: rgb(119, 119, 119);
    width: 75px;
    margin-top: -21px;
}

.stpLabels {
    width: 170px;
    white-space: nowrap;
    padding-top: 10px;
}
.StpComplbl {
    font-size: .6em;
    font-variant: small-caps;
    color: #55B800;
    padding: 10px 15px;
    text-align: center;
}
.StpCompDifPglbl {
    font-size: .6em;
    font-variant: small-caps;
    padding: 10px 15px;
    text-align: center;
}
.StpUncomplbl {
    font-size: .5em;
    font-variant: small-caps;
    color: #777;
    padding: 10px 15px !important;
    text-align: center;
}

/* -- Common -- */

.status, .status-sub  {
	font-size: 1.4em; 
	color:#00305e;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.status-sub  {
	font-size: 1.1em; 
	color:#4f5559;
	line-height: 1.2em;
}	
.info {
	text-align: right;
    font-size: .9em;
    color: #4f5559 !important; 
}

.error-alert-panel, #bodyInvoice p:first-child  {
    background-color: #f7f2f3;
    color: #cf262e;
    border: 1px solid #cf262e;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px;
}

.inv-name {
    font-weight: bold;
    font-size: 1.2em;
}

.caption {
	font-size: .8em;
	color: #4f5559;
	line-height: 2em;
}

.text-right {text-align:right}
.text-gray {color:#7d858b;}
.text-white {color:#fff;}
.text-blue {color:#00305e;}
.text-green {color:#55b800; font-size: 1.4em;}
.text-dark-green {color:#418c01;}
.text-red {color:#c4262e; font-size: 1.4em; line-height: 1.2em; margin-bottom: 5px;}

/* -- Lists -- */

/* -- Tables -- */

/* -- Labels and Boxes -- */
/* start textbox, select default placeholder text */
::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {
  color: #4f5559; font-family: "benton-sans",sans-serif; font-size: 1em; 
}

.sgstedAmt{font-size: .9em; color: #4f5559; }
.paymentHdr {color: #00305e; font-size: 1.2em; font-weight: 700;}
h1.PgTitle {
    color: #00305e;
    font-weight: 700;
    font-size: calc(2.125* 1rem);
}
 #lblMemberType, #lblDuesAmount, #lblSubTotal, 
#lblJournalAmount, #lblJournalDesc, #lblPACDesc, #lblPACAmount, #lblAVMFDesc, #lblAVMFAmount {color: #00305e;}
#PACTitle {
    color: #55b800; 
    float: left; 
    font-size: 1.375em; 
    font-weight: 700; 
}
#PACdesc {color: #00305e; font-size: 16px; font-weight: normal;}
#lblDescription, #lblMemberID, #lblTotalOrderAmount, #lblMemberName, #lblAmount, #lblTotalAmountPaid {font-weight: 700; color: #00305e;}
.divLblSpcr {
    float: left; 
    padding-right: 15px; 
    height: 35px; 
    width: 50px; 
    line-height: 40px; 
    text-align: left;
    font-size: 1em;
}
#divEmpName .divLabels {width: 135px!important;}
.divLabels, .divLabelsSecCd, .divLabelsExpDate {
    float: left; 
    padding-right: 10px; 
    height: 35px; 
    width: 275px; 
    line-height: 40px; 
    text-align: right;
}
.divLabelsBankInfo  {
    float: left; 
    padding-right: 10px; 
    height: 35px; 
    width: 245px; 
    line-height: 40px; 
    text-align: right;
}
.lblPaidThruMsg {font-weight: bold; color: #00305e;}
.divTxtboxesExp {float: left; width: 75%;}
.divPACCardType {
    float: left;
    height: 40px;
    line-height: 35px;
    text-align: right;
    padding: 20px 0px 0px 65px;
}
.PACCardType {
    float: left; 
    padding-right: 10px; 
    text-align: left;
    font-size: .9em;
}
#divCCnum {
    float: left; 
    border: 1px solid #7d868c; 
    border-radius: 5px; 
    width: 360px;
}

#pnlCCnum, #C001_pnlCCnum, #C002_pnlCCnum  {
    float: left; 
    border: 1px solid #7d868c; 
    border-radius: 5px; 
    width: 370px;
}
select {
    font-size: .9em;
    color: #2f3538;
    border: 2px solid rgba(0, 0, 0, 0.2);
	padding-left: 5px;
	height: 39px;	
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;	
    width: auto;
}  
select#ddlJournalSelection {
    color: #2f3538;
    border: 2px solid rgba(0, 0, 0, 0.2);
	padding-left: 5px;    
	padding-right: 13px;
	height:35px;	
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;	
    text-align: right;   
    width: 490px;  
}  

#ddlJournalSelection option {padding-right: 30px; color: #00305e; }
input[type="text"], input[type="password"] {
    width: 300px;
}  
#tblLoginSec .ErrorYes {width: 280px!important;}  
.txtPassword, .txtUserID {width: 280px!important;}
#txtEmailAddr {
    color: #2f3538;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding-left: 5px;
    padding-right: 5px;
    width: 300px;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}    

/* rad ddl*/
.RadDropDownList_MetroTouch .rddlInner {border: medium none; background-color: transparent; color: #00305e; text-align: left;}
.rddlPopup_MetroTouch {font-family: "benton-sans",sans-serif !important; color: #00305e; font-size: .9em; width: 100%;}
.rddlPopup_MetroTouch .rddlItemSelected {background-color: #7d868c;}
.RadDropDownList_MetroTouch .rddlFocused {background-color: transparent; color: #00305e;}
.RadDropDownList_MetroTouch .rddlIcon {background-image: url(../../images/avma-dropdown-arrow.png) !important; background-position: 10px 14px !important;}
.rddlPopup_MetroTouch .rddlItemHovered {color: #00305e;}
#JournalSelection .RadDropDownList { width: 490px;}
#divBillAdd .RadDropDownList, #pnlPACcontrib .RadDropDownList { width: 345px;}
#pnlStateCode .RadDropDownList { width: 240px;}
#C001_ddlExpYYYY_DropDown .rddlPopup_MetroTouch, #C001_ddlExpMM_DropDown .rddlPopup_MetroTouch, #C001_ddlPhoneType_DropDown .rddlPopup_MetroTouch,
#C002_ddlExpYYYY_DropDown .rddlPopup_MetroTouch, #C002_ddlExpMM_DropDown .rddlPopup_MetroTouch, #C002_ddlPhoneType_DropDown .rddlPopup_MetroTouch {width: 140px;}
#C001_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch, #C002_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch {width: 470px;}
#C001_ddlPACCardType_DropDown .rddlPopup_MetroTouch, #C002_ddlPACCardType_DropDown .rddlPopup_MetroTouch { width: 325px;}
.expDatespace {padding-right: 5px}
/* input textbox */
#txtMemberID {
	border: 1px solid #7d868c;
	padding-left: 5px;
	padding-right: 5px;
	width:250px;
	height:35px;	
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;	
    /* input textbox type=number remove spinners in FF */
    appearance: textfield;   
        -moz-appearance: textfield;
        -webkit-appearance: textfield;                 
}       
.txtCardNumber:hover, #C001_txtCardNumber:hover, .txtCardNumber:focus, #C001_txtCardNumber:focus,
#C002_txtCardNumber:hover, #C002_txtCardNumber:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}  

/* -- Buttons -- */
#btnRemove {color: #428bca !important; background-color: #fff; border: 1px none transparent; font-size: .875em;font-family:"Roboto",serif;background-image: none;}
.btnRemoveImg {
   background: url(../../App_Themes/AVMA/_img/cross.png) no-repeat center left;
   width: 90px
}
#radBtnContinue_input, #btnSubmitPayment_input, #btnJoin_input, 
#btnPrint_input, #btnExportPDF_input, #btnBckToProfile_input, #btnSaveChanges_input, #btnLearnMorePAC_input, #btnSupFoundation_input {
    font-family: "Roboto", serif;
    border: 1px solid #55b800;
    color: #2f3538;
    background-color: #fff;
    font-size: 1rem!important;
    font-weight: 500;
    padding: 0.56rem 1.25rem;
    border-radius: 0.25rem;
    opacity: 0.99;
    cursor: pointer;
    width: auto !important;
    min-width: 100px;
}
#btnBckToProfile_input, #btnSubmitPayment_input, #btnSaveChanges_input, #btnLearnMorePAC_input, #btnSupFoundation_input {
    font-family: "Roboto", serif;
    border: 1px solid #55b800;
    color: #2f3538;
    background-color: #fff;
    font-size: 1rem!important;
    font-weight: 500;
    padding: 0.56rem 1.25rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    opacity: 0.99;
    cursor: pointer;
}
#btnAddToInvoice, #radBtnContinue, #btnPrevious, #btnSubmitPayment, 
#btnBckToProfile, #cmdLogin, #btnSaveChanges, #btnLearnMorePAC, #btnSupFoundation {
    height: 40px;
    padding: 0;
    font-size: 1em;
    -webkit-appearance: none; /* override  IOS device default button styling */
	font-family:"Roboto",serif !important;
	background-image: none;
}
#btnJoin {
    float: right;
    height: 40px;
    padding: 0;
    font-size: 1em;
    -webkit-appearance: none; /* override  IOS device default button styling */
	font-family:"Roboto",serif !important;
	background-image: none;
}
 #btnMemJoin {
    height: 40px;
    padding: 0;
    font-size: 1em;
    -webkit-appearance: none; /* override  IOS device default button styling */
	font-family:"Roboto",serif !important;
	background-image: none;
}
#btnPrevious_input {
    font-size: 1em !important;
    font-weight: 500;
    font-family:"Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    /* border: 1px solid #00305e;
    color: #00305e; */
    color: #2f3538;
    border: 2px solid rgba(0, 0, 0, 0.2);    
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 200px;
    height: 40px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
	background-image: none;
}
#btnAddToInvoice_input {
    font-size: 1em !important;
    font-weight: 500;
    font-family:"Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    color: #2f3538;
    background-color: #fff;
    border: 1px solid #00305e;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: auto;
    height: 40px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
	background-image: none;
    min-width: 75px;
}

/* button actions */
#btnSubmitPayment_input[disabled], #btnBckToProfile_input[disabled],
#btnPrevious_input[disabled], #btnJoin_input[disabled], #btnSaveChanges_input[disabled], 
#btnLearnMorePAC_input[disabled], #btnSupFoundation_input[disabled] {
    background-color: #ffffff!important;
    border: #d6d9d8 solid 1px!important;
    color: #bfbfbf!important;
    font-weight: normal !important;
    font-size: 1em !important;
}  
#btnAddToInvoice_input[disabled] {
    background-color: #ffffff!important;
    border: #d6d9d8 solid 1px!important;
    color: #bfbfbf!important;
    font-size: 1em !important;
    font-weight: normal !important;
    padding-left: 25px;
}   
#btnMemJoin_input[disabled] {
    background-color: #ffffff!important;
    border: #d6d9d8 solid 1px!important;
    color: #bfbfbf!important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding-left: 35px !important;
}
#btnPrevious_input[disabled] {
    background-color: #ffffff!important;
    border: #d6d9d8 solid 1px!important;
    color: #bfbfbf!important;
    padding-left: 20px;    
    font-weight: normal !important;
    font-size: 1em !important;
}   
#radBtnContinue_input[disabled], #btnJoin_input[disabled], #cmdLogin_input[disabled] {
    background-color: #ffffff!important;
    border: #d6d9d8 solid 1px!important;
    color: #bfbfbf!important;
    padding-left: 20px;
    font-weight: normal !important;
    font-size: 1em !important;
}  
#radBtnContinue_input:hover, #btnSubmitPayment_input:hover, #btnPrint_input:hover, 
#btnBckToProfile_input:hover, #btnExportPDF_input:hover, #cmdLogin_input:hover, #btnJoin_input:hover, 
#radBtnContinue_input:focus, #btnSubmitPayment_input:focus, #btnPrint_input:focus, 
#btnBckToProfile_input:focus, #btnExportPDF_input:focus, #cmdLogin_input:focus, #btnJoin_input:focus, 
#btnSaveChanges_input:hover, #btnSaveChanges_input:hover, #btnLearnMorePAC_input:focus, #btnLearnMorePAC_input:hover, 
#btnSupFoundation_input:focus, #btnSupFoundation_input:hover {
    background-image: linear-gradient(to right, #55b800 , #408603);
    color: #fff !important;
    transition: ease-in-out all 0.15s;


} 
#btnAddToInvoice_input:hover, #btnPrevious_input:hover,
#btnAddToInvoice_input:focus, #btnPrevious_input:focus {
background-image: -webkit-gradient(linear, left top, right top, from(#0056b3), to(#00305e));
    background-image: linear-gradient(to right, #0056b3 0%, #00305e 100%);
    border-color: #0056b3;
    border: 1px solid transparent;
    color: white;
    font-weight: 500;
    cursor: hand;
}

#btnMemJoin_input:hover, #btnMemJoin_input:focus {
    background-image: -webkit-gradient(linear, left top, right top, from(#0056b3), to(#00305e));
    background-image: linear-gradient(to right, #0056b3 0%, #00305e 100%);
    border-color: #0056b3;
    border: 1px solid transparent;
    color: white;
}

/* -- Checkboxes -- */
/*input[type="checkbox"] + label {
    /*vertical-align: top;
    line-height: 1.8em;*/
    /*font-size: .9em;
    color: #455660;
}*/

input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    width:20px;
    height:20px;
    /*border-radius:5px;
    border: 2px solid #c2c2c2;*/
}

input[type="checkbox"]:checked {
    -moz-appearance: none;
    -webkit-appearance: none;
    width:20px;
    height:20px;
    /*border-radius:5px;
    border: 2px solid #c2c2c2;*/
}
#advisorPhoneNumber {width: 9em;}

/* asp:Repeater */
#orderPayment, #orderConfirmation {
    border: 1px solid #7d868c;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 15px;
    box-shadow: #c2c2c2 1px 5px 8px;
    -moz-box-shadow: #c2c2c2 1px 5px 8px;
    -webkit-box-shadow: #c2c2c2 1px 5px 8px;
}
#orderPayment .tblPaymentOrder, #orderConfirmation .tblPaymentOrder {
    width: 100%;
    border-collapse: collapse;
    vertical-align: top;
}
#orderPayment .tblPaymentOrder th, #orderConfirmation .tblPaymentOrder th {
    text-align: left;
    width: 25%;
    font-size: 1em;
}
#rptMemSummary {
    width: 100%; 
    border: 1px solid #c2c2c2; 
    padding: 20px 50px;    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    box-shadow: #c2c2c2 1px 5px 8px;
    -moz-box-shadow: #c2c2c2 1px 5px 8px;
    -webkit-box-shadow: #c2c2c2 1px 5px 8px;    
} 
#divX {background: #fff; color: red; font-size: 1em; font-weight: bold;}
hr.hrHelp {border: 2px solid #55b800;background-color: #55b800;}
.divNeedHelp {float: right; text-align: right; margin-top: 40px;}
.divNeedHelp .contact-help {font-weight:normal !important;}
.divCallToJoin {float: left; text-align: left; margin-top: 40px;}

/* -- Other controls -- */
.paraVwProfileMsg {font-weight: bold; color: rgb(0, 48, 94); padding: 10px 0px;}
.pEmail {font-size: .9em; position: relative; }
#invoiceTotalDue, #PACTotalDue {width: auto; float: right; padding: 20px 3px 0px 3px; display: flex;font-weight: 600;}
.lblTotalDue {color: #00305e; font-weight:600; font-size: 1.4em; text-align: right;}
#invoiceCmndBut {text-align: right;}
.PACExclude {padding: 13px 0px 0px 55px; text-align: left;margin-top: 10px;}
.divPacMsg {padding: 10px 0px 0px 65px; text-align: left;}
#imgCards {float: right; margin-top: 2px; width: 184px;}

/* member-card */
.divPrintMemCard {
    position: absolute; 
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;      
    width: 350px;
    padding-top: 50px;       
}
.member-card {
	background: url('../images/2016_MembershipCard2.jpg')
        no-repeat center;
    width: 350px;
    height: 221px;
}
.id {
    top: 350px;
    left: 251px;
    width: 200px;
    height: 16px;
    font-family: "benton-sans",sans-serif;
    font-size: .75em;
    color: #ffffff;
    width: 350px;
    height: 221px;    
}
.year {
    top: -69px;
    left: 26px;
    font-family: "benton-sans",sans-serif;
    font-size: 1em;
    color: #00305e;
    font-weight: bold;
    width: 100px;
}
.name {
    top: -150px;
    left: 26px;
    font-family: "benton-sans",sans-serif;
    font-size: .875em;
    color: #00305e;
    width: 320px;
}
.lblMemId {
    top: -151px;
    left: 26px;
    font-family: "benton-sans",sans-serif;
    font-size: .875em;
    color: #00305e;
    width: 320px;
}
.school {
    top: -151px;
    left: 26px;
    font-family: "benton-sans",sans-serif;
    font-size: .875em;
    color: #00305e;
    width: 320px;
    /* handle long school name - break  */
    display: inline-block;
    width: 220px;
    word-wrap: break-word;    
}
/* -- Images -- */
img {
    vertical-align: middle;
    border: 0;
    padding-bottom: 3px;
}
.imgCCs {
    float: left;
    padding-right: 10px;
    margin-top: 5px;
}

/* -- PAC cc mesage -- */
#divPacMsg .pacMsg {
    border: 1px solid #7d868c;
    font-size: .75em; 
    padding: 10px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    color: #4f5559;
    line-height: 1.6em;
    margin-top: 10px;
}
.pacMsg {
    border: 1px solid #7d868c;
    font-size: .75em; 
    padding: 10px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    color: #4f5559;
    line-height: 1.6em;
    margin-top: 20px;
}

.graphic {float:left; margin-right: 1em;}

/* -- Error handling -- */
/* -- Start Education pag -- */
/* #PgHrSec  {
    color: black;
}
#PgHrSec {
    color: #c4262e;
    font-weight: 900;
    font-size: 1.125em;
    vertical-align: middle;
} */
/* -- End Education pag -- */
.ErrMsgInvoice {padding: 10px 0px 0px 88px}
.divPACCardTypeMsg {padding: 10px 0px 0px 65px;}
.divPACErrMsg {padding: 0px 0px 0px 43px;} 
.ShowIDErrMsg {position: relative !important; padding-bottom: 10px; color: #c4262e; font-size: .9em; padding-left: 7px;} 
#lblPACMessage {padding-left: 0px !important;} 
.lblInfoMessage {color: #00305e; font-size: .9em; padding-left: 7px;}
.txtMemIDdisabled {background-color: #e6edf2 !important; color: #e6edf2;}
.txtMemIDenabled {background-color: transparent !important; }
.ErrorYesContrib {border-color: #c4262e !important; background: #fbf4bd url(../../../Images/dollar-icon.png) no-repeat left center !important; }
.ErrorNoContrib {border-color: #7d868c !important; background: #fff url(../../../Images/dollar-icon.png) no-repeat left center !important;}
 .clsContribMsgs {padding-top: 5px;}
 .divErrMsg {padding: 5px 0px 0px 285px;}
/* -- Help Icons -- */
.hint-icon {
    padding: 1px 2px 2px 2px;
    width: 15px;
    height: 15px;
    font-weight: 600;
    font-size: .8em;
}
#btnClubLevelsHelp {margin-top: -5px; margin-left: 10px;font-family:"Roboto",serif;}

/* Override telerik controls */
.rbPrimaryIcon {top: 8px !important; left: 11px !important;}
.rbNext, .rbPrevious {background-image: url('/Images/none.png')!important;}
.rbNextAdd {background-image: url('/Images/none.png')!important;}
.btnDisable .rbPrimaryIcon {background: url('/images/ajax-loader.gif') no-repeat left !important; width: 26px; height: 26px;}

/* Start PAC pages */
#bodyPAC {padding-top: 40px;}
#PACcontrib {padding: 0px 0px 0px 113px;}
.PACccMsg { padding: 10px 0px 0px 65px; text-align: left;}
/* End PAC pages */

/* start session control */
.radSessionTimeout {
    border: 1px solid #c2c2c2;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: #c2c2c2 1px 5px 8px;
    -moz-box-shadow: #c2c2c2 1px 5px 8px;
    -webkit-box-shadow: #c2c2c2 1px 5px 8px;
}
#continueSession {
    font-size: 1em !important;
}
#continueSession_input {
    font-size: 1em !important;
    font-weight: bold;
    font-family: "benton-sans",sans-serif !important;
    text-decoration: none !important;
    cursor: pointer;
    color: #2f3538;
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 200px;
    height: 40px;
    padding: 0px 10px;
    -webkit-appearance: none;
}     
#continueSession_input:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#0056b3), to(#00305e));
    background-image: linear-gradient(to right, #0056b3 0%, #00305e 100%);
    border-color: #0056b3;
    border: 1px solid transparent;
    color: white;
    font-weight: 500;
    cursor: hand;        
}
.RadNotification_MetroTouch .rnTitleBar {
    background-color: #00305e !important;
    height: 2.1em !important;
}     
.RadNotification_MetroTouch .rnTitleBarTitle {
    background-color: #00305e !important;
    height: 1.6875em !important;
    padding-left: 10px;
    width: 90% !important;
}        
.RadNotification_MetroTouch .rnTitleBarIcon {display: none !important;}         
#ctl00_MainContentArea_SessTimeout_ntfSessionTimeout_titlebar {color: #fff;}     
/* end session control */  

/* 2019 update */
td.LeftCol {
}
td.RightCol {
    text-align: left;
    padding-bottom: 15px;
    vertical-align: top;
}
input[type="checkbox"]:checked, input[type="checkbox"] {
    width: 0px;
    height: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0px;
    border: none;
}
input[type="checkbox"] + label {
    float: none;
    margin-top: 0em;
    position: relative;
    padding-left: 32px;
    padding-top: 2px;
    display: block;
}
[type="checkbox"]:not(:checked) + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #7d868c;
    border-radius: 5px;
    background: #fff;
}
[type="checkbox"]:checked + label::before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #7d868c;
    border-radius: 5px;
    background: #fff;
    text-align: center;
}
#chkboxPACcontrib + label {float: right; padding-top: 0px;}
.radButSingleLn { list-style:none; margin: 0; padding: 0;}
.radButSingleLn.horizontal li { display: inline;}
.radButSingleLn label{display:inline;}
span[class*="radLinkButtonPrimary"] {
    color: #FFF;
    font-size: 1em !important;
    font-weight: 500;
    font-family:"Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: medium none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #55b800;
    height: 40px;
    width: 225px;
    padding: 0;
    -webkit-appearance: none;
    text-align: center;
}
span[class*="radLinkButtonPrimary"]:hover {
    outline: 0;
    -moz-outline-style: none;
    cursor: hand;
    background-color: #418c01;
    border: none;
}
span[class*="radLinkButtonPrimary"] .rbPrimary {padding-top: 7px !important; padding-left: 0px !important;font-family:"Roboto",serif;}
/* end 2019 update */

/** start 2022 update Perbyte Work **/

@keyframes vueLoadingSpin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.ShowErrMsg { color: #c4262e; }

#lblEmailMsg{
    padding-bottom: 10px;
    display: block;
}

.dues-btn {
    font-family: "Roboto", serif;
    border: 1px solid #55b800;
    color: #2f3538;
    background-color: #fff;
    font-size: 1rem!important;
    font-weight: 500;
    padding: 0.56rem 1.25rem;
    border-radius: 0.25rem;
    opacity: 0.99;
    cursor: pointer;
}

.dues-btn:hover {
    background-image: linear-gradient(to right, #55b800 0%, #3e8500 100%);
    color: white;
    border-color: transparent;
    outline: none !important;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

.dues-btn-blue-outline {
  background-color: #fff;
  border: 1px solid #00305e!important;
  color: #00305e!important;  
  padding: 0.56rem 2.5rem;
}

.dues-btn-blue-outline:hover, .dues-btn-blue-outline:active {
    background-image: -webkit-gradient(linear, left top, right top, from(#0056b3), to(#00305e));
    background-image: linear-gradient(to right, #0056b3 0%, #00305e 100%);
    border-color: #0056b3;
    border: 1px solid transparent;
    color: white!important;
}

/** PB Modal Start **/

.pb-modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 999;
}

.pb-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.3);
}

.pb-modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pb-modal-dialog-sm .pb-modal-dialog-box {
  width: 400px;
  height: 400px;
}

.pb-modal-dialog-md .pb-modal-dialog-box {
  width: 600px;
  /* height: 635px; */
  /* Change July 2025 for Cardpointe Updates */
  height: auto;
  max-height: 100vh; /* Prevent going off screen */
  overflow-y: auto;
}

.pb-modal-dialog-box {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  height: 100%;
  max-width: 90%;
  border-radius: 8px;
}

.pb-modal-header-text {
  flex-grow: 1;
}

.pb-modal-header-wrapper {
  position: relative;
  width: 100%;
}

.pb-modal-header {
  background: #25a0da;
  color: #fff;
  padding: 10px;
  display: flex;
  font-weight: bold;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pb-modal-header button {
  color: #fff;
  background: transparent;
  margin: 0;
  opacity: 1;
  border: 0 none;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}

.pb-modal-header button:hover {
  opacity: 0.7;
}

.pb-modal-body {
  height: 100%;
  padding: 20px;
  font-size: 14px;
  flex-grow: 1;
}

.pb-modal-footer {
  background: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/** PB Modal END **/
[type="radio"]:checked + label:after {top: 4px!important;left: 4px!important;}
input[type="radio"]:focus + label:before
{
  outline: 0;
  -moz-outline-style: none;
  border-color: #0079c1 !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgba(100, 148, 187, 0.6);
}

select {
  background-color: #fff;
}

.popper {
  z-index: 999;
  min-width: 200px;
  width: 300px;
  max-width: 420px;
  left: -60px !important;
}

.popper > div {
  display: inline-block;
}

.divCurrencyTxtbx input[type="text"] {
  background: url(../../../Images/dollar-icon.png) no-repeat left center;
  padding-left: 30px !important;
  width: 180px;
  height: 35px;

  border: 2px solid rgba(0, 0, 0, 0.2);
  padding-right: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: .9em;
  font-family: "benton-sans",sans-serif;
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

/** end 2022 update Perbyte Work **/

/* -- Responsive -- */

/* ------- iPads (landscape) ------- */
 @media only screen and (min-width: 900px) and (max-width: 1224px) {
    #duesBody {width: 95%; padding: 0px 0px 0px 7px; margin: 0px; /* background-color: yellow; */ }
    #bodyInvoice, #bodyPayment, #bodyRenewMsgs, #bodyThankyou, #PgHrSec, #bodyPAC {padding-left: 20px;}
    #toggleNeedDuesHelpNav {display: inline;} /* hide contact info div  */ 
    #duesBody {padding-top: 0px;}         
    /* start payment page */  
    .divCurrencyTxtbx input[type=number] {height: 30px;} 
    /* end payment page */     
    /* start status page */  
    .imgWarning {width: 50px!important;}
    /* end status page */ 
    /* start login page */    
    #site-footer {text-align: center;}   
    /* end login page */   
}       

/* ------- iPads (portrait) / iPhone & Samsung landscape------- */
@media only screen and (min-width: 600px) and (max-width: 899px) {
    /*.breadcrumb {padding-left: 0px!important;}*/
    #duesBody {width: 95%; padding: 0px 10px; margin: 0px; /* background-color: yellow; */ }
    #site-header .navbar-header {padding: 10px 0px 0px 10px;}
    #bodyInvoice, #bodyPayment, #bodyRenewMsgs, #bodyThankyou, #PgHrSec, #bodyPAC {padding: 0px 15px 0px 10px;}    
    #tblLoginSec {padding-left: 0px !important;}    
    /* start invoice page */   
    #DuesAmount, #subTotal {vertical-align: top!important; padding-right: 0px;} 
    #rptMemSummary {width: auto !important;}
    select#ddlJournalSelection {width: auto !important;}
    #memSummaryHdr {vertical-align: bottom;}
    #memTypeAmnt {vertical-align: top;}
    #memTypeDesc {padding-left: 0px; vertical-align: bottom;}
    #JournalSelection .RadDropDownList {width: 365px !important;}
    #C001_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch, #C002_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch {
        width: 350px !important;
    }    
    #invoiceTotalDue, #PACTotalDue {padding: 20px 10px;}
    #invoiceCmndBut {padding-right: 10px;}
    /* end invoice page */  
    /* start payment page */  
    .divCurrencyTxtbx input[type=number] {height: 30px;} 
    /* end payment page */    
    /* start status page */  
    .imgWarning {width: 50px!important;}
    #btnJoin {padding-bottom: 20px;}
    /* end status page */   
    /* start login page */ 
    #tblLoginSec {
	    border-right: none;
	    border-bottom: 1px solid #4f5559;
	    padding: 0px 0px 10px 0px;
    } 
    #HelpMemPgs{
    left: -35px;
    position: absolute;
    top: 605px;
    text-align: left;
    }
    #site-footer {
	    text-align: left;
	    padding: 300px 0px 5px 5px;
        width: 98%;
    }
    .container, #duesBody, .loginTop {width: 98%;}
    /* end login page */    
}

/* ------- Mobile (portrait and landscape) ------- */
@media only screen and (max-width: 799px) {    
    html, body {width: auto!important; overflow-x: hidden!important} 
    #site-header .container, #site-footer .container, #loginTopMenu {width: 100%!important;padding-left: 0px; padding-bottom: 5px;}
    #site-footer {padding: 60px 5px 5px 5px!important;}
    #AVMAheader a {left: 0;}    
    #divLogin h1.PgTitle {padding-left: 10px;font-size: 1.275em !important; }
    /*#site-header {height: 175px;}*/
    #user-identity-nav {
        float: left !important;
        padding: 5px!important;
        margin-left: -5px;
        top: 115px;
        position: relative; 
        text-align: left;
        height: 125px;
        top: 90px !important;
        margin-left: 0px;
    }    
    #site-header .navbar-header {margin-bottom: 0 !important;}
    .breadcrumb {padding-left: 0px!important; font-size: 98%;}
    #duesBody {width: 95%; padding: 0px 10px; margin: 0px; /* background-color: Aqua;*/ }      
    #bodyInvoice, #bodyPayment, #bodyRenewMsgs, #bodyThankyou, #PgHrSec, #bodyPAC {padding: 0px 5px 0px 0px;}    
    #toggleNeedHelpNav {margin-top: 15px !important;}     
    #memSummaryHdr td {width: 50%;}
    #toggleNeedDuesHelpNav {display: none;} /* hide contact info div  */ 
    /* start login page */   
    /* .data-form-login {margin: 0 10px;} */
    #HelpMemPgs {left: -35px; position: absolute; top: 585px!important; text-align: left;}  
    #tblLoginSec {border-right: none; border-bottom: 1px solid #4f5559; padding: 0px 50px 10px 50px!important;}
    #tblLoginSec input {float: right;}
    #site-footer {text-align: left; padding: 0px 0px 5px 5px!important; margin-top: 60px;}
    /* #stepNav {float: left;}  */
    .loginError {
        width: 210px;
        float: none;
        display: inline-block;
        margin-right: 10px;
    }     
    #tdLblError span {margin-right: 0px;}
    .ErrMsgInvoice {padding: 10px 0px 0px 0px}
    .ShowIDErrMsg {padding-left: 0px!important;}
    span#memID {padding-right: 100px;}
    #tdIDMessage, #tdIPWDMessage {padding: 0px 10px 15px 0px !important;}
    #site-header {height: 90px!important}
    #lblIDMessage, #lblPWDMessage {width: 210px;}
    #lblID, #lblPWD {font-size: 90%;}
    #loginIdDiv, #loginPwddiv {text-align: right; padding-left: 0px; padding-right: 10px;}
    .loginTop {margin-top: 30px; width: 97%; padding: 0px;}
    #tblLoginSec .RightColumn {padding-right: 0px;}
    #forgotUID, .forgotUID, #cmdLogin {margin-right: 0px!important;}
    #tblLoginSec .txtPassword, #tblLoginSec .txtUserID {width: 95%!important;}
    #tblLoginSec .ErrorYes {width: 200px!important;}  
    /* end login page */    
    /* start invoice page */   
    #stepNum{padding-left: 5px;}
    #stepTtl {float: left !important; padding-left: 12px;}
    #stepLbl {text-align: left !important; }
    #stepContrib {text-align: left; padding-left: 12px;}
    #rptMemSummary {width: 98%; padding: 5px;}
    #rptMemSummary td {vertical-align: top;}
    #btnAddToInvoice {padding-top: 10px;}
    select#ddlJournalSelection {padding-right: 0px; width: 200px;}    
    #memSummaryHdr {vertical-align: bottom;}
    #memTypeAmnt {vertical-align: top;}
    #memTypeDesc {padding-left: 0px;}
    .rbNextAdd {background-image: url('../../Images/none.png')!important; top: 20px !important;}
    #JournalSelection .RadDropDownList {width: 200px !important;}
    #pnlPACcontrib .RadDropDownList {width: 200px !important;}
    #tdLblSubType {white-space:normal !important;}
    #C001_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch, 
    #C002_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch,
    #C001_ddlPACCardType_DropDown .rddlPopup_MetroTouch, 
    #C002_ddlPACCardType_DropDown .rddlPopup_MetroTouch {width: 185px !important;}
    #C001_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch .rddlItemSelected, 
    #C002_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch .rddlItemSelected {padding-left: 25px;}        
    #divBillAdd .RadDropDownList { width: 305px !important;}
    .divTxtboxesExp {width: 75%; height: 90px;}
    #C001_ddlExpMM, #C002_ddlExpMM {width: 145px !important;}
    #C001_ddlExpYYYY, #C002_ddlExpYYYY {width: 145px !important; top: 10px; position: relative;}    
    #invoiceTotalDue, #PACTotalDue {padding: 20px 10px;}
    #invoiceCmndBut, #paymentCmndBut {padding-right: 10px;}
    .divCurrencyTxtbx input[type="text"] {height: 30px;}
    .txtMemberID {margin-bottom: 16px;}
    /* end invoice page */      
    /* start payment page */ 
    #tblPACcontrib {width: 100%!important;}
    .divCurrencyTxtbx input[type=number] {height: 30px;}     
    .divNumberTxtbx {padding: 0px !important;}
    .divPACCardType {padding: 20px 0px 40px 65px}
    #rptMemSummary, #orderPayment, #orderConfirmation {font-size: 0.9em;}
    #orderPayment .tblPaymentOrder th {vertical-align: top; font-size: 90%;}
    #lblDescription, #lblMemberID, #lblTotalOrderAmount, #lblMemberName, #lblAmount, #lblTotalAmountPaid {font-size: 90%;}
    #lblMemberType, #lblDuesAmount, #lblSubTotal, #lblJournalAmount, #lblJournalDesc, #lblPACDesc, #lblPACAmount, #lblAVMFDesc, #lblAVMFAmount {font-size: 90%;}
    #DuesAmount, #subTotal {padding-right: 0px !important;vertical-align: top !important;}  
    #tipVerifCodeHelp {width:300px}
    #txtEmailAddr, .pEmail {width:150px}   
    .PACExclude { padding: 13px 0px 0px 0px;}
    .pnlCCnumHover, #pnlCCnum:hover, #C001_pnlCCnum:hover, #pnlCCnum:focus, #C001_pnlCCnum:focus,
    #C002_pnlCCnum:hover, #C002_pnlCCnum:focus {box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; }    
    .divPacMsg, .PACccMsg { padding: 0px 5px 0px 0px;}
    #imgCards {display: none;}
    .divLabels, .divLabelsBankInfo {text-align: left;}
    .txtCardNumber, #C001_txtCardNumber, #C002_txtCardNumber {border: 1px solid #c2c2c2 !important;  width: 295px!important;}
    .txtCardNumber:hover, #C001_txtCardNumber:hover, .txtCardNumber:focus, #C001_txtCardNumber:focus,
    #C002_txtCardNumber:hover, #C002_txtCardNumber:focus  {
        border-color: #0079c1; 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);
    }    
    .divLabelsSecCd, .divLabelsExpDate {width: 270px !important; text-align: left; padding-right: 10px; float: left;}  
    .divLblSpcr, .divLabels, .divLabelsSecCd, .divLabelsExpDate, .divLabelsBankInfo {width: 290px !important;  padding: 0px 0px !important;}  
    #divAvmfAmt .divLblSpcr, #divPacAmt .divLblSpcr {padding-right: 10px!important;}
    .divPACCardType {padding: 20px 0px 40px 0px !important;}
    .expDatespace {padding-bottom: 10px}
    .divErrMsg {padding-left: 0px;}
    #lblEmailMsg {float: left;}
    .ddlCountry, .ddlState {width: 250px;}
    .txtZipcode {width: 195px !important;}
    #pnlCCnum, #C001_pnlCCnum, #C002_pnlCCnum {height: 31px; width: 307px;}
    .pEmail { left: 0px;}
    #txtEmailAddr, .pEmail {width: 300px;}
    #btnPrevious {padding: 0px 5px 15px 0px; float: right;}
    .lblTotalDue {padding-right: 10px;}
   .divPACCardTypeMsg {padding: 10px 0px 0px 0px;}
   #btnSubmitPayment {right: -5px; padding-top: 20px;}
   #tblPACcontrib .LeftCol {width: 0px!important;}
   #pnlPACcontrib .divErrMsg {padding-left: 0px!important;}
   /* 2025 PB Addition for Cardpointe */
     .pb-modal-dialog-md .pb-modal-dialog-box {
    height: auto; /* Remove hardcoded 725px */
    max-height: 100vh; /* Prevent going off screen */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  .pb-modal-body {
    overflow-y: auto; /* Allow body to scroll */
    flex-grow: 1;
    -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
  }
  .pb-cardpointe-ach-img {padding: 0px!important;}
  /* END 2025 Cardpointe addition */
   .divTxtboxes img {width: 100%!important;}
   .StpCompletedDifPg, .StpUncompleted, .StpCompleted {
    padding: 0.2em 0.4em 0.4em 0.4em;
    width: 20px;
    height: 20px;
    }
    #bodyPayment {margin-top: 1.5rem;}
    h3 {line-height: 1.4;margin-bottom: 0;margin-top: 0;}
    #divPacAmt .divCurrencyTxtbx, #divAvmfAmt .divCurrencyTxtbx {margin-bottom: 0rem;}
    .paymentHdr {margin-top: 10px;}
    #pnlStateCode, .divCurrencyTxtbx, label[for=payTypeEft]{margin-bottom: 1.5rem;}
    #orderPayment {margin-top: 1.5rem;}
    .divRecHeight {padding: 0px 0px;}
    /* end payment page */      
    /* start confirmation page */   
    .confirmMsg {font-size: 1.375em;}   
    .print {float: left; padding: 10px 0px 20px 5px;}
    /* end confirmation page */   
    /* start status page */  
    .imgWarning {width: 50px!important;}
    #btnJoin {padding-bottom: 20px;}
    .divCallToJoin {padding-bottom: 40px;}
    #btnPrevious {padding: 0px 0px 15px 0px !important;}
    /* end status page */     
    /* bank info edit page */   
    #spcr_bankroutingnum {height: 0px!important;}
    #spcr_lblbankroutingnum {padding-top: 0px!important;}
    #divFormBtns {text-align: left !important; padding-top: 25px !important;}
    .btnCancel {float: left!important;}
    #btnSaveChanges {padding-top: 20px;}
    /* edit bank info edit page */       
}          

/* Only iPhone 5s (portrait mode) */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait){
    #site-header .container, #site-footer .container, #loginTopMenu {width: 95%!important;}
    #site-header {height: 175px;}
    #user-identity-nav {
    float: left;
    padding: 0px!important;
    margin-left: -5px;
    top: 115px!important;
    }
    .breadcrumb {padding-left: 2px!important;}
    #toggleNeedHelpNav {margin-top: 15px;}
    #duesBody {width: 95%; padding: 0px; margin: 0px; margin-top: 40px; /* background-color: lime; */ }
    /* end login page */        
    /* start invoice page */       
    span#memID {padding-right: 100px;}
    td#JournalSelection {text-align: left; padding-left: 10px;}
    select#ddlJournalSelection {padding-right: 0px; width: 160px;}    
    #memID {padding-right: 90px;}
    #JournalSelection .RadDropDownList {width: 172px !important;}
    #pnlPACcontrib .RadDropDownList {width: 200px !important;}
    #tdLblSubType {white-space:normal !important;}
    #C001_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch, #C001_ddlPACCardType_DropDown .rddlPopup_MetroTouch,
    #C002_rptInvoice_ctl00_ddlJournalSelection_DropDown .rddlPopup_MetroTouch, #C002_ddlPACCardType_DropDown .rddlPopup_MetroTouch {width: 185px !important;}
    #divBillAdd .RadDropDownList { width: 295px !important;}    
    /* end invoice page */         
    /* start payment page */  
    .txtCardNumber, #C001_txtCardNumber, #C002_txtCardNumber {border: 1px solid #c2c2c2 !important;  width: 295px!important;}
    .divLabelsSecCd, .divLabelsExpDate {width: 125px !important; text-align: left; padding-right: 10px; float: left;} 
    input[type=text] {width: 295px;}
    .pnlCCnumHover, #pnlCCnum:hover, #C001_pnlCCnum:hover, #pnlCCnum:focus, #C001_pnlCCnum:focus,
    #C002_pnlCCnum:hover, #C002_pnlCCnum:focus {box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; }
    #pnlCCnum, #C001_pnlCCnum, #C002_pnlCCnum { width: 310px; }
    #rptMemSummary, #orderPayment, #orderConfirmation {font-size: 0.9em;}
    /* end payment page */   
     /* start confirmation page */ 
    .print {float: left; padding: 10px 0px 20px 5px;}    
    .confirmMsg {font-size: 1.375em;}  
     #btnJoin{padding-bottom: 20px;}
     #btnPrevious {padding: 0px 5px 15px 0px !important; float: right;}     
     /* end confirmation page */    
    /* start status page */  
    .imgWarning {width: 50px!important;}
    /* end status page */     
    /* bank info edit page */   
    #spcr_bankroutingnum {height: 0px!important;}
    #spcr_lblbankroutingnum {padding-top: 0px!important;}
    #divFormBtns {text-align: left !important; padding-top: 25px !important;}
    .btnCancel {float: left!important;}
    #btnSaveChanges {padding-top: 20px;}
    /* edit bank info edit page */               
}      
/*  End Resonsive */

/* START 2025 Update for Cardpointe additions */
.pb-contribution-flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
  .pb-contribution-flex {
    flex-direction: row;
  }

  .pb-contribution-left,
  .pb-contribution-right {
    flex: 1 1 50%;
  }

  .pb-contribution-left {
    padding-right: 20px;
  }

  .pb-contribution-right {
    padding-left: 20px;
  }
}

.pb-spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top-color: #0074cc; /* AVMA blue or customize */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: auto;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.pb-accepted-cards {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-left: 8px;
}
/* start CardPoint payment form  */
.pb-accepted-cards-heading, .pb-cardpointe-ach-label {
    margin-right: 1rem;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}
/* end CardPoint payment form  */
.pb-accepted-cards-list {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 1rem;
}

.pb-accepted-cards-list li svg {
  width: 40px;
  height: auto;
}

.greyed-out {
  filter: grayscale(100%);
  opacity: 0.5;
}


.dues-btn:disabled,
.dues-btn:disabled:hover {
  background-image: none !important;
  background-color: #ccc !important;
  color: #666 !important;
  border-color: #ccc !important;
  cursor: not-allowed;
  opacity: 0.7 !important;
  text-decoration: none;
}

.dues-btn-blue-outline:disabled,
.dues-btn-blue-outline:disabled:hover {
  background-image: none !important;
  background-color: #f4f4f4 !important;
  color: #aaa !important;
  border-color: #ccc !important;
  cursor: not-allowed;
  opacity: 0.7 !important;
  text-decoration: none;
}

.pb-cardpointe-header-row {
  display: flex;
  justify-content: space-between;
}

.pb-cardpointe-subtotal-bold {
  font-weight: bold;
}

.pb-cardpointe-methods-wrapper {
  margin: 0;
}

.pb-cardpointe-method-option {
  margin-bottom: 1rem;
}

.pb-cardpointe-method-indent {
  margin-left: 2rem;
}

.pb-cardpointe-form-spacing {
  margin: 0.25rem 0;
}

.pb-cardpointe-ach-label {
  display: block;
  margin-bottom: 0.25rem;
  margin-left: 8px;
}

.pb-cardpointe-error-container {
  color: #c4262e;
  margin-bottom: 1rem;
  margin-left: 8px;
}

.pb-cardpointe-error-list {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}

.pb-cardpointe-ach-image {
  margin-left: 8px;
}

.pb-cardpointe-ach-img {
  max-width: 100%;
  padding: 0px 10px;
  margin: 5px 0 10px 0;
  width: 310px;  
}

.pb-cardpointe-loading-wrapper {
  text-align: center;
  padding: 1rem;
}

.pb-cardpointe-loading-message {
  margin-top: 0.5rem;
}

.pb-cardpointe-summary-box {
  margin-top: 0.5rem;
  padding: 1rem;
  border: none;
  background-color: #FDF7E5;
  margin-bottom: 1.25rem;
}

.pb-cardpointe-summary-row {
  display: flex;
  justify-content: space-between;
}

.pb-cardpointe-summary-right {
  text-align: right;
}

.pb-cardpointe-button-row {
  margin-top: 0.5rem;
  display: flex;
  justify-content: right;
}

.pb-cardpointe-submit-btn {
  margin-left: 32px;
}

.dues-btn + .dues-btn {
  margin-left: 0.5rem;
}

.pb-cardpointe-warning-container {
  color: #c4262e;
  margin-top: 0.5rem;
}

.pb-cardpointe-warning-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pb-cardpointe-text-blue {
  color: #00305e;
}

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

/* End 2025 Update Perbyte Work */

/* 2025 November Perbyte Work Custom ACH Form */
/* Container for the custom ACH form */
.pb-cardpointe-ach-custom-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-top: 10px;
}
/* nm added 12122025 */
.pb-cardpointe-ach-custom-form input, .pb-cardpointe-ach-custom-form select {
    width: 240px;
    border: 1px solid #cccccc;
    font-family: arial, sans-serif;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65em;
    background: #f9f9f9;
    text-indent: 0.33em;
    height: 32px;
    min-width: 100px;
    color: #555555;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.required pb-cardpointe-ach-input .ErrorYes, .pb-cardpointe-ach-custom-form .ErrorYes, .pb-cardpointe-ach-custom-form .ErrorYes {
    border: 1px solid #db5c71;
    background: #f9f9f9 !important;
}
.pb-cardpointe-ach-custom-form input:hover, .pb-cardpointe-ach-custom-form select:hover, 
.pb-cardpointe-ach-custom-form input:focus, .pb-cardpointe-ach-custom-form select:focus {
  border: 1px solid rgba(82,168,236,0.8)!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) , 0 0 8px rgba(82,168,236,0.6);
  outline:none;
}
/* One row: label + input side-by-side on desktop */
.pb-cardpointe-ach-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
}

/* Wrapper around the label (so we can align vertically) */
.pb-cardpointe-ach-label-wrapper {
  display: flex;
  align-items: center;
  min-width: 0; /* allow flex shrink */
}

/* Wrapper around the input; handles spacing from label */
.pb-cardpointe-ach-input-wrapper {
  margin-left: 10px;
  min-width: 0;  /* allow flex shrink */
  max-width: 100%;
}

/* The input itself */
.pb-cardpointe-ach-input {
  width: 230px;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}
/* --- Responsive: stack label on top of input on small screens --- */

@media (max-width: 600px) {
  .pb-cardpointe-ach-custom-form {
    align-items: stretch;
  }

  .pb-cardpointe-ach-row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
  }

  .pb-cardpointe-ach-input-wrapper {
    margin-left: 0;
    margin-top: 4px;
    width: 100%;
    max-width: 100%;
  }

  .payment-form .pb-cardpointe-ach-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .pb-cardpointe-ach-label {margin-left: 0px;}
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 768px) {
    .pb-cardpointe-ach-input,
    .pb-cardpointe-form-spacing input,
    .pb-cardpointe-form-spacing select {
      font-size: 16px;
    }
  }
}


/* End 2025 November Perbyte Work Custom ACH Form */