/** 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;
 */

 /* Important MOLAP Styles specific to Molap, as per Tony and Nanette - PB added 05-21-2024*/

 .molap body {
  font-family:"benton-sans",sans-serif;
  color:#2f3538;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
}

.molap h1 {
  font-family: "lexia",serif;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  font-size: 2.25rem;
 }

 .molap h2 {
  font-family: "lexia",serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  color: #00305e;
  font-size: 1.375rem;
 }

 .molap h3 {
  font-family: "Roboto",serif;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
 }

 .molap h4 {
  font-family: "lexia",serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
 }

 .molap h5 {
  font-family: "Roboto",serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  line-height: 1.4;
  color: #008b95;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
 }

 .molap h6 {
  font-family: "benton-sans",sans-serif;
  font-weight: 600;
  line-height: 1.7;
  color: #00305e;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
 }


.molap section .mb-3  {
  /* text-align: right;
  width: 240px; */
  }
  .molap section .mb-3 legend {
    text-align: left;
    /* width: 375px; */
   }

/* -- Primary button -- */
/* {
  font-family: "Gotham Narrow A", "Gotham Narrow B", serif;
  border: 1px solid #55b800;
  color: #2f3538;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.56rem 1.25rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  opacity: 0.99;
} */

/* -- Primary button hover, focus, active -- */
/* {
  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;
} */

/* -- Secondary form submition (i.e. Cancel, Previous) should use link text -- */
.pb-2 a {
  font-size: 1rem!important;
}
.molap a, .molap div a {
  color: #00838c;
  text-decoration: none;
  background-color: transparent;
  /* font-size: 0.875rem; */
}

.molap a:active, .molap  a:hover, .molap a:visited  {
  outline: 0;
  text-decoration: underline;
}

/* -- Secondary button (not used on form submissions (currently used on login page only - Create a new account) -- */
/* {
  font-family: "Gotham Narrow A", "Gotham Narrow B", serif;
  border: 1px solid #00305e;
  color: #00305e;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.56rem 1.25rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  opacity: 0.99;
} */
/* -- Primary button hover, focus, active -- */
/* {
  background-image: linear-gradient(to right, #0056b3 0%, #00305e 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;
} */

/* -- Input and select boxes -- */
#countryCode, #areaCode, #advisorCountryCode, #advisorAreaCode {min-width: 6.5em!important;max-width: 6.5em!important;} 
label[for=countryCode], label[for=areaCode], label[for=phoneNumber], label[for=phoneNumber], 
label[for=advisorCountryCode], label[for=advisorAreaCode], label[for=advisorPhoneNumber] {text-align: center;font-size: .875em;}
#phoneNumber, #advisorPhoneNumber, #postalCode {min-width:10.50em!important;max-width: 10.50em!important;}
.molap input[type="text"], .molap input[type="password"], .molap input[type="email"], .molap input[type="tel"]   {
  color: #2f3538;
  border: 2px solid rgba(0,0,0,0.2);
  border-radius: 0.25rem;
  padding-left: 5px;
  padding-right: 5px;
  font-family: "benton-sans",sans-serif;
}

.molap select {
  color: #2f3538;
  border: 2px solid rgba(0,0,0,0.2);
  border-radius: 0.25rem;
  padding-left: 5px;
  padding-right: 5px;
  font-family: "benton-sans",sans-serif;
  height: 35px !important;
  background-color: #fff;
}

/* -- Input and select boxes hover, focus, active -- */
.molap input[type="text"]:hover, .molap input[type="text"]:focus, .molap input[type="text"]:active, .molap input[type="password"]:hover, .molap input[type="password"]:focus, .molap input[type="password"]:active, .molap input[type="email"]:hover, .molap input[type="email"]:focus, .molap input[type="email"]:active, .molap input[type="tel"]:hover, .molap input[type="tel"]:focus, .molap input[type="tel"]:active, .molap select:hover, .molap select:focus, .molap select:active {
  border: 2px solid #002b45 !important;
}


/* -- Containers -- */
/* header/body/footer */

/* start - footer at bottom */
.sfPublicWrapper {min-height: 100vh; position: relative;}
#molapBody {padding-bottom: 2.5rem;}
.footer {
/*    position: absolute;
    bottom: 0;*/
    width: 100%;
    height: 2.5rem;
    text-align: center;
/*	padding-top: 20px;
	margin-bottom: 20px;*/
}
/* end - footer at bottom */

/* start updates 3-8-2023 header/body/footer */
#site-header {
    background: #fff;
    border-bottom: 10px solid #00305e;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.pageHeader {width: 100%;}
.pageTitle{
    width: 60%;
    text-align: left;
    float: left;
}
.pageTitle h2, .molapPgTitle {margin-top: 1rem;margin-bottom: 0;}
.num-nav {margin-top: 1.75rem; float: right; font-weight: 600;}   
.num-nav .steps-link {
	font-size: 76%;
    padding: 3px 0px 1px 0px;
    border-radius: 0.25rem;
    background-image: linear-gradient(to bottom,#fff 0%,#C8C8C8 80%);
    margin-right: 7px;
    color: #b0b3b5;
    cursor: default;
    width: 23px;
    display: inline-block;
    text-align: center;
}
.num-nav .steps-current-link {
	font-size: 76%;
    padding: 3px 0px 1px 0px;
    border-radius: 0.25rem;
    background-color: #2f3538;
    margin-right: 7px;
    color: #fff;
    cursor: default;
    width: 23px;
    display: inline-block;
    text-align: center;
}
.num-nav .steps-link-done {
	font-size: 76%;
    padding: 3px 0px 1px 0px;
    border-radius: 0.25rem;
    background-image: linear-gradient(to bottom,#fff 0%,#C8C8C8 80%);
    margin-right: 7px;
    color: #55b800;
    cursor: default;
    width: 23px;
    display: inline-block;
    text-align: center;
}
.avma-header, #molapBody {
    width: 100% !important;
    margin: 0 auto;
    max-width: 1000px;
    padding-left: 0px;
}

.molapPgTitle h2 {    
	margin-top: 0.49em;
    margin-bottom: 0em;
    padding-left: 4px;
}
/* -- Labels and Input Boxes -- */
input[type="text"], input[type="password"], .RadPicker .RadInput>input {
    color: #2f3538;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0.25rem;
	padding-left: 5px;
	padding-right: 5px;
}      type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus, 
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, select:hover {
    border-color:#002b45 !important;
    border: 1px solid #002b45 !important;
}
.ready-to-join-create input[type="text"], .send-email input[type="text"], .signin input[type="text"], 
.signin [type="password"] {width: 317px;}

.rqrdFld, i {
    font-weight: 600;
    font-size: 0.9375rem;
    font-style: normal!important;
    color: #c4262e;
    vertical-align: middle;
    line-height: 0px;
    padding-right: 3px;
}
/* -- buttons -- */
input[type="submit" i], .rbDecorated .rbPrimary, #cmdContinue_input, #cmdLogin_input, #btnSubmit_input, #cmdSubmit_input {
    font-family: "Roboto",serif;
    border: 1px solid #55b800;
    background-color: transparent;
    font-size: 0.875rem!important;
    font-weight: 500;
    line-height: normal;
    position: relative;
    opacity: 0.99;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    padding: 0.56rem 1.25rem!important;
    min-width: 100px; 
	width: 120px;
    height: auto;   
	background-image: none;
}

#btnPrevious_input:hover, #btnPrevious_input:focus, #btnPrevious_input:active  {
    text-decoration: underline!important;
	outline-style: none;
    -moz-outline-style: none;
    cursor: pointer;
    color: #00838c!important;
    border: none!important;
    padding-right: 0px;
    text-align: right;
    font-weight: normal;
	background-color: #fff!important;
    background-image: none!important;	
}
input[type="submit" i]:hover, input[type="submit" i]:focus, .RadButton .rbPrimary:hover, 
#cmdContinue_input:hover, #cmdLogin_input:hover, #btnSubmit_input:hover, #cmdSubmit_input:hover {
    border: 1px solid #55b800;
    background-color: #55b800;
    background-image: -webkit-gradient(linear,left top,right top,from(#55b800),to(#3e8500));
    background-image: linear-gradient(to right,#55b800 0%,#3e8500 100%);
    color: #fff!important;
}
.rbPrimary[disabled], #cmdContinue_input[disabled], 
#cmdLogin_input[disabled], #btnSubmit_input[disabled] {
	color: #418c01!important;
    background-color: #fff !important;
    font-weight: normal !important;
	font-size: 0.875rem!important;
	width: 120px;
	padding: 0.56rem 1.25rem;
	font-family: "Roboto",serif !important;
}   
.rbPrimaryIcon {display: none;}
#btnPrevious_input, #btnPrevious_input[disabled] {
  font-size: 0.875rem!important;
  outline-style: none;
  -moz-outline-style: none;
  cursor: pointer;
  color: #00838c !important;
  border: none !important;
  padding-right: 0px;
  text-align: right;
  font-weight: normal;
  background-color: #fff !important;
  background-image: none !important;
  font-family: "Roboto",serif !important;
}

