/** PerByte New Start **/

[v-cloak] {
  display: none;
}

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

/* 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-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-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: 560px;
  }

  .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: 14px;
  font-weight: 500;
  cursor: pointer
  font-family:"Roboto",serif;
  }

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

  .pb-modal-body {
  height: 100%;
  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 **/

/** start 2023 update Perbyte Work **/

/* Containers */

.savma {
  min-height: calc(100vh - 96.5px - 96.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-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;
  background: #f5f5f5;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #d6d6d6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.pb-mb-1 {
  margin-bottom: 1.25rem;
}
.pb-ml-1 {
  margin-left: 1.25rem;
}
.pb-pt-1 {
  padding-top: 1.5rem;
}
.pb-bold {
  font-weight: bold;
}

/* Typography Styles */
.pb-savma-status-text {
  background-color: #ffff00;
  padding-left: 5px;
  padding-right: 5px;
  width: fit-content;
}

/* Input Styles */
.pb-no-max-width {
  max-width: none !important;
}

.pb-input-container {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
}

.pb-input-box {
  margin-top: 0.5em;
  width: 12.5rem;
  height: 39px !important;
}

.pb-input-box-small {
  margin-top: 0.5em;
  width: 6rem;
  height: 35px;
}

.pb-select-box {
  margin-top: 0.5em;
  width: fit-content;
}

.pb-date-input-box {
  margin-top: 0.5em;
  height: 39px !important;
  color: #2f3538;
  border: 2px solid rgba(0,0,0,0.2);
  border-radius: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media screen and (min-width: 640px) {
  .pb-date-input-box {
    max-width: 150px;
  }
}

.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: 14px;
  color: #cf262e;
  text-align: left;
}

.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 {
  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;
  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;
}
.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-field-small {
  display: flex;
  flex-direction: row;
  align-items:flex-end;
}

.pb-form-label {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.75rem;
  
}

@media (min-width: 640px) {
  .pb-form-label {
    align-self: center; /* Center the label */
    text-align: right;
    width: 14rem;
  }
}

.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-flex-column {
  display: flex;
  flex-direction: column;
}

/* Button Styles */
.pb-savma-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #111 !important;
  font-family:"Roboto",serif !important;
  text-decoration: none !important;
  cursor: pointer;
  background-color: #fff;
  border: #55b800 solid 1px;
  border-radius: 4px;
  padding: 0.56rem 1.25rem;
}
.pb-savma-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.56rem 1.25rem;
  margin-bottom: 1rem;
}
.pb-savma-button:hover {
  background-image: linear-gradient(to right, #55b800 , #408603);
  color: #fff !important;
  transition: ease-in-out all 0.15s;
}
.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;
}

/* 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: 50vw;
  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;
}

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



/**** AVMA's SAVMA.css ****/


/* start - footer at bottom */
.sfPublicWrapper {min-height: 100vh; position: relative;}
.savma {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 */
/* 01102023 updated style brand for entire site; css file will be called via SF layout */
.avma-layout__background-color--teal-blue-gradient {
    background-color: #008b95;
    color: white;
    background-image: -webkit-gradient(linear,left top,right top,from(#008b95),color-stop(80%,#00305e));
    background-image: linear-gradient(to right,#008b95 0%,#00305e 80%);
    background-repeat: repeat-x;
    min-height: 68px;
}
.layout-content__container {
    width: 98%;
    padding-right: 0px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 90em;
    position: relative;
}
.avma-layout__row-padding-top--40 {
    padding-top: 0.49rem;
}
.avma-layout__horizontal-alignment--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
}
.avma-layout__row .col {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.avma__component--body-copy {
  word-wrap: break-word;
}
.avma-layout__background-color--teal-blue-gradient h2 {color: #fff;}
.duesPageTitle h2 {margin-top: 0.49em;margin-bottom: 0em; padding-left: 4px;}

/* Steps */
#duesNav {
    color: #2f3538;
    font-weight: 500;
    float: right;
    padding: 5px 0px 8px 11px;
    font-family: "Roboto",serif;
}
#dues-nav {
    float: right;
    font-weight: 600;
}
.DuesLink {
    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;
}
.DuesLinkCurrent {
    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;
}
.header {width: 60%;text-align: left;}
.savmabody {padding-bottom: 2.5rem;}
.savmabody tr, .savmabody td {line-height: initial;}
#lblMessage {color: #c4262e;}
#lblMessageSubmit {color: #c4262e; font-size: .875rem;}
.section {
    background-color: #ebf6f7;
    padding: 5px 0px 5px 10px;
}
.section a:active, .section a:hover {text-decoration: none;}
.section input {top: 3px;}
input[type="submit" i],
button {
    font-family:"Roboto",serif;
    border: 1px solid #55b800;
    background-color: transparent;
    font-size: 0.875rem;
    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;
    min-width: 84px;
    color:#2f3538;
    cursor: pointer;
}

input[type="submit" i]:hover, input[type="submit" i]:focus, input[type="submit" i]:active,
button:hover, button:focus, button:active {
    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;
    cursor: pointer;
}
/* select {
	border: 1px solid #7d868c;
    font-size: initial;
    color: #2f3538;
	padding-left: 1px;
	height: 39px;
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
}   */
/* -- Labels and Input Boxes -- */
input[type="text"], input[type="password"] {
    color: #2f3538;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 0.25rem;
}
input[name=forgotPassword] {
    width: 100%;
    min-width: 250px;
}
input[type="date"] {
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    font-family: "benton-sans", sans-serif;
}
select {
    color: #2f3538;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 0.25rem;
    width: 100%;
    padding-left: 5px;
	padding-right: 5px;
	background-color: #fff;
}
input[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: 2px solid #002b45 !important;
    /* outline: 0;
    -moz-outline-style: none;
    border-color:#0079c1 !important;
	-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) */
}

/* radio buttons */
input[type=radio] + label {padding-left: 5px;}
.rblSpacing [type="radio"]:checked + label:before,
.rblSpacing [type="radio"]:not(:checked) + label:before {
    width: 1.1435em;
    height: 1.1435em;
}
/* [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
} */
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{text-align: left;}
/* [type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    border: 1px solid #7d868c;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #455560;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
} */
/* [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} */
/* .tdforgot-password input[type="submit" i] {color: #fff;} */

/* 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: 1px;
  width: 1.08em;
  height: 1.08em;
  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: -.08em;
  left: 0.17em;
  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);
}
.tdforgot-password {
    width:225px;
    background-color: #f7f8f8;
    border-color: rgba(255,255,255,0.2);
    padding: 0px 15px;
}
hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: 2px solid rgba(0,0,0,0.2);
}
.editTble td {text-align: right;}
.editTble span, .revwTble span, .revwOrdrTble span {color: #5e6a71; text-align: left; display: block; padding-left: 15px;}
.pymnttbl tr {padding-bottom: 15px; display: block;}
.text-highlight {background-color: #fdf7e5;}
.section .hint-icon_contact, .section .hint-icon_contact:focus, .section .hint-icon_contact:active,
.section .hint-icon_contact:hover {
    display: inline-block;
    color: #fff !important;
    font-size: .8em;
    background-color: #7d868c;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 2px 2px 6px;
    text-decoration: none !important;
    cursor: pointer;
    margin-top: -5px;
    margin-left: 0px;
}
.hint-icon_MultiRacial {
    display: inline-block;
    color: #fff !important;
    font-size: .8em;
    background-color: #7d868c;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 1px 2px 2px 5px;
    text-decoration: none !important;
    cursor: pointer;
    margin-top: -5px;
    margin-left: 0px;
}
.RadWindow .rwTitle, .RadWindow .rwTitleWrapper .rwTitle {padding-left: 5px!important} /* MetroTouch */
/* Start step #2 msg window */
.RadWindow_Windows7 .rwTitleBar {
    border-color: #25a0da;
    color: #fff;
    background-image: none;
    background-color: #25a0da;
}
.RadWindow .rwIcon {display: none;}
.RadWindow_Windows7 {background-color: #fff; border: none;}
.RadWindow_Windows7 .rwContent {border: none;}
/* End step #2 msg window */
/* Start credit card section */
.pymnttbl h4 {display: inline;}
.ccinfo {
    border-width: 2px;
    border-style: solid;
    border-color: #eeeeee;
    padding: 0 10px 10px 10px;
}
.ccinfo h4 {
    padding: 0px 0 10px 0;
    display: block;
    margin: 0;
}
.ccinfo h3 {
    padding: 5px 0;
    font-size: calc(1.375 * 1rem);
    display: inline;
}
.ccinfo tr {
    background-color: #ebf6f7;
    padding: 5px 0px 5px 10px;
    display: block;
}
.ccinfo td {display: block;}
/* End credit card section */

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

.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: 600px;
}
.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 */


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

@media screen and (max-width:600px){
  .HeaderLogo1class {
    padding-top: 0px;
}

    .ui-dialog--narrow{min-width:95%;max-width:95%;}
    .layout-content__container {padding-left: 10px; padding-right: 5px;}
    .avma-layout__background-color--teal-blue-gradient h2 {
        color: #fff;
        font-size: calc(1.375 * 1rem);
        margin-bottom: 0.75rem;
    }
    .duesPageTitle h2 {text-align: left; padding-top: 10px;margin: 0px; font-size: calc(1.375 * 1rem);padding-left: 0px;}
    .header h3 {font-size: calc(1.125 * 1rem)!important; display: inline;}
    .duesPageTitle {
        text-align: right;
        width: 100%;
        font-size: initial;
        float: right;
        display: block;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .tdforgot-password {padding: 0px;}
    input[type="text"], input[type="password"], input[type="email"], select {
        font-size: .9em;
        width: 99%!important;
        margin-bottom: 5px;
    }
     select {margin-bottom: 10px;}
    #txtEmailAddr {width: 305px!important;}
    .avma-header img {width: 145px;}
    #duesNav, #dues-nav {font-weight: normal;}
    .select-billing-address-preferred-radios {display: block!important;}

    .pymnttbl h4, .ccinfo h4 {display: inline;}
    #lblSCAVMADues, #lblSAVMADues, #lblDuesSubtotal {padding-left: 15px;}
    .RadWindow_Windows7 {width: 90%!important;}
    .spnError {width: 100%!important; text-align: left!important;}
    .RadToolTip_MetroTouch {width: 90%!important; display: -webkit-flex; display: flex;}
    .savma .revwTble, .savma .revwOrdrTble {padding-left: 0px!important;}
    .revwTble td, .revwTble span, .revwOrdrTble td, .revwOrdrTble span {text-align: left!important;}
    .steps {
        float: left!important;
        display: inline-flex!important;
        padding-bottom: 10px;
    }
    .sectionflds {padding-top: 5px!important; padding-bottom: 5px!important;}
    .sectionedt, .spanlbls {padding-top: 0px!important;}
    .RadWindow .rwWindowContent #myIframe  {height: 425px!important;}
    .RadWindow_Sunset .rwWindowContent {height: 375px!important;}
    .pb-savma-container {margin: .5rem;}
}


/* 07272022 updated styling for the Bluepay modal work; css file will be called via SF layout */
.HeaderSection {
    max-width: 1000px !important;
    padding: 10px 0 10px 0;
}
.avma-header, .savma, .title {
    width: 100% !important;
    margin: 0 auto;
    max-width: 1000px;
    padding-left: 0px;
}
.savma table {
    width: 100% !important;
}

.AstrctRqrdFld, .select-billing-address-required-field {
    font-weight: 600;
    font-size: 0.9375rem;
    color: #c4262e;
    vertical-align: middle;
    line-height: 0px;
    padding-left: 3px;
}
/* SelectBillingAddress uc */
.select-billing-address-preferred-radios span:first-child {width: 200px;}
.select-billing-address-error-message {display: none;}
.select-billing-address-input-wrapper {margin-bottom: 0px!important; padding: 10px 0px!important;}

#imgErrMessage img {
    height: 13px !important;
    width: 15px !important;
    padding: 0 5px;
}
.radGradMsgWindow {
    width: 500px;
}
.imgErrMessage{margin-right: 5px; display: none;}
#cmdContinue {
    height: auto;
    padding: 0;
    font-size: 0.775rem;
    font-weight: 500;
    line-height: normal;
    margin-right: 0px;
	font-family:"Roboto",serif;
}
input#cmdContinue_input.rbDecorated {
    text-align: center;
    /* margin-right: 10px; */
    cursor: pointer;
    padding: 5px 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff!important;
    color: #2F3538!important;
    border: 1px solid #55B800!important;
    /*font: 11pt Arial, Helvetica, sans-serif !important;*/
	font-family:"Roboto",serif;
}
.savma .btn_next:hover, .savma #cmdContinue_input:hover, input#cmdContinue_input.rbDecorated1:hover {
    outline: 0;
    -moz-outline-style: none;
    outline-style: none;
    color: #fff !important;
    background-color: #55B800 !important;
    background-image: linear-gradient(to right, #55b800 0%, #3e8500 50%) !important;
}
.savma .btn_cancel, .savma .btn_next {
    outline-style: none;
    -moz-outline-style: none;
    cursor: pointer;
    color: #00838c;
    border: none;
    padding-right: 0px;
    text-align: right;
    font-weight: normal;
    font-size: inherit;
	font-family:"Roboto",serif;
	background-image: none;
}
.savma .btn_cancel:hover, .savma .btn_cancel:focus, .savma .btn_next:hover, .savma .btn_next:focus {
    background-image: none !important;
    background-color: #fff;
    color: #00838c;
    text-decoration: underline;
    border: none!important;
}
a {color: #00838c!important;text-decoration:none;}
a:active, a:hover {
    outline: 0;
    text-decoration: underline;
}
.savma div a {
    font-size: 0.875rem;
}
.savma td.forgot-password {display: block;}
.radGradMsgWindow .rwTitleWrapper .rwTitle {
    padding: 0.15em 0.55em 0 0.55em !important;
    font-weight: 600;
}

/* Mobile (portrait and landscape) */
@media only screen and (max-width: 600px) {
  /* #divContentAreaHome div {margin: 10px 2px!important} */
  .avma-layout__background-color--teal-blue-gradient {margin-top: 10px;}
  .pb-modal-dialog-md .pb-modal-dialog-box {height: 650px;}
  .avma-layout__horizontal-alignment--left {display: block;}
  .pb-savma-forgot-password {max-width: none;}
    .footer {
        line-height: 20px;
        padding: 40px 0 20px 0;
    }
    .savma, .title, .footer {width: 97%!important;}
    .savma table {margin: 0 auto;}
    .savma td.header {
        width: 100%!important;
        float: left;
        padding-right: 0px;
    }
    .spanPayment .p-1 {width: 75% !important;}
    .spanPayment .text-right {float: right!important; width: 25% !important;}
    .spanPayment td, .spanPayment th{
      float: left;
      padding-left: 0px !important;
      display: table;
      width: 75% !important;
  }    
    .savma td, .savma th{
        float: left;
        padding-left: 0px !important;
        width: 99%;
        display: table;
    }
    .savma .editTble td { text-align: left;}
    /* .savmabody tr {display: flex; padding-bottom: 4px;} */
    #dues-nav {
        float: right;
        padding-left: 0px;
        padding-top: 13px;
    }
    .savma .TextBoxClass {
        margin-bottom: 4px;
        margin-right: 5px;
        width: 90% !important;
    }
	.TextBoxClass select {height: 38px;}
    .savma td.section {
        display: block;
        margin-bottom: 10px;
        padding-left: 5px!important;
    }
    .imgErrMessage{margin-right: 5px;}

    /*step 4*/
    .radGradMsgWindow {
        width: 350px !important;top: 40px!important;
    }
    /*step 5*/
    .ccinfo tr {
        padding: 5px 0px 0px 5px!important;
        display: inline-block;
        width: 100%;
    }
    .radValidateGrdRec{
        width: 350px !important;top: 40px!important;
    }
    .RadTouchExtender {width: 330px  !important;}
    #C001_RemotePayment_radValidateGrdRec_C_myIframe {width: 325px !important;top: 40px!important;}
	.RadWindow_Default {top: 40px!important;}
}
@media only screen and (max-width: 599px) {
    .RadWindow_MetroTouch {max-width: 350px;}
}

.alertProfLiability {
  width: 79%;
  padding: 0.75rem 1.25rem;
  margin: 25px 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background-color: #fbfbf0;
  border-color: #ebebb4;
  align-items: baseline;
}

.profLiability {
  display: inline-flex;
}
.profLiability label {
  width: 98%;
}

.profLiabilityH4 {
  font-size: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.profLiabilityContainer {
  width: 96%;
  vertical-align: top;
  display: block;
  padding-bottom: 1.5rem;
  padding-left: 0.5rem;
}

.profLiabilityBold {
  font-weight: 600;
}

.profLiabilityInline {
  display: inline-block;
  padding-right: 0px !important;
}

.profLiabilityAbsolute {
  position: absolute;
}

.profLiabilityLink {
  color: #fff !important;
  text-decoration: underline;
}

@media only screen and (max-width: 799px) {
  .alertProfLiability {
    width: 100% !important;
  }
  .help-tooltip-text {
    margin-top: 7vw;
  }
}