File: /home/bluecool/public_html/wp-content/auth.berkeley.edu/account_files/UC_ID_VERIFICATION_1.css
#UC_PER_ID_VRFY_FL .ps_pagetitle_cont {
text-align: center !important;
width: 100% !important;
display: block !important;
font-weight: bold;
font-size: 1.5rem;
padding: 12px 0;
color: #2e2e2e;
}
.uc_centered_box {
max-width: 900px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
.uc-clear-btn {
padding-top: 4px;
padding-right: 4px;
font-size: 0.85rem;
cursor: pointer;
border-radius: 4px;
}
.uc-clear-btn:hover {
background-color: #e0e0e0;
}
.uc-input-controls {
display: inline-block;
margin-left: 8px;
}
.uc-icon {
margin-left: 6px;
font-size: 1.1rem;
color: #0078d7;
}
.uc-icon:hover {
color: #0056a3;
}
.uc_info_note {
background-color: #eef7ff;
color: #084298;
border: 1px solid #b6e0fe;
border-radius: 8px;
padding: 12px 16px;
font-size: 14px;
margin-top: 12px;
margin-bottom: 12px;
display: block;
line-height: 1.5;
max-width: 800px;
text-align: left;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.uc-wrapper-relative {
position: relative;
}
.uc-input-mask {
padding-right: 60px;
}
.uc-icon-wrapper {
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
gap: 8px;
z-index: 1;
pointer-events: auto;
}
.uc-icon-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border: none;
background: transparent;
cursor: pointer;
padding: 0;
border-radius: 6px;
}
.uc-icon-toggle:hover { background: rgba(0,0,0,0.06); }
.uc-icon-separator {
width: 1px;
height: 18px;
background: #c9c9c9;
}
.uc-clear-btn {
border: none;
background: transparent;
font-size: 12px;
line-height: 18px;
cursor: pointer;
color: #2156a5;
padding: 0 2px;
border-radius: 4px;
}
.uc-clear-btn:hover { text-decoration: underline; }
.uc-password {
padding-right: 84px !important;
}
.uc-password::-ms-reveal,
.uc-password::-ms-clear {
display: none !important;
}
.uc-password::-webkit-clear-button,
.uc-password::-webkit-inner-spin-button,
.uc-password::-webkit-contacts-auto-fill-button {
display: none !important;
}
.uc-password[type="password"]::-moz-clear {
display: none !important;
}
.uc-password[type="password"] {
-webkit-text-security: disc;
}
.uc-password {
box-sizing: border-box;
}
.uc-icon-toggle svg {
fill: #888;
transition: fill 0.3s ease;
}
.uc-icon-toggle:hover svg {
fill: #333;
}
#UC_VALIDATE_BTN {
width: 13.9em;
background-color: #0052cc;
color: white;
font-size: 1.2em;
font-weight: bold;
padding: 0.7em;
border: none;
border-radius: 6px;
cursor: pointer;
margin-left: 0.3em
}
.uc-lockout-container {
max-width: 900px;
margin: 20px auto;
padding: 24px;
background-color: #fefefe;
border: 1px solid #ccc;
border-radius: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
font-family: 'PT Sans', Arial, sans-serif;
text-align: center;
}
.message-container p {
line-height: 1.6;
margin-bottom: 15px;
font-size: 15px;
text-align: left;
}
.message-container a {
color: #0275d8;
text-decoration: none;
}
.message-container a:hover {
text-decoration: underline;
}
.message-container strong {
font-weight: bold;
color: #000;
}
.message-container h2 {
color: #d9534f;
font-size: 1.5em;
margin-bottom: 15px;
}
#UC_ACCT_VRFY_MSG {
margin-left: 1em;
font-weight: bold;
}
a#\#ICApply {
display: none;
}
a#\#ICSave {
display: none;
}
span#\#ICCancel\$span {
display: none;
}
@media only screen and (max-width: 950px) {
.uc_centered_box {
max-width: 90%;
padding: 15px;
}
}
@media only screen and (max-width: 650px) {
.uc_centered_box {
max-width: 95%;
padding: 10px;
}
.uc_field-wrapper {
max-width: 100%;
}
.psc_margin-left33pct {
margin : 0.1em;
}
.ps_label-left,
.ps_box-label,
.ps_edit-label {
display: block !important;
float: none !important;
width: 100% !important;
margin-bottom: 4px;
text-align: left !important;
}
.ps_box-edit,
input[type="text"],
input[type="password"],
{
width: 100% !important;
max-width: 100%;
padding-right: 4em;
box-sizing: border-box;
}
input#UC_ACCOUNT_NBR1,
input#UC_ACCOUNT_NBR1, {
max-width: 100%;
padding-right: 4em;
}
#UC_VALIDATE_BTN {
width: 15em;
background-color: #0052cc;
color: white;
font-size: 16px;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
margin-left: 1em;
padding: 0.9em;
}
.uc-lockout-container {
padding: 16px;
}
.uc-lockout-container h2 {
font-size: 18px;
}
.uc-lockout-container p {
font-size: 14px;
}
}