/* IKV3 = #CC0000 */ /* IKV4 = #EC1F3A; */ /* rgb(236,31,58) */
:root { 
    --ikv4-red: #CC0000;
    --ikv4-green: #339933; 
    --ikv4-dark-grey: #656565;
    --ikv4-medium-grey: #DDDDDD;
    --ikv4-light-grey: #F2F2F2;
}
.modal .centered {
    text-align: center;
}

.ikv4-modal .modal-body {
    padding:25px;
}
.ikv4-modal h4.modal-title {
    font-size:3rem;
    font-weight:900;
    text-transform:uppercase;
    margin:20px auto;
    text-align:center;
    color:var(--ikv4-dark-grey);
}

/* 
DISPLAY LOGIC
Either display 'error', 'success', or 'default';
*/
.ikv4-modal .ikv4-modal-icon-block {
    display: none;
}
/*
.ikv4-modal-login h4.modal-title,
.ikv4-modal h4.modal-title.default {
    display: block;
}
*/
.ikv4-modal.error h4.modal-title,
.ikv4-modal.error .ikv4-modal-icon-block.error {
    display: block;
    color:var(--ikv4-red);
}
.ikv4-modal.success h4.modal-title,
.ikv4-modal.success .ikv4-modal-icon-block.success {
    display: block;
    color:var(--ikv4-green);
}
.ikv4-modal-text {
    padding:0 20px 20px;
}
.ikv4-modal a {
    color:black;
    text-decoration: underline;
}
.ikv4-modal label {
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
}
.ikv4-modal .form-control-block {
    margin:15px 0;
}
.ikv4-modal .btn {
    color:#FFF; 
    background:var(--ikv4-dark-grey); 
    border-color:var(--ikv4-dark-grey); 
    text-decoration: none;
}    
.ikv4-modal-login .btn, /* ----------- LOGIN */
.ikv4-modal.error .btn { /* ----------- IK MODAL ERROR */
    background:var(--ikv4-red); 
    border-color:var(--ikv4-red); 
}
.ikv4-modal.success .btn { /* ----------- IK MODAL SUCCESS */
    background:var(--ikv4-green); 
    border-color:var(--ikv4-green); 
}
.ikv4-modal .btn-primary {
    text-transform: uppercase;
    width:100%;
}
.ikv4-modal-footer {
    margin:20px;
}
.ikv4-modal-login .ikv4-modal-footer { /* ----------- LOGIN */
    background-image: url('../svg/ik_logo_2022_red_rgb.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 46px;
    height:100px;
    margin-bottom:0;
}
.ikv4-modal-login .ikv4-modal-footer span {
    visibility:hidden;
}
.ikv4-modal .close {
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top:-10px;
    margin-right:-10px;
}
.ikv4-modal-icon-block {
    display: block;
    margin:0 auto;
    text-align: center;
}
.ikv4-modal-icon-block .bi {
    width:48px;
    height:48px;
}
.ikv4-modal.error .ikv4-modal-icon-block { /* ----------- IK MODAL ERROR */
    color: var(--ikv4-red);
}
.ikv4-modal.success .ikv4-modal-icon-block { /* ----------- IK MODAL SUCCESS */
    color: var(--ikv4-green);
}
/* input[type="text"] */
.ikv4-modal-login input { /* ----------- LOGIN */
    margin:0 !important;
}




.password-show-hide {
    position:relative !important;
}
.password-show-hide .pwd-eye {
    /* content:""; */
    display:block !important;
    width:32px;
    height:32px;
    background-image: url('../svg/ik_icon_eye.svg');
    background-color: transparent; /* yellow; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;

    position:absolute;        
    bottom:1px;
    right:6px;
    cursor:pointer;
}
.password-show-hide .pwd-eye {
    opacity:.1;
}
.password-show-hide .pwd-eye.active {
    opacity:.4;
}