/******************************************************************************
 *
 * 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(--main-padding);*/
    margin-right: var(--main-padding);
    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.admin {
    mask-image: url("icons/user-tie-solid.svg");
    -webkit-mask-image: url("icons/user-tie-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.unlink {
    mask-image: url("icons/unlink-solid.svg");
    -webkit-mask-image: url("icons/unlink-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(--main-button-icon-color);
}

input.icon-button.enabled {
    background-color: var(--main-button-background-color-hover);
}

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");
}

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

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

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

input.filter {
    mask-size: 12px;
    -webkit-mask-size: 12px;
    mask-image: url("icons/filter-solid.svg");
    -webkit-mask-image: url("icons/filter-solid.svg");
}
input.sort {
    mask-size: 12px;
    -webkit-mask-size: 12px;
    mask-image: url("icons/sort-solid.svg");
    -webkit-mask-image: url("icons/sort-solid.svg");
}
input.sort-up {
    mask-size: 15px;
    -webkit-mask-size: 15px;
    mask-image: url("icons/sort-amount-up-solid.svg");
    -webkit-mask-image: url("icons/sort-amount-up-solid.svg");
}
input.sort-down {
    mask-size: 15px;
    -webkit-mask-size: 15px;
    mask-image: url("icons/sort-amount-down-solid.svg");
    -webkit-mask-image: url("icons/sort-amount-down-solid.svg");
}
input.search {
    mask-size: 16px !important; ;
    -webkit-mask-size: 16px !important;
    mask-image: url("icons/search-solid.svg");
    -webkit-mask-image: url("icons/search-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;
}

/**
Image Icons without mask
 */

i.img-icon {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-repeat: round;
}

i.cmactlicense {
    background-image: url("cmcontainer/CmActLicense.svg");
}

i.cmdongle {
    background-image: url("cmcontainer/CmDongle.svg");
}

i.cmready {
    background-image: url("cmcontainer/CmReady.svg");
}

i.cmcloud {
    background-image: url("cmcontainer/CmCloudContainer.svg");
}

i.cmcloudlite {
    background-image: url("cmcontainer/CmCloudLiteContainer.svg");
}

i.tmr {
    background-image: url("cmcontainer/TMR.svg");
}

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

/* 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.not_ok {
    mask-image: url("icons/check-circle.svg");
    -webkit-mask-image: url("icons/check-circle.svg");
}

input.ok {
    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.color {
    mask-image: url("icons/palette-solid.svg");
    -webkit-mask-image: url("icons/palette-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.question {
    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.coins {
    mask-image: url("icons/coins-solid.svg");
    -webkit-mask-image: url("icons/coins-solid.svg");
}
input.calendar {
    mask-image: url("icons/calendar-alt-regular.svg");
    -webkit-mask-image: url("icons/calendar-alt-regular.svg");
}
input.infinity {
    mask-image: url("icons/infinity-solid.svg");
    -webkit-mask-image: url("icons/infinity-solid.svg");
}
input.experiment {
    mask-image: url("icons/vial-solid.svg");
    -webkit-mask-image: url("icons/vial-solid.svg");
}
input.contract {
    mask-image: url("icons/file-signature-solid.svg");
    -webkit-mask-image: url("icons/file-signature-solid.svg");
}
input.user-tag {
    mask-image: url("icons/user-tag-solid.svg");
    -webkit-mask-image: url("icons/user-tag-solid.svg");
}
input.cut {
    mask-image: url("icons/cut-solid.svg");
    -webkit-mask-image: url("icons/cut-solid.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.cancel {
    mask-image: url("icons/times-solid.svg");
    -webkit-mask-image: url("icons/times-solid.svg");
}


#refreshcmcontainers {
    width: 24px;
    height: 30px;
    margin-left: 9px;
    padding-top: 0px;
    line-height: 24px;
    mask-size: 22px;
    -webkit-mask-size: 22px;
}