/******************************************************************************
 *
 * CodeMeter License Portal
 * icons.css
 *
 * icons for License Portal
 *
 * (c) 2024 - 2024: WIBU-SYSTEMS AG
 * info@wibu.com
 *
 *************************************************************************** */

input.icon-messagebox {
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    margin-left: 0;
    margin-top: 0; /*var(--mainpadding);*/
    margin-right: var(--mainpadding);
    width: 26px;
    height: 26px;
    line-height: 26px;
    mask-size: auto 26px;
    -webkit-mask-size: auto 26px;
    float: left;
    border: unset;
}

input.icon_table {
    background-color: var(--main-button-background-color);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    width: 32px;
    height: 20px;
    mask-size: auto 16px;
    -webkit-mask-size: auto 16px;
}

input.user {
    mask-image: url("icons/user-circle-solid.svg");
    -webkit-mask-image: url("icons/user-circle-solid.svg");
}

input.refresh {
    mask-image: url("icons/sync-alt-solid.svg");
    -webkit-mask-image: url("icons/sync-alt-solid.svg");
}

input.pencil {
    mask-image: url("icons/pencil-alt-solid.svg");
    -webkit-mask-image: url("icons/pencil-alt-solid.svg");
}

input.cancel-subscription {
    mask-image: url("icons/calendar-times-solid.svg");
    -webkit-mask-image: url("icons/calendar-times-solid.svg");
}

input.trash {
    mask-image: url("icons/trash-alt-solid.svg");
    -webkit-mask-image: url("icons/trash-alt-solid.svg");
}

input.error {
    mask-image: url("icons/error.svg");
    -webkit-mask-image: url("icons/error.svg");
    background-color: var(--error-text-color);
}

input.warning {
    mask-image: url("icons/warning.svg");
    -webkit-mask-image: url("icons/warning.svg");
    background-color: var(--warning-text-color);
}

input.success {
    mask-image: url("icons/check-circle-solid.svg");
    -webkit-mask-image: url("icons/check-circle-solid.svg");
    background-color: var(--success-text-color);
}

input.notice {
    mask-image: url("icons/info.svg");
    -webkit-mask-image: url("icons/info.svg");
    background-color: var(--notice-text-color);
}

input.info {
    mask-image: url("icons/info.svg");
    -webkit-mask-image: url("icons/info.svg");
    background-color: var(--info-text-color);
}

input.show {
    mask-image: url("icons/eye-solid.svg");
    -webkit-mask-image: url("icons/eye-solid.svg");
}

input.globus {
    mask-image: url("icons/globe-solid.svg");
    -webkit-mask-image: url("icons/globe-solid.svg");
}

input.language {
    mask-image: url("icons/language-solid.svg");
    -webkit-mask-image: url("icons/language-solid.svg");
    mask-size: 32px !important;
    -webkit-mask-size: 32px !important;
    width: 40px !important;
}

input.connect {
    mask-image: url("icons/link-solid.svg");
    -webkit-mask-image: url("icons/link-solid.svg");
}

input.reset {
    mask-image: url("icons/power-off-solid.svg");
    -webkit-mask-image: url("icons/power-off-solid.svg");
}

div.table-line input.show {
    mask-size: 20px !important;
    -webkit-mask-size: 20px !important;
}

div.button-line input.show {
    mask-size: 32px !important;
    -webkit-mask-size: 32px !important;
}

input.icon {
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: 16px;
    -webkit-mask-size: 16px;
    height: 20px;
    width: 20px;
    background-color: var(--icon-color);
}

input.expand {
    mask-image: url("icons/angle-down-solid.svg");
    -webkit-mask-image: url("icons/angle-down-solid.svg");
}

input.collapse {
    mask-image: url("icons/angle-up-solid.svg");
    -webkit-mask-image: url("icons/angle-up-solid.svg");
}

input.expand_small {
    mask-image: url("icons/plus-solid.svg");
    -webkit-mask-image: url("icons/plus-solid.svg");
    /*
    mask-size: 12px;
    -webkit-mask-size: 12px;
     */
}

input.collapse_small {
    mask-image: url("icons/minus-solid.svg");
    -webkit-mask-image: url("icons/minus-solid.svg");
    /*
    mask-size: 12px;
    -webkit-mask-size: 12px;
     */
}

input.single_user {
    mask-image: url("icons/user-solid.svg");
    -webkit-mask-image: url("icons/user-solid.svg");
}

input.multi_user {
    mask-image: url("icons/users-solid.svg");
    -webkit-mask-image: url("icons/users-solid.svg");
}

div.table-line input.multi_user {
    mask-size: 20px !important;
    -webkit-mask-size: 20px !important;
}

div.button-line input.multi_user {
    mask-size: 32px !important;
    -webkit-mask-size: 32px !important;
}






/* spare */

input.a2 {
    mask-image: url("icons/angle-left-solid.svg");
    -webkit-mask-image: url("icons/angle-left-solid.svg");
}

input.a5 {
    mask-image: url("icons/angle-right-solid.svg");
    -webkit-mask-image: url("icons/angle-right-solid.svg");
}

input.a8 {
    mask-image: url("icons/check-circle.svg");
    -webkit-mask-image: url("icons/check-circle.svg");
}

input.a9 {
    mask-image: url("icons/check-solid.svg");
    -webkit-mask-image: url("icons/check-solid.svg");
}


input.a10 {
    mask-image: url("icons/check-square-regular.svg");
    -webkit-mask-image: url("icons/check-square-regular.svg");
}


input.option {
    mask-image: url("icons/cog-solid.svg");
    -webkit-mask-image: url("icons/cog-solid.svg");
}


input.download {
    mask-image: url("icons/download-solid.svg");
    -webkit-mask-image: url("icons/download-solid.svg");
}

input.a14 {
    mask-image: url("icons/file-video-regular.svg");
    -webkit-mask-image: url("icons/file-video-regular.svg");
}


input.a15 {
    mask-image: url("icons/flag-regular.svg");
    -webkit-mask-image: url("icons/flag-regular.svg");
}






input.a19 {
    mask-image: url("icons/question-circle-solid.svg");
    -webkit-mask-image: url("icons/question-circle-solid.svg");
}


input.a20 {
    mask-image: url("icons/square-regular.svg");
    -webkit-mask-image: url("icons/square-regular.svg");
}













input.a29 {
    mask-image: url("icons/save-solid.svg");
    -webkit-mask-image: url("icons/save-solid.svg");
}

input.a30 {
    mask-image: url("icons/sign-out-alt-solid.svg");
    -webkit-mask-image: url("icons/sign-out-alt-solid.svg");
}

input.a31 {
    mask-image: url("icons/times-solid.svg");
    -webkit-mask-image: url("icons/times-solid.svg");
}


#refreshcmcontainers {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 3px;
    line-height: 24px;
    mask-size: 22px;
    -webkit-mask-size: 22px;
}