@charset "UTF-8";

/****************************************************************
    パスワードのトグル表示
 ****************************************************************/

.aa-toggle-password-wrap {
    position: relative;
    display: inline-block;
}

.aa-toggle-password-wrap input[type="password"] + .toggle-button .bi-eye ,
.aa-toggle-password-wrap input[type="text"] + .toggle-button .bi-eye-slash {
    display: none;
}

.aa-toggle-password-wrap .toggle-button {
    position: absolute;
    top: 50%;
    right: 1px;
    margin-top: -13px;
    background-color: transparent;
    border: 0;
}
.aa-toggle-password-wrap .is-invalid + .toggle-button {
    display: none;
}


/****************************************************************
    使用有無付き入力欄
 ****************************************************************/

.aa-toggle-input {
    
}


/****************************************************************
    HTMLテンプレート
 ****************************************************************/
.html-template {
    display: none;
}


/****************************************************************
    ボックスクリック
 ****************************************************************/

.aa-box-click {
    user-select: none;
    cursor: pointer;
    cursor: move;
}


/****************************************************************
    カラーピッカー
    .aa-color-picker { }
 ****************************************************************/

.pcr-app .pcr-interaction .pcr-result {
    flex: 1 1 6em;
    min-width: 6em;
}