﻿.etag-ui-toolbar {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    /*min-height: 80px;*/
}

.ico-r {
    float: right;
    padding: 3px;
    margin-left: 5px;
}

.ico-fl {
    float: left;
}


.icon16,
.ico16,
.ico-bu,
.ico-dept,
.ico-group,
.ico-pset,
.ico-user,
.ico-inactive,
.ico-hidden,
.ico-deleted,
.ico-archived,
.ico-system,
.ico-generated,
.ico-confirmed,
.ico-find,
.ico-role,
.ico-active,
.ico-ended,
.ico-failed,
.ico-terminated,
.ico-started,
.ico-ie,
.ico-opera,
.ico-edge,
.ico-chrome,
.ico-safari,
.ico-firefox,
.ico-unknown,
.ico-dd,
.ico-add,
.ico-remove,
.ico-concurrent,
.ico-transmitted,
.ico-wip,
.ico-generated2,
.ico-imported,
.ico-loaded,
.ico-error,
.ico-pending,
.ico-complete {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-left: 3px;
    float: right;
    background-repeat: no-repeat;
}


.ico-pending {
    background-image: url('../images/warning.png');
}

.ico-complete {
    background-image: url('../images/ok16.png');
}

.ico-error {
    background-image: url('../images/error16.png');
}

.ico-loaded {
    background-image: url('../images/loaded16.png');
}

.ico-imported {
    background-image: url('../images/imported16.png');
}

.ico-generated2 {
    background-image: url('../images/generated16.png');
}

.ico-wip {
    background-image: url('../images/wip16.png');
}

.ico-transmitted {
    background-image: url('../images/transmitted16.png');
}


.ico-find {
    background-image: url('../images/ico-find.png');
}

.ico-user {
    background-image: url('../images/user16.png');
}

.ico-group {
    background-image: url('../images/group16.png');
}

.ico-bu {
    background-image: url('../images/bu16.png');
}

.ico-dept {
    background-image: url('../images/dept16.png');
}

.ico-pset {
    background-image: url('../images/pset16.png');
}

.ico-deleted {
    background-image: url('../images/delete16.png');
}

.ico-archived {
    background-image: url('../images/btn-archive.png');
}

.ico-system {
    background-image: url('../images/ico-system.png');
}

.ico-generated {
    background-image: url('../images/ico-generated.png');
}

.ico-confirmed {
    background-image: url('../images/ico-confirmed.png');
}

.ico-role {
    background-image: url('../images/btn-role.png');
}

.ico-active {
    background-image: url('../images/ico-active.png');
}

.ico-started {
    background-image: url('../images/ico-started.png');
}

.ico-ended {
    background-image: url('../images/ico-ended.png');
}

.ico-failed {
    background-image: url('../images/ico-failed.png');
}

.ico-terminated {
    background-image: url('../images/ico-terminated.png');
}

.ico-ie {
    background-image: url('../images/ico-ie.png');
}

.ico-opera {
    background-image: url('../images/ico-opera.png');
}

.ico-edge {
    background-image: url('../images/ico-edge.png');
}

.ico-chrome {
    background-image: url('../images/ico-chrome.png');
}

.ico-safari {
    background-image: url('../images/ico-safari.png');
}

.ico-firefox {
    background-image: url('../images/ico-firefox.png');
}

.ico-unknown {
    background-image: url('../images/ico-unknown.png');
}

.ico-add {
    background-image: url('../images/add.png');
}

.ico-remove {
    background-image: url('../images/remove.png');
}

.ico-concurrent {
    background-image: url('../images/concurrent.png');
}

.ico-dd {
    background-image: url('../images/dd.png');
}

.toolbar-group {
}

.etag-ui-toolbar .tlb-btn-accessrule {
    background-image: url('../images/btn-accesrule.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-fuse {
    background-image: url('../images/logo-32px.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 46px;
    width: 100px;
    border: 0;
}

    .etag-ui-toolbar .tlb-btn-fuse:hover {
        background-color: transparent !important;
        border: 0 !important;
    }

/* Add */
.etag-ui-toolbar .tlb-btn-add {
    background-image: url('../images/btn-add.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dadd {
    background-image: url('../images/btn-dadd.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



/* Reload */
.etag-ui-toolbar .tlb-btn-reload {
    background-image: url('../images/reload16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dreload {
    background-image: url('../images/dreload16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar48 .tlb-btn-reload {
    background-image: url('../images/reload48.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar48 .tlb-btn-dreload {
    background-image: url('../images/dreload48.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar64 .tlb-btn-reload {
    background-image: url('../images/reload64.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar64 .tlb-btn-dreload {
    background-image: url('../images/dreload64.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* Report */
.etag-ui-toolbar48 .tlb-btn-report {
    background-image: url('../images/report48.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar48 .tlb-btn-dreport {
    background-image: url('../images/dreport48.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* File download */
.etag-ui-toolbar .tlb-btn-filedownload {
    background-image: url('../images/filedownload16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dfiledownload {
    background-image: url('../images/dfiledownload16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* File Upload */
.etag-ui-toolbar .tlb-btn-fileupload {
    background-image: url('../images/fileupload16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dfileupload {
    background-image: url('../images/dfileupload16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* File view */
.etag-ui-toolbar .tlb-btn-fileview {
    background-image: url('../images/fileview16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dfileview {
    background-image: url('../images/dfileview16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Description */
.etag-ui-toolbar .tlb-btn-description {
    background-image: url('../images/description16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-ddescription {
    background-image: url('../images/ddescription16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* preview */
.etag-ui-toolbar .tlb-btn-preview {
    background-image: url('../images/preview16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dpreview {
    background-image: url('../images/dpreview16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* delete */
.etag-ui-toolbar .tlb-btn-delete {
    background-image: url('../images/delete16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-ddelete {
    background-image: url('../images/ddelete16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* edit */
.etag-ui-toolbar .tlb-btn-edit {
    background-image: url('../images/btn-edit.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dedit {
    background-image: url('../images/btn-dedit.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* execute */
.etag-ui-toolbar .tlb-btn-execute {
    background-image: url('../images/execute16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dexecute {
    background-image: url('../images/dexecute16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* inactive */
.ico-inactive {
    background-image: url('../images/inactive16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-inactive {
    background-image: url('../images/inactive16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dinactive {
    background-image: url('../images/dinactive16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* hidden */
.ico-hidden {
    background-image: url('../images/hidden16.png');
}

.etag-ui-toolbar .tlb-btn-hidden {
    background-image: url('../images/hidden16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dhidden {
    background-image: url('../images/dhidden16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* warning */
.ico-warning {
    background-image: url('../images/warning16.png');
}

.etag-ui-toolbar .tlb-btn-warning {
    background-image: url('../images/warning16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dwarning {
    background-image: url('../images/dwarning16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* errors */
.ico-error {
    background-image: url('../images/error16.png');
}

.etag-ui-toolbar .tlb-btn-error {
    background-image: url('../images/error16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-derror {
    background-image: url('../images/derror16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* information */
.ico-information {
    background-image: url('../images/information16.png');
}

.etag-ui-toolbar .tlb-btn-information {
    background-image: url('../images/information16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dinformation {
    background-image: url('../images/dinformation16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* message */
.ico-message {
    background-image: url('../images/message16.png');
}

.etag-ui-toolbar .tlb-btn-message {
    background-image: url('../images/message16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dmessage {
    background-image: url('../images/dmessage16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* user */
.ico-user {
    background-image: url('../images/user16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-user {
    background-image: url('../images/user16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-duser {
    background-image: url('../images/duser16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* save */
.etag-ui-toolbar .tlb-btn-save {
    background-image: url('../images/save16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dsave {
    background-image: url('../images/btn-dsave.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* save */
.etag-ui-toolbar .tlb-btn-saveall {
    background-image: url('../images/saveall16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dsaveall {
    background-image: url('../images/dsaveall16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* password */
.etag-ui-toolbar .tlb-btn-password {
    background-image: url('../images/btn-password.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.etag-ui-toolbar .tlb-btn-dpassword {
    background-image: url('../images/btn-dpassword.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* clear */
.etag-ui-toolbar .tlb-btn-clear {
    background-image: url('../images/btn-clear.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dclear {
    background-image: url('../images/btn-dclear.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* membership */
.etag-ui-toolbar .tlb-btn-membershipa {
    background-image: url('../images/btn-membershipa.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dmembershipa {
    background-image: url('../images/btn-dmembershipa.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-membershipr {
    background-image: url('../images/btn-membershipr.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dmembershipr {
    background-image: url('../images/btn-dmembershipr.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* Privilege */
.etag-ui-toolbar .tlb-btn-addprivilege {
    background-image: url('../images/addprivilege16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddprivilege {
    background-image: url('../images/daddprivilege16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-removeprivilege {
    background-image: url('../images/removeprivilege16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dremoveprivilege {
    background-image: url('../images/dremoveprivilege16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* bu */
.etag-ui-toolbar .tlb-btn-addbu {
    background-image: url('../images/addbu16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddbu {
    background-image: url('../images/daddbu16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-removebu {
    background-image: url('../images/removebu16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dremovebu {
    background-image: url('../images/dremovebu16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* alias */
.etag-ui-toolbar .tlb-btn-addalias {
    background-image: url('../images/addalias16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddalias {
    background-image: url('../images/daddalias16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



/* dept */
.etag-ui-toolbar .tlb-btn-adddept {
    background-image: url('../images/adddept.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dadddept {
    background-image: url('../images/dadddept.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* group */
.etag-ui-toolbar .tlb-btn-addgroup {
    background-image: url('../images/btn-addgroup.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddgroup {
    background-image: url('../images/btn-daddgroup.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* user */
.etag-ui-toolbar .tlb-btn-adduser {
    background-image: url('../images/btn-adduser.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dadduser {
    background-image: url('../images/btn-dadduser.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-removeuser {
    background-image: url('../images/btn-removeuser.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dremoveuser {
    background-image: url('../images/btn-dremoveuser.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* roles */
.etag-ui-toolbar .tlb-btn-addrole {
    background-image: url('../images/addrole.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddrole {
    background-image: url('../images/daddrole.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-removerole {
    background-image: url('../images/removerole.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dremoverole {
    background-image: url('../images/dremoverole.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* permission sets */
.etag-ui-toolbar .tlb-btn-addpset {
    background-image: url('../images/addpset.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddpset {
    background-image: url('../images/daddpset.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* remove */
.etag-ui-toolbar .tlb-btn-remove {
    background-image: url('../images/remove.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dremove {
    background-image: url('../images/dremove.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* remove */
.etag-ui-toolbar .tlb-btn-remove {
    background-image: url('../images/remove16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dremove {
    background-image: url('../images/dremove16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* operation */
.etag-ui-toolbar .tlb-btn-addoperation {
    background-image: url('../images/addoperation16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddoperation {
    background-image: url('../images/daddoperation16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-deloperation {
    background-image: url('../images/deloperation16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-ddeloperation {
    background-image: url('../images/ddeloperation16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* page */
.etag-ui-toolbar .tlb-btn-addpage {
    background-image: url('../images/adduipage16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddpage {
    background-image: url('../images/dadduipage16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* menu item */
.etag-ui-toolbar .tlb-btn-addmenuitem {
    background-image: url('../images/addmenuitem.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddmenuitem {
    background-image: url('../images/daddmenuitem.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* up */
.etag-ui-toolbar .tlb-btn-up {
    background-image: url('../images/up16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dup {
    background-image: url('../images/dup16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* down */
.etag-ui-toolbar .tlb-btn-down {
    background-image: url('../images/down16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-ddown {
    background-image: url('../images/ddown16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* User Options: concurrent */
.etag-ui-toolbar .tlb-btn-concurrent {
    background-image: url('../images/concurrent.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* test connection */
.etag-ui-toolbar .tlb-btn-testconn {
    background-image: url('../images/testconn.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dtestconn {
    background-image: url('../images/dtestconn.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* directory services */
.etag-ui-toolbar .tlb-btn-ds {
    background-image: url('../images/ds.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dds {
    background-image: url('../images/dds.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* directory services */
.etag-ui-toolbar .tlb-btn-find {
    background-image: url('../images/find.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dfind {
    background-image: url('../images/dfind.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



/* generated */
.etag-ui-toolbar .tlb-btn-generated2 {
    background-image: url('../images/generated16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dgenerated2 {
    background-image: url('../images/dgenerated16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* imported */
.etag-ui-toolbar .tlb-btn-imported {
    background-image: url('../images/imported16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dimported {
    background-image: url('../images/dimported16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* loaded */
.etag-ui-toolbar .tlb-btn-loaded {
    background-image: url('../images/loaded16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dloaded {
    background-image: url('../images/dloaded16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* bu */
.etag-ui-toolbar .tlb-btn-addprocess {
    background-image: url('../images/addprocess16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-daddprocess {
    background-image: url('../images/daddprocess16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



/* charts */
.etag-ui-toolbar .tlb-btn-barchart {
    background-image: url('../images/barchart16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-piechart {
    background-image: url('../images/piechart16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-polarchart {
    background-image: url('../images/polarchart16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* snap in */
.etag-ui-toolbar .tlb-btn-snapin {
    background-image: url('../images/snapin16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dsnapin {
    background-image: url('../images/dsnapin16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* snap off */
.etag-ui-toolbar .tlb-btn-snapoff {
    background-image: url('../images/snapoff16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.etag-ui-toolbar .tlb-btn-dsnapoff {
    background-image: url('../images/dsnapoff16.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ## END TOOLBAR ## */




/* ##       START CONTAINERS       ## */

.sz1, .sz2, .sz3, .sz4, .sz5, .sz6,
.sz7, .sz8, .sz9, .sz10, .sz11, .sz12 {
    position: relative;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.sz1 {
    width: 8.33% !important;
}

.sz2 {
    width: 16.66% !important;
}

.sz3 {
    width: 25% !important;
}

.sz4 {
    width: 33.33% !important;
}

.sz5 {
    width: 41.66% !important;
}

.sz6 {
    width: 50% !important;
}

.sz7 {
    width: 58.33% !important;
}

.sz8 {
    width: 66.66% !important;
}

.sz9 {
    width: 75% !important;
}

.sz10 {
    width: 83.33% !important;
}

.sz11 {
    width: 91.66% !important;
}

.sz12 {
    width: 100% !important;
}


.w25 {
    width: 25px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w100 {
    width: 100px !important;
}

.w150 {
    width: 150px !important;
}

.w175 {
    width: 175px !important;
}

.w200 {
    width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.w350 {
    width: 350px !important;
}

.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.w600 {
    width: 600px !important;
}

.w700 {
    width: 700px !important;
}

.w800 {
    width: 800px !important;
}

.w900 {
    width: 900px !important;
}

.w1000 {
    width: 1000px !important;
}

.w1100 {
    width: 1100px !important;
}

FIELDSET.w1200 {
    width: 1200px !important;
}
/* ##       END CONTAINERS       ## */




/* -- OVERRIDES --*/

/* SLIDE ONE */
.ui-slide1 {
    width: 50px;
    height: 10px;
    background: #333;
    margin: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .ui-slide1 label {
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50px;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: -3px;
        left: -3px;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    }

    .ui-slide1 input[type=checkbox]:checked + label {
        left: 37px;
    }

    .ui-slide1 input[type=checkbox] {
        display: none;
    }

/* SLIDE TWO */
.ui-slide2 {
    width: 80px;
    height: 30px;
    background: #333;
    margin: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .ui-slide2:after {
        content: '';
        position: absolute;
        top: 14px;
        left: 14px;
        height: 2px;
        width: 52px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #111;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    }

    .ui-slide2 label {
        display: block;
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: 4px;
        z-index: 1;
        left: 4px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    }

        .ui-slide2 label:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background: #333;
            left: 6px;
            top: 6px;
            -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
        }

    .ui-slide2 input[type=checkbox]:checked + label {
        left: 54px;
    }

        .ui-slide2 input[type=checkbox]:checked + label:after {
            background: #00bf00;
        }

    .ui-slide2 input[type=checkbox] {
        display: none;
    }

/* SLIDE THREE */
.ui-slide3 {
    width: 80px;
    height: 26px;
    background: #333;
    margin: auto;
    float: left;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .ui-slide3:after {
        content: 'OFF';
        font: 12px/26px Arial, sans-serif;
        color: #000;
        position: absolute;
        right: 10px;
        z-index: 0;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .ui-slide3:before {
        content: 'ON';
        font: 12px/26px Arial, sans-serif;
        color: #00bf00;
        position: absolute;
        left: 10px;
        z-index: 0;
        font-weight: bold;
    }

    .ui-slide3 label {
        display: block;
        width: 34px;
        height: 20px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    }

    .ui-slide3 input[type=checkbox]:checked + label {
        left: 43px;
    }

    .ui-slide3 input[type=checkbox] {
        display: none;
    }

/* ROUNDED ONE */
.ui-checkboxRnd1 {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    margin: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .ui-checkboxRnd1 label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        left: 4px;
        top: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .ui-checkboxRnd1 label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: #00bf00;
            background: linear-gradient(top, #00bf00 0%, #009400 100%);
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            top: 2px;
            left: 2px;
            -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        }

        .ui-checkboxRnd1 label:hover::after {
            opacity: 0.3;
        }

    .ui-checkboxRnd1 input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

/* ROUNDED TWO */
.ui-checkboxRnd2 {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    margin: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .ui-checkboxRnd2 label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        left: 4px;
        top: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .ui-checkboxRnd2 label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 5px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg);
        }

        .ui-checkboxRnd2 label:hover::after {
            opacity: 0.3;
        }

    .ui-checkboxRnd2 input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

/* SQUARED ONE */
.ui-checkboxSq1 {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    margin: auto;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .ui-checkboxSq1 label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .ui-checkboxSq1 label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: #00bf00;
            background: linear-gradient(top, #00bf00 0%, #009400 100%);
            top: 2px;
            left: 2px;
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        }

        .ui-checkboxSq1 label:hover::after {
            opacity: 0.3;
        }

    .ui-checkboxSq1 input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

    .ui-checkboxSq1 INPUT {
        margin-top: 5px;
    }

/* SQUARED TWO */
.ui-checkboxSq2 {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    margin: auto;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .ui-checkboxSq2 label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .ui-checkboxSq2 label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg);
        }

        .ui-checkboxSq2 label:hover::after {
            opacity: 0.3;
        }

    .ui-checkboxSq2 input[type=checkbox]:checked + label:after {
        opacity: 1;
    }


/* SQUARED THREE */
.ui-checkboxSq3 {
    width: 20px;
    margin: auto;
    position: relative;
}

    .ui-checkboxSq3 label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        border-radius: 4px;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .ui-checkboxSq3 label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .ui-checkboxSq3 label:hover::after {
            opacity: 0.3;
        }

    .ui-checkboxSq3 input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

/* SQUARED FOUR */
.ui-checkboxSq4 {
    width: 20px;
    margin: auto;
    position: relative;
}

    .ui-checkboxSq4 label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        background: #fcfff4;
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    }

        .ui-checkboxSq4 label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg);
        }

        .ui-checkboxSq4 label:hover::after {
            opacity: 0.5;
        }

    .ui-checkboxSq4 input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

/* -- END OVERRIDES --*/



/* Color */
.fse-green,
.fse-sucess {
    font-size: 12pt;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #3C763D;
    text-align: left !important;
    line-height: 22px !important;
    white-space: normal !important;
    padding: 4px;
    border-radius: 8px;
    margin: 4px 14px;
}

.fse-blue,
.fse-info {
    font-size: 10pt;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #31708F;
    text-align: left !important;
    white-space: normal !important;
    padding: 4px;
    border-radius: 8px;
    margin: 4px 14px;
}

.fse-yellow,
.fse-warning {
    font-size: 10pt;
    background-color: #FFF3CD;
    color: #856434;
    text-align: left !important;
    white-space: normal !important;
    padding: 4px;
    border-radius: 8px;
    margin: 4px 14px;
}

    .fse-yellow a,
    .fse-warning a
    .fse-yellow a:active,
    .fse-warning a:active
    .fse-yellow a:visited,
    .fse-warning a:visited {
        color: #FCF8E3;
        text-decoration: underline;
    }

.fse-red,
.fse-danger {
    font-size: 10pt;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    color: #A94442;
    text-align: left !important;
    white-space: normal !important;
    padding: 4px;
    border-radius: 8px;
    margin: 4px;
}

.fse-purple {
    font-size: 10pt;
    background-color: #8177BA;
    border: 1px solid #493E87;
    color: #fff;
    text-align: left !important;
    white-space: normal !important;
    padding: 4px;
    border-radius: 8px;
    margin: 4px;
}

.fse-orange {
    font-size: 10pt;
    background-color: #F58734;
    border: 1px solid #C25706;
    color: #fff;
    text-align: left !important;
    white-space: normal !important;
    padding: 4px;
    border-radius: 8px;
    margin: 4px;
}

.etag-ui-toolbar.fuse-attrs {

}

    .etag-ui-toolbar.fuse-attrs .ui-outer {
        padding: 0;
        border-radius: 0;
        margin: 0;
        background-color:none;
        border: 0;
    }

.etag-grid.fuse-attrs {
}

    .etag-grid.fuse-attrs .grid-content {
        margin: 0;
        border: 0;
    }


        .etag-grid.fuse-attrs .grid-content .item.group {
            background-color: #ececec;
        }

        .etag-grid.fuse-attrs .grid-content .item {
            border-bottom: 1px solid #f2f2f2;
        }


    .etag-grid.fuse-attrs .content-body .data-cell,
    .etag-grid.fuse-attrs .content-body .selector-cell {
        padding: 4px;
        font-size: 14px;
    }


    .etag-grid.fuse-attrs .content-body .data-cell > DIV,
    .etag-grid.fuse-attrs .content-body .selector-cell > DIV {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }


/* Base hint style */
.fse-hint {
    display: block;
    margin: 6px 0 10px;
    padding: 8px 10px;
    font-size: 0.92rem;
    line-height: 1.35;
    color: #3c4858; /* Muted text */
    background: #f6f8fb; /* Subtle panel */
    border: 1px solid #e6ecf5;
    border-radius: 6px;
}

    /* Optional: place an info icon via CSS only */
    .fse-hint::before {
        content: ""; /* Font Awesome 'info-circle' (fal/fa) */
        font-family: "Font Awesome 5 Pro","Font Awesome 5 Free", "Font Awesome 6 Pro", "Font Awesome 6 Free", sans-serif;
        font-weight: 300; /* 'fal' light weight */
        display: inline-block;
        margin-right: 8px;
        opacity: 0.8;
    }

/* Compact variant when used inside dense rows */
.fse-form .fse-hint {
    margin-top: 2px;
    margin-bottom: 8px;
}

/* Dark mode (respects prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
    .fse-hint {
        color: #d9e2ec;
        background: #1a2230;
        border-color: #2a3446;
    }

        .fse-hint::before {
            opacity: 0.9;
        }
}

/* If you stack multiple hints, separate them slightly */
.fse-hint + .fse-hint {
    margin-top: 8px;
}

/* If hint sits right under a .fse-title, tuck it tighter */
.fse-title + .fse-hint {
    margin-top: 4px;
}