.hint-icon {
    display: inline-block;
    color: #fff !important;
    font-size: .9em;
    background-color: #7d868c;
	width: 19px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0px 0px 4px 1px;
    text-decoration: none !important;
    cursor: pointer;
}
.fa-question:before {display: none;}
/* SelectBillingAddress uc */
.select-billing-address-preferred-radios span:first-child {width: 200px;}
.select-billing-address-input-group label {width: 215px!important;padding-right: 10px!important;}
.select-billing-address-preferred-radios label {text-align: left!important;}
.select-billing-address-error-message {display: none!important;}
.select-billing-address-input-wrapper {margin-bottom: 0px!important; padding: 12px 0px!important;}
.select-billing-address-required-field {padding-left: 3px;}

/* Start BP modal */
.radValidateGrdRec .submit-CloseRad {
    border: none;
    background-color: #25a0da;
    color: #fff!important;
    margin: 0px!important;
    padding: 0px;
    text-align: right;
    display: block;
    font-size: 12px;
    background-image: none;
    opacity: 1;
}
.radValidateGrdRec .submit-CloseRad:hover, .radValidateGrdRec .submit-CloseRad:focus, .radValidateGrdRec .submit-CloseRad:active {
    border: none;
    background-color: #25a0da;
    color: #fff!important;
    margin: 0px!important;
    padding: 0px;
    text-align: right;
    display: block;
    background-image: none;
    cursor: pointer;
    opacity: 0.7;
}

.RadWindow .rwTitleRow em {
    color: #fff!important;
    font-size: 1rem!important;
    font-family: "benton-sans",sans-serif !important;
    padding-left: 20px!important;
    width: 200px!important;
}
.pb-modal-dialog-md .pb-modal-dialog-box {
    width: 600px;
    height: 560px;
}
.submit-Btn input {
  border: none;
  padding: 0;
  margin: 0;
  line-height: inherit;
  min-width: 10px;
	font-family: "Roboto",serif; 
}
.RadWindow .rwWindowContent iframe {
    display: block;
    width: 100%;
    /* height: 520px; */
    border: none;
}
.RadWindow_Sunset .rwTable {background-color: transparent;}
.RadWindow_Sunset .rwTitleRow {    
    border-top-left-radius: 7em;
    border-top-right-radius: 7em;
}
.RadWindow table .rwTitlebar {
    background-image: none;
    background-color: #25a0da;
    padding: 10px 0px;
    border-top-left-radius: 7em;
    border-top-right-radius: 7em;
}
.RadWindow_Sunset .rwWindowContent {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}
.RadWindow_Sunset .rwCorner .rwTopLeft,  
.RadWindow_Sunset .rwCorner .rwTopRight,  
.RadWindow_Sunset .rwIcon, 
.RadWindow_Sunset table .rwTopLeft,  
.RadWindow_Sunset table .rwTopRight,  
.RadWindow_Sunset table .rwFooterLeft,  
.RadWindow_Sunset table .rwFooterRight,  
.RadWindow_Sunset table .rwFooterCenter,  
.RadWindow_Sunset table .rwBodyLeft,  
.RadWindow_Sunset table .rwBodyRight,  
.RadWindow_Sunset table .rwTopResize
{    
    display: none !important;   
    background-image: none !important;
}
div#C001_RemotePayment_radValidateGrdRec_C {margin: 0 auto; height: auto!important;}
.divIframe{
    margin: 0 auto;
    padding: 0px 10px 20px 10px;
}
.radValidateGrdRec {border: none;}
/* End BP modal */
/* Confirmation-print page */
#printReady .social-icons_list {
    padding: 0;
    list-style: none outside;
    text-align: left;
    margin: 0;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}
#printReady .social-icons_icon {
    margin-left: 1.125rem;
    padding-top: 7px;
}
.select-billing-address-input-group .litCity {line-height: 1.25em!important;height: 35px;}
.divErrMsgspec {padding: 0px 0px 5px 1px;margin-bottom: -12px;display: flex;}
.special-info {font-size: .750em!important;}
/* end updates 3-8-2023 header/body/footer */

.navbar {margin-bottom: 0px!important;}
.container {
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 15px 0px 15px;
}  
/* header */
#site-header .navbar-header {margin-bottom: .75em;}
#logo {margin-top: -95px; width: 355px;}

/* help icon */

/* start profile fields update Aug 2021 */
.hint-icon_contact {
	display: inline-block;
    font-style: normal;
    background-color: #7d868c;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 23px;
    padding: 0px 0px 4px 1px;
    margin: 0 0;
    font-size: .9em;
}
.fa-question:before {
	color: #fff;
}
.divLabelsEmpty {
	width: 215px;
	float: left;
	height: 39px;
}
/* help me choose button link */
#molapBody .btnlnkHelp {
    color: #00838c;
    text-decoration: none;
    background-color: transparent;
    font-family: "Roboto",serif;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0;
    min-width: unset;
    background-image: none;
}
/* start help me choose radwindow */
#molapBody .RadWindow div.rwExternalContent iframe {
	background: #fff;
	opacity: 1;
}

#molapBody .RadWindow {
	border-width: 0px;
}

	#molapBody .RadWindow.rwShadow {
		box-shadow: 0 1px 4px #b3b3b3;
		background-color: #fff;
		opacity: 1;
	}

	#molapBody .RadWindow .rwIcon, .rwPinButton, #molapBody .rwReloadButton, #molapBody .RadWindow .rwStatusBar {
		display: none !important;
	}

	#molapBody .RadWindow .rwTitleWrapper .rwTitle {
		margin: -2px 0px 0px 0px !important;
		font-weight: 600;
		padding-left: 5px !important;
	}

	#molapBody .RadWindow .rwTitle {
		width: 75%;
	}

	#molapBody .RadWindow.rwMinimizedWindow {
		height: auto !important;
		width: 400px !important;
		background-color: #00838C;
		padding-right: 13px;
	}

	#molapBody .RadWindow .rwTitleBar {
		background-color: #00838C;
		color: #fff;
	}

	#molapBody .RadWindow .rwContent {
		border: none;
		font-weight: normal;
	}
/* HTML Aptify*/
summary::-webkit-details-marker {
	color: #00ACF3;
	font-size: 125%;
	margin-right: 2px;
}

summary:focus {
	outline-style: none;
}

article > details > summary {
	font-size: 14px;
	margin-top: 10px;
}

details > p {
	margin-left: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
}

details details {
	margin-left: 45px;
	padding-top: 5px;
}

	details details summary {
		font-size: 14px;
		cursor: pointer;
		font-weight: 600;
	}

.collapsible {
	background-color: #EBF6F7;
	color: #222526;
	cursor: pointer;
	padding: 0px 5px;
	border: 1px solid #a1a1a1;
	font-weight: 600;
}
.RadWindow_MetroTouch .rwTitleBar {background-color: #00305e !important;}
.RadWindow_MetroTouch .rwIcon {display: none;}
.RadWindow .rwTitleWrapper .rwTitle {padding: 0 .70em !important;}
hr {
	border: none;
	height: 1px;
	background-color: #7d868c;
}
.hint-icon_contact:focus, .hint-icon:focus, .hint-icon_contact:hover, .hint-icon:hover {
	border: none !important;
	box-shadow: none;
	outline: none;
	text-decoration: none;
	background-color: #7d868c;
}
.fa-question {display: none;}
/* end help me choose radwindow */
input[type="checkbox"] {
	opacity: 0;
	z-index: 999;
	cursor: pointer;
}
input[type="checkbox"] + label {
	float: left;
	margin-top: 0em;
}
[type="checkbox"]:not(:checked) + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	border: 1px solid #7d868c;
	border-radius: 5px;
	background: #fff;
}
/* end profile fields update Aug 2021 */

