@-moz-keyframes flipOut {
  from {transform: rotateX(0deg);}
  to {transform: rotateX(90deg);}
}

@-webkit-keyframes flipOut {
  from {transform: rotateX(0deg);}
  to {transform: rotateX(90deg);}
}
@-ms-keyframes flipOut {
  from {transform: rotateX(0deg);}
  to {transform: rotateX(90deg);}
}

@keyframes flipOut {
  from {transform: rotateX(0deg);}
  to {transform: rotateX(90deg);}
}
.flipper {
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.front {
  position: absolute;
}
.back {
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.flip-container {
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.front.flipped {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.back.flipped {
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

tr[role='warnings']>td
{
  color: #ffc107 ;
}

table.table-justified>tbody>tr>td:first-of-type
{
    text-align: right !important ;
}

._required
{
   color: #cc0000 ;
}

._block
{
   display: block ;
}

a
{
    cursor: pointer ;
}

.ui-datepicker select.ui-datepicker-year
{
    width: 35% !important ;
}

div._forminput.required label span,
.fail
{
    color: #ff3333 ;
}

div._forminput.required label span
{
    display: inline ;
}

div.form-group label span
{
    display: none ;
}

div.form-group.required label span
{
    display: inline ;
    color: #ff3333 ;
}

div.ckpPhone label span,
div.ckpNotes label span
{
    display: none ;
}
div._forminput label span
{
    display: none ;
}

.status_label
{
    font-style: italic ;
    text-align: right ;
    width: 160px ;
    padding-right: 12px ;
}

.PTPAGELETBODY
{
    background-color: #F2F2F2 ;
}

.enrollment_form
{
    background-color: #F2F2F2 ;
    margin-left: 12px ;
    padding: 12px 27px 12px 27px ;
    width: 540px ;
}

._forminput
{
    margin-bottom: 10px ;
    margin-right: 12px ;
}

#e2checkProfile ._forminput
{
    display: none ;
}

.nc-input
{
    /*height: 21px ;*/
}

._forminput label
{
    display: block ;
    margin-bottom: 0px ;
}

._forminput input
{
    /*width: 200px ;*/
}

.ui-datepicker
{
    z-index: 10 !important ;
}

._forminput [type="radio"],
._forminput [type="checkbox"]
{
    width: auto ;
    margin-top: 4px ;
    margin-right: 4px ;
    float: left ;
}

div._actTaxIDType div:first-of-type
{
    float: left ;
    padding-right: 20px ;
}

._forminput [type="button"],
  ._forminput [type="submit"]
{
    border: solid 1px ;
    border-left-color: #ccc ;
    border-top-color: #ccc ;
    border-right-color: #999 ;
    border-bottom-color: #999 ;
    font-size: 9pt ;
    height: 22px ;
    margin-top: -4px ;
    margin-bottom: 12px ;
}

.signInTable
{
    font-size: 11px;
    color: #D41268;
    text-decoration: none ;
}

.signInTable p
{
    font-size: 11px;
    color: #D41268 ;
}

.stdVerdana
{
    font:11px Verdana,Arial,sans-serif;
    display:block;
}

.psloginbutton, td > input[type="submit"]
{
    background: url("../images/signin-button.gif") no-repeat;
    font-size:0px;
    text-indent: -9999em;
    line-height:3000;
    width: 51px;
    height: 48px;
    cursor: pointer;
    border: none;
    padding-top:10px;
}

div.form-error,
div.error,
h5.error
{
    display: none ;
    color: #ff3333 ;
}

.bold
{
    font-weight: bold ;
}

div.form-error
{
    font-weight: bold ;
}

table.as-form
{
    display: none ;
}

input.error,
  select.error,
  textarea.error
{
    background-color: #ff9999 !important ;
}

/* form specific styles */

div._enrFirstName,
  div._enrCity,
  div._enrState,
  div._enrPhoneHome,
  div._enrPaymentAmount,
  div._enrRouteNumber
{
    float: left ;
}

div._enrLastName,
  div._enrState,
  div._enrPostal,
  div._enrPhoneMobile,
  div._enrPaymentDay,
  div._enrBankName
{
    clear: none ;
}

div._enrMinimumPayment
{
    display: none ;
}

div._labelPersonal label
{
    font:24px Arial, Helvetica, sans-serif;
    font-size: 24px !important ;
    margin-bottom: 12px ;
}

div._labelPayment label,
  div._labelBank label
{
    font:24px Arial, Helvetica, sans-serif;
    margin: 20px 0px 12px 0px ;
}

input[type="checkbox"]
{
    width: auto !important ;
}

input._enrPostal
{
    width: 80px ;
}

input._enrState
{
    width: 30px ;
}

td>div
{
    width: 100% ;
}
table.table-edit>thead>tr {
  white-space: nowrap;
}
table.table-edit>tbody>tr.active>td
{
    border-top: 1px #20a8d8 solid ;
    border-bottom: 1px #20a8d8 solid ;
}

table.table-edit>tbody>tr.active>td:first-of-type
{
    border-left: 1px #20a8d8 solid ;
}

table.table-edit>tbody>tr.active>td:last-of-type
{
    border-right: 1px #20a8d8 solid ;
}
td>div[editable].table-danger {
  min-height:1.5em; /* style.css: body */
}
.hidden {
  display: none !important ;
}

.loader, ._proHiddenAccountNumber
{
  display:none;
}

table.table-sorter>thead>tr>th,.btn
{
  cursor: pointer ;
}

body.wait
{
  cursor: wait ;
}

button:disabled,
button.disabled,
a.disabled,
div.btn.disabled,
div.btn[disabled]
{
  pointer-events: none;
  cursor: default ;
  opacity: 0.65 ;
}

div[as="amount"] {
  text-align: right;
}
.fa-sort {
  color: #999;
}
li>a.nav-link.disabled {
  pointer-events: none;
  color: #999;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

div._start_payDateInit,
div._start_payAmount,
div._start_payItemID
{
  float: left;
  clear: both;
  width: 200px;
}

div._end_payDateInit,
div._end_payAmount,
div._end_payItemID
{
  float: left;
  clear: none;
  width: 200px;
}

div._payPayeeName
{
  clear: both;
}

div.h4
{
    font-size: 20px;
}

form[disabled] {
  opacity:0.5;
}

#proProfileID.flash {
  animation-name: flash;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  
}

@keyframes flash {
  from{
    border: 2px solid transparent;
  }
  to {
    border: 2px solid #1ec8a9;
  }
  
}

.form-group label
{
   display: block ;
   margin-bottom: 0 ;
}

.btn.hint
{
    display: none ;
}

.hints .form-control
{
    width: 90% ;
    display: inline-block ;
}

.hints .btn.hint
{
    display: inline-block ;
    padding: 0.12rem 0.22rem ;
    border-width: 0px ;
    vertical-align: top ;
    margin-top: 4px ;
}

.hints .hint-text
{
    display: none ;
}

div.proProfileSignatureStyle
{
    margin-bottom: 0px ;
}

#proProfileSignatureStyle-radio
{
    background-repeat: no-repeat ;
    padding-top: 2px ;
    background-position: 20px -6px ;
}

#proProfileSignatureStyle-radio>div
{
    width: min-content ;
    height: 20px ;
}

th[sort-by]
{
    cursor: pointer ;
}

input,
button,
select,
optgroup,
textarea 
{
  font-family: sans-serif ;
}

.profileHeader
{
  font-size: 16px ;
}

input[type="file"]
{
  cursor: pointer ;
}

input[type="file"]:disabled
{
  cursor: default ;
}

.asDisabled
{
  opacity: 0.5 ;
}