|
.pam-login-page {
|
font-size: 20px !important;
|
display: flex;
|
flex-direction: column;
|
.pam-login-page__action-bar {
|
display: flex;
|
flex: 1;
|
align-items: flex-end;
|
@include desktop {
|
margin-bottom: 30px;
|
}
|
}
|
}
|
|
.pam-input {
|
height: 26px;
|
width: calc(100% - 36px);
|
border-radius: 10px !important;
|
padding: 12px 18px !important;
|
border:1px solid #CCCCCC;
|
outline: 0;
|
@extend .text--middle;
|
&::placeholder {
|
color: $PRUDENTIAL_GREY;
|
}
|
&.is-invalid {
|
border: 1px solid $PRIMARY_RED !important;
|
border-radius: 20px;
|
}
|
}
|
|
.pam-register-dialog__contract {
|
$DEVICE_EXTRA_HEIGHT: 42px;
|
$ALIGN_PADDING: 60px;
|
$TOP_CONTENT_HEIGHT: 186px;
|
$BOTTOM_CONTENT_HEIGHT: 131px;
|
max-height: calc(100vh - $DEVICE_EXTRA_HEIGHT - $ALIGN_PADDING - $TOP_CONTENT_HEIGHT - $BOTTOM_CONTENT_HEIGHT);
|
overflow-y: scroll;
|
border-radius: 6px;
|
border: 1px solid #707070;
|
padding: 20px;
|
@include desktop {
|
height: 335px;
|
}
|
}
|
|
.pam-radio {
|
color: $PRIMARY_RED;
|
align-items: center;
|
display: flex;
|
font-size: 20px;
|
font-weight: bold;
|
input {
|
display: none;
|
}
|
i {
|
font-size: 27px;
|
padding-right: 5px;
|
}
|
}
|
|
.pam-field-title__hint {
|
@extend .smTxt_bold;
|
color: #68737A;
|
}
|
|
.error {
|
@extend .smTxt_bold;
|
@extend .text--primary;
|
height: 16px;
|
}
|
|
.pam-popUp-title {
|
font-size: 20px;
|
line-height: 27px;
|
}
|
|
.pam-popUp-txt {
|
font-size: 18px;
|
color: $MID_GREY;
|
}
|
|
.disabled {
|
color: #A7A8AA;
|
}
|
|
.pam-input-position {
|
position: relative;
|
.icon-close {
|
cursor: pointer;
|
position: absolute;
|
right: 15px;
|
top: 28px;
|
font-size: 16px;
|
}
|
}
|