/* -- Body -- */
span.radio {width: auto; margin: 0; padding: 0;}  /* NM ADDED*/
.loginError {color: #c4272f; font-weight: normal; width: 75px;}
#pnlVet {padding-top: 10px;}
#lblAVMAID, #lblPassword {padding-right: 0.3em;padding-bottom: 0.2em;display: inline-block;}
/* labels and text divs */
.divRecHeight {padding: 22px 0px;}
.divRecHeightErr {padding: 0px;}
.divRecHeightPwd {padding: 15px 0px;} 
.divRecHeightRad {padding: 10px 0px 20px 0px;}
.divErrMsgRqrdFldVal {padding: 0px 0px 2px 212px;}
.divErrMsg {padding: 0px 0px 5px 212px; margin-bottom: -12px; display: flex;}
.ErrMsg {padding-left: 5px;}
.divLabels {width: 215px;}
.divLabels2ln {line-height: 1.35em;}
.divLabelsWrap {width: 215px; line-height: 20px;}
.divDrpDwns {
    float: left;
    width: 100%;
    display: inline-flex;
    padding: 13px 0px;
}
.ErrMsgRev {
    margin: .185em 0em;padding: 0px 0px 0px 3px;
    color: #c4272f;
    font-weight: 900;
    font-size: 1.125em;
    vertical-align: middle;
}

/* Sign In */
div.ready-to-join-sign-in {
	float: left;
    max-width: 100%;
    margin: 0 0 0.75em 2.5em;
    padding: 0px 10px 10px 10px;
    border: 1px solid #00305e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* Create a New Account */
div.ready-to-join-create {
	float: left;
    max-width: 100%;
    margin: 0 0 0.75em 1.7em;
    padding: 0px 10px 10px 10px;
    border: 1px solid #00305e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#molapBody div.ready-to-join-sign-in, #molapBody div.ready-to-join-create {padding: 20px}
/* Secondary Button */
#btnSaveFile_input {
    color: #fff;
    font-size: 0.875rem !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;
}
#btnSaveFile_input:hover, #btnSaveFile_input:focus {
    background-color: #0079c1;
}
/* File Upload Design  */
.file-upload {
  display : inline-block;
  overflow: hidden; 
  position: relative; 
  vertical-align: middle;
 /* Cosmetics */
  border: 1px solid #0079c1;
  background: #fff;
  color: #0079c1; 
 /* browser can do it */
  border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
  height: 38px;
  width: 123px;
background-image: none;
}

.file-upload strong {
    font-family: "Roboto",serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #0079c1;
}   
.file-upload input {
     position: absolute;
     top: 0;
     left: 0;
     margin: 0;
     font-size: 11px;
     /* Loses tab index in webkit if width is set to 0 */
     opacity: 0;
     filter: alpha(opacity=0);
     height: 40px;
     width: 123px;
}
.file-upload span {
    position: absolute;
    top: 0; 
    left: 0;
    display: inline-block;
    text-align: center;
    width: 123px;
    border: none;
    padding-top: .6em;
} 

/* CODE ABOVE IS BEING USED, BELOW NEEDS TO BE CHECKED */
.hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.panel-password {display: block; font: normal 0.75em "benton-sans",sans-serif; margin-bottom: 1em; padding-left: 0.25em;} /* NM ADDED*/

/* SIGN-IN TEXT BOXES */ /* NM ADDED*/
#ctl00_content_C001_cmdContinue, #ctl00_content_C004_cmdContinue {
	display: block;
	float: right;
	margin: 1em 1em 1em 0;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-family:"Roboto",serif;
}

/* SIGN-IN TEXT BOXES */ /* NM ADDED*/
#ctl00_content_C001_cmdSubmit, #ctl00_content_C004_cmdSubmit {
	display: block;
	float: right;
	margin: 0px 1em 1em 0em;
	color: #fff;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-family:"Roboto",serif;
}

/* SIGN-IN BUTTON */ /* NM ADDED*/
#ctl00_content_C001_cmdContinue_input, #ctl00_content_C004_cmdContinue_input {
	display: block;
	float: right;
	width: 8em;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-family:"Roboto",serif;
	font-weight: bold;
	font-size: .70em;
}

/* SIGN-IN TEXT BOXES */ /* NM ADDED*/
#ctl00_content_C001_cmdSubmit_input, #ctl00_content_C004_cmdSubmit_input {
	display: block;
	float: right;
	width: 6em;
	color: #FFF;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight: 500;
	font-size: .70em;
	font-family: "Roboto",serif; 
	background-image: none;
}

.ready-to-join-create input.continue-btn {
	display: block;
	float: right;
	width: 8em;
	margin: 1em 1em 1em 0;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-family: "Roboto",serif;
	font-weight: bold;
	font-size: .70em;
}


/* LEFT - Steps */
div.welcome {
	display: inline-block;
	position: relative;
	z-index: 2;
	float: left;
	width: 23em;
	max-width: 100%;
	margin: 0 1.5em 1.5em 0;
}
h2.welcome {
	margin-bottom: 1em;
	padding: 0.65em;
	background: #455560;
	border: 1px solid #455560;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	vertical-align: middle;
	text-align: center;
}
h2.welcome-subhead-h2 {
	margin-bottom: 0.65em;
	font-weight: bold;
	font-size: 1em;
	color: #91BC02;
}

/* RIGHT - I AM AVMA COLLAGE */
div.i-am-avma {
	display: inline-block;
	position: relative;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
}
.i-am-avma img {
	display: inline;
	width: 260px;
	margin: 0;
	border: none;
}
.sm-icon {margin-right: 1em;}

#right {text-align: right;} /* NM Added */


.ready-to-join-sign-in img.whats-this {max-width: 100%; margin-left: .35em; border: none;}
#content_C001_btnSignInTooltip {max-width: 100%; margin-left: .35em; border: none; background: none;}
#btnPaymentTooltip {margin: -.1em .3em;}
.ready-to-join-sign-in table.signin {margin-bottom: 1em;}
.ready-to-join-sign-in p.forgot {display: inline; font-size: .65em; margin-left: 5em; padding-top: 0.1em;}

/* SIGN-IN TEXT BOXES */ /* NM ADDED*/

#content_C001_txtAVMAID, #content_C001_txtPWD {display: inline; width: 14.75em; vertical-align: middle! important;}

#ctl00_content_C001_cmdLogin, #ctl00_content_C004_cmdLogin {
	display: inline;
	float: right;
	margin: 0 1em 1em 0;
	color: #fff;
	background: #455560;
	border: 1px solid #455560;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-family: "Roboto",serif; 
}

#ctl00_content_C001_cmdLogin_input, #ctl00_content_C004_cmdLogin_input {
	display: inline;
	float: right;
	width: 6.5em;	
	color: #fff;
	background: #455560;
	border: 1px solid #455560;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-family: "Roboto",serif; 
	font-weight: 500;
	font-size: .70em;	
	background-image: none;
}


.ready-to-join-sign-in input.signin-btn {
	display: inline;
	float: right;
	width: 6.5em;
	margin: 0 1em 1em 0;
	padding: 0.15em;
	color: #fff;
	background: #455560;
	border: 1px solid #455560;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-family: "Roboto",serif;
	font-weight: bold;
	font-size: .70em;
}

/* Send Login Info */

#content_C001_lnkPrevious {display: block; margin: 0.5em; text-align: center;}

/* SIGN-IN ASP RADIO BUTTONS */ /* NM ADDED*/
#content_C001_radVeterinarian, #content_C001_radVetStudent1, #content_C001_radVetStudent2,
#content_C001_radNonVeterinarian1, #content_C001_radNonVeterinarian2, 
#content_C004_radVeterinarian, #content_C004_radVetStudent1, #content_C004_radVetStudent2,
#content_C004_radNonVeterinarian1, #content_C004_radNonVeterinarian2
{
    width: 1%; max-width: 100%; background-color: #D0DEAB; margin: 0; padding: 0;
}

/* SIGN-IN ASP PANELS */ /* NM ADDED*/
#content_C001_pnlRadButton1, #content_C001_pnlRadButton2, 
#content_C004_pnlRadButton1, #content_C004_pnlRadButton2 {margin-left: 0.5em;font-family:"Roboto",serif;}

/* SIGN-IN TEXT BOXES */ /* NM ADDED*/
#content_C001_txtFName, #content_C001_txtLName, #content_C001_txtEmail,
#content_C001_txtConfirmEmail, #content_C001_txtSendToEmailAddr, 
#content_C004_txtFName, #content_C004_txtLName, #content_C004_txtEmail,
#content_C004_txtConfirmEmail, #content_C004_txtSendToEmailAddr {
    width: 95%; background-color: #ffffff; margin: 0px 0.3125em 0.15em 0px; color: #2A3F3F; border: 1px solid #bfbfbf;
}
#content_C001_txtAVMAID, #content_C001_txtPWD, #content_C004_txtAVMAID, #content_C004_txtPWD {background-color: #ffffff; margin: 0px 0.3125em 0.15em 0px; color: #2A3F3F; border: 1px solid #bfbfbf;}

/* STEP 1 ASP PANELS */ /* NM ADDED*/
#ctl00_content_C001_ctl00_content_C001_lblHomeStateLabelPanel, #ctl00_content_C001_ctl00_content_C001_lblHomeZipLabelPanel, 
#ctl00_content_C004_ctl00_content_C001_lblHomeStateLabelPanel, #ctl00_content_C004_ctl00_content_C001_lblHomeZipLabelPanel {
    display: block! important; padding-left: 0.25em;
}
#ctl00_content_C001_ctl00_content_C001_cmbHomeStatePanel, #ctl00_content_C004_ctl00_content_C001_cmbHomeStatePanel {display: block! important; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.35em;}
#ctl00_content_C001_ctl00_content_C001_lblHomeCityPanel, #ctl00_content_C004_ctl00_content_C001_lblHomeCityPanel {display: inline; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.35em;}
#ctl00_content_C001_ctl00_content_C001_pnlBusnStateZipPanel, #ctl00_content_C001_ctl00_content_C001_pnlHomeStateZipPanel, 
#ctl00_content_C004_ctl00_content_C001_pnlBusnStateZipPanel, #ctl00_content_C004_ctl00_content_C001_pnlHomeStateZipPanel {
    display: block! important; margin-left: 0.13em;
}
#ctl00_content_C001_ctl00_content_C001_lblBusnStateLabelPanel, #ctl00_content_C001_ctl00_content_C001_lblBusnZipLabelPanel, 
#ctl00_content_C004_ctl00_content_C001_lblBusnStateLabelPanel, #ctl00_content_C004_ctl00_content_C001_lblBusnZipLabelPanel {
    display: block! important; padding-left: 0.25em;
} 
#ctl00_content_C001_ctl00_content_C001_cmbBusnStatePanel, #ctl00_content_C004_ctl00_content_C001_cmbBusnStatePanel {display: block! important; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.35em;} 
#ctl00_content_C001_ctl00_content_C001_lblBusinessCityPanel, #ctl00_content_C004_ctl00_content_C001_lblBusinessCityPanel {display: inline; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.35em;}
#content_C001_lblHomeCityError {color: #c4272f; font: 0.75em "benton-sans",sans-serif;}

input.panel-zipcode {width: 5.5em; margin-left: 0.1em;} /* NM ADDED*/
.RadioLabel {float: left; width: auto; float: left;  margin-bottom: 1em; padding-left: 2em; margin-top: -1.5em} 

/* STEP 1 LABELS BOES */ /* NM ADDED*/
#content_C001_lblHomeCity {padding-left: 0.25em;}

/* STEP 1 TEXT BOXES */ /* NM ADDED*/
#content_C001_txtFTEChiefAdvPhone1, #content_C001_txtFTEChiefAdvPhone2, #content_C001_txtFTEChiefAdvPhone3 {width: 5em;}
#content_C001_txtBusnCity, #content_C001_txtHomeCity {width: 93%}

/* STEP 1 ASP CHECK BOXES */ /* NM ADDED*/
#content_C001_chkFullTimeEduc, #content_C001_radVetStudent,
#content_C001_radNonVeterinarian {width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB;}

/* STEP 1 ASP RADIO BUTTONS */ /* NM ADDED*/
#content_C001_radPrefMailAddrHome, #content_C001_radPrefMailAddrBusn, #content_C001_radMemberDirHome,
#content_C001_radMemberDirBusn, #content_C001_radMemberDirNone {
    width: auto; max-width: 100%; background-color: #D0DEAB; margin: 0; padding: 0;
}
#content_C001_radIncludePhoneYes, #content_C001_radIncludePhoneNo, #content_C001_radIncludeEmailYes,
#content_C001_radIncludeEmailNo, #content_C001_radJournalSubJAVMA, #content_C001_radJournalSubAJVR,
#content_C001_radJournalSubBoth {
    width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB; margin: 0; padding: 0;
} 
#content_C001_radExcludeFromMailingsYes, #content_C001_radExcludeFromMailingsNo {
    width: 3%; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB; margin: 0; padding: 0;
}  
#content_C001_radFTEGradStudy, #content_C001_radFTEInternship,
#content_C001_radFTEResidency {width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB; margin: 0; padding: 0;} 

/* STEP 2 ASP SELECTS */ /* NM ADDED*/
#content_C001_cmbGradDateMonth, #content_C001_cmbGradDateYear {background: #AAE1CD!important; width: auto;}	
#content_C001_cmbVetSchool, #content_C001_cmbDegreeID1, #content_C001_cmbSpecCertID1, #content_C001_cmbSpecCertID2,
#content_C001_cmbSpecCertID3, #content_C001_cmbDegreeID2, #content_C001_cmbDegreeID3, #content_C001_cmbDegreeID4 {
    background: #AAE1CD!important;
}	

/* STEP 2 ASP TEXTBOXES */ /* NM ADDED*/
#content_C001_txtOtherVetSchool {background: #AAE1CD!important;  margin-left: -0.25em;}	
label.ddlDOBDay, label.ddlDOBYear {margin-top: 1.2em; display: inline-block;}

/* STEP 2 ASP PANELS */ /* NM ADDED*/
#content_C001_pnlHomeStateZip, #content_C001_pnlBusnStateZip {display: inherit;}
#ctl00_content_C001_ctl00_content_C001_pnlOtherVetSchoolPanel, #ctl00_content_C004_ctl00_content_C001_pnlOtherVetSchoolPanel {display: block! important; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.35em;}

/* STEP 2 ASP RADIO BUTTONS */ /* NM ADDED*/
#content_C001_radYesCertified, #content_C001_radNoCertified, #content_C001_radYesMoreDegrees,
#content_C001_radNoMoreDegrees {
    width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB; margin: 0; padding: 0;
} 

/* STEP 3 ASP SELECTS */ /* NM ADDED*/
#content_C001_cmbProfDisciplineID1, #content_C001_cmbPosTypeID1, #content_C001_cmbPosTypeID2,
#content_C001_cmbEmpTypeCatg1, #content_C001_cmbEmpTypeID1, #content_C001_cmbEmpTypeCatg1,
#content_C001_cmbEmpTypeID1, #content_C001_cmbEmpTypeCatg2, #content_C001_cmbEmpTypeID2,
#content_C001_cmbEmpFuncID1, #content_C001_cmbEmpFuncID2 {
    background: #B8E6F1!important;
}
#content_C001_cmbProfDisciplineID2, #content_C001_cmbProfDisciplineID3, #content_C001_cmbProfDisciplineID4,
#content_C001_cmbProfDisciplineID5 {
    background: #B8E6F1!important; margin-left: 0.35em; margin-bottom: 1em; display: block; font: normal 0.75em "benton-sans",sans-serif;
}

/* STEP 3 ASP RADIO BUTTONS */ /* NM ADDED*/
#content_C001_radOtherProfDiscYes, #content_C001_radOtherProfDiscNo {
    width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB; margin: 0; padding: 0;
} 

/* STEP 3 ASP PANELS */ /* NM ADDED*/
#ctl00_content_C001_ctl00_content_C001_cmbEmpTypeID1Panel, #ctl00_content_C001_ctl00_content_C001_cmbEmpTypeID2Panel,
#ctl00_content_C004_ctl00_content_C001_cmbEmpTypeID1Panel, #ctl00_content_C004_ctl00_content_C001_cmbEmpTypeID2Panel {
    display: block! important; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.25em;
} 
#content_C001_pnlOtherDisciplines {display: block! important;} 

/* STEP 3 ASP TEXTBOXES */ /* NM ADDED*/
#content_C001_txtProfDisciplineOther2, #content_C001_txtProfDisciplineOther3, #content_C001_txtProfDisciplineOther4,
#content_C001_txtProfDisciplineOther5, #content_C001_txtProfDisciplineOther1, #content_C001_txtPosTypeOther1,
#content_C001_txtPosTypeOther2, #content_C001_txtEmpFuncOther1, #content_C001_txtEmpFuncOther2 {
    background: #B8E6F1 !important;  margin-left: -0.05em; display: block; margin-bottom: 1em;
}	

/* STEP 3 ASP PANELS */ /* NM ADDED*/
#ctl00_content_C001_ctl00_content_C001_cmbSpeciesID1Panel, #ctl00_content_C001_ctl00_content_C001_cmbSpeciesID2Panel,
#ctl00_content_C001_ctl00_content_C001_cmbSpeciesID3Panel, #ctl00_content_C001_ctl00_content_C001_cmbSpeciesID4Panel,
#ctl00_content_C001_ctl00_content_C001_cmbSpeciesID5Panel, #ctl00_content_C001_ctl00_content_C001_cmbSpeciesID6Panel,
#ctl00_content_C001_ctl00_content_C001_cmbSpeciesID7Panel, #ctl00_content_C001_ctl00_content_C001_cmbSpeciesID8Panel,
#ctl00_content_C001_ctl00_content_C001_cmbSpeciesID9Panel, #ctl00_content_C001_ctl00_content_C001_cmbSpeciesID10Panel,
#ctl00_content_C004_ctl00_content_C001_cmbSpeciesID1Panel, #ctl00_content_C004_ctl00_content_C001_cmbSpeciesID2Panel,
#ctl00_content_C004_ctl00_content_C001_cmbSpeciesID3Panel, #ctl00_content_C004_ctl00_content_C001_cmbSpeciesID4Panel,
#ctl00_content_C004_ctl00_content_C001_cmbSpeciesID5Panel, #ctl00_content_C004_ctl00_content_C001_cmbSpeciesID6Panel,
#ctl00_content_C004_ctl00_content_C001_cmbSpeciesID7Panel, #ctl00_content_C004_ctl00_content_C001_cmbSpeciesID8Panel,
#ctl00_content_C004_ctl00_content_C001_cmbSpeciesID9Panel, #ctl00_content_C004_ctl00_content_C001_cmbSpeciesID10Panel {
    display:block! important;
}

/* STEP 5 ASP CHECK BOXES */ /* NM ADDED*/
#content_C001_chkCertification {width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB;}

/* STEP 7 ASP RADIO BUTTONS */ /* NM ADDED*/
#content_C001_radHomeAddr, #content_C001_radBusinessAddr {
    width: auto; max-width: 100%; margin-left: 0.1em; background-color: #D0DEAB; margin: 0; padding: 0;
} 

/* STEP 7 ASP TEXTBOXES */ /* NM ADDED*/
#content_C001_txtCardHolder, #content_C001_txtBillAddr1, #content_C001_txtBillAddr2, #content_C001_txtBillCity,
#content_C001_txtBillPostalCode, #content_C001_txtCardNumber {background: #D8C8DF!important; display: block; margin-bottom: 1em;}

/* STEP 7 ASP SELECTS */ /* NM ADDED*/
#content_C001_ddlBillState, #content_C001_ddlBillCountry, #content_C001_ddlCardType {background: #D8C8DF!important; display: block; margin-bottom: 1em;}
#content_C001_ddlExpMM, #content_C001_ddlExpYYYY {background: #D8C8DF!important; width: auto;}

/* STEP 7 ASP PANELS */ /* NM ADDED*/
#ctl00_content_C001_ctl00_content_C001_txtBillAddr1Panel, #ctl00_content_C001_ctl00_content_C001_txtBillAddr2Panel,
#ctl00_content_C001_ctl00_content_C001_txtBillCityPanel, #ctl00_content_C001_ctl00_content_C001_txtBillPostalCodePanel,
#ctl00_content_C004_ctl00_content_C001_txtBillAddr1Panel, #ctl00_content_C004_ctl00_content_C001_txtBillAddr2Panel,
#ctl00_content_C004_ctl00_content_C001_txtBillCityPanel, #ctl00_content_C004_ctl00_content_C001_txtBillPostalCodePanel {
    display: block! important; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.25em;
}
#ctl00_content_C001_ctl00_content_C001_ddlBillCountryPanel, #ctl00_content_C001_ctl00_content_C001_ddlBillStatePanel,
#ctl00_content_C004_ctl00_content_C001_ddlBillCountryPanel, #ctl00_content_C004_ctl00_content_C001_ddlBillStatePanel {
    display: block! important; font: normal 0.75em "benton-sans",sans-serif; padding-left: 0.30em;
}

p.phone-label {display: inline;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
img {max-width: 100%; vertical-align: bottom; padding-bottom: 0.1em;}

/* STEP 4 ASP DROPDOWNS */ /* NM ADDED*/
select.percent {width: 10%; margin: 0px 0px -0.25em 0.1em;}
select.species {width: 335px; margin: 0px 0px -0.25em 0.3em;}

/*STEP 1 - PHONE*/
div.phone-table {
	margin: 1em 0em 0.75em 0em;
	/*padding-bottom: 0.3em;*/
	/*font-family: Arial; 
	font-weight: normal;*/ 
	/*font-size: 0.75em;*/ 
}
.phonelbl {width: 204px; text-align: right; padding-right: 10px; margin-top: .5em; display: inline-block;}
.phonetxt {text-align: center; padding-left: 0.25em; padding-right: 0.25em; padding-bottom: 1em;}
.phonetxt1 {text-align: left; padding-left: 0.25em; padding-bottom: 1em; white-space: nowrap;}
.phonehder {text-align: center; vertical-align:bottom; width: 2.5em; padding-left: 0.25em; padding-right: 0.25em;}
.phonehder1 {text-align: center; vertical-align:bottom; width: 3.5em; padding-left: 0.25em; padding-right: 0.25em;}
.phonehder2 {text-align: center; vertical-align:bottom; }

/*STEP 1 - PERSONAL INFO-PREFS*/
.review-step1-personal td.personal, .review-step2-privacy td.privacy, .review-step2-educational td.educational, 
.review-step3-professional td.professional, .review-step4-species td.species {
	width: 30em;
	padding: 0.1875em;
	vertical-align: middle;
	border-right: 2px solid #fff;
}
.review-step1-personal td.personal-edit, .review-step2-educational td.educational-edit, 
.review-step3-professional td.professional-edit, .review-step4-species td.species-edit {
	width: 5em;
    text-align: right;
}
.review-step1-personal h2, .review-step2-privacy h2, .review-step2-educational h2, 
.review-step3-professional h2, .review-step4-species h2 {
	margin: 0;
	padding: 0;
	background: #91BC02;
	font-weight: bold;
	font-size: 0.95em;
	color: #fff;
}
.review-step1-personal h2.review-step1 > span, .review-step2-educational h2.review-step2 > span, 
.review-step3-professional h2.review-step3 > span, .review-step4-species h2.review-step4 > span {
	margin-left: .25em;
	vertical-align: baseline;
	font-weight: normal;
	font-size: 0.95em;
	color: #fff;
}
.editBtn {
    font-variant: small-caps;
    font-size: 1em;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 200px;
    height: 40px;
    padding: 0px 10px;
	font-family: "Roboto",serif; 
	background-image: none;
}
.editBtn:hover{
    outline: 0;
    -moz-outline-style: none;
    color: #fff !important;
    background-color: #0079c1;
    text-decoration: none !important;
}
.editBtnSpan {padding-bottom: 10px;display: block;}
.review-step1-personal p, .review-step2-privacy p, .review-step2-educational p, 
.review-step3-professional p, .review-step4-species p {
	font-weight: normal;
	color: #455560;
    margin: 0 0 0em 1.175em;
}
.review-step1-personal p > span, .review-step2-privacy p > span, .review-step2-educational p > span, 
.review-step3-professional p > span, .review-step4-species p > span {
	display: inline;
	line-height: 1.75em;
}
.review-step1-personal p > span.label, .review-step2-privacy p > span.label, .review-step2-educational p > span.label, 
.review-step3-professional p > span.label, .review-step4-species p > span.label  {
	font-weight: 600;
	margin: 0 .25em 0 0.25em;
}
.review-step1-personal p > span.data, .review-step2-privacy p > span.data, .review-step2-educational p > span.data, 
.review-step3-professional p > span.data, .review-step4-species p > span.data {
	font-weight: normal;
	margin: 0 .25em 0 0;
}
.review-step1-personal p > span.data-block, .review-step2-privacy p .review-step2-educational p > span.data-block, 
.review-step3-professional p > span.data-block, .review-step4-speciesl p > span.data-block {
	display: block; 
	font-weight: normal;
	margin: 0 .25em 0 .25em;
	line-height: 1.4em;
}

/* LEFT - Steps */
div.steps {
	display: inline-block;
	position: relative;
	z-index: 2;
	float: left;
    width: 50em;
	max-width: 100%;
	margin: 0 1.5em 1.5em 0;
}
h2.step1 {
	margin-bottom: 1em;
	padding: 0.65em;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	vertical-align: middle;
}
h2.step1 > span {
	margin-left: 0.35em;
	font-weight: normal;
	font-size: 1em;
	color: #fff;
	vertical-align: baseline;
}
h2.step1-section {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1em;
	color: #91BC02;
}
h3.step1-subsection, h3.step2-subsection {
    margin-bottom: 0;
    padding-top: 0px!important;
    color: #00305e;
    font-family: "Roboto",serif;
    font-size: 1rem;
    font-weight: 600;
}

/* Charges */
div.charges {
	display: inline-block;
	position: relative;
	width: auto;
	max-width: 85%;
	margin: 0.5em 1em 1em 0;
    border: 1px solid #c2c2c2;
    padding: 10px 30px 20px 30px;
    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;
}
table.charges {
	width: auto;
}
.charges td {
	padding: .25em;
	font-weight: normal;
}
.charges td.items {
	width: 17em;
}
.charges td.amount {
	width: auto;
	font-weight: bold;
	text-align: right;
}
.charges td.total {
	font-weight: bold;
}

.step6-special-info {font-size: .875em; color: #455560;}
	
-webkit-input-placeholder {color: #5d5d5d; opacity: 1;}
-ms-input-placeholder {color: #5d5d5d; opacity: 1;}
-moz-placeholder {color: #5d5d5d; opacity: 1;}

input.first-name, input.last-name {width: 19em;}
input.middle-name, input.suffix {width: 6em;}
input.areacode {width: 4em; text-align: center; line-height: 1.3em;}
input.zipcode {width: 5em; line-height: 1.3em;}
input.prefix {width: 4em; text-align: center;}
#lblAreacode, #lblAreacode2, #lblCountryCode, #lblCountryCode2 {padding-left:0em!important;}
input.phone {width: 10.50em; text-align: center; color: #222526;}
input.checkbox {width: auto; float: left; background-color: #D0DEAB;}
input.radio {width: auto; background-color: #D0DEAB; margin: 0; padding: 0;}

/* Base for checkbox label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  padding-right: 10px;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1.05em;
  height: 1.05em;
  border: 1px solid #7d868c;
  background: #fff;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713';
  position: absolute;
  top: -.05em;
  left: 0.15em;
  color: #455560;
  transition: all .1s;
  font-weight: 600;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* radio */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: -.03rem;
    top: -.03rem;
    width: 1em;
    height: 1em;
    border: 1px solid #7d868c;
    border-radius: 100%;
    background: #fff;
}
.text-sm [type="radio"]:checked + label:after,
.text-sm [type="radio"]:not(:checked) + label:after {
    width: 7px!important;
    height: 7px!important;
}
.hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

input.continue-btn {
	display: block;
	width: 8em;
	margin: 2em auto 1em auto;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
	font-family: "Roboto",serif; 
	background-image: none;
}

input.confirm-continue-btn {
	display: block;
	width: 13em;
	margin: 2em auto 1em auto;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
	font-family: "Roboto",serif; 
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
	background-image: none;
}

/* STEP 1 ASP BUTTON */ /* NM ADDED*/
#ctl00_content_C001_btnSubmit_input, #ctl00_content_C004_btnSubmit_input {
	width: 8em;
	margin-top: 2em;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
	font-family: "Roboto",serif; 
	background-image: none;
}

/* STEP 6 ASP BUTTON-MAY NOT BE USED */ /* NM ADDED*/
#ctl00_content_C001_btnConfirm_input, #ctl00_content_C004_btnConfirm_input {
	width: 13em! important;
	margin-top: 2em;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	font-family: "Roboto",serif;
}

/* NM ADDED*/
#content_C001_cmdCancel {
	width: 8em;
	margin-top: 2em;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	font-family: "Roboto",serif; 
}
.mr-1 p {white-space: nowrap;}
/* STEP 7 BUTTON */ /* NM ADDED*/
#ctl00_content_C001_cmdCharge_input, #ctl00_content_C004_cmdCharge_input {
	display: inline;
	margin-top: 1.5em;
	width: 13em! important;
	padding: 0.25em;
	color: #000;
	background: #91BC02;
	border: 1px solid #91BC02;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	font-family: "Roboto",serif; 
}


/* RIGHT - Progress Steps*/
div.progress-steps {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 100%;
    margin-bottom: 1.25em;
    margin-top: 2em;
    padding: 0px 20px 0px 20px;
    background: #f2f7fa;
    min-height: 277px;
}	
	
.progress-steps ul {position: relative; list-style-type: none; margin-left: -2.5em;}
/* NM ADDED*/
.progress-steps ul li.arrow1, .progress-steps ul li.arrow2, .progress-steps ul li.arrow3, 
.progress-steps ul li.arrow4, .progress-steps ul li.arrow5, .progress-steps ul li.arrow6, 
.progress-steps ul li.arrow7, .progress-steps ul li.arrow8 {
    background-image: url(/Images/MOLAP/19px_GreenArrow.png);
    background-repeat: no-repeat;
    padding-left: 28px;
}
h2.progress-step {
	width: auto;
	padding: 0.125em 0em 0.625em 0.625em;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
h2.progress-step > span {
	margin-left: 0.35em;
	font-family: "benton-sans",sans-serif;
	font-weight: normal;
	font-size: 1em;
	vertical-align:	baseline;
}
h2.progress-step1-complete, h2.progress-step2-complete, h2.progress-step3-complete, h2.progress-step4-complete, h2.progress-step5-complete, 
h2.progress-step6-complete, h2.progress-step7-complete, h2.progress-step8-complete {
    color: #7d868c;
    background-image: url('/Images/MOLAP/checkmark.png');
    padding-left: 38px;
    background-repeat: no-repeat;
}

h2.progress-step1, h2.progress-step2, h2.progress-step3, h2.progress-step4, h2.progress-step5, 
h2.progress-step6, h2.progress-step7, h2.progress-step8 {color: #55B800;}
h2.progress-step1 > span, h2.progress-step2 > span, h2.progress-step3 > span, 
h2.progress-step4 > span, h2.progress-step5 > span, h2.progress-step6 > span, h2.progress-step7 > span, h2.progress-step8 > span {color: #55B800;}

h2.progress-step1-inactive, h2.progress-step2-inactive, h2.progress-step3-inactive, h2.progress-step4-inactive, 
h2.progress-step5-inactive, h2.progress-step6-inactive, h2.progress-step7-inactive, h2.progress-step8-inactive {color: #00305e; padding-left: 38px;}
h2.progress-step1-inactive > span, h2.progress-step2-inactive > span, h2.progress-step3-inactive > span, 
h2.progress-step4-inactive > span, h2.progress-step5-inactive > span, h2.progress-step6-inactive > span, 
h2.progress-step7-inactive > span, h2.progress-step8-inactive > span {color: #00305e;}

/* privacy setting page */
.sharingOrgCat {
  border-bottom: 5px solid #eeeeee;
  font-size: 1.5em;
  padding: 0px 0px 5px 0px;
font-family: "benton-sans",sans-serif;
  font-weight: 500;
  color: #2f3538;
}
.sharingOrgCatItems {
    vertical-align: top;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D3D3D3;
}
.content-rowheader {
    font-weight: 600;
    color: #00305e;
}
/* end privacy setting page */
@media (max-width: 800px), handheld and (orientation: portrait) {
  .molap {padding-left: 10px!important;}
	.sfPublicWrapper {width: 97%; margin: 0 auto;}
	.progress-steps ul {position: relative; top: 0; /*left: 24px;*/ list-style-type: none;}
	div#footer {position: relative; left: 24px!important; padding-left: 0em!important;}	
	div.species-indicator {	margin: 0!important;}
    #site-header {height: auto!important;}
    .spcr {display: none!important;}
    .paraButns {padding-top: 0px!important; text-align:right!important;}
    #btnSubmit {margin-top: 15px;}
	#btnPrevious {margin-bottom: 15px;}
    #molapBody {width: 95%; padding: 0 0 0 5px;}
    .container {width: 92%; margin: 0px 5px; padding: 0px;}
    .divLabels {text-align: left!important;width: 95%!important;}
    h1{font-size: 1.5em!important;}
    .molap select {width: 100% !important;max-width: none;}
    .divLabelsWrap {width: auto!important;}
    /*Personal Info settings page */
    div.phone-table .phonelbl {width: 80px!important; margin-top: 0em!important; text-align: center!important;}
    div.phone-table input.phone {width: 6em!important;}
    input[type="date"], .pb-date-input-box {max-width: 150px;}
    label[for=countryCode], label[for=areaCode], label[for=phoneNumber], label[for=phoneNumber], 
    label[for=advisorCountryCode], label[for=advisorAreaCode], label[for=advisorPhoneNumber] {text-align: left;}
    /*Privacy Settings page */
    .sharingOrgCatItems {display: block;}
    .lblTopicCode_Desc {padding-top: 10px;}
    .avmaMemDirRadLbls {display: inline-block!important;}
    .avmaMemDirRadbutns {display: flex; padding-top: 10px; padding-bottom: 10px;}
    /*Educational page */
    .pb-multi-dropdown-label { margin-right: 0rem!important;  }
    /*Review page */
    .mr-1 p {white-space: normal; }    
    /*Payment page */
    div.charges {padding: 10px 35px 20px 10px!important;max-width: 100%;}
    .tipPaymentTooltip {width: 335px!important;}
    #RadToolTipWrapper_tipPaymentTooltip table, .tipPaymentTooltip {width: 335px!important; padding-left: 5px!important;}
    .pb-modal-body, .pb-modal-body iframe {min-height: 585px;}
    /* SignIn page*/
    div.ready-to-join-sign-in {margin: 0 0 0.75em 1.7em; padding: 0px 10px 10px 10px;}
	.num-nav {float: left;margin-top: 1.5rem;}
	#pnlFullTimeEducation {margin-top: 1rem;}
	#cmbFTEStartMonth, #cmbFTEStartYear, #cmbFTECompletionMonth, #cmbFTECompletionYear {min-width: 80px;}
	.pageTitle {width: 100%;}
	.select-billing-address-input-group > div {padding-top: 10px;}
	.select-billing-address-preferred-radios span:first-child, .select-billing-address-preferred-radios span {width: 160px;}
	.step1-section, .step3-section, .step4-section {margin-bottom: 0px;}
	.empStatus {margin-top: 1rem!important;}
	.i-am-avma img {padding-bottom: 40px;}
	#molapBody div.ready-to-join-sign-in, #molapBody div.ready-to-join-create {width: 91%;}
	#molapBody div.ready-to-join-sign-in input[type="text"], #molapBody div.ready-to-join-create input[type="text"], 
	#tblSignIn input[type="password"] {width: 100%;}
	.forgotUID {
		width: 250px;
		display: block;
		text-align: right;
		padding: 0;
		width: 100%;
	  }
	  .divLabels2ln {line-height: inherit;}
	  .ErrMsg {padding-bottom: 10px!important;}
	  .divLabelsEmpty {width: 0px;padding-right: 0;}
	  .divTxtboxes input {padding-left: 5px!important;}
	  .divErrMsgRqrdFldVal, .divErrMsg {padding: 0px; margin-bottom: auto;}
	  .divErrMsgspec {float: left;}	  
	  #cmbGradDateMonth {margin-bottom: 25px;}
	  #cmbGradDateMonth , #cmbGradDateYear {width: 50%!important;}
	  .rbPrimary[disabled], #cmdContinue_input[disabled], 
	  #cmdLogin_input[disabled], #btnSubmit_input[disabled] {
		color: #fff!important;
		background-color: #418c01 !important;
		font-size: 0.875rem!important;
		padding: 0.56rem 1rem!important;
	} 
  .max-w-\[600px\] {
    max-width: none;
  }
	/* BP payment window */
	div#C001_RemotePayment_radValidateGrdRec_C, .radValidateGrdRec{width: 96%!important;}
  .savma .pb-table-cell {padding-right: .5rem; padding-left: .5rem !important;}
  #otherPosition {min-width: 250px !important; width: 250px !important;}
  /* Personal info page */
  .molap .mr-1 p {
    margin-right: .25rem;
    max-width: 115px;
    text-align: right;
    min-width: 115px;
}
}
/* end FORM PAGE STYLE */	

/* -- Responsive -- */

/* ------- iPads (landscape) ------- */
 @media only screen and (min-width: 800px) and (max-width: 1224px) {}       

/* ------- iPads (portrait) / iPhone & Samsung landscape------- */
@media only screen and (min-width: 600px) and (max-width: 799px) {}

/* ------- Mobile (portrait and landscape) ------- */
@media only screen and (max-width: 599px) {
    .ready-to-join-create input[type="text"] {width: 250px;}    
    .loginError {width: 50px; margin-right: 0px;}
    /* #cmdLogin, .forgotUID {margin-right: 30px;} */
	    /* start profile update Aug 2021 */
	.RadWindow_MetroTouch {width: 350px!important;}
	#divPosType {padding-top: 0px!important;padding-bottom: 20px!important;}
    #cblSpeciesCheckboxes td {vertical-align: top;padding-bottom: 5px;}
    #cblSpeciesCheckboxes input {display: none;}
    #cblSpeciesCheckboxes label {width: 140px;word-wrap: break-word;}
    #cblSpeciesCheckboxes [type="checkbox"]:not(:checked) + label::before, #cblSpeciesCheckboxes [type="checkbox"]:checked + label::before {width: 20px;height: 20px;}
    #C001_divEmpPosType, #C001_divEmpSecChildren, #C001_divSpeciesCat, #C001_divEmpSector,
    #C002_divEmpPosType, #C002_divEmpSecChildren, #C002_divSpeciesCat, #C002_divEmpSector,
    #C003_divEmpPosType, #C003_divEmpSecChildren, #C003_divSpeciesCat, #C003_divEmpSector {padding-top: 0px !important;}
    #C001_divEmpSecChildrenSubtypes, #C001_rblEmpSecChildrenSubtypes, #C002_divEmpSecChildrenSubtypes, #C002_rblEmpSecChildrenSubtypes,
    #C003_divEmpSecChildrenSubtypes, #C003_rblEmpSecChildrenSubtypes {padding-left: 40px !important;}
    #radSpecies {padding-right: 0px!important;}
    #C001_divSpeciesCat #pageonomem, #C002_divSpeciesCat #pageonomem, #C003_divSpeciesCat #pageonomem {padding-bottom: 0px !important;}
	/* end profile update Aug 2021 */
}          

/* 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){}      
@media print {}
/*  End Resonsive */

/** PerByte New Start **/
.molap .flex-col div {
  align-self: normal;
}

[v-cloak] {
    display: none;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  input[name="advisorEmail"] {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.75rem;
}
  /* LOADER START */
  
  .loader-wrapper {
    position: fixed;
    width: 100vw;
    height: 100%;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999999;
  }
  
  .loader-spinner {
    width: 160px;
    height: 160px;
    border: 16px solid #7d868c;
    border-top: 16px solid #00305e;
    border-radius: 9999px;
    animation: spin 2s linear infinite;
  }
  
  .loader-message {
    margin-top: 32px;
    color: #fff;
  }
  
  /* LOADER END */
  
  /** 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: 600px;
    }
  
    .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: 20px;
    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: 0.7;
    border: 0 none;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
	  font-family: "Roboto",serif;
    }
  
    .pb-modal-header button:hover {
    opacity: 1;
    }
  
   .pb-modal-body, .pb-modal-body iframe {
    height: 100%;
    font-size: 14px;
    flex-grow: 1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    }
  
    .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 **/
  
  /** start 2023/2024 update Perbyte Work **/
  
  /* Containers */

  .molap {
    min-height: calc(96vh - 96.5px - 96.5px );
    width: 98% !important;
    margin: 0 auto;
    max-width: 1000px;
    padding-left: 0px;
    margin-bottom: 4rem;
  }

  @media print {
    body * {
      visibility: hidden; /* Hides all content */
    }
    #printReady, #printReady * {
      visibility: visible; /* Shows only the content within #printReady */
    }
    #printReady {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; /* Ensure it takes full width */
    }
  }

  .pb-hr {
    background-color: #f5f5f5;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .pb-molap-edit-button {
    color: #00838c;
    border: #00838c 1px solid;
    background-color: #FFF !important;
	font-family:"Roboto",serif;
  }
  .pb-molap-edit-button:hover {
    color: #fff;
    border: #00838c 1px solid;
    background-color:#00838c !important;
    cursor: pointer;
  }

  .AstrctRqrdFld, .select-billing-address-required-field {
    font-weight: 600;
    font-size: 0.9375rem;
    color: #c4262e;
    vertical-align: middle;
    line-height: 0px;
    padding-left: 3px;
}

  input[type="email"]:focus, input[type="tel"]:focus, input[type="email"]:hover, input[type="tel"]:hover {
    border-color:#002b45 !important;
    border: 1px solid #002b45 !important;
  }

  input[type="email"], input[type="tel"] {
    color: #2f3538 !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    border-radius: 0.25rem;
    /* padding-left: 5px;
    padding-right: 5px; */
  }    
  
  /* Reset the styles for the table cells within .savma */
  .savma .pb-table-cell {
    float: none !important;
    padding-left: inherit !important;
    width: auto !important;
    display: table-cell !important;
  }
  
  .pb-payment-container {
    border: 1px solid rgb(229 231 235 / 1);
    border-radius: 0.25rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  }
  
  .pb-mb-1 {
    margin-bottom: 1.25rem;
  }
  
  .pb-ml-1 {
    margin-left: 1.25rem;
  }
  .pb-ml-1.mb-2 {
    margin-left: 0rem;
  }
  .pb-pt-1 {
    padding-top: 1.5rem;
  }
  
  .pb-bold {
    font-weight: bold;
  }
  
  .pb-flex-container-right {
    display: flex;
    flex-flow: row-reverse;
  }
  
  .pb-flex-container-column {
    display: flex;
    flex-direction: column;
  }
  
  .pb-component-container {
    margin-bottom: 1.5rem;
  }
  
  .pb-savma-container {
    margin: 1.5rem;
  }
  
  .pb-savma-forgot-password {
    min-width: none;
    max-width: 20rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f7f9f8;
    border-radius: 4px;
    padding: 2rem;
    text-align: center;
  }
  .pb-flex-container-right {
    display: flex;
    flex-flow: row-reverse;
  }
  .pb-flex-container-column {
    display: flex;
    flex-direction: column;
  }
  .pb-text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .pb-login-container {
    max-width: 400px;
    margin: 2rem auto;
    padding: 20px;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #00305e;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  /* Typography Styles */
  .pb-savma-status-text {
    background-color: #ffff00;
    padding-left: 5px;
    padding-right: 5px;
    width: fit-content;
  }
  
  .pb-privacy-titles {
    font-weight: 600;
    color: #00305e;
  }

  .pb-privacy-table-header {
    font-family: "benton-sans",sans-serif;
    font-weight: 500;
    font-size: 1.375rem;
  }

  .pb-employment-subheader {
    font-family: "benton-sans",sans-serif;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    font-size: 1rem;
  }
  
  /* Input Styles */
  .pb-no-max-width {
    max-width: none !important;
    width: auto !important;
  }
  
  .pb-input-container {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
  }
  .pb-input-box {
    margin-top: 0.5em;
    width: 12.5rem;
    height: 35px;
    border: 1px solid #7d868c;
    border-radius: 4px;
  }  
  .pb-input-box-small {
    margin-top: 0.5em;
    width: 6rem !important;
    height: 35px;
  }
  .pb-select-box {
    margin-top: 0.5em;
    width: fit-content;
  }
.pb-date-input-box {
    margin-top: 0.5em;
    height: 35px !important;
    color: #2f3538;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 0.25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .9em;
    font-family: "benton-sans", sans-serif;
    background-color: #fff;
}
  
  @media screen and (min-width: 640px) {
    .pb-date-input-box {
      max-width: 150px;
    }
    .sm\:ml-\[15rem\] {
      margin-left: 15.5rem!important;;
  }
  }
  
  .pb-radio-container {
    margin-right: 1rem;
  }
  
  .pb-checkbox-container {
    display: flex;
    align-items: center;
  }
  
  .pb-checkbox {
    border: 1px solid #7d868c;
    border-radius: 4px;
  }
  
  .pb-input-error-message {
    margin-top: 0.25rem;
    font-size: 12px;
    color: #cf262e;
    text-align: left;
    font-size: .9em;
  }
  
  .pb-input-required {
    display: inline-flex;
    align-items: center;
    color:#cf262e;
  }
  
  .pb-helper-text {
    font-size: 12px;
  }
  .pb-input-container {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
  }
.pb-input-box-small {
    margin-top: 0.5em;
    width: 6rem !important;
    height: 35px;
    border: 1px solid #7d868c;
    border-radius: 4px;
}
  .pb-form-field {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    align-items:flex-end;
  }
  .pb-form-field-small {
    display: flex;
    flex-direction: row;
    align-items:flex-end;
    margin-top: .12rem;
  }
  .pb-multi-dropdown-label {
    align-self: center; /* Center the label */
    margin-right: 0.5rem;
    margin-top: 0.75rem;
    width: 14rem;
    text-align: right;
  }
  .pb-multi-select-box {
    margin-top: 0.5em;
    max-width: 18.75rem;
    border: 1px solid #7d868c;
    border-radius: 4px;
    padding-left: 1rem;
    padding-right: 1rem;
    width:30rem;
  }
  .pb-large-form-field {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    align-items:flex-end;
    width:60rem;
  }
  
  .pb-form-field {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    align-items:flex-end;
  }
  
  .pb-form-label {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.75rem;
    
  }
  .share.mr-1{width: auto!important;}
  
  @media (min-width: 640px) {
    .pb-form-label {
      align-self: center; /* Center the label */
      text-align: right;
      width: 15rem;
    }
    label[for=professionalDiscipline] {width: 14.3rem;}
  }
  
  .pb-multi-dropdown-label {
    align-self: center; /* Center the label */
    margin-right: 0.5rem;
    margin-top: 0.75rem;
    width: 16rem;
    text-align: right;
  }
  
  .pb-multi-select-box {
    margin-top: 0.5em;
    max-width: 18.75rem;
    border: 1px solid #7d868c;
    border-radius: 4px;
    padding-left: 1rem;
    padding-right: 1rem;
    width:30rem;
  }
  
  .pb-large-form-field {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    align-items:flex-end;
    width:60rem;
  }
  
  .pb-flex-column {
    display: flex;
    flex-direction: column;
  }
  
  /* Button Styles */
.pb-molap-button {
    font-family: "Roboto",serif;
    border: 1px solid #55b800;
    color: #2f3538;
    background-color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.56rem 1.25rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    opacity: 0.99;
    cursor: pointer;
}
.pb-molap-button-disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #ffffff;
    border: #d6d9d8 solid 1px;
    color: #bfbfbf;
    border-radius: 4px;
    padding: 0.75rem 1.75rem 0.75rem 1.75rem;
    margin-bottom: 1rem;
}
  .pb-molap-button:hover, .pb-molap-button:active, .pb-molap-button:focus {
    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;
  }
.pb-molap-button-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto",serif;
    border: 1px solid #00305e;
    color: #2f3538;
    background-color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.56rem 1.25rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    opacity: 0.99;
    cursor: pointer;
}
  .pb-molap-button-secondary:hover, .pb-molap-button-secondary:active, .pb-molap-button-secondary: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;
  }
  .pb-savma-nav-button {
    background-image: linear-gradient(#fff , #c8c8c8);
    border-radius: 4px;
    margin: 0.25rem;
    width: 2rem;
    height: 2rem;
	font-family:"Roboto",serif;
  }
  .pb-savma-nav-button.active {
    background-image: none;
    font-weight: 500;
    background-color: #303539;
    color: #ebf7f7;
    border-radius: 4px;
  }

  .pb-molap-steps {
    font-size: 76%;
    padding: 4px 5px 2px 5px;
    border-radius: 0.25rem;
    background-image: linear-gradient(to bottom,#fff 0%,#C8C8C8 80%);
    margin-right: 7px;
    color: #b0b3b5;
    cursor: default;
    width: 23px;
    display: inline-block;
    text-align: center;
    min-width: initial;
}

.pb-molap-steps-complete {
  font-size: 76%;
  padding: 4px 5px 2px 5px;
  border-radius: 0.25rem;
  background-image: linear-gradient(to bottom,#fff 0%,#C8C8C8 80%);
  margin-right: 7px;
  color: #55b800;
  cursor: default;
  width: 23px;
  display: inline-block;
  text-align: center;
  min-width: initial;
}

.pb-molap-steps-current {
    font-size: 76%;
    padding: 4px 5px 2px 5px;
    border-radius: 0.25rem;
    background-color: #2f3538;
    margin-right: 7px;
    color: #fff;
    cursor: default;
    width: 23px;
    display: inline-block;
    text-align: center;
    min-width: initial;
}
  
  /* Banner Styles */
  .pb-graduation-message-banner {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 40px;
    padding-left: 0.5rem;
    background-color: #ebf7f7;
    font-size: 1rem;
    color: #fff;
    margin-bottom: 1rem;
  }
  
  .content-panel-header {
    padding: 0.5rem;
    background-color: #ebf7f7;
    font-size: 1rem;
    color: #3a7f8e;
    display: flex;
    width: 100%;
    align-items: center;
  }
  
  .content-panel-header h4 {
    margin: 0;
    font-weight: bold;
    font-size: 1rem;
    flex-shrink: 0;
  }
  
  .content-panel-header-accordion:hover {
    background-color: #f2feff;
    cursor: pointer;
  }
  
  .content-panel-header-accordion-arrow {
    color: #e67624;
    margin-right: 0.3rem;
    flex-shrink: 0;
  }
  
  /* colors */
  .savma-green {
    color: #55b800;
  }
  
  /** Error Alert Panel **/
  .error-alert-panel {
    background-color: #f7f2f3;
    color: #cf262e;
    border: 1px solid #cf262e;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px;
  }
  
  /* md screens + */
  @media screen and (min-width: 768px) {
    .content-panel-content {
      padding: 0.5rem 0.25rem 0 0.25rem;
    }
  }
  .pb-group-pay-banner {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 40px;
    padding-left: 0.5rem;
    background-color: #ebf7f7;
    font-size: 1rem;
    color: #fff;
  }
  .pb-alert-javma {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #fdf7e5;
    border-color: #ffe9a9;
    margin-top: 1rem;
    width: fit-content;
  }
  .pb-alert-danger {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin-top: 1rem;
  }
  .pb-alert-success {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    margin-top: 1rem;
  }
  
  .help-tooltip {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
  }
  
  /* The below styles are what actually styles your tooltip */
  .help-tooltip-text {
    width: 70vw;
    visibility: hidden;
    background-color: #000;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    left: -20vw; /* Adjust as needed */
  }
  
  .help-tooltip:hover .help-tooltip-text {
    visibility: visible;
    opacity: 1;
  }
  
  /* The below styles your tooltip ? icon */
  .help-tooltip-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    /* margin-left: 5px; */
    cursor: pointer;
    font-size: 14px;
    /* margin-top: 5px; */
  }
  
  /* Media query for reg screens */
  @media only screen and (min-width: 450px) {
    .help-tooltip-text {
      width: 360px;
      bottom: calc(100% + 10px);
      left: 0;
    }
  }
  
  
  /* sm screens + */
  @media screen and (min-width: 640px) {
    .pb-flex-container {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
      /* Flex */
    .pb-flex {
      display: flex;
    }
    .pb-align-center {
      align-items: center;
    }
    .pb-justify-between {
      justify-content: space-between;
    }
    .pb-justify-around {
      justify-content: space-around;
    }
  }

  /** PerByte New End **/
/* -- Responsive -- */
/* Start brand 2.0 - oomph styling */
@media (min-width:27.5rem) {
    h1, .h1 {
        font-size: calc((2.25 * 1rem) + (3 - 2.25) * ((100vw - 27.5rem) / 62.5));
    }
}

@media (min-width: 90rem) {
    h1, .h1 {
        font-size: calc(3 * 1rem);
    }
}

@media (min-width:27.5rem) {
    h2, .h2 {
        font-size: calc((1.375 * 1rem) + (2.125 - 1.375) * ((100vw - 27.5rem) / 62.5));
    }
}

@media (min-width:90rem) {
    h2, .h2 {
        font-size: calc(2.125 * 1rem) !important;
    }
}

@media (min-width:27.5rem) {
    h3, .h3 {
        font-size: calc((1.375 * 1rem) + (1.5 - 1.375) * ((100vw - 27.5rem) / 62.5));
    }
}

@media (min-width:90rem) {
    h3, .h3 {
        font-size: calc(1.5 * 1rem);
    }
}

@media (min-width:27.5rem) {
    h4, .h4 {
        font-size: calc((1.25 * 1rem) + (1.375 - 1.25) * ((100vw - 27.5rem) / 62.5));
    }
}

@media (min-width:90rem) {
    h4, .h4 {
        font-size: calc(1.375 * 1rem);
    }
}

@media (min-width: 992px) {
    #imgFooterLogo {
        width: 210px;
        height: 55px;
    }
}
/* End brand 2.0 - oomph styling */