.iw-vm-draft-recover-queue-modal{position:fixed;inset:0;z-index:1050;pointer-events:none;background:rgba(0,0,0,0)}.iw-vm-draft-recover-queue-modal .iw-vm-draft-recover-queue-dialog{position:absolute;bottom:24px;left:0;right:0;margin:0 auto;width:300px;max-width:calc(100vw - 32px);pointer-events:auto;background:#fff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.3);overflow:hidden}.iw-vm-draft-recover-queue-modal .modal-header{padding:12px 16px;border-bottom:1px solid #e5e5e5}.iw-vm-draft-recover-queue-modal .modal-title{margin:0;font-size:16px;line-height:1.4}.iw-vm-draft-recover-queue-modal .modal-body{padding:16px}.iw-vm-draft-recover-queue-modal .vm-draft-recover-queue-dots{margin-bottom:12px}.iw-vm-draft-recover-queue-modal .vm-draft-recover-queue-dot{display:inline-block} .iux-alerts-provider:not(:hover) .close-current{display:none} .index.iw-has-new-dashboard>.dashboard{display:none}.iw-dashboard-new{position:relative}.iw-dashboard-greeting{gap:16px 24px;margin:0 -48px 28px;padding:22px 48px;min-height:115px;border-bottom:1px solid var(--color-base-300)}.iw-dashboard-greeting-spacer{flex:0 1 720px;min-width:0}.iw-dashboard-widgets-header{position:absolute;top:22px;right:48px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:12px;width:720px;max-width:calc(100% - 96px)}.iw-dashboard-widgets-header>iw-remote-widgets[region=home-header]{display:flex;flex:1 1 auto;min-width:0}.iw-dashboard-greeting-widget{flex:1 1 auto;min-width:0;width:100%}.iw-dashboard-widgets-header:not(:has(iw-remote-widgets[region=home-header]>*)){display:none}@media(max-width: 1536px){.iw-dashboard-widgets-header{width:640px}}@media(max-width: 1280px){.iw-dashboard-widgets-header{width:520px}}@media(max-width: 1024px){.iw-dashboard-widgets-header{width:420px}}@media(max-width: 768px){.iw-dashboard-widgets-header{width:320px}}@media(max-width: 640px){.iw-dashboard-widgets-header{left:48px;width:auto;max-width:none}}.iw-dashboard-modules{grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));gap:14px}.iw-dashboard-module-icon{box-shadow:inset 0 0 0 44px rgba(255,255,255,.74)}.iw-dashboard-widgets-home{--iw-home-radius: 6px}.iw-dashboard-widgets-home .masonry-item:not(:has(*)){display:none}.iw-dashboard-widgets-home .panel{border-radius:var(--iw-home-radius)}.iw-dashboard-widgets-home .panel>.panel-heading,.iw-dashboard-widgets-home .panel>.table:first-child,.iw-dashboard-widgets-home .panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:calc(var(--iw-home-radius) - 1px);border-top-right-radius:calc(var(--iw-home-radius) - 1px)}.iw-dashboard-widgets-home .panel>.panel-footer:last-child,.iw-dashboard-widgets-home .panel>.table:last-child,.iw-dashboard-widgets-home .panel>.table-responsive:last-child>.table:last-child{border-bottom-left-radius:calc(var(--iw-home-radius) - 1px);border-bottom-right-radius:calc(var(--iw-home-radius) - 1px)}.iw-dashboard-widgets-home .panel>:last-child .table:last-child>tbody:last-child>tr:last-child>:is(td,th):first-child,.iw-dashboard-widgets-home .panel>.table:last-child>tbody:last-child>tr:last-child>:is(td,th):first-child{border-bottom-left-radius:calc(var(--iw-home-radius) - 1px)}.iw-dashboard-widgets-home .panel>:last-child .table:last-child>tbody:last-child>tr:last-child>:is(td,th):last-child,.iw-dashboard-widgets-home .panel>.table:last-child>tbody:last-child>tr:last-child>:is(td,th):last-child{border-bottom-right-radius:calc(var(--iw-home-radius) - 1px)} .iw-mh-host{position:relative;container-type:inline-size;container-name:iw-mh-host}.iw-mh{container-type:inline-size;container-name:iw-mh;min-height:calc(100vh - 50px);padding:24px 0 28px;font-weight:400}.iw-mh-bar-widgets{position:absolute;top:24px;left:0;right:0;z-index:2;box-sizing:border-box;max-width:1600px;margin-inline:auto;padding-inline:48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.iw-mh-bar-widgets:not(:has(iw-remote-widgets[region=module-home-bar]>*)){display:none}@container iw-mh-host (max-width: 720px){.iw-mh-bar-widgets{padding-inline:20px}}@supports not (container-type: inline-size){@media(max-width: 860px){.iw-mh-bar-widgets{padding-inline:20px}}}.iw-mh-bar,.iw-mh-content{box-sizing:border-box;max-width:1600px;margin-inline:auto;padding-inline:48px}.iw-mh-bar{margin-block:0 24px;padding-block:0 14px;font-size:12.5px;line-height:1.4}.iw-mh-bar:not(:has(.iw-mh-bar-legend)):not(:has(.iw-mh-bar-item)){display:none}.iw-mh-bar-item{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.iw-mh-bar-item>.iw-mh-sb-label{color:var(--color-base-content);opacity:.6}.iw-mh-bar-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--color-base-300);border-radius:var(--radius-field, 6px);background:var(--color-base-100);color:var(--color-info);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.iw-mh-bar-btn>i{font-size:11px}.iw-mh-bar-btn:hover,.iw-mh-bar-btn:focus{background:var(--color-base-200)}.iw-mh-sb-more{position:relative;display:inline-flex}.iw-mh-bar-menu{position:absolute;right:0;top:34px;z-index:5;width:290px;padding:6px;border:1px solid var(--color-base-300);border-radius:var(--radius-box, 6px);background:var(--color-base-100);box-shadow:0 10px 28px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.08)}.iw-mh-bar-menu-label{padding:8px 10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-base-content);opacity:.6}.iw-mh-bar-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 10px;border:0;border-radius:var(--radius-field, 6px);background:none;color:var(--color-base-content);font-size:13px;line-height:1.3;text-align:left;cursor:pointer}.iw-mh-bar-menu-item>i{flex:none;color:var(--color-info)}.iw-mh-bar-menu-item-user>i{color:var(--color-base-content);opacity:.55}.iw-mh-bar-menu-item:hover,.iw-mh-bar-menu-item:focus{background:color-mix(in srgb, var(--color-info) 12%, transparent);color:var(--color-info)}.iw-mh-area+.iw-mh-area{margin-top:30px}.iw-mh-area-link:hover .iw-mh-area-title,.iw-mh-area-link:focus .iw-mh-area-title{color:var(--color-primary)}.iw-mh-area-arrow{color:var(--color-primary);opacity:0;transition:opacity .12s ease}.iw-mh-area-link:hover .iw-mh-area-arrow,.iw-mh-area-link:focus .iw-mh-area-arrow{opacity:1}.iw-mh-groups{columns:2;column-gap:16px}.iw-mh-group{break-inside:avoid;margin:0 0 16px}.iw-mh-screen{transition:background-color .12s ease}.iw-mh-screen-main:hover,.iw-mh-screen-main:focus,.iw-mh-screen:hover .iw-mh-screen-main,.iw-mh-screen:focus-within .iw-mh-screen-main{text-decoration:none}.iw-mh-screen:hover .iw-mh-screen-icon,.iw-mh-screen:focus-within .iw-mh-screen-icon{color:var(--color-primary)}.iw-mh-screen-arrow{color:var(--color-primary);opacity:0;transition:opacity .12s ease}.iw-mh-screen:hover,.iw-mh-screen:focus-within{background:var(--color-base-200)}.iw-mh-screen:hover .iw-mh-screen-name,.iw-mh-screen:focus-within .iw-mh-screen-name{color:var(--color-primary)}.iw-mh-screen:hover .iw-mh-screen-arrow,.iw-mh-screen:focus-within .iw-mh-screen-arrow{opacity:1}@container iw-mh (max-width: 720px){.iw-mh-bar,.iw-mh-content{padding-inline:20px}.iw-mh-groups{columns:1}}@supports not (container-type: inline-size){@media(max-width: 860px){.iw-mh-bar,.iw-mh-content{padding-inline:20px}.iw-mh-groups{columns:1}}}@media(prefers-reduced-motion: reduce){.iw-mh-screen,.iw-mh-screen-arrow,.iw-mh-area-arrow{transition:none}} ll-omni tags-input#omniTagsInput{display:table-cell;width:100%;max-width:0;position:relative;vertical-align:top;height:32.2px;border-radius:var(--radius-field)}ll-omni tags-input#omniTagsInput .host{width:100%;position:relative;padding:0 !important;border:none !important}ll-omni tags-input#omniTagsInput .tags{display:contents !important}ll-omni tags-input#omniTagsInput:not(:focus-within) .host{display:flex;align-items:center;height:32.2px;max-height:32.2px;background-color:var(--color-base-100);border:1px solid var(--color-base-300) !important;padding-left:5px !important;border-radius:var(--radius-field);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}ll-omni tags-input#omniTagsInput:not(:focus-within) .host ul.tag-list{order:1;display:flex;flex-wrap:nowrap}ll-omni tags-input#omniTagsInput:not(:focus-within) .host .tags-counter{order:2;display:flex !important;margin:0 8px 0 5px;align-items:center}ll-omni tags-input#omniTagsInput:not(:focus-within) .host .input,ll-omni tags-input#omniTagsInput:not(:focus-within) .host input{order:3;flex:1;width:100% !important;min-width:50px;text-overflow:ellipsis}@media(width < 60rem){ll-omni tags-input#omniTagsInput:not(:focus-within) .host ul.tag-list .tag-item:nth-child(n+2){display:none !important}}@media(width >= 60rem)and (width < 75rem){ll-omni tags-input#omniTagsInput:not(:focus-within) .host ul.tag-list .tag-item:nth-child(n+3){display:none !important}}@media(width >= 75rem)and (width < 90rem){ll-omni tags-input#omniTagsInput:not(:focus-within) .host ul.tag-list .tag-item:nth-child(n+4){display:none !important}}@media(width >= 90rem)and (width < 105rem){ll-omni tags-input#omniTagsInput:not(:focus-within) .host ul.tag-list .tag-item:nth-child(n+5){display:none !important}}@media(width >= 105rem){ll-omni tags-input#omniTagsInput:not(:focus-within) .host ul.tag-list .tag-item:nth-child(n+6){display:none !important}}ll-omni tags-input#omniTagsInput:focus-within .host{position:absolute;top:0;left:0;right:0;z-index:200;display:flex;flex-direction:column;border:1px solid var(--color-info) !important;background-color:var(--color-base-100) !important;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--radius-field);height:auto !important;min-height:32.2px;padding:0 5px !important}ll-omni tags-input#omniTagsInput:focus-within .host .tags-counter{display:none !important}ll-omni tags-input#omniTagsInput:focus-within .host ul.tag-list .tag-item{display:block !important}ll-omni tags-input#omniTagsInput:focus-within .host .input,ll-omni tags-input#omniTagsInput:focus-within .host input{order:-1;width:100% !important}ll-omni tags-input#omniTagsInput:focus-within .host l.tag-list:not(:has(.tag-item)){display:none !important}ll-omni tags-input#omniTagsInput:focus-within .host ul.tag-list{order:1;display:flex;flex-wrap:wrap;width:100%;max-height:220px;overflow-y:auto;padding:0 0 5px 0}ll-omni tags-input#omniTagsInput:focus-within .host:has(input:not(:placeholder-shown)):has(.suggestion-item) ul.tag-list{display:none !important}ll-omni tags-input#omniTagsInput:focus-within .host:has(input:placeholder-shown) auto-complete .autocomplete{display:none !important}ll-omni tags-input#omniTagsInput:focus-within .host auto-complete{margin:0 -5px 0 -5px !important;width:calc(100% + 10px) !important;box-sizing:border-box}ll-omni tags-input#omniTagsInput ul.tag-list .tag-item{max-width:100%;min-width:0;white-space:nowrap}ll-omni tags-input#omniTagsInput .tag-template{max-width:100%}ll-omni tags-input#omniTagsInput .tag-template label-tag-template,ll-omni tags-input#omniTagsInput .tag-template strong.view-tag-template,ll-omni tags-input#omniTagsInput .tag-template .remove-button{display:inline-block} @media(width >= 75rem)and (width < 80rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(5 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+4 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(5 of .navbar-item:not(.ghost-navbar-item))) :nth-child(3 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(5 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+3 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+4 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(3 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+4 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(3 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(6 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+5 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(6 of .navbar-item:not(.ghost-navbar-item))) :nth-child(4 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(6 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+4 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+5 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(4 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+5 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(4 of .menu-group){display:revert}}@media(width >= 80rem)and (width < 88rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(6 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+5 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(6 of .navbar-item:not(.ghost-navbar-item))) :nth-child(4 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(6 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+4 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+5 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(4 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+5 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(4 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(7 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+6 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(7 of .navbar-item:not(.ghost-navbar-item))) :nth-child(5 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(7 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+5 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+6 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(5 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+6 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(5 of .menu-group){display:revert}}@media(width >= 88rem)and (width < 96rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(7 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+6 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(7 of .navbar-item:not(.ghost-navbar-item))) :nth-child(5 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(7 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+5 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+6 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(5 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+6 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(5 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(8 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+7 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(8 of .navbar-item:not(.ghost-navbar-item))) :nth-child(6 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(8 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+6 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+7 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(6 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+7 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(6 of .menu-group){display:revert}}@media(width >= 96rem)and (width < 104rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(8 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+7 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(8 of .navbar-item:not(.ghost-navbar-item))) :nth-child(6 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(8 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+6 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+7 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(6 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+7 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(6 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(9 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+8 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(9 of .navbar-item:not(.ghost-navbar-item))) :nth-child(7 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(9 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+7 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+8 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(7 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+8 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(7 of .menu-group){display:revert}}@media(width >= 104rem)and (width < 112rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(9 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+8 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(9 of .navbar-item:not(.ghost-navbar-item))) :nth-child(7 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(9 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+7 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+8 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(7 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+8 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(7 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(10 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+9 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(10 of .navbar-item:not(.ghost-navbar-item))) :nth-child(8 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(10 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+8 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+9 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(8 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+9 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(8 of .menu-group){display:revert}}@media(width >= 112rem)and (width < 120rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(10 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+9 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(10 of .navbar-item:not(.ghost-navbar-item))) :nth-child(8 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(10 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+8 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+9 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(8 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+9 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(8 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(11 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+10 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(11 of .navbar-item:not(.ghost-navbar-item))) :nth-child(9 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(11 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+9 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+10 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(9 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+10 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(9 of .menu-group){display:revert}}@media(width >= 120rem){nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(11 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+10 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu:has(:nth-child(11 of .navbar-item:not(.ghost-navbar-item))) :nth-child(9 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile:has(.dropdown-menu :nth-child(11 of .menu-group)){display:block !important}nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu :nth-child(-n+9 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu :nth-child(n+10 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(9 of .menu-group),nav .top-nav:has(.module-menu .ghost-navbar-item):has(.module-menu__mobile .dropdown-menu :nth-child(n+10 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(9 of .menu-group){display:revert}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(12 of .navbar-item:not(.ghost-navbar-item))) :nth-child(n+11 of .navbar-item:not(.ghost-navbar-item)):not(.active),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu:has(:nth-child(12 of .navbar-item:not(.ghost-navbar-item))) :nth-child(10 of .navbar-item:not(.ghost-navbar-item)):has(~.navbar-item:not(.ghost-navbar-item).active){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile:has(.dropdown-menu :nth-child(12 of .menu-group)){display:block !important}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu :nth-child(-n+10 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)) .module-menu__mobile .dropdown-menu .menu-group:is(.selected,.active,:has(.selected,.active)){display:none}nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu :nth-child(n+11 of .navbar-item:not(.ghost-navbar-item)).active) .module-menu__mobile .dropdown-menu :nth-child(10 of .menu-group),nav .top-nav:not(:has(.module-menu .ghost-navbar-item)):has(.module-menu__mobile .dropdown-menu :nth-child(n+11 of .menu-group):is(.selected,:has(.selected))) .module-menu__mobile .dropdown-menu :nth-child(10 of .menu-group){display:revert}} /* stopping ring animation */ .top-nav .faa-ring { -webkit-animation-iteration-count: 3; -moz-animation-iteration-count: 3; -ms-animation-iteration-count: 3; -o-animation-iteration-count: 3; animation-iteration-count: 3; } /* spin reverse animation*/ .faa-spin-reverse.animated, .faa-spin-reverse.animated-hover:hover { -moz-animation: spin 1.5s infinite linear reverse; -webkit-animation: spin 1.5s infinite linear reverse; -ms-animation: spin 1.5s infinite linear reverse; animation: spin 1.5s infinite linear reverse; } /* ###################### flags #####################*/ .pointer { cursor: pointer !important; } /* Position */ .pos-absolute { position: absolute !important; } .pos-relative { position: relative !important; } /* Line Height */ .line-height-1 { line-height: 1 !important; } .line-height-2 { line-height: 2 !important; } .line-height-3 { line-height: 3 !important; } .line-height-4 { line-height: 4 !important; } .line-height-5 { line-height: 5 !important; } /* Whitespace */ .whitespace-nowrap { white-space: nowrap !important; } .nowrap { white-space: nowrap !important; } .whitespace-pre { white-space: pre !important; } .whitespace-preline { white-space: pre-line !important; } /* MARGINS AND PADDINGS */ .margin-lg { margin: 15px !important; } .margin-top-lg { margin-top: 15px !important; } .margin-right-lg { margin-right: 15px !important; } .margin-bottom-lg { margin-bottom: 15px !important; } .margin-left-lg { margin-left: 15px !important; } .padding-lg { padding: 15px !important; } .padding-top-lg { padding-top: 15px !important; } .padding-right-lg { padding-right: 15px !important; } .padding-bottom-lg { padding-bottom: 15px !important; } .padding-left-lg { padding-left: 15px !important; } .padding-horizontal-lg { padding-left: 15px !important; padding-right: 15px !important; } .padding-vertical-lg { padding-bottom: 15px !important; padding-top: 15px !important; } .margin-horizontal-lg { margin-left: 15px !important; margin-right: 15px !important; } .margin-vertical-lg { margin-top: 15px !important; margin-bottom: 15px !important; } .margin-sm { margin: 5px !important; } .margin-top-sm { margin-top: 5px !important; } .margin-right-sm { margin-right: 5px !important; } .margin-bottom-sm { margin-bottom: 5px !important; } .margin-left-sm { margin-left: 5px !important; } .padding-sm { padding: 5px !important; } .padding-top-sm { padding-top: 5px !important; } .padding-right-sm { padding-right: 5px !important; } .padding-bottom-sm { padding-bottom: 5px !important; } .padding-left-sm { padding-left: 5px !important; } .padding-horizontal-sm { padding-left: 5px !important; padding-right: 5px !important; } .padding-vertical-sm { padding-bottom: 5px !important; padding-top: 5px !important; } .margin-horizontal-sm { margin-left: 5px !important; margin-right: 5px !important; } .margin-vertical-sm { margin-top: 5px !important; margin-bottom: 5px !important; } .margin-xs { margin: 2px !important; } .margin-top-xs { margin-top: 2px !important; } .margin-right-xs { margin-right: 2px !important; } .margin-bottom-xs { margin-bottom: 2px !important; } .margin-left-xs { margin-left: 2px !important; } .padding-xs { padding: 2px !important; } .padding-top-xs { padding-top: 2px !important; } .padding-right-xs { padding-right: 2px !important; } .padding-bottom-xs { padding-bottom: 2px !important; } .padding-left-xs { padding-left: 2px !important; } .padding-horizontal-xs { padding-left: 2px !important; padding-right: 2px !important; } .padding-vertical-xs { padding-bottom: 2px !important; padding-top: 2px !important; } .margin-horizontal-xs { margin-left: 2px !important; margin-right: 2px !important; } .margin-vertical-xs { margin-top: 2px !important; margin-bottom: 2px !important; } .margin-xl { margin: 20px !important; } .margin-top-xl { margin-top: 20px !important; } .margin-right-xl { margin-right: 20px !important; } .margin-bottom-xl { margin-bottom: 20px !important; } .margin-left-xl { margin-left: 20px !important; } .padding-xl { padding: 20px !important; } .padding-top-xl { padding-top: 20px !important; } .padding-right-xl { padding-right: 20px !important; } .padding-bottom-xl { padding-bottom: 20px !important; } .padding-left-xl { padding-left: 20px !important; } .padding-horizontal-xl { padding-left: 20px !important; padding-right: 20px !important; } .padding-vertical-xl { padding-bottom: 20px !important; padding-top: 20px !important; } .margin-horizontal-xl { margin-left: 20px !important; margin-right: 20px !important; } .margin-vertical-xl { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-md { margin: 10px !important; } .margin-top-md { margin-top: 10px !important; } .margin-right-md { margin-right: 10px !important; } .margin-bottom-md { margin-bottom: 10px !important; } .margin-left-md { margin-left: 10px !important; } .padding-md { padding: 10px !important; } .padding-top-md { padding-top: 10px !important; } .padding-right-md { padding-right: 10px !important; } .padding-bottom-md { padding-bottom: 10px !important; } .padding-left-md { padding-left: 10px !important; } .padding-horizontal-md { padding-left: 10px !important; padding-right: 10px !important; } .padding-vertical-md { padding-bottom: 10px !important; padding-top: 10px !important; } .margin-horizontal-md { margin-left: 10px !important; margin-right: 10px !important; } .margin-vertical-md { margin-top: 10px !important; margin-bottom: 10px !important; } .no-margin { margin: 0px !important; } .no-margin-top { margin-top: 0px !important; } .no-margin-right { margin-right: 0px !important; } .no-margin-bottom { margin-bottom: 0px !important; } .no-margin-left { margin-left: 0px !important; } .margin-left-auto { margin-left: auto !important; } .margin-right-auto { margin-right: auto !important; } .no-padding { padding: 0px !important; } .no-padding-top { padding-top: 0px !important; } .no-padding-right { padding-right: 0px !important; } .no-padding-bottom { padding-bottom: 0px !important; } .no-padding-left { padding-left: 0px !important; } /* BORDERS */ .no-border { border: 0 !important; } .no-border-top { border-top: 0 !important; } .no-border-left { border-left: 0 !important; } .no-border-bottom { border-bottom: 0 !important; } .no-border-right { border-right: 0 !important; } .force-inline { display: inline !important; } .ng-file-over { border: 2px dashed var(--color-info); } .table-hover .always-hover { background-color: var(--color-base-200) !important; } .break-word { word-break: break-word; } /* ----------------------- Icon Select ----------------------- */ .icon-select { width: 100%; } .icon-select button.dropdown-toggle { width: 100%; text-align: left; } .icon-select ul { padding: 0; position: absolute; top: 100%; left: 0; right: 0; margin-top: -2px; max-height: 200px; overflow-y: auto; display: none !important; } .icon-select.open > ul.dropdown-menu { display: block !important; } .icon-select li { padding: 5px 15px; } .icon-select li.selected { background-color: var(--color-base-300) !important; } .icon-select li:hover { font-weight: bold; background-color: var(--color-base-200); } .icon-select li:hover i { color: var(--color-info); } .ui-select select { margin: 0 0 5px 0; width: 100%; } /* ----------------------- Table ----------------------- */ .table-hscroll { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid var(--color-base-300); -webkit-overflow-scrolling: touch; } .table-hscroll > .table { margin-bottom: 0; } .table-hscroll > .table > thead > tr > th, .table-hscroll > .table > thead > tr > td, .table-hscroll > .table > tbody > tr > th, .table-hscroll > .table > tbody > tr > td, .table-hscroll > .table > tfoot > tr > th, .table-hscroll > .table > tfoot > tr > td { white-space: nowrap; } .table-hscroll > .table-bordered { border: 0; } .table-hscroll > .table-bordered > thead > tr > th:first-child, .table-hscroll > .table-bordered > thead > tr > td:first-child, .table-hscroll > .table-bordered > tbody > tr > th:first-child, .table-hscroll > .table-bordered > tbody > tr > td:first-child, .table-hscroll > .table-bordered > tfoot > tr > th:first-child, .table-hscroll > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-hscroll > .table-bordered > thead > tr > th:last-child, .table-hscroll > .table-bordered > thead > tr > td:last-child, .table-hscroll > .table-bordered > tbody > tr > th:last-child, .table-hscroll > .table-bordered > tbody > tr > td:last-child, .table-hscroll > .table-bordered > tfoot > tr > th:last-child, .table-hscroll > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-hscroll > .table-bordered > tbody > tr:last-child > th, .table-hscroll > .table-bordered > tbody > tr:last-child > td, .table-hscroll > .table-bordered > tfoot > tr:last-child > th, .table-hscroll > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } /* ----------------------- Alert ----------------------- */ .alert-close-button { margin: 10px 15px; } .alert-box { padding: 0 15px 0 15px; width: 100%; } .alert-box .callout { margin-bottom: 5px; } /* ---------------------- hover behavior ---------------------- */ .danger-on-hover:hover { color: var(--color-error) !important; } .success-on-hover:hover { color: var(--color-success) !important; } .warning-on-hover:hover { color: var(--color-warning) !important; } .info-on-hover:hover { color: var(--color-info) !important; } .primary-on-hover:hover { color: var(--color-info) !important; } .default-on-hover:hover { color: var(--color-base-300) !important; } .danger-bg-on-hover:hover { background-color: var(--color-error); border-color: var(--color-error); } /* ---------------------- tags-input ---------------------- */ tags-input.ng-invalid .tags { border-color: var(--color-error); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } tags-input.ng-invalid .tags:focus { border-color: var(--color-error); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--color-error); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--color-error); } tags-input .host { margin: 0; } a.passive { color: var(--color-base-content); } a.passive:hover { text-decoration: none; font-weight: bold; } a.passive:visited { text-decoration: none; } a.passive:active { text-decoration: none; } /* ---------------------- form inputs ---------------------- */ .input-group-btn .inside-select { padding-top: 7px; } textarea.form-control { max-width: 100%; width: 100%; height: auto; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } .ui-checkbox input[type='checkbox'] + span:before { background-color: var(--color-base-100); } /* ------------------------- font-awesome ------------------------- */ .fa-glyph-size { font-size: 1.3em; } /* ------------------------- text ------------------------- */ .strong { font-weight: bold; } .calendar-today, .calendar-today.btn, .calendar-today.btn.btn-default { font-weight: bolder; background-color: var(--color-base-300); border-color: var(--color-base-300); } .calendar-today span, .calendar-today.btn span, .calendar-today.btn.btn-default span { color: var(--color-neutral); } .fa-sub { position: relative; vertical-align: -0.5em; font-size: 0.75em; } .fa-sup { position: relative; vertical-align: 0.5em; font-size: 0.75em; } .del-text { text-decoration: line-through; } /* ------------------------- transform ------------------------- */ .opacity-md { opacity: 0.5; } .opacity-lg { opacity: 0.3; } .delay-animation-100 { transition-delay: 0.1s !important; } .delay-animation-200 { transition-delay: 0.3s !important; } .delay-animation-300 { transition-delay: 0.3s !important; } .delay-animation-400 { transition-delay: 0.4s !important; } .delay-animation-500 { transition-delay: 0.5s !important; } /* --- tabs --- */ .nav-tabs a { cursor: pointer; } /* ----- text-transformations -------- */ .uppercase { text-transform: uppercase; } .input-uppercase input { text-transform: uppercase; } .wrap { text-wrap: wrap; } /* ---- border ---- */ .border-lg { border-width: 10px; border-style: solid; } .border-sm { border-width: 3px; border-style: solid; } .border-xs { border-width: 1px; border-style: solid; } .border-xl { border-width: 15px; border-style: solid; } .border-md { border-width: 5px; border-style: solid; } .no-border { border: none; } .border-top-lg { border-top-width: 10px !important; border-top-style: solid; } .border-top-sm { border-top-width: 3px !important; border-top-style: solid; } .border-top-xs { border-top-width: 1px !important; border-top-style: solid; } .border-top-xl { border-top-width: 15px !important; border-top-style: solid; } .border-top-md { border-top-width: 5px !important; border-top-style: solid; } .border-right-lg { border-right-width: 10px !important; border-right-style: solid; } .border-right-sm { border-right-width: 3px !important; border-right-style: solid; } .border-right-xs { border-right-width: 1px !important; border-right-style: solid; } .border-right-xl { border-right-width: 15px !important; border-right-style: solid; } .border-right-md { border-right-width: 5px !important; border-right-style: solid; } .border-bottom-lg { border-bottom-width: 10px !important; border-bottom-style: solid; } .border-bottom-sm { border-bottom-width: 3px !important; border-bottom-style: solid; } .border-bottom-xs { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-bottom-xl { border-bottom-width: 15px !important; border-bottom-style: solid; } .border-bottom-md { border-bottom-width: 5px !important; border-bottom-style: solid; } .border-left-lg { border-left-width: 10px !important; border-left-style: solid; } .border-left-sm { border-left-width: 3px !important; border-left-style: solid; } .border-left-xs { border-left-width: 1px !important; border-left-style: solid; } .border-left-xl { border-left-width: 15px !important; border-left-style: solid; } .border-left-md { border-left-width: 5px !important; border-left-style: solid; } .border-radius-lg { border-radius: 10px !important; } .border-radius-sm { border-radius: 3px !important; } .border-radius-xs { border-radius: 1px !important; } .border-radius-xl { border-radius: 15px !important; } .border-radius-md { border-radius: 5px !important; } .no-border-radius { border-radius: 0px !important; } .border-radius-top-lg { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .border-radius-top-sm { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .border-radius-top-xs { border-top-left-radius: 1px !important; border-top-right-radius: 1px !important; } .border-radius-top-xl { border-top-left-radius: 15px !important; border-top-right-radius: 15px !important; } .border-radius-top-md { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .no-border-radius-top { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .border-radius-bottom-lg { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } .border-radius-bottom-sm { border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; } .border-radius-bottom-xs { border-bottom-left-radius: 1px !important; border-bottom-right-radius: 1px !important; } .border-radius-bottom-xl { border-bottom-left-radius: 15px !important; border-bottom-right-radius: 15px !important; } .border-radius-bottom-md { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .no-border-radius-bottom { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .border-radius-left-lg { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .border-radius-left-sm { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .border-radius-left-xs { border-top-left-radius: 1px !important; border-bottom-left-radius: 1px !important; } .border-radius-left-xl { border-top-left-radius: 15px !important; border-bottom-left-radius: 15px !important; } .border-radius-left-md { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .no-border-radius-left { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .border-radius-right-lg { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .border-radius-right-sm { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .border-radius-right-xs { border-top-right-radius: 1px !important; border-bottom-right-radius: 1px !important; } .border-radius-right-xl { border-top-right-radius: 15px !important; border-bottom-right-radius: 15px !important; } .border-radius-right-md { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .no-border-radius-right { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .font-size-xs, .font-size-xs pre { font-size: 10px !important; } .font-size-sm, .font-size-sm pre { font-size: 12px !important; } .font-size-md, .font-size-md pre { font-size: 14px !important; } .font-size-lg, .font-size-lg pre { font-size: 16px !important; } .font-size-xl, .font-size-xl pre { font-size: 18px !important; } .dropright .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { margin-left: 2px; right: auto; top: 0; left: 100%; } .floating-window { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); } .floating-window.moving { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3) !important; } .modal-dialog.floating-window .modal-content { height: 100%; overflow: auto; } .modal-dialog.floating-window .modal-header { min-height: 70px; } .modal-dialog.floating-window .modal-footer { min-height: 74px; } .modal-dialog.floating-window .modal-body { flex: 1; } .modal-dialog.floating-window .floating-window-content-container { display: flex; flex-direction: column; /* max-height: calc(100vh - 60px); */ } .floating-window-resize-btn { width: 15px; height: 15px; position: absolute; visibility: hidden; overflow: hidden; display: none; } .floating-window-resize-left { display: none; position: absolute; top: 0; left: -1px; bottom: 0; width: 5px; cursor: ew-resize; z-index: 2; } .floating-window-resize-right { display: none; position: absolute; top: 0; right: -1px; bottom: 0; width: 5px; cursor: ew-resize; z-index: 2; } .floating-window-resize-top { display: none; position: absolute; right: 0; left: 0; top: -3px; height: 8px; cursor: ns-resize; z-index: 2; } .floating-window-resize-bottom { display: none; position: absolute; right: 0; left: 0; bottom: -1px; height: 5px; cursor: ns-resize; z-index: 2; } .floating-window .floating-window-resize-btn, .floating-window .floating-window-resize-left, .floating-window .floating-window-resize-right, .floating-window .floating-window-resize-top, .floating-window .floating-window-resize-bottom { display: block; } .modal { padding: 0 !important; .modal-dialog { .modal-header, .modal-body, .modal-footer { float: unset; &::after { content: ''; display: block; clear: both; } } .modal-header, .modal-footer { position: sticky !important; z-index: 103; background-color: var(--color-base-100); } .modal-header { top: 0; } .modal-footer { bottom: 0; } } } /* * Globally disable the Bootstrap modal open movement animation. * * The vendor flatify CSS slides the dialog in via a transform * (`.modal.fade .modal-dialog` translates from `translate(0, -25%)` to * `translate(0, 0)` with `transition: transform 0.3s`). We pin the transform * to its resting position and drop the transition so the dialog appears * without motion. The `.modal-backdrop` fade (opacity 0 -> 0.5) is left * untouched, so the backdrop transparency is preserved. */ .modal.fade .modal-dialog, .modal.in .modal-dialog { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .floating-window-handle { height: 25px; position: absolute; width: 100%; top: 0; left: 0; cursor: grab; text-align: right; z-index: 2; } .floating-window-handle-icon { position: absolute; margin: auto; width: 100%; text-align: center; pointer-events: none; font-size: 10px; color: var(--color-base-300); top: 2px; } .not-movable .floating-window-handle { display: none !important; } .floating-window-minimize-button, .floating-window-close-button { padding: 0; width: 20px; height: 20px; margin: 0; border-radius: 0; border: none; background-color: transparent; outline: none; } .floating-window-minimize-button > i { position: relative; top: -5px; font-size: 11px; } .floating-window-minimize-button:hover { background-color: color-mix(in srgb, var(--color-base-300) 42%, transparent); } .floating-window-minimize-button:active { background-color: color-mix(in srgb, var(--color-base-300) 77%, transparent); } .floating-window-close-button > i { position: relative; top: -1px; } .floating-window-close-button:hover { background-color: var(--color-error); color: var(--color-error-content); } .floating-window-close-button:active { background-color: var(--color-error); color: var(--color-error-content); } .minimized-windows-container { position: fixed; bottom: 0; right: 0; left: 0; z-index: 1100; padding: 0 13px; display: flex; justify-content: flex-end; pointer-events: none; } .minimized-windows-container > .minimized-window { height: 40px; flex: 1; max-width: 250px; cursor: pointer; display: inline-block; margin: 0; background-color: var(--color-neutral); color: var(--color-neutral-content); border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 2px 0px 4px 0 rgba(0, 0, 0, 0.14); display: flex; flex-direction: row; align-items: center; margin: 0 3px; padding: 11px; overflow: hidden; pointer-events: auto; } .minimized-windows-container > .minimized-window > span { width: 100px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; line-height: 37px; vertical-align: text-top; flex: 1; margin-right: 3px; text-align: left; } .iw-menu { background: var(--tw-color-charade-950); display: flex; height: 50px; flex-wrap: nowrap; padding-left: 10px; } .iw-menu .iw-menu-logo { align-self: stretch; line-height: 50px; margin-right: 5px; } .iw-menu .iw-menu-selector { color: var(--color-neutral-content); display: flex; align-self: stretch; line-height: 50px; flex: 0 0 auto; align-items: center; padding: 0px 10px; margin-right: 10px; cursor: pointer; background-color: var(--tw-color-charade-950); } .iw-menu .iw-menu-selector.active { background-color: var(--tw-color-charade-900); } .iw-menu .iw-menu-selector .iw-menu-module { color: var(--color-neutral-content); line-height: 25px; align-items: center; padding: 4px 15px 7px 0px; } .iw-menu .iw-menu-selector .iw-menu-module .iw-menu-module-name { color: var(--color-neutral-content); font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; align-items: center; } .iw-menu .iw-menu-selector .iw-menu-module .iw-menu-module-feature { color: var(--color-neutral-content); align-items: center; font-style: normal; font-weight: bold; font-size: 18px; line-height: 18px; } .iw-menu .iw-menu-selector .iw-menu-selector-icon { color: var(--color-neutral-content); font-size: 22px; } .iw-menu .iw-menu-system { color: var(--color-neutral-content); font-style: normal; font-weight: normal; font-size: 14px; line-height: 50px; } .iw-menu-widgets { align-self: stretch; line-height: 50px; min-width: 150px; margin-left: auto; justify-self: flex-end; cursor: pointer; } .iw-menu-widgets-file-widget { padding-top: 2px; height: 4px; min-width: 150px; display: flex; justify-content: flex-start; } .iw-menu-widgets-file-widget .iw-menu-widgets-file-widget-item { height: 4px; width: 4px; margin-right: 4px; background-color: var(--color-error); } .iw-menu-widgets-file-widget .iw-menu-widgets-file-widget-item-active { height: 4px; width: 4px; margin-right: 4px; background-color: var(--color-info); } .iw-menu-widgets-content { display: flex; flex: 0 0 150px; height: 44px; align-items: center; padding-right: 5px; } .iw-menu-widgets-tag { flex: 0 0 auto; height: 22px; padding: 5px 8px; font-size: 12px; line-height: 12px; text-align: center; color: var(--color-neutral-content); border-radius: 2px; margin-right: 6px; font-weight: normal; text-decoration: none; } .iw-menu-widgets-content .iw-menu-connection { align-self: stretch; width: 18px; height: 18px; border-radius: 9px; align-self: center; margin-left: auto; justify-self: flex-end; background-color: var(--color-error); } .iw-menu .iw-menu-help { align-self: stretch; line-height: 50px; font-size: 16px; width: 40px; color: var(--color-neutral-content); text-align: center; } .iw-menu .iw-menu-notifications { align-self: stretch; line-height: 50px; font-size: 16px; width: 40px; color: var(--color-neutral-content); text-align: center; } .iw-menu .iw-menu-profile { align-self: stretch; line-height: 50px; width: 50px; text-align: center; border-radius: 25px; } .iw-menu .iw-menu-profile img { width: 30px; height: 30px; } .iw-menu-results { background-color: var(--tw-color-charade-900); height: calc(100vh - 50px); width: 100%; display: flex; color: var(--color-neutral-content); } .iw-menu-results .iw-menu-results-title-sm { font-weight: bold; font-size: 14px; line-height: 24px; margin-bottom: 15px; } .iw-menu-results .iw-menu-results-title-sm .fa-plus-square-o { font-size: 20px; } .iw-menu-results .iw-menu-results-title-md { font-weight: 500; font-size: 14px; line-height: 24px; text-transform: uppercase; } .iw-menu-results .iw-menu-results-title-lg { font-weight: 600; font-size: 18px; line-height: 24px; } .iw-menu-results .iw-menu-results-side-menu { overflow-y: auto; max-height: calc(100% - 60px); padding: 0px; margin-bottom: 35px; } .iw-menu-results .iw-menu-results-side-menu:last-child { margin-bottom: 0px; max-height: calc(100% - 25px); } .iw-menu-results .iw-menu-results-side-menu.half-height { max-height: calc(50% - 60px); } .iw-menu-results .iw-menu-results-side-menu.half-height:last-child { margin-bottom: 0px; max-height: calc(50% - 25px); } .iw-menu-results .iw-menu-results-side-menu::-webkit-scrollbar { width: 5px; } .iw-menu-results .iw-menu-results-side-menu::-webkit-scrollbar-track { border-radius: 5px; background-color: var(--tw-color-charade-950); } .iw-menu-results .iw-menu-results-side-menu::-webkit-scrollbar-thumb { background: var(--tw-color-charade-700); border-radius: 5px; } .iw-menu-results .iw-menu-results-side-menu::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-600); } .iw-menu-results .iw-menu-results-side-menu::-webkit-scrollbar-button { display: none; } .iw-menu-results .iw-menu-results-favorite { padding: 4px 8px 4px 4px; margin: 4px 0px; display: flex; border-radius: 4px; cursor: pointer; align-items: center; } .iw-menu-results .iw-menu-results-favorite:hover { background-color: var(--tw-color-charade-800); } .iw-menu-results .iw-menu-results-favorite i.fa-trash { margin-left: auto; visibility: hidden; color: var(--tw-color-charade-400); padding-left: 10px; } .iw-menu-results .iw-menu-results-favorite:hover i.fa-trash { visibility: visible; } .iw-menu-results .iw-menu-results-favorite .iw-menu-results-favorite-icon { padding: 0; flex: 0 0 30px; font-size: 15px; line-height: 30px; text-align: center; width: 30px; height: 30px; background: var(--tw-color-charade-950); border-radius: 3px; margin-right: 5px; } .iw-menu-results .iw-menu-results-favorite .iw-menu-results-favorite-module div:nth-of-type(1) { font-style: normal; font-weight: 300; font-size: 10px; line-height: 12px; color: var(--tw-color-wild-sand-200); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; } .iw-menu-results .iw-menu-results-favorite .iw-menu-results-favorite-module div:nth-of-type(2) { font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: var(--tw-color-wild-sand-200); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; } .iw-menu-results .iw-menu-results-container-left { flex: 0 0 220px; align-self: stretch; margin: 50px 0px; padding: 10px 2px 10px 20px; } .iw-menu-results .iw-menu-results-container-center { flex: 2 1 auto; align-self: stretch; margin: 50px 0px; border-left: 1px solid var(--tw-color-charade-700); border-right: 1px solid var(--tw-color-charade-700); padding: 0px 25px; } .iw-menu-results .iw-menu-results-search { display: flex; flex: 0 0 100%; height: 60px; align-items: center; font-style: normal; font-weight: 600; font-size: 18px; line-height: 60px; text-align: center; color: var(--tw-color-charade-400); padding: 0px 15px; background: var(--tw-color-charade-800); border-radius: 5px; margin-bottom: 25px; margin-top: 12px; } .iw-menu-results .iw-menu-results-search input { background: var(--tw-color-charade-800); height: 50px; border: none; outline: none; padding-left: 15px; width: auto; flex: 1 0 auto; } .iw-menu-results .iw-menu-results-search input::placeholder { color: var(--tw-color-charade-400); } .iw-menu-results .iw-menu-results-search-content { height: calc(100% - 60px); overflow-y: auto; } .iw-menu-results .iw-menu-results-search-content-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--tw-color-charade-700); } .iw-menu-results .iw-menu-results-search-content::-webkit-scrollbar { width: 5px; } .iw-menu-results .iw-menu-results-search-content::-webkit-scrollbar-track { border-radius: 5px; background-color: var(--tw-color-charade-950); } .iw-menu-results .iw-menu-results-search-content::-webkit-scrollbar-thumb { background: var(--tw-color-charade-700); border-radius: 5px; } .iw-menu-results .iw-menu-results-search-content::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-600); } .iw-menu-results .iw-menu-results-search-content::-webkit-scrollbar-button { display: none; } .iw-menu-results .iw-menu-results-section { margin-top: 20px; } .iw-menu-results .iw-menu-results-group { display: flex; flex-wrap: wrap; border-bottom: solid 1px var(--tw-color-charade-800); padding: 8px 0px; } .iw-menu-results .iw-menu-results-group:last-child { border-bottom: none; } .iw-menu-results .iw-menu-results-group-name { font-style: normal; font-weight: 300; font-size: 12px; line-height: 24px; color: var(--tw-color-charade-300); flex: 0 0 100%; } .iw-menu-results .iw-menu-results-group .iw-menu-results-group-item { font-style: normal; font-weight: 500; font-size: 13px; line-height: 24px; color: var(--tw-color-charade-300); flex: 0 0 33.3%; } .iw-menu-results .iw-menu-results-group .iw-menu-results-group-item.clickable { cursor: pointer; } .iw-menu-results .iw-menu-results-container-right { flex: 0 0 220px; align-self: stretch; margin: 50px 0px; padding: 10px 10px 10px 0px; } .iw-menu-results .iw-menu-results-access { padding: 6px 20px; margin: 4px 0px; display: flex; border-radius: 4px; cursor: pointer; align-items: center; } .iw-menu-results .iw-menu-results-access:hover { background-color: var(--tw-color-charade-800); } .iw-menu-results .iw-menu-results-access .iw-menu-results-access-icon { padding: 0; font-size: 15px; line-height: 14px; margin-right: 8px; color: var(--tw-color-wild-sand-300); } .iw-menu-results .iw-menu-results-access .iw-menu-results-access-module div:nth-of-type(1) { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: var(--tw-color-wild-sand-300); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; } .iw-menu-results .iw-menu-results-access .iw-menu-results-access-module div:nth-of-type(2) { font-style: normal; font-weight: 300; font-size: 10px; line-height: 13px; color: var(--tw-color-wild-sand-200); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; } .iw-menu-results .iw-menu-results-module { padding: 6px 20px; margin: 4px 0px; display: flex; border-radius: 4px; cursor: pointer; align-items: center; } .iw-menu-results .iw-menu-results-module:hover { background-color: var(--tw-color-charade-800); } .iw-menu-results .iw-menu-results-module .iw-menu-results-module-icon { padding: 0; font-size: 15px; line-height: 14px; margin-right: 8px; color: var(--tw-color-wild-sand-300); } .iw-menu-results .iw-menu-results-module .iw-menu-results-module-name { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: var(--tw-color-wild-sand-300); } .iw-menu-favorites-modal .modal-dialog { max-width: 350px; position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -75%); } .iw-menu-favorites-modal div { border-radius: 4px; box-shadow: none; } .iw-menu-favorites-modal .iw-menu-favorites-modal-top { display: flex; } .iw-menu-favorites-modal .iw-menu-favorites-modal-close { justify-self: flex-end; margin-top: 0px; margin-left: auto; font-size: 20px; } .iw-menu-favorites-modal .iw-menu-favorites-modal-title { font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px; color: var(--color-base-content); margin-bottom: 10px; } .iw-menu-favorites-modal .iw-menu-favorites-modal-description { font-style: normal; font-weight: 300; font-size: 14px; line-height: 26px; color: var(--color-base-content); } .iw-menu-favorites-modal .iw-menu-favorites-modal-body { max-height: 500px; overflow-y: auto; margin-top: 10px; } .iw-menu-favorites-modal .iw-menu-favorites-modal-body ul[typeahead-popup] { width: calc(100% - 30px); margin-top: 2px; border: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 2px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: var(--tw-color-charade-900); } .iw-menu-favorites-modal-body ul[typeahead-popup] { background-color: var(--tw-color-charade-800); border: none; box-shadow: none; width: 190px; font-size: 12px; background-color: var(--color-base-200); max-height: 200px; overflow-y: auto; } .iw-menu-favorites-modal-body ul[typeahead-popup] li { height: 35px; cursor: pointer; font-style: normal; font-weight: 500; font-size: 14px; line-height: 35px; padding: 0px 7px; } .iw-menu-favorites-modal-body ul[typeahead-popup] li a { height: 35px; color: var(--tw-color-charade-900); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 4px 8px; } .iw-menu-favorites-modal-body ul[typeahead-popup] li.active a { color: var(--tw-color-charade-900); background-color: var(--color-base-200); } .iw-menu-favorites-modal-body ul[typeahead-popup] li.active a:hover { color: var(--tw-color-charade-900); background-color: var(--color-base-200); } .iw-menu-favorites-modal .iw-menu-favorites-modal-bottom { margin-top: 15px; display: flex; font-style: normal; font-weight: 500; font-size: 13px; line-height: 18px; justify-content: flex-end; } .iw-menu-favorites-modal .cancel { min-width: 100px; padding: 5px 22px; background-color: var(--color-base-100); border: solid 1px var(--color-base-content); color: var(--color-base-content); font-size: 11px; } .iw-menu-favorites-modal .done { min-width: 100px; padding: 6px 22px; background-color: var(--color-info); border: solid 1px var(--color-base-content); color: var(--color-info-content); font-size: 11px; } @media only screen and (max-width: 520px) { .htDatepickerHolder .pika-single { width: min-content; } } .masonry-item { display: inline-block; width: 100%; } .masonry-item-row { column-span: all; } .masonry-xs-1 { column-count: 1; } .masonry-xs-2 { column-count: 2; } .masonry-xs-3 { column-count: 3; } .masonry-xs-4 { column-count: 4; } .masonry-xs-5 { column-count: 5; } .masonry-xs-6 { column-count: 6; } .masonry-xs-7 { column-count: 7; } .masonry-xs-8 { column-count: 8; } .masonry-xs-9 { column-count: 9; } .masonry-xs-10 { column-count: 10; } .masonry-xs-11 { column-count: 11; } .masonry-xs-12 { column-count: 12; } @media (min-width: 768px) { .masonry-sm-1 { column-count: 1; } .masonry-sm-2 { column-count: 2; } .masonry-sm-3 { column-count: 3; } .masonry-sm-4 { column-count: 4; } .masonry-sm-5 { column-count: 5; } .masonry-sm-6 { column-count: 6; } .masonry-sm-7 { column-count: 7; } .masonry-sm-8 { column-count: 8; } .masonry-sm-9 { column-count: 9; } .masonry-sm-10 { column-count: 10; } .masonry-sm-11 { column-count: 11; } .masonry-sm-12 { column-count: 12; } } @media (min-width: 992px) { .masonry-md-1 { column-count: 1; } .masonry-md-2 { column-count: 2; } .masonry-md-3 { column-count: 3; } .masonry-md-4 { column-count: 4; } .masonry-md-5 { column-count: 5; } .masonry-md-6 { column-count: 6; } .masonry-md-7 { column-count: 7; } .masonry-md-8 { column-count: 8; } .masonry-md-9 { column-count: 9; } .masonry-md-10 { column-count: 10; } .masonry-md-11 { column-count: 11; } .masonry-md-12 { column-count: 12; } } @media (min-width: 1200px) { .masonry-lg-1 { column-count: 1; } .masonry-lg-2 { column-count: 2; } .masonry-lg-3 { column-count: 3; } .masonry-lg-4 { column-count: 4; } .masonry-lg-5 { column-count: 5; } .masonry-lg-6 { column-count: 6; } .masonry-lg-7 { column-count: 7; } .masonry-lg-8 { column-count: 8; } .masonry-lg-9 { column-count: 9; } .masonry-lg-10 { column-count: 10; } .masonry-lg-11 { column-count: 11; } .masonry-lg-12 { column-count: 12; } } @media (min-width: 1200px) { .masonry-lg-1 { column-count: 1; } .masonry-lg-2 { column-count: 2; } .masonry-lg-3 { column-count: 3; } .masonry-lg-4 { column-count: 4; } .masonry-lg-5 { column-count: 5; } .masonry-lg-6 { column-count: 6; } .masonry-lg-7 { column-count: 7; } .masonry-lg-8 { column-count: 8; } .masonry-lg-9 { column-count: 9; } .masonry-lg-10 { column-count: 10; } .masonry-lg-11 { column-count: 11; } .masonry-lg-12 { column-count: 12; } } @media (min-width: 1600px) { .masonry-xl-1 { column-count: 1; } .masonry-xl-2 { column-count: 2; } .masonry-xl-3 { column-count: 3; } .masonry-xl-4 { column-count: 4; } .masonry-xl-5 { column-count: 5; } .masonry-xl-6 { column-count: 6; } .masonry-xl-7 { column-count: 7; } .masonry-xl-8 { column-count: 8; } .masonry-xl-9 { column-count: 9; } .masonry-xl-10 { column-count: 10; } .masonry-xl-11 { column-count: 11; } .masonry-xl-12 { column-count: 12; } } .z-index-3 { z-index: 3; } /* ------------------------- display flex options ------------------------- */ .flex { display: flex; } .align-items-center { align-items: center; } .flex.column { flex-direction: column; } .flex.justify-center { justify-content: center; } .gap-xs { gap: 4px; } .gap-s { gap: 8px; } .gap-sm { gap: 12px; } .gap-md { gap: 16px; } .gap-lg { gap: 24px; } .gap-xl { gap: 32px; } /* ------------------------- container options ------------------------- */ .inline-size { container-type: inline-size; } .iw-blinking-1 { animation: iw-blink 1s infinite; } .iw-blinking-2 { animation: iw-blink 2s infinite; } .iw-blinking-3 { animation: iw-blink 3s infinite; } @keyframes iw-blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .iw-white-space-normal { white-space: normal !important; } .iux-codebox pre { background-color: inherit; color: inherit; border: inherit; } body > .dropdown-menu { z-index: 99999; } .form-group { --input-bg-color: var(--color-base-100); --input-border: var(--color-base-300); --panel-heading-bg-color: var(--color-base-200); .iw-validation-error, .text-danger { color: var(--color-error); } &.iw-filled:not(.iw-edited) { --input-bg-color: color-mix(in srgb, var(--color-warning), white 90%); --input-border: var(--color-warning); --panel-heading-bg-color: color-mix(in srgb, var(--color-warning), white 90%); } &:has(> .iw-validation-error):not(.iw-edited) { --input-bg-color: color-mix(in srgb, var(--color-error), white 90%); } &:has(> .iw-validation-error) { --input-border: var(--color-error); --panel-heading-bg-color: color-mix(in srgb, var(--color-error), white 90%); } input { border-color: var(--input-border); background-color: var(--input-bg-color); } .panel { margin: 0; border-color: var(--input-border); .panel-heading { background-color: var(--panel-heading-bg-color); } } } .module-menu .module-menu-feature-item { position: relative; } .module-menu .module-menu-feature-item .module-menu-floating-icon { position: absolute; right: 8px; bottom: 6px; display: none; cursor: pointer; color: var(--color-neutral-content); font-size: 12px; } .module-menu .module-menu-feature-item:hover .module-menu-floating-icon { display: inline-block; } .module-menu .module-menu-feature-item .module-menu-floating-icon:hover { color: var(--color-base-content); } /* Hide auth2 profile name. It should be done in Auth2 instead */ iw-remote-widgets[region='header'] .auth2 .nav.navbar-nav .nav-profile .dropdown-toggle span.hidden-xs.hidden-sm.hidden-md.hidden-lg.visible-xl-inline.pointer { display: none !important; } /* =========================================================================== Theme-variable overrides for the vendor ng-tags-input stylesheet (02-vendor/10-plugins/ng/ng-tags-input.css), which hardcodes its colors (white field, #1c7ebb tag chips, #e94b3b selected, red validation, #eeeeee disabled, etc.). These rules remap the color-bearing declarations to the daisyUI/Tailwind theme variables so the control stays readable in both the light and dark themes. Only colors are overridden; layout/sizing is left to the vendor stylesheet. Text on colored chips uses stable `-content` tokens (always light in both themes) to preserve contrast in dark mode. =========================================================================== */ /* --- input field --- */ tags-input .tags { color: var(--color-base-content); background-color: var(--color-base-100); border: 1px solid var(--color-base-300); } /* --- tag chips --- */ tags-input .tags .tag-item { background-color: var(--color-primary); color: var(--color-primary-content); } tags-input .tags .tag-item.selected { background-color: var(--color-error); color: var(--color-error-content); } tags-input .tags .tag-item .remove-button { color: var(--color-primary-content); } tags-input .tags .tag-item .remove-button:active { color: var(--color-error); } /* --- invalid input --- */ tags-input .tags .input.invalid-tag { color: var(--color-error); } tags-input.ng-invalid .tags { -webkit-box-shadow: 0 0 3px 1px color-mix(in srgb, var(--color-error) 60%, transparent); -moz-box-shadow: 0 0 3px 1px color-mix(in srgb, var(--color-error) 60%, transparent); box-shadow: 0 0 3px 1px color-mix(in srgb, var(--color-error) 60%, transparent); } /* --- disabled state --- */ tags-input[disabled] .tags, tags-input[disabled] .tags .input { background-color: var(--color-base-300); } tags-input[disabled] .tags .tag-item { background: linear-gradient( to bottom, var(--tw-color-lochmara-50) 0%, color-mix(in srgb, var(--tw-color-lochmara-100) 75%, transparent) 47%, color-mix(in srgb, var(--tw-color-lochmara-200) 62%, transparent) 100% ); color: var(--color-base-content); } tags-input[disabled] .tags .tag-item .remove-button:active { color: var(--color-base-content); } /* --- autocomplete dropdown --- */ tags-input .autocomplete { background-color: var(--color-base-100); border: 1px solid var(--color-base-300); } tags-input .autocomplete .suggestion-item { color: var(--color-base-content); } tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em { color: var(--color-primary-content); background-color: var(--color-primary); } tags-input .autocomplete .suggestion-item em { color: var(--color-base-content); background-color: var(--color-base-100); } :root { --medium-grey: var(--color-base-300); --danger: var(--color-error); --success: var(--color-success); } .bg-iw-red-1, tr.bg-iw-red-1 td { color: #eeeeee !important; background-color: #8a2828 !important; } .bg-iw-red-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #a13a3a !important; } li.bg-iw-red-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #a13a3a !important; border: 1px solid #a13a3a !important; } li.bg-iw-red-1.active a { color: #fefefe !important; background-color: #a13a3a !important; } .hover-bg-iw-red-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #a13a3a !important; } .btn.btn-iw-red-1 { color: #eeeeee !important; background-color: #8a2828 !important; } .btn.btn-iw-red-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #a13a3a !important; } .label.label-iw-red-1 { color: #eeeeee !important; background-color: #8a2828 !important; } .badge.badge-iw-red-1 { color: #eeeeee !important; background-color: #8a2828 !important; } .border-iw-red-1 { border-color: #8a2828 !important; } .text-iw-red-1 { color: #8a2828 !important; } .bg-iw-red-2, tr.bg-iw-red-2 td { color: #eeeeee !important; background-color: #a13a3a !important; } .bg-iw-red-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #8a2828 !important; } li.bg-iw-red-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #8a2828 !important; border: 1px solid #8a2828 !important; } li.bg-iw-red-2.active a { color: #fefefe !important; background-color: #8a2828 !important; } .hover-bg-iw-red-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #8a2828 !important; } .btn.btn-iw-red-2 { color: #eeeeee !important; background-color: #a13a3a !important; } .btn.btn-iw-red-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #8a2828 !important; } .label.label-iw-red-2 { color: #eeeeee !important; background-color: #a13a3a !important; } .badge.badge-iw-red-2 { color: #eeeeee !important; background-color: #a13a3a !important; } .border-iw-red-2 { border-color: #a13a3a !important; } .text-iw-red-2 { color: #a13a3a !important; } .bg-iw-red-3, tr.bg-iw-red-3 td { color: #eeeeee !important; background-color: #bf4d47 !important; } .bg-iw-red-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #a13a3a !important; } li.bg-iw-red-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #a13a3a !important; border: 1px solid #a13a3a !important; } li.bg-iw-red-3.active a { color: #fefefe !important; background-color: #a13a3a !important; } .hover-bg-iw-red-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #a13a3a !important; } .btn.btn-iw-red-3 { color: #eeeeee !important; background-color: #bf4d47 !important; } .btn.btn-iw-red-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #a13a3a !important; } .label.label-iw-red-3 { color: #eeeeee !important; background-color: #bf4d47 !important; } .badge.badge-iw-red-3 { color: #eeeeee !important; background-color: #bf4d47 !important; } .border-iw-red-3 { border-color: #bf4d47 !important; } .text-iw-red-3 { color: #bf4d47 !important; } .bg-iw-red-4, tr.bg-iw-red-4 td { color: #eeeeee !important; background-color: #c27a7a !important; } .bg-iw-red-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #bf4d47 !important; } li.bg-iw-red-4 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #bf4d47 !important; border: 1px solid #bf4d47 !important; } li.bg-iw-red-4.active a { color: #fefefe !important; background-color: #bf4d47 !important; } .hover-bg-iw-red-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #bf4d47 !important; } .btn.btn-iw-red-4 { color: #eeeeee !important; background-color: #c27a7a !important; } .btn.btn-iw-red-4:hover:not(.no-hover) { color: #eeeeee !important; background-color: #bf4d47 !important; } .label.label-iw-red-4 { color: #eeeeee !important; background-color: #c27a7a !important; } .badge.badge-iw-red-4 { color: #eeeeee !important; background-color: #c27a7a !important; } .border-iw-red-4 { border-color: #c27a7a !important; } .text-iw-red-4 { color: #c27a7a !important; } .bg-iw-red-5, tr.bg-iw-red-5 td { color: #eeeeee !important; background-color: #d49f9f !important; } .bg-iw-red-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #c27a7a !important; } li.bg-iw-red-5 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #c27a7a !important; border: 1px solid #c27a7a !important; } li.bg-iw-red-5.active a { color: #fefefe !important; background-color: #c27a7a !important; } .hover-bg-iw-red-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #c27a7a !important; } .btn.btn-iw-red-5 { color: #eeeeee !important; background-color: #d49f9f !important; } .btn.btn-iw-red-5:hover:not(.no-hover) { color: #eeeeee !important; background-color: #c27a7a !important; } .label.label-iw-red-5 { color: #eeeeee !important; background-color: #d49f9f !important; } .badge.badge-iw-red-5 { color: #eeeeee !important; background-color: #d49f9f !important; } .border-iw-red-5 { border-color: #d49f9f !important; } .text-iw-red-5 { color: #d49f9f !important; } .bg-iw-red-6, tr.bg-iw-red-6 td { color: #767676 !important; background-color: #edd1d3 !important; } .bg-iw-red-6:hover:not(.no-hover) { color: #565656 !important; background-color: #d49f9f !important; } li.bg-iw-red-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #d49f9f !important; border: 1px solid #d49f9f !important; } li.bg-iw-red-6.active a { color: #565656 !important; background-color: #d49f9f !important; } .hover-bg-iw-red-6:hover:not(.no-hover) { color: #565656 !important; background-color: #d49f9f !important; } .btn.btn-iw-red-6 { color: #767676 !important; background-color: #edd1d3 !important; } .btn.btn-iw-red-6:hover:not(.no-hover) { color: #767676 !important; background-color: #d49f9f !important; } .label.label-iw-red-6 { color: #767676 !important; background-color: #edd1d3 !important; } .badge.badge-iw-red-6 { color: #767676 !important; background-color: #edd1d3 !important; } .border-iw-red-6 { border-color: #edd1d3 !important; } .text-iw-red-6 { color: #edd1d3 !important; } .bg-iw-red-7, tr.bg-iw-red-7 td { color: #767676 !important; background-color: #f7edef !important; } .bg-iw-red-7:hover:not(.no-hover) { color: #565656 !important; background-color: #edd1d3 !important; } li.bg-iw-red-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #edd1d3 !important; border: 1px solid #edd1d3 !important; } li.bg-iw-red-7.active a { color: #565656 !important; background-color: #edd1d3 !important; } .hover-bg-iw-red-7:hover:not(.no-hover) { color: #565656 !important; background-color: #edd1d3 !important; } .btn.btn-iw-red-7 { color: #767676 !important; background-color: #f7edef !important; } .btn.btn-iw-red-7:hover:not(.no-hover) { color: #767676 !important; background-color: #edd1d3 !important; } .label.label-iw-red-7 { color: #767676 !important; background-color: #f7edef !important; } .badge.badge-iw-red-7 { color: #767676 !important; background-color: #f7edef !important; } .border-iw-red-7 { border-color: #f7edef !important; } .text-iw-red-7 { color: #f7edef !important; } .bg-iw-magenta-1, tr.bg-iw-magenta-1 td { color: #eeeeee !important; background-color: #661b44 !important; } .bg-iw-magenta-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #942952 !important; } li.bg-iw-magenta-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #942952 !important; border: 1px solid #942952 !important; } li.bg-iw-magenta-1.active a { color: #fefefe !important; background-color: #942952 !important; } .hover-bg-iw-magenta-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #942952 !important; } .btn.btn-iw-magenta-1 { color: #eeeeee !important; background-color: #661b44 !important; } .btn.btn-iw-magenta-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #942952 !important; } .label.label-iw-magenta-1 { color: #eeeeee !important; background-color: #661b44 !important; } .badge.badge-iw-magenta-1 { color: #eeeeee !important; background-color: #661b44 !important; } .border-iw-magenta-1 { border-color: #661b44 !important; } .text-iw-magenta-1 { color: #661b44 !important; } .bg-iw-magenta-2, tr.bg-iw-magenta-2 td { color: #eeeeee !important; background-color: #942952 !important; } .bg-iw-magenta-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #661b44 !important; } li.bg-iw-magenta-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #661b44 !important; border: 1px solid #661b44 !important; } li.bg-iw-magenta-2.active a { color: #fefefe !important; background-color: #661b44 !important; } .hover-bg-iw-magenta-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #661b44 !important; } .btn.btn-iw-magenta-2 { color: #eeeeee !important; background-color: #942952 !important; } .btn.btn-iw-magenta-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #661b44 !important; } .label.label-iw-magenta-2 { color: #eeeeee !important; background-color: #942952 !important; } .badge.badge-iw-magenta-2 { color: #eeeeee !important; background-color: #942952 !important; } .border-iw-magenta-2 { border-color: #942952 !important; } .text-iw-magenta-2 { color: #942952 !important; } .bg-iw-magenta-3, tr.bg-iw-magenta-3 td { color: #eeeeee !important; background-color: #b0315b !important; } .bg-iw-magenta-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #942952 !important; } li.bg-iw-magenta-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #942952 !important; border: 1px solid #942952 !important; } li.bg-iw-magenta-3.active a { color: #fefefe !important; background-color: #942952 !important; } .hover-bg-iw-magenta-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #942952 !important; } .btn.btn-iw-magenta-3 { color: #eeeeee !important; background-color: #b0315b !important; } .btn.btn-iw-magenta-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #942952 !important; } .label.label-iw-magenta-3 { color: #eeeeee !important; background-color: #b0315b !important; } .badge.badge-iw-magenta-3 { color: #eeeeee !important; background-color: #b0315b !important; } .border-iw-magenta-3 { border-color: #b0315b !important; } .text-iw-magenta-3 { color: #b0315b !important; } .bg-iw-magenta-4, tr.bg-iw-magenta-4 td { color: #eeeeee !important; background-color: #c76d8d !important; } .bg-iw-magenta-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #b0315b !important; } li.bg-iw-magenta-4 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #b0315b !important; border: 1px solid #b0315b !important; } li.bg-iw-magenta-4.active a { color: #fefefe !important; background-color: #b0315b !important; } .hover-bg-iw-magenta-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #b0315b !important; } .btn.btn-iw-magenta-4 { color: #eeeeee !important; background-color: #c76d8d !important; } .btn.btn-iw-magenta-4:hover:not(.no-hover) { color: #eeeeee !important; background-color: #b0315b !important; } .label.label-iw-magenta-4 { color: #eeeeee !important; background-color: #c76d8d !important; } .badge.badge-iw-magenta-4 { color: #eeeeee !important; background-color: #c76d8d !important; } .border-iw-magenta-4 { border-color: #c76d8d !important; } .text-iw-magenta-4 { color: #c76d8d !important; } .bg-iw-magenta-5, tr.bg-iw-magenta-5 td { color: #eeeeee !important; background-color: #d496ac !important; } .bg-iw-magenta-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #c76d8d !important; } li.bg-iw-magenta-5 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #c76d8d !important; border: 1px solid #c76d8d !important; } li.bg-iw-magenta-5.active a { color: #fefefe !important; background-color: #c76d8d !important; } .hover-bg-iw-magenta-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #c76d8d !important; } .btn.btn-iw-magenta-5 { color: #eeeeee !important; background-color: #d496ac !important; } .btn.btn-iw-magenta-5:hover:not(.no-hover) { color: #eeeeee !important; background-color: #c76d8d !important; } .label.label-iw-magenta-5 { color: #eeeeee !important; background-color: #d496ac !important; } .badge.badge-iw-magenta-5 { color: #eeeeee !important; background-color: #d496ac !important; } .border-iw-magenta-5 { border-color: #d496ac !important; } .text-iw-magenta-5 { color: #d496ac !important; } .bg-iw-magenta-6, tr.bg-iw-magenta-6 td { color: #767676 !important; background-color: #e3bfcd !important; } .bg-iw-magenta-6:hover:not(.no-hover) { color: #565656 !important; background-color: #d496ac !important; } li.bg-iw-magenta-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #d496ac !important; border: 1px solid #d496ac !important; } li.bg-iw-magenta-6.active a { color: #565656 !important; background-color: #d496ac !important; } .hover-bg-iw-magenta-6:hover:not(.no-hover) { color: #565656 !important; background-color: #d496ac !important; } .btn.btn-iw-magenta-6 { color: #767676 !important; background-color: #e3bfcd !important; } .btn.btn-iw-magenta-6:hover:not(.no-hover) { color: #767676 !important; background-color: #d496ac !important; } .label.label-iw-magenta-6 { color: #767676 !important; background-color: #e3bfcd !important; } .badge.badge-iw-magenta-6 { color: #767676 !important; background-color: #e3bfcd !important; } .border-iw-magenta-6 { border-color: #e3bfcd !important; } .text-iw-magenta-6 { color: #e3bfcd !important; } .bg-iw-magenta-7, tr.bg-iw-magenta-7 td { color: #767676 !important; background-color: #f2e4ea !important; } .bg-iw-magenta-7:hover:not(.no-hover) { color: #565656 !important; background-color: #e3bfcd !important; } li.bg-iw-magenta-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #e3bfcd !important; border: 1px solid #e3bfcd !important; } li.bg-iw-magenta-7.active a { color: #565656 !important; background-color: #e3bfcd !important; } .hover-bg-iw-magenta-7:hover:not(.no-hover) { color: #565656 !important; background-color: #e3bfcd !important; } .btn.btn-iw-magenta-7 { color: #767676 !important; background-color: #f2e4ea !important; } .btn.btn-iw-magenta-7:hover:not(.no-hover) { color: #767676 !important; background-color: #e3bfcd !important; } .label.label-iw-magenta-7 { color: #767676 !important; background-color: #f2e4ea !important; } .badge.badge-iw-magenta-7 { color: #767676 !important; background-color: #f2e4ea !important; } .border-iw-magenta-7 { border-color: #f2e4ea !important; } .text-iw-magenta-7 { color: #f2e4ea !important; } .bg-iw-violet-1, tr.bg-iw-violet-1 td { color: #eeeeee !important; background-color: #222863 !important; } .bg-iw-violet-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #3b4482 !important; } li.bg-iw-violet-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #3b4482 !important; border: 1px solid #3b4482 !important; } li.bg-iw-violet-1.active a { color: #fefefe !important; background-color: #3b4482 !important; } .hover-bg-iw-violet-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #3b4482 !important; } .btn.btn-iw-violet-1 { color: #eeeeee !important; background-color: #222863 !important; } .btn.btn-iw-violet-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #3b4482 !important; } .label.label-iw-violet-1 { color: #eeeeee !important; background-color: #222863 !important; } .badge.badge-iw-violet-1 { color: #eeeeee !important; background-color: #222863 !important; } .border-iw-violet-1 { border-color: #222863 !important; } .text-iw-violet-1 { color: #222863 !important; } .bg-iw-violet-2, tr.bg-iw-violet-2 td { color: #eeeeee !important; background-color: #3b4482 !important; } .bg-iw-violet-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #222863 !important; } li.bg-iw-violet-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #222863 !important; border: 1px solid #222863 !important; } li.bg-iw-violet-2.active a { color: #fefefe !important; background-color: #222863 !important; } .hover-bg-iw-violet-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #222863 !important; } .btn.btn-iw-violet-2 { color: #eeeeee !important; background-color: #3b4482 !important; } .btn.btn-iw-violet-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #222863 !important; } .label.label-iw-violet-2 { color: #eeeeee !important; background-color: #3b4482 !important; } .badge.badge-iw-violet-2 { color: #eeeeee !important; background-color: #3b4482 !important; } .border-iw-violet-2 { border-color: #3b4482 !important; } .text-iw-violet-2 { color: #3b4482 !important; } .bg-iw-violet-3, tr.bg-iw-violet-3 td { color: #eeeeee !important; background-color: #4a5596 !important; } .bg-iw-violet-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #3b4482 !important; } li.bg-iw-violet-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #3b4482 !important; border: 1px solid #3b4482 !important; } li.bg-iw-violet-3.active a { color: #fefefe !important; background-color: #3b4482 !important; } .hover-bg-iw-violet-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #3b4482 !important; } .btn.btn-iw-violet-3 { color: #eeeeee !important; background-color: #4a5596 !important; } .btn.btn-iw-violet-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #3b4482 !important; } .label.label-iw-violet-3 { color: #eeeeee !important; background-color: #4a5596 !important; } .badge.badge-iw-violet-3 { color: #eeeeee !important; background-color: #4a5596 !important; } .border-iw-violet-3 { border-color: #4a5596 !important; } .text-iw-violet-3 { color: #4a5596 !important; } .bg-iw-violet-4, tr.bg-iw-violet-4 td { color: #eeeeee !important; background-color: #7f86b5 !important; } .bg-iw-violet-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #4a5596 !important; } li.bg-iw-violet-4 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4a5596 !important; border: 1px solid #4a5596 !important; } li.bg-iw-violet-4.active a { color: #fefefe !important; background-color: #4a5596 !important; } .hover-bg-iw-violet-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #4a5596 !important; } .btn.btn-iw-violet-4 { color: #eeeeee !important; background-color: #7f86b5 !important; } .btn.btn-iw-violet-4:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4a5596 !important; } .label.label-iw-violet-4 { color: #eeeeee !important; background-color: #7f86b5 !important; } .badge.badge-iw-violet-4 { color: #eeeeee !important; background-color: #7f86b5 !important; } .border-iw-violet-4 { border-color: #7f86b5 !important; } .text-iw-violet-4 { color: #7f86b5 !important; } .bg-iw-violet-5, tr.bg-iw-violet-5 td { color: #eeeeee !important; background-color: #a3a9cc !important; } .bg-iw-violet-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #7f86b5 !important; } li.bg-iw-violet-5 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #7f86b5 !important; border: 1px solid #7f86b5 !important; } li.bg-iw-violet-5.active a { color: #fefefe !important; background-color: #7f86b5 !important; } .hover-bg-iw-violet-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #7f86b5 !important; } .btn.btn-iw-violet-5 { color: #eeeeee !important; background-color: #a3a9cc !important; } .btn.btn-iw-violet-5:hover:not(.no-hover) { color: #eeeeee !important; background-color: #7f86b5 !important; } .label.label-iw-violet-5 { color: #eeeeee !important; background-color: #a3a9cc !important; } .badge.badge-iw-violet-5 { color: #eeeeee !important; background-color: #a3a9cc !important; } .border-iw-violet-5 { border-color: #a3a9cc !important; } .text-iw-violet-5 { color: #a3a9cc !important; } .bg-iw-violet-6, tr.bg-iw-violet-6 td { color: #767676 !important; background-color: #c8cbde !important; } .bg-iw-violet-6:hover:not(.no-hover) { color: #565656 !important; background-color: #a3a9cc !important; } li.bg-iw-violet-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #a3a9cc !important; border: 1px solid #a3a9cc !important; } li.bg-iw-violet-6.active a { color: #565656 !important; background-color: #a3a9cc !important; } .hover-bg-iw-violet-6:hover:not(.no-hover) { color: #565656 !important; background-color: #a3a9cc !important; } .btn.btn-iw-violet-6 { color: #767676 !important; background-color: #c8cbde !important; } .btn.btn-iw-violet-6:hover:not(.no-hover) { color: #767676 !important; background-color: #a3a9cc !important; } .label.label-iw-violet-6 { color: #767676 !important; background-color: #c8cbde !important; } .badge.badge-iw-violet-6 { color: #767676 !important; background-color: #c8cbde !important; } .border-iw-violet-6 { border-color: #c8cbde !important; } .text-iw-violet-6 { color: #c8cbde !important; } .bg-iw-violet-7, tr.bg-iw-violet-7 td { color: #767676 !important; background-color: #e9e9f0 !important; } .bg-iw-violet-7:hover:not(.no-hover) { color: #565656 !important; background-color: #c8cbde !important; } li.bg-iw-violet-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #c8cbde !important; border: 1px solid #c8cbde !important; } li.bg-iw-violet-7.active a { color: #565656 !important; background-color: #c8cbde !important; } .hover-bg-iw-violet-7:hover:not(.no-hover) { color: #565656 !important; background-color: #c8cbde !important; } .btn.btn-iw-violet-7 { color: #767676 !important; background-color: #e9e9f0 !important; } .btn.btn-iw-violet-7:hover:not(.no-hover) { color: #767676 !important; background-color: #c8cbde !important; } .label.label-iw-violet-7 { color: #767676 !important; background-color: #e9e9f0 !important; } .badge.badge-iw-violet-7 { color: #767676 !important; background-color: #e9e9f0 !important; } .border-iw-violet-7 { border-color: #e9e9f0 !important; } .text-iw-violet-7 { color: #e9e9f0 !important; } .bg-iw-indigo-1, tr.bg-iw-indigo-1 td { color: #eeeeee !important; background-color: #2d4985 !important; } .bg-iw-indigo-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #4776b3 !important; } li.bg-iw-indigo-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4776b3 !important; border: 1px solid #4776b3 !important; } li.bg-iw-indigo-1.active a { color: #fefefe !important; background-color: #4776b3 !important; } .hover-bg-iw-indigo-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #4776b3 !important; } .btn.btn-iw-indigo-1 { color: #eeeeee !important; background-color: #2d4985 !important; } .btn.btn-iw-indigo-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4776b3 !important; } .label.label-iw-indigo-1 { color: #eeeeee !important; background-color: #2d4985 !important; } .badge.badge-iw-indigo-1 { color: #eeeeee !important; background-color: #2d4985 !important; } .border-iw-indigo-1 { border-color: #2d4985 !important; } .text-iw-indigo-1 { color: #2d4985 !important; } .bg-iw-indigo-2, tr.bg-iw-indigo-2 td { color: #eeeeee !important; background-color: #4776b3 !important; } .bg-iw-indigo-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #2d4985 !important; } li.bg-iw-indigo-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #2d4985 !important; border: 1px solid #2d4985 !important; } li.bg-iw-indigo-2.active a { color: #fefefe !important; background-color: #2d4985 !important; } .hover-bg-iw-indigo-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #2d4985 !important; } .btn.btn-iw-indigo-2 { color: #eeeeee !important; background-color: #4776b3 !important; } .btn.btn-iw-indigo-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #2d4985 !important; } .label.label-iw-indigo-2 { color: #eeeeee !important; background-color: #4776b3 !important; } .badge.badge-iw-indigo-2 { color: #eeeeee !important; background-color: #4776b3 !important; } .border-iw-indigo-2 { border-color: #4776b3 !important; } .text-iw-indigo-2 { color: #4776b3 !important; } .bg-iw-indigo-3, tr.bg-iw-indigo-3 td { color: #eeeeee !important; background-color: #5a96d1 !important; } .bg-iw-indigo-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #4776b3 !important; } li.bg-iw-indigo-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4776b3 !important; border: 1px solid #4776b3 !important; } li.bg-iw-indigo-3.active a { color: #fefefe !important; background-color: #4776b3 !important; } .hover-bg-iw-indigo-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #4776b3 !important; } .btn.btn-iw-indigo-3 { color: #eeeeee !important; background-color: #5a96d1 !important; } .btn.btn-iw-indigo-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4776b3 !important; } .label.label-iw-indigo-3 { color: #eeeeee !important; background-color: #5a96d1 !important; } .badge.badge-iw-indigo-3 { color: #eeeeee !important; background-color: #5a96d1 !important; } .border-iw-indigo-3 { border-color: #5a96d1 !important; } .text-iw-indigo-3 { color: #5a96d1 !important; } .bg-iw-indigo-4, tr.bg-iw-indigo-4 td { color: #767676 !important; background-color: #85b3de !important; } .bg-iw-indigo-4:hover:not(.no-hover) { color: #565656 !important; background-color: #5a96d1 !important; } li.bg-iw-indigo-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #5a96d1 !important; border: 1px solid #5a96d1 !important; } li.bg-iw-indigo-4.active a { color: #565656 !important; background-color: #5a96d1 !important; } .hover-bg-iw-indigo-4:hover:not(.no-hover) { color: #565656 !important; background-color: #5a96d1 !important; } .btn.btn-iw-indigo-4 { color: #767676 !important; background-color: #85b3de !important; } .btn.btn-iw-indigo-4:hover:not(.no-hover) { color: #767676 !important; background-color: #5a96d1 !important; } .label.label-iw-indigo-4 { color: #767676 !important; background-color: #85b3de !important; } .badge.badge-iw-indigo-4 { color: #767676 !important; background-color: #85b3de !important; } .border-iw-indigo-4 { border-color: #85b3de !important; } .text-iw-indigo-4 { color: #85b3de !important; } .bg-iw-indigo-5, tr.bg-iw-indigo-5 td { color: #767676 !important; background-color: #a5c8e6 !important; } .bg-iw-indigo-5:hover:not(.no-hover) { color: #565656 !important; background-color: #85b3de !important; } li.bg-iw-indigo-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #85b3de !important; border: 1px solid #85b3de !important; } li.bg-iw-indigo-5.active a { color: #565656 !important; background-color: #85b3de !important; } .hover-bg-iw-indigo-5:hover:not(.no-hover) { color: #565656 !important; background-color: #85b3de !important; } .btn.btn-iw-indigo-5 { color: #767676 !important; background-color: #a5c8e6 !important; } .btn.btn-iw-indigo-5:hover:not(.no-hover) { color: #767676 !important; background-color: #85b3de !important; } .label.label-iw-indigo-5 { color: #767676 !important; background-color: #a5c8e6 !important; } .badge.badge-iw-indigo-5 { color: #767676 !important; background-color: #a5c8e6 !important; } .border-iw-indigo-5 { border-color: #a5c8e6 !important; } .text-iw-indigo-5 { color: #a5c8e6 !important; } .bg-iw-indigo-6, tr.bg-iw-indigo-6 td { color: #767676 !important; background-color: #c7dcf0 !important; } .bg-iw-indigo-6:hover:not(.no-hover) { color: #565656 !important; background-color: #a5c8e6 !important; } li.bg-iw-indigo-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #a5c8e6 !important; border: 1px solid #a5c8e6 !important; } li.bg-iw-indigo-6.active a { color: #565656 !important; background-color: #a5c8e6 !important; } .hover-bg-iw-indigo-6:hover:not(.no-hover) { color: #565656 !important; background-color: #a5c8e6 !important; } .btn.btn-iw-indigo-6 { color: #767676 !important; background-color: #c7dcf0 !important; } .btn.btn-iw-indigo-6:hover:not(.no-hover) { color: #767676 !important; background-color: #a5c8e6 !important; } .label.label-iw-indigo-6 { color: #767676 !important; background-color: #c7dcf0 !important; } .badge.badge-iw-indigo-6 { color: #767676 !important; background-color: #c7dcf0 !important; } .border-iw-indigo-6 { border-color: #c7dcf0 !important; } .text-iw-indigo-6 { color: #c7dcf0 !important; } .bg-iw-indigo-7, tr.bg-iw-indigo-7 td { color: #767676 !important; background-color: #e9f0f7 !important; } .bg-iw-indigo-7:hover:not(.no-hover) { color: #565656 !important; background-color: #c7dcf0 !important; } li.bg-iw-indigo-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #c7dcf0 !important; border: 1px solid #c7dcf0 !important; } li.bg-iw-indigo-7.active a { color: #565656 !important; background-color: #c7dcf0 !important; } .hover-bg-iw-indigo-7:hover:not(.no-hover) { color: #565656 !important; background-color: #c7dcf0 !important; } .btn.btn-iw-indigo-7 { color: #767676 !important; background-color: #e9f0f7 !important; } .btn.btn-iw-indigo-7:hover:not(.no-hover) { color: #767676 !important; background-color: #c7dcf0 !important; } .label.label-iw-indigo-7 { color: #767676 !important; background-color: #e9f0f7 !important; } .badge.badge-iw-indigo-7 { color: #767676 !important; background-color: #e9f0f7 !important; } .border-iw-indigo-7 { border-color: #e9f0f7 !important; } .text-iw-indigo-7 { color: #e9f0f7 !important; } .bg-iw-blue-1, tr.bg-iw-blue-1 td { color: #eeeeee !important; background-color: #305a5c !important; } .bg-iw-blue-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #4f919c !important; } li.bg-iw-blue-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4f919c !important; border: 1px solid #4f919c !important; } li.bg-iw-blue-1.active a { color: #fefefe !important; background-color: #4f919c !important; } .hover-bg-iw-blue-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #4f919c !important; } .btn.btn-iw-blue-1 { color: #eeeeee !important; background-color: #305a5c !important; } .btn.btn-iw-blue-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4f919c !important; } .label.label-iw-blue-1 { color: #eeeeee !important; background-color: #305a5c !important; } .badge.badge-iw-blue-1 { color: #eeeeee !important; background-color: #305a5c !important; } .border-iw-blue-1 { border-color: #305a5c !important; } .text-iw-blue-1 { color: #305a5c !important; } .bg-iw-blue-2, tr.bg-iw-blue-2 td { color: #eeeeee !important; background-color: #4f919c !important; } .bg-iw-blue-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #305a5c !important; } li.bg-iw-blue-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #305a5c !important; border: 1px solid #305a5c !important; } li.bg-iw-blue-2.active a { color: #fefefe !important; background-color: #305a5c !important; } .hover-bg-iw-blue-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #305a5c !important; } .btn.btn-iw-blue-2 { color: #eeeeee !important; background-color: #4f919c !important; } .btn.btn-iw-blue-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #305a5c !important; } .label.label-iw-blue-2 { color: #eeeeee !important; background-color: #4f919c !important; } .badge.badge-iw-blue-2 { color: #eeeeee !important; background-color: #4f919c !important; } .border-iw-blue-2 { border-color: #4f919c !important; } .text-iw-blue-2 { color: #4f919c !important; } .bg-iw-blue-3, tr.bg-iw-blue-3 td { color: #eeeeee !important; background-color: #64b4c4 !important; } .bg-iw-blue-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #4f919c !important; } li.bg-iw-blue-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4f919c !important; border: 1px solid #4f919c !important; } li.bg-iw-blue-3.active a { color: #fefefe !important; background-color: #4f919c !important; } .hover-bg-iw-blue-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #4f919c !important; } .btn.btn-iw-blue-3 { color: #eeeeee !important; background-color: #64b4c4 !important; } .btn.btn-iw-blue-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4f919c !important; } .label.label-iw-blue-3 { color: #eeeeee !important; background-color: #64b4c4 !important; } .badge.badge-iw-blue-3 { color: #eeeeee !important; background-color: #64b4c4 !important; } .border-iw-blue-3 { border-color: #64b4c4 !important; } .text-iw-blue-3 { color: #64b4c4 !important; } .bg-iw-blue-4, tr.bg-iw-blue-4 td { color: #767676 !important; background-color: #81c9d4 !important; } .bg-iw-blue-4:hover:not(.no-hover) { color: #565656 !important; background-color: #64b4c4 !important; } li.bg-iw-blue-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #64b4c4 !important; border: 1px solid #64b4c4 !important; } li.bg-iw-blue-4.active a { color: #565656 !important; background-color: #64b4c4 !important; } .hover-bg-iw-blue-4:hover:not(.no-hover) { color: #565656 !important; background-color: #64b4c4 !important; } .btn.btn-iw-blue-4 { color: #767676 !important; background-color: #81c9d4 !important; } .btn.btn-iw-blue-4:hover:not(.no-hover) { color: #767676 !important; background-color: #64b4c4 !important; } .label.label-iw-blue-4 { color: #767676 !important; background-color: #81c9d4 !important; } .badge.badge-iw-blue-4 { color: #767676 !important; background-color: #81c9d4 !important; } .border-iw-blue-4 { border-color: #81c9d4 !important; } .text-iw-blue-4 { color: #81c9d4 !important; } .bg-iw-blue-5, tr.bg-iw-blue-5 td { color: #767676 !important; background-color: #a2d9e0 !important; } .bg-iw-blue-5:hover:not(.no-hover) { color: #565656 !important; background-color: #81c9d4 !important; } li.bg-iw-blue-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #81c9d4 !important; border: 1px solid #81c9d4 !important; } li.bg-iw-blue-5.active a { color: #565656 !important; background-color: #81c9d4 !important; } .hover-bg-iw-blue-5:hover:not(.no-hover) { color: #565656 !important; background-color: #81c9d4 !important; } .btn.btn-iw-blue-5 { color: #767676 !important; background-color: #a2d9e0 !important; } .btn.btn-iw-blue-5:hover:not(.no-hover) { color: #767676 !important; background-color: #81c9d4 !important; } .label.label-iw-blue-5 { color: #767676 !important; background-color: #a2d9e0 !important; } .badge.badge-iw-blue-5 { color: #767676 !important; background-color: #a2d9e0 !important; } .border-iw-blue-5 { border-color: #a2d9e0 !important; } .text-iw-blue-5 { color: #a2d9e0 !important; } .bg-iw-blue-6, tr.bg-iw-blue-6 td { color: #767676 !important; background-color: #c5e6eb !important; } .bg-iw-blue-6:hover:not(.no-hover) { color: #565656 !important; background-color: #a2d9e0 !important; } li.bg-iw-blue-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #a2d9e0 !important; border: 1px solid #a2d9e0 !important; } li.bg-iw-blue-6.active a { color: #565656 !important; background-color: #a2d9e0 !important; } .hover-bg-iw-blue-6:hover:not(.no-hover) { color: #565656 !important; background-color: #a2d9e0 !important; } .btn.btn-iw-blue-6 { color: #767676 !important; background-color: #c5e6eb !important; } .btn.btn-iw-blue-6:hover:not(.no-hover) { color: #767676 !important; background-color: #a2d9e0 !important; } .label.label-iw-blue-6 { color: #767676 !important; background-color: #c5e6eb !important; } .badge.badge-iw-blue-6 { color: #767676 !important; background-color: #c5e6eb !important; } .border-iw-blue-6 { border-color: #c5e6eb !important; } .text-iw-blue-6 { color: #c5e6eb !important; } .bg-iw-blue-7, tr.bg-iw-blue-7 td { color: #767676 !important; background-color: #e9f6f7 !important; } .bg-iw-blue-7:hover:not(.no-hover) { color: #565656 !important; background-color: #c5e6eb !important; } li.bg-iw-blue-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #c5e6eb !important; border: 1px solid #c5e6eb !important; } li.bg-iw-blue-7.active a { color: #565656 !important; background-color: #c5e6eb !important; } .hover-bg-iw-blue-7:hover:not(.no-hover) { color: #565656 !important; background-color: #c5e6eb !important; } .btn.btn-iw-blue-7 { color: #767676 !important; background-color: #e9f6f7 !important; } .btn.btn-iw-blue-7:hover:not(.no-hover) { color: #767676 !important; background-color: #c5e6eb !important; } .label.label-iw-blue-7 { color: #767676 !important; background-color: #e9f6f7 !important; } .badge.badge-iw-blue-7 { color: #767676 !important; background-color: #e9f6f7 !important; } .border-iw-blue-7 { border-color: #e9f6f7 !important; } .text-iw-blue-7 { color: #e9f6f7 !important; } .bg-iw-green-1, tr.bg-iw-green-1 td { color: #eeeeee !important; background-color: #34572e !important; } .bg-iw-green-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #55854e !important; } li.bg-iw-green-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #55854e !important; border: 1px solid #55854e !important; } li.bg-iw-green-1.active a { color: #fefefe !important; background-color: #55854e !important; } .hover-bg-iw-green-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #55854e !important; } .btn.btn-iw-green-1 { color: #eeeeee !important; background-color: #34572e !important; } .btn.btn-iw-green-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #55854e !important; } .label.label-iw-green-1 { color: #eeeeee !important; background-color: #34572e !important; } .badge.badge-iw-green-1 { color: #eeeeee !important; background-color: #34572e !important; } .border-iw-green-1 { border-color: #34572e !important; } .text-iw-green-1 { color: #34572e !important; } .bg-iw-green-2, tr.bg-iw-green-2 td { color: #eeeeee !important; background-color: #55854e !important; } .bg-iw-green-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #34572e !important; } li.bg-iw-green-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #34572e !important; border: 1px solid #34572e !important; } li.bg-iw-green-2.active a { color: #fefefe !important; background-color: #34572e !important; } .hover-bg-iw-green-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #34572e !important; } .btn.btn-iw-green-2 { color: #eeeeee !important; background-color: #55854e !important; } .btn.btn-iw-green-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #34572e !important; } .label.label-iw-green-2 { color: #eeeeee !important; background-color: #55854e !important; } .badge.badge-iw-green-2 { color: #eeeeee !important; background-color: #55854e !important; } .border-iw-green-2 { border-color: #55854e !important; } .text-iw-green-2 { color: #55854e !important; } .bg-iw-green-3, tr.bg-iw-green-3 td { color: #eeeeee !important; background-color: #70a667 !important; } .bg-iw-green-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #55854e !important; } li.bg-iw-green-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #55854e !important; border: 1px solid #55854e !important; } li.bg-iw-green-3.active a { color: #fefefe !important; background-color: #55854e !important; } .hover-bg-iw-green-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #55854e !important; } .btn.btn-iw-green-3 { color: #eeeeee !important; background-color: #70a667 !important; } .btn.btn-iw-green-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #55854e !important; } .label.label-iw-green-3 { color: #eeeeee !important; background-color: #70a667 !important; } .badge.badge-iw-green-3 { color: #eeeeee !important; background-color: #70a667 !important; } .border-iw-green-3 { border-color: #70a667 !important; } .text-iw-green-3 { color: #70a667 !important; } .bg-iw-green-4, tr.bg-iw-green-4 td { color: #767676 !important; background-color: #97bf91 !important; } .bg-iw-green-4:hover:not(.no-hover) { color: #565656 !important; background-color: #70a667 !important; } li.bg-iw-green-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #70a667 !important; border: 1px solid #70a667 !important; } li.bg-iw-green-4.active a { color: #565656 !important; background-color: #70a667 !important; } .hover-bg-iw-green-4:hover:not(.no-hover) { color: #565656 !important; background-color: #70a667 !important; } .btn.btn-iw-green-4 { color: #767676 !important; background-color: #97bf91 !important; } .btn.btn-iw-green-4:hover:not(.no-hover) { color: #767676 !important; background-color: #70a667 !important; } .label.label-iw-green-4 { color: #767676 !important; background-color: #97bf91 !important; } .badge.badge-iw-green-4 { color: #767676 !important; background-color: #97bf91 !important; } .border-iw-green-4 { border-color: #97bf91 !important; } .text-iw-green-4 { color: #97bf91 !important; } .bg-iw-green-5, tr.bg-iw-green-5 td { color: #767676 !important; background-color: #b3cfb0 !important; } .bg-iw-green-5:hover:not(.no-hover) { color: #565656 !important; background-color: #97bf91 !important; } li.bg-iw-green-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #97bf91 !important; border: 1px solid #97bf91 !important; } li.bg-iw-green-5.active a { color: #565656 !important; background-color: #97bf91 !important; } .hover-bg-iw-green-5:hover:not(.no-hover) { color: #565656 !important; background-color: #97bf91 !important; } .btn.btn-iw-green-5 { color: #767676 !important; background-color: #b3cfb0 !important; } .btn.btn-iw-green-5:hover:not(.no-hover) { color: #767676 !important; background-color: #97bf91 !important; } .label.label-iw-green-5 { color: #767676 !important; background-color: #b3cfb0 !important; } .badge.badge-iw-green-5 { color: #767676 !important; background-color: #b3cfb0 !important; } .border-iw-green-5 { border-color: #b3cfb0 !important; } .text-iw-green-5 { color: #b3cfb0 !important; } .bg-iw-green-6, tr.bg-iw-green-6 td { color: #767676 !important; background-color: #d1e3cf !important; } .bg-iw-green-6:hover:not(.no-hover) { color: #565656 !important; background-color: #b3cfb0 !important; } li.bg-iw-green-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #b3cfb0 !important; border: 1px solid #b3cfb0 !important; } li.bg-iw-green-6.active a { color: #565656 !important; background-color: #b3cfb0 !important; } .hover-bg-iw-green-6:hover:not(.no-hover) { color: #565656 !important; background-color: #b3cfb0 !important; } .btn.btn-iw-green-6 { color: #767676 !important; background-color: #d1e3cf !important; } .btn.btn-iw-green-6:hover:not(.no-hover) { color: #767676 !important; background-color: #b3cfb0 !important; } .label.label-iw-green-6 { color: #767676 !important; background-color: #d1e3cf !important; } .badge.badge-iw-green-6 { color: #767676 !important; background-color: #d1e3cf !important; } .border-iw-green-6 { border-color: #d1e3cf !important; } .text-iw-green-6 { color: #d1e3cf !important; } .bg-iw-green-7, tr.bg-iw-green-7 td { color: #767676 !important; background-color: #ecf2eb !important; } .bg-iw-green-7:hover:not(.no-hover) { color: #565656 !important; background-color: #d1e3cf !important; } li.bg-iw-green-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #d1e3cf !important; border: 1px solid #d1e3cf !important; } li.bg-iw-green-7.active a { color: #565656 !important; background-color: #d1e3cf !important; } .hover-bg-iw-green-7:hover:not(.no-hover) { color: #565656 !important; background-color: #d1e3cf !important; } .btn.btn-iw-green-7 { color: #767676 !important; background-color: #ecf2eb !important; } .btn.btn-iw-green-7:hover:not(.no-hover) { color: #767676 !important; background-color: #d1e3cf !important; } .label.label-iw-green-7 { color: #767676 !important; background-color: #ecf2eb !important; } .badge.badge-iw-green-7 { color: #767676 !important; background-color: #ecf2eb !important; } .border-iw-green-7 { border-color: #ecf2eb !important; } .text-iw-green-7 { color: #ecf2eb !important; } .bg-iw-lime-1, tr.bg-iw-lime-1 td { color: #eeeeee !important; background-color: #7a7233 !important; } .bg-iw-lime-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #aeb054 !important; } li.bg-iw-lime-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #aeb054 !important; border: 1px solid #aeb054 !important; } li.bg-iw-lime-1.active a { color: #fefefe !important; background-color: #aeb054 !important; } .hover-bg-iw-lime-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #aeb054 !important; } .btn.btn-iw-lime-1 { color: #eeeeee !important; background-color: #7a7233 !important; } .btn.btn-iw-lime-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #aeb054 !important; } .label.label-iw-lime-1 { color: #eeeeee !important; background-color: #7a7233 !important; } .badge.badge-iw-lime-1 { color: #eeeeee !important; background-color: #7a7233 !important; } .border-iw-lime-1 { border-color: #7a7233 !important; } .text-iw-lime-1 { color: #7a7233 !important; } .bg-iw-lime-2, tr.bg-iw-lime-2 td { color: #767676 !important; background-color: #aeb054 !important; } .bg-iw-lime-2:hover:not(.no-hover) { color: #565656 !important; background-color: #7a7233 !important; } li.bg-iw-lime-2 a:hover:not(.no-hover) { color: #565656 !important; background-color: #7a7233 !important; border: 1px solid #7a7233 !important; } li.bg-iw-lime-2.active a { color: #565656 !important; background-color: #7a7233 !important; } .hover-bg-iw-lime-2:hover:not(.no-hover) { color: #565656 !important; background-color: #7a7233 !important; } .btn.btn-iw-lime-2 { color: #767676 !important; background-color: #aeb054 !important; } .btn.btn-iw-lime-2:hover:not(.no-hover) { color: #767676 !important; background-color: #7a7233 !important; } .label.label-iw-lime-2 { color: #767676 !important; background-color: #aeb054 !important; } .badge.badge-iw-lime-2 { color: #767676 !important; background-color: #aeb054 !important; } .border-iw-lime-2 { border-color: #aeb054 !important; } .text-iw-lime-2 { color: #aeb054 !important; } .bg-iw-lime-3, tr.bg-iw-lime-3 td { color: #767676 !important; background-color: #cdd669 !important; } .bg-iw-lime-3:hover:not(.no-hover) { color: #565656 !important; background-color: #aeb054 !important; } li.bg-iw-lime-3 a:hover:not(.no-hover) { color: #565656 !important; background-color: #aeb054 !important; border: 1px solid #aeb054 !important; } li.bg-iw-lime-3.active a { color: #565656 !important; background-color: #aeb054 !important; } .hover-bg-iw-lime-3:hover:not(.no-hover) { color: #565656 !important; background-color: #aeb054 !important; } .btn.btn-iw-lime-3 { color: #767676 !important; background-color: #cdd669 !important; } .btn.btn-iw-lime-3:hover:not(.no-hover) { color: #767676 !important; background-color: #aeb054 !important; } .label.label-iw-lime-3 { color: #767676 !important; background-color: #cdd669 !important; } .badge.badge-iw-lime-3 { color: #767676 !important; background-color: #cdd669 !important; } .border-iw-lime-3 { border-color: #cdd669 !important; } .text-iw-lime-3 { color: #cdd669 !important; } .bg-iw-lime-4, tr.bg-iw-lime-4 td { color: #767676 !important; background-color: #dee396 !important; } .bg-iw-lime-4:hover:not(.no-hover) { color: #565656 !important; background-color: #cdd669 !important; } li.bg-iw-lime-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #cdd669 !important; border: 1px solid #cdd669 !important; } li.bg-iw-lime-4.active a { color: #565656 !important; background-color: #cdd669 !important; } .hover-bg-iw-lime-4:hover:not(.no-hover) { color: #565656 !important; background-color: #cdd669 !important; } .btn.btn-iw-lime-4 { color: #767676 !important; background-color: #dee396 !important; } .btn.btn-iw-lime-4:hover:not(.no-hover) { color: #767676 !important; background-color: #cdd669 !important; } .label.label-iw-lime-4 { color: #767676 !important; background-color: #dee396 !important; } .badge.badge-iw-lime-4 { color: #767676 !important; background-color: #dee396 !important; } .border-iw-lime-4 { border-color: #dee396 !important; } .text-iw-lime-4 { color: #dee396 !important; } .bg-iw-lime-5, tr.bg-iw-lime-5 td { color: #767676 !important; background-color: #e4e8b3 !important; } .bg-iw-lime-5:hover:not(.no-hover) { color: #565656 !important; background-color: #dee396 !important; } li.bg-iw-lime-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #dee396 !important; border: 1px solid #dee396 !important; } li.bg-iw-lime-5.active a { color: #565656 !important; background-color: #dee396 !important; } .hover-bg-iw-lime-5:hover:not(.no-hover) { color: #565656 !important; background-color: #dee396 !important; } .btn.btn-iw-lime-5 { color: #767676 !important; background-color: #e4e8b3 !important; } .btn.btn-iw-lime-5:hover:not(.no-hover) { color: #767676 !important; background-color: #dee396 !important; } .label.label-iw-lime-5 { color: #767676 !important; background-color: #e4e8b3 !important; } .badge.badge-iw-lime-5 { color: #767676 !important; background-color: #e4e8b3 !important; } .border-iw-lime-5 { border-color: #e4e8b3 !important; } .text-iw-lime-5 { color: #e4e8b3 !important; } .bg-iw-lime-6, tr.bg-iw-lime-6 td { color: #767676 !important; background-color: #eef0d1 !important; } .bg-iw-lime-6:hover:not(.no-hover) { color: #565656 !important; background-color: #e4e8b3 !important; } li.bg-iw-lime-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #e4e8b3 !important; border: 1px solid #e4e8b3 !important; } li.bg-iw-lime-6.active a { color: #565656 !important; background-color: #e4e8b3 !important; } .hover-bg-iw-lime-6:hover:not(.no-hover) { color: #565656 !important; background-color: #e4e8b3 !important; } .btn.btn-iw-lime-6 { color: #767676 !important; background-color: #eef0d1 !important; } .btn.btn-iw-lime-6:hover:not(.no-hover) { color: #767676 !important; background-color: #e4e8b3 !important; } .label.label-iw-lime-6 { color: #767676 !important; background-color: #eef0d1 !important; } .badge.badge-iw-lime-6 { color: #767676 !important; background-color: #eef0d1 !important; } .border-iw-lime-6 { border-color: #eef0d1 !important; } .text-iw-lime-6 { color: #eef0d1 !important; } .bg-iw-lime-7, tr.bg-iw-lime-7 td { color: #767676 !important; background-color: #f9faed !important; } .bg-iw-lime-7:hover:not(.no-hover) { color: #565656 !important; background-color: #eef0d1 !important; } li.bg-iw-lime-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #eef0d1 !important; border: 1px solid #eef0d1 !important; } li.bg-iw-lime-7.active a { color: #565656 !important; background-color: #eef0d1 !important; } .hover-bg-iw-lime-7:hover:not(.no-hover) { color: #565656 !important; background-color: #eef0d1 !important; } .btn.btn-iw-lime-7 { color: #767676 !important; background-color: #f9faed !important; } .btn.btn-iw-lime-7:hover:not(.no-hover) { color: #767676 !important; background-color: #eef0d1 !important; } .label.label-iw-lime-7 { color: #767676 !important; background-color: #f9faed !important; } .badge.badge-iw-lime-7 { color: #767676 !important; background-color: #f9faed !important; } .border-iw-lime-7 { border-color: #f9faed !important; } .text-iw-lime-7 { color: #f9faed !important; } .bg-iw-yellow-1, tr.bg-iw-yellow-1 td { color: #eeeeee !important; background-color: #cc8041 !important; } .bg-iw-yellow-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #e3bd5d !important; } li.bg-iw-yellow-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #e3bd5d !important; border: 1px solid #e3bd5d !important; } li.bg-iw-yellow-1.active a { color: #fefefe !important; background-color: #e3bd5d !important; } .hover-bg-iw-yellow-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #e3bd5d !important; } .btn.btn-iw-yellow-1 { color: #eeeeee !important; background-color: #cc8041 !important; } .btn.btn-iw-yellow-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #e3bd5d !important; } .label.label-iw-yellow-1 { color: #eeeeee !important; background-color: #cc8041 !important; } .badge.badge-iw-yellow-1 { color: #eeeeee !important; background-color: #cc8041 !important; } .border-iw-yellow-1 { border-color: #cc8041 !important; } .text-iw-yellow-1 { color: #cc8041 !important; } .bg-iw-yellow-2, tr.bg-iw-yellow-2 td { color: #767676 !important; background-color: #e3bd5d !important; } .bg-iw-yellow-2:hover:not(.no-hover) { color: #565656 !important; background-color: #cc8041 !important; } li.bg-iw-yellow-2 a:hover:not(.no-hover) { color: #565656 !important; background-color: #cc8041 !important; border: 1px solid #cc8041 !important; } li.bg-iw-yellow-2.active a { color: #565656 !important; background-color: #cc8041 !important; } .hover-bg-iw-yellow-2:hover:not(.no-hover) { color: #565656 !important; background-color: #cc8041 !important; } .btn.btn-iw-yellow-2 { color: #767676 !important; background-color: #e3bd5d !important; } .btn.btn-iw-yellow-2:hover:not(.no-hover) { color: #767676 !important; background-color: #cc8041 !important; } .label.label-iw-yellow-2 { color: #767676 !important; background-color: #e3bd5d !important; } .badge.badge-iw-yellow-2 { color: #767676 !important; background-color: #e3bd5d !important; } .border-iw-yellow-2 { border-color: #e3bd5d !important; } .text-iw-yellow-2 { color: #e3bd5d !important; } .bg-iw-yellow-3, tr.bg-iw-yellow-3 td { color: #767676 !important; background-color: #f2e56f !important; } .bg-iw-yellow-3:hover:not(.no-hover) { color: #565656 !important; background-color: #e3bd5d !important; } li.bg-iw-yellow-3 a:hover:not(.no-hover) { color: #565656 !important; background-color: #e3bd5d !important; border: 1px solid #e3bd5d !important; } li.bg-iw-yellow-3.active a { color: #565656 !important; background-color: #e3bd5d !important; } .hover-bg-iw-yellow-3:hover:not(.no-hover) { color: #565656 !important; background-color: #e3bd5d !important; } .btn.btn-iw-yellow-3 { color: #767676 !important; background-color: #f2e56f !important; } .btn.btn-iw-yellow-3:hover:not(.no-hover) { color: #767676 !important; background-color: #e3bd5d !important; } .label.label-iw-yellow-3 { color: #767676 !important; background-color: #f2e56f !important; } .badge.badge-iw-yellow-3 { color: #767676 !important; background-color: #f2e56f !important; } .border-iw-yellow-3 { border-color: #f2e56f !important; } .text-iw-yellow-3 { color: #f2e56f !important; } .bg-iw-yellow-4, tr.bg-iw-yellow-4 td { color: #767676 !important; background-color: #f5ec9a !important; } .bg-iw-yellow-4:hover:not(.no-hover) { color: #565656 !important; background-color: #f2e56f !important; } li.bg-iw-yellow-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #f2e56f !important; border: 1px solid #f2e56f !important; } li.bg-iw-yellow-4.active a { color: #565656 !important; background-color: #f2e56f !important; } .hover-bg-iw-yellow-4:hover:not(.no-hover) { color: #565656 !important; background-color: #f2e56f !important; } .btn.btn-iw-yellow-4 { color: #767676 !important; background-color: #f5ec9a !important; } .btn.btn-iw-yellow-4:hover:not(.no-hover) { color: #767676 !important; background-color: #f2e56f !important; } .label.label-iw-yellow-4 { color: #767676 !important; background-color: #f5ec9a !important; } .badge.badge-iw-yellow-4 { color: #767676 !important; background-color: #f5ec9a !important; } .border-iw-yellow-4 { border-color: #f5ec9a !important; } .text-iw-yellow-4 { color: #f5ec9a !important; } .bg-iw-yellow-5, tr.bg-iw-yellow-5 td { color: #767676 !important; background-color: #f7f0b7 !important; } .bg-iw-yellow-5:hover:not(.no-hover) { color: #565656 !important; background-color: #f5ec9a !important; } li.bg-iw-yellow-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #f5ec9a !important; border: 1px solid #f5ec9a !important; } li.bg-iw-yellow-5.active a { color: #565656 !important; background-color: #f5ec9a !important; } .hover-bg-iw-yellow-5:hover:not(.no-hover) { color: #565656 !important; background-color: #f5ec9a !important; } .btn.btn-iw-yellow-5 { color: #767676 !important; background-color: #f7f0b7 !important; } .btn.btn-iw-yellow-5:hover:not(.no-hover) { color: #767676 !important; background-color: #f5ec9a !important; } .label.label-iw-yellow-5 { color: #767676 !important; background-color: #f7f0b7 !important; } .badge.badge-iw-yellow-5 { color: #767676 !important; background-color: #f7f0b7 !important; } .border-iw-yellow-5 { border-color: #f7f0b7 !important; } .text-iw-yellow-5 { color: #f7f0b7 !important; } .bg-iw-yellow-6, tr.bg-iw-yellow-6 td { color: #767676 !important; background-color: #faf6d4 !important; } .bg-iw-yellow-6:hover:not(.no-hover) { color: #565656 !important; background-color: #f7f0b7 !important; } li.bg-iw-yellow-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #f7f0b7 !important; border: 1px solid #f7f0b7 !important; } li.bg-iw-yellow-6.active a { color: #565656 !important; background-color: #f7f0b7 !important; } .hover-bg-iw-yellow-6:hover:not(.no-hover) { color: #565656 !important; background-color: #f7f0b7 !important; } .btn.btn-iw-yellow-6 { color: #767676 !important; background-color: #faf6d4 !important; } .btn.btn-iw-yellow-6:hover:not(.no-hover) { color: #767676 !important; background-color: #f7f0b7 !important; } .label.label-iw-yellow-6 { color: #767676 !important; background-color: #faf6d4 !important; } .badge.badge-iw-yellow-6 { color: #767676 !important; background-color: #faf6d4 !important; } .border-iw-yellow-6 { border-color: #faf6d4 !important; } .text-iw-yellow-6 { color: #faf6d4 !important; } .bg-iw-yellow-7, tr.bg-iw-yellow-7 td { color: #767676 !important; background-color: #fcfbed !important; } .bg-iw-yellow-7:hover:not(.no-hover) { color: #565656 !important; background-color: #faf6d4 !important; } li.bg-iw-yellow-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #faf6d4 !important; border: 1px solid #faf6d4 !important; } li.bg-iw-yellow-7.active a { color: #565656 !important; background-color: #faf6d4 !important; } .hover-bg-iw-yellow-7:hover:not(.no-hover) { color: #565656 !important; background-color: #faf6d4 !important; } .btn.btn-iw-yellow-7 { color: #767676 !important; background-color: #fcfbed !important; } .btn.btn-iw-yellow-7:hover:not(.no-hover) { color: #767676 !important; background-color: #faf6d4 !important; } .label.label-iw-yellow-7 { color: #767676 !important; background-color: #fcfbed !important; } .badge.badge-iw-yellow-7 { color: #767676 !important; background-color: #fcfbed !important; } .border-iw-yellow-7 { border-color: #fcfbed !important; } .text-iw-yellow-7 { color: #fcfbed !important; } .bg-iw-orange-1, tr.bg-iw-orange-1 td { color: #eeeeee !important; background-color: #b85828 !important; } .bg-iw-orange-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #cc7e35 !important; } li.bg-iw-orange-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #cc7e35 !important; border: 1px solid #cc7e35 !important; } li.bg-iw-orange-1.active a { color: #fefefe !important; background-color: #cc7e35 !important; } .hover-bg-iw-orange-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #cc7e35 !important; } .btn.btn-iw-orange-1 { color: #eeeeee !important; background-color: #b85828 !important; } .btn.btn-iw-orange-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #cc7e35 !important; } .label.label-iw-orange-1 { color: #eeeeee !important; background-color: #b85828 !important; } .badge.badge-iw-orange-1 { color: #eeeeee !important; background-color: #b85828 !important; } .border-iw-orange-1 { border-color: #b85828 !important; } .text-iw-orange-1 { color: #b85828 !important; } .bg-iw-orange-2, tr.bg-iw-orange-2 td { color: #eeeeee !important; background-color: #cc7e35 !important; } .bg-iw-orange-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #b85828 !important; } li.bg-iw-orange-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #b85828 !important; border: 1px solid #b85828 !important; } li.bg-iw-orange-2.active a { color: #fefefe !important; background-color: #b85828 !important; } .hover-bg-iw-orange-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #b85828 !important; } .btn.btn-iw-orange-2 { color: #eeeeee !important; background-color: #cc7e35 !important; } .btn.btn-iw-orange-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #b85828 !important; } .label.label-iw-orange-2 { color: #eeeeee !important; background-color: #cc7e35 !important; } .badge.badge-iw-orange-2 { color: #eeeeee !important; background-color: #cc7e35 !important; } .border-iw-orange-2 { border-color: #cc7e35 !important; } .text-iw-orange-2 { color: #cc7e35 !important; } .bg-iw-orange-3, tr.bg-iw-orange-3 td { color: #eeeeee !important; background-color: #db9a3d !important; } .bg-iw-orange-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #cc7e35 !important; } li.bg-iw-orange-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #cc7e35 !important; border: 1px solid #cc7e35 !important; } li.bg-iw-orange-3.active a { color: #fefefe !important; background-color: #cc7e35 !important; } .hover-bg-iw-orange-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #cc7e35 !important; } .btn.btn-iw-orange-3 { color: #eeeeee !important; background-color: #db9a3d !important; } .btn.btn-iw-orange-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #cc7e35 !important; } .label.label-iw-orange-3 { color: #eeeeee !important; background-color: #db9a3d !important; } .badge.badge-iw-orange-3 { color: #eeeeee !important; background-color: #db9a3d !important; } .border-iw-orange-3 { border-color: #db9a3d !important; } .text-iw-orange-3 { color: #db9a3d !important; } .bg-iw-orange-4, tr.bg-iw-orange-4 td { color: #767676 !important; background-color: #e3b56f !important; } .bg-iw-orange-4:hover:not(.no-hover) { color: #565656 !important; background-color: #db9a3d !important; } li.bg-iw-orange-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #db9a3d !important; border: 1px solid #db9a3d !important; } li.bg-iw-orange-4.active a { color: #565656 !important; background-color: #db9a3d !important; } .hover-bg-iw-orange-4:hover:not(.no-hover) { color: #565656 !important; background-color: #db9a3d !important; } .btn.btn-iw-orange-4 { color: #767676 !important; background-color: #e3b56f !important; } .btn.btn-iw-orange-4:hover:not(.no-hover) { color: #767676 !important; background-color: #db9a3d !important; } .label.label-iw-orange-4 { color: #767676 !important; background-color: #e3b56f !important; } .badge.badge-iw-orange-4 { color: #767676 !important; background-color: #e3b56f !important; } .border-iw-orange-4 { border-color: #e3b56f !important; } .text-iw-orange-4 { color: #e3b56f !important; } .bg-iw-orange-5, tr.bg-iw-orange-5 td { color: #767676 !important; background-color: #ebcb98 !important; } .bg-iw-orange-5:hover:not(.no-hover) { color: #565656 !important; background-color: #e3b56f !important; } li.bg-iw-orange-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #e3b56f !important; border: 1px solid #e3b56f !important; } li.bg-iw-orange-5.active a { color: #565656 !important; background-color: #e3b56f !important; } .hover-bg-iw-orange-5:hover:not(.no-hover) { color: #565656 !important; background-color: #e3b56f !important; } .btn.btn-iw-orange-5 { color: #767676 !important; background-color: #ebcb98 !important; } .btn.btn-iw-orange-5:hover:not(.no-hover) { color: #767676 !important; background-color: #e3b56f !important; } .label.label-iw-orange-5 { color: #767676 !important; background-color: #ebcb98 !important; } .badge.badge-iw-orange-5 { color: #767676 !important; background-color: #ebcb98 !important; } .border-iw-orange-5 { border-color: #ebcb98 !important; } .text-iw-orange-5 { color: #ebcb98 !important; } .bg-iw-orange-6, tr.bg-iw-orange-6 td { color: #767676 !important; background-color: #f2e0c2 !important; } .bg-iw-orange-6:hover:not(.no-hover) { color: #565656 !important; background-color: #ebcb98 !important; } li.bg-iw-orange-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #ebcb98 !important; border: 1px solid #ebcb98 !important; } li.bg-iw-orange-6.active a { color: #565656 !important; background-color: #ebcb98 !important; } .hover-bg-iw-orange-6:hover:not(.no-hover) { color: #565656 !important; background-color: #ebcb98 !important; } .btn.btn-iw-orange-6 { color: #767676 !important; background-color: #f2e0c2 !important; } .btn.btn-iw-orange-6:hover:not(.no-hover) { color: #767676 !important; background-color: #ebcb98 !important; } .label.label-iw-orange-6 { color: #767676 !important; background-color: #f2e0c2 !important; } .badge.badge-iw-orange-6 { color: #767676 !important; background-color: #f2e0c2 !important; } .border-iw-orange-6 { border-color: #f2e0c2 !important; } .text-iw-orange-6 { color: #f2e0c2 !important; } .bg-iw-orange-7, tr.bg-iw-orange-7 td { color: #767676 !important; background-color: #faf3e6 !important; } .bg-iw-orange-7:hover:not(.no-hover) { color: #565656 !important; background-color: #f2e0c2 !important; } li.bg-iw-orange-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #f2e0c2 !important; border: 1px solid #f2e0c2 !important; } li.bg-iw-orange-7.active a { color: #565656 !important; background-color: #f2e0c2 !important; } .hover-bg-iw-orange-7:hover:not(.no-hover) { color: #565656 !important; background-color: #f2e0c2 !important; } .btn.btn-iw-orange-7 { color: #767676 !important; background-color: #faf3e6 !important; } .btn.btn-iw-orange-7:hover:not(.no-hover) { color: #767676 !important; background-color: #f2e0c2 !important; } .label.label-iw-orange-7 { color: #767676 !important; background-color: #faf3e6 !important; } .badge.badge-iw-orange-7 { color: #767676 !important; background-color: #faf3e6 !important; } .border-iw-orange-7 { border-color: #faf3e6 !important; } .text-iw-orange-7 { color: #faf3e6 !important; } .bg-iw-brown-1, tr.bg-iw-brown-1 td { color: #eeeeee !important; background-color: #362725 !important; } .bg-iw-brown-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #52403b !important; } li.bg-iw-brown-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #52403b !important; border: 1px solid #52403b !important; } li.bg-iw-brown-1.active a { color: #fefefe !important; background-color: #52403b !important; } .hover-bg-iw-brown-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #52403b !important; } .btn.btn-iw-brown-1 { color: #eeeeee !important; background-color: #362725 !important; } .btn.btn-iw-brown-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #52403b !important; } .label.label-iw-brown-1 { color: #eeeeee !important; background-color: #362725 !important; } .badge.badge-iw-brown-1 { color: #eeeeee !important; background-color: #362725 !important; } .border-iw-brown-1 { border-color: #362725 !important; } .text-iw-brown-1 { color: #362725 !important; } .bg-iw-brown-2, tr.bg-iw-brown-2 td { color: #eeeeee !important; background-color: #52403b !important; } .bg-iw-brown-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #362725 !important; } li.bg-iw-brown-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #362725 !important; border: 1px solid #362725 !important; } li.bg-iw-brown-2.active a { color: #fefefe !important; background-color: #362725 !important; } .hover-bg-iw-brown-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #362725 !important; } .btn.btn-iw-brown-2 { color: #eeeeee !important; background-color: #52403b !important; } .btn.btn-iw-brown-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #362725 !important; } .label.label-iw-brown-2 { color: #eeeeee !important; background-color: #52403b !important; } .badge.badge-iw-brown-2 { color: #eeeeee !important; background-color: #52403b !important; } .border-iw-brown-2 { border-color: #52403b !important; } .text-iw-brown-2 { color: #52403b !important; } .bg-iw-brown-3, tr.bg-iw-brown-3 td { color: #eeeeee !important; background-color: #6b544c !important; } .bg-iw-brown-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #52403b !important; } li.bg-iw-brown-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #52403b !important; border: 1px solid #52403b !important; } li.bg-iw-brown-3.active a { color: #fefefe !important; background-color: #52403b !important; } .hover-bg-iw-brown-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #52403b !important; } .btn.btn-iw-brown-3 { color: #eeeeee !important; background-color: #6b544c !important; } .btn.btn-iw-brown-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #52403b !important; } .label.label-iw-brown-3 { color: #eeeeee !important; background-color: #6b544c !important; } .badge.badge-iw-brown-3 { color: #eeeeee !important; background-color: #6b544c !important; } .border-iw-brown-3 { border-color: #6b544c !important; } .text-iw-brown-3 { color: #6b544c !important; } .bg-iw-brown-4, tr.bg-iw-brown-4 td { color: #eeeeee !important; background-color: #968883 !important; } .bg-iw-brown-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #6b544c !important; } li.bg-iw-brown-4 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #6b544c !important; border: 1px solid #6b544c !important; } li.bg-iw-brown-4.active a { color: #fefefe !important; background-color: #6b544c !important; } .hover-bg-iw-brown-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #6b544c !important; } .btn.btn-iw-brown-4 { color: #eeeeee !important; background-color: #968883 !important; } .btn.btn-iw-brown-4:hover:not(.no-hover) { color: #eeeeee !important; background-color: #6b544c !important; } .label.label-iw-brown-4 { color: #eeeeee !important; background-color: #968883 !important; } .badge.badge-iw-brown-4 { color: #eeeeee !important; background-color: #968883 !important; } .border-iw-brown-4 { border-color: #968883 !important; } .text-iw-brown-4 { color: #968883 !important; } .bg-iw-brown-5, tr.bg-iw-brown-5 td { color: #eeeeee !important; background-color: #b5aba7 !important; } .bg-iw-brown-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #968883 !important; } li.bg-iw-brown-5 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #968883 !important; border: 1px solid #968883 !important; } li.bg-iw-brown-5.active a { color: #fefefe !important; background-color: #968883 !important; } .hover-bg-iw-brown-5:hover:not(.no-hover) { color: #fefefe !important; background-color: #968883 !important; } .btn.btn-iw-brown-5 { color: #eeeeee !important; background-color: #b5aba7 !important; } .btn.btn-iw-brown-5:hover:not(.no-hover) { color: #eeeeee !important; background-color: #968883 !important; } .label.label-iw-brown-5 { color: #eeeeee !important; background-color: #b5aba7 !important; } .badge.badge-iw-brown-5 { color: #eeeeee !important; background-color: #b5aba7 !important; } .border-iw-brown-5 { border-color: #b5aba7 !important; } .text-iw-brown-5 { color: #b5aba7 !important; } .bg-iw-brown-6, tr.bg-iw-brown-6 td { color: #767676 !important; background-color: #d1cbc9 !important; } .bg-iw-brown-6:hover:not(.no-hover) { color: #565656 !important; background-color: #b5aba7 !important; } li.bg-iw-brown-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #b5aba7 !important; border: 1px solid #b5aba7 !important; } li.bg-iw-brown-6.active a { color: #565656 !important; background-color: #b5aba7 !important; } .hover-bg-iw-brown-6:hover:not(.no-hover) { color: #565656 !important; background-color: #b5aba7 !important; } .btn.btn-iw-brown-6 { color: #767676 !important; background-color: #d1cbc9 !important; } .btn.btn-iw-brown-6:hover:not(.no-hover) { color: #767676 !important; background-color: #b5aba7 !important; } .label.label-iw-brown-6 { color: #767676 !important; background-color: #d1cbc9 !important; } .badge.badge-iw-brown-6 { color: #767676 !important; background-color: #d1cbc9 !important; } .border-iw-brown-6 { border-color: #d1cbc9 !important; } .text-iw-brown-6 { color: #d1cbc9 !important; } .bg-iw-brown-7, tr.bg-iw-brown-7 td { color: #767676 !important; background-color: #edebeb !important; } .bg-iw-brown-7:hover:not(.no-hover) { color: #565656 !important; background-color: #d1cbc9 !important; } li.bg-iw-brown-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #d1cbc9 !important; border: 1px solid #d1cbc9 !important; } li.bg-iw-brown-7.active a { color: #565656 !important; background-color: #d1cbc9 !important; } .hover-bg-iw-brown-7:hover:not(.no-hover) { color: #565656 !important; background-color: #d1cbc9 !important; } .btn.btn-iw-brown-7 { color: #767676 !important; background-color: #edebeb !important; } .btn.btn-iw-brown-7:hover:not(.no-hover) { color: #767676 !important; background-color: #d1cbc9 !important; } .label.label-iw-brown-7 { color: #767676 !important; background-color: #edebeb !important; } .badge.badge-iw-brown-7 { color: #767676 !important; background-color: #edebeb !important; } .border-iw-brown-7 { border-color: #edebeb !important; } .text-iw-brown-7 { color: #edebeb !important; } .bg-iw-grey-1, tr.bg-iw-grey-1 td { color: #eeeeee !important; background-color: #1f1f1f !important; } .bg-iw-grey-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #1f1f1f !important; } li.bg-iw-grey-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #1f1f1f !important; border: 1px solid #1f1f1f !important; } li.bg-iw-grey-1.active a { color: #fefefe !important; background-color: #1f1f1f !important; } .hover-bg-iw-grey-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #1f1f1f !important; } .btn.btn-iw-grey-1 { color: #eeeeee !important; background-color: #1f1f1f !important; } .btn.btn-iw-grey-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #1f1f1f !important; } .label.label-iw-grey-1 { color: #eeeeee !important; background-color: #1f1f1f !important; } .badge.badge-iw-grey-1 { color: #eeeeee !important; background-color: #1f1f1f !important; } .border-iw-grey-1 { border-color: #1f1f1f !important; } .text-iw-grey-1 { color: #1f1f1f !important; } .bg-iw-grey-2, tr.bg-iw-grey-2 td { color: #eeeeee !important; background-color: #616161 !important; } .bg-iw-grey-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #1f1f1f !important; } li.bg-iw-grey-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #1f1f1f !important; border: 1px solid #1f1f1f !important; } li.bg-iw-grey-2.active a { color: #fefefe !important; background-color: #1f1f1f !important; } .hover-bg-iw-grey-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #1f1f1f !important; } .btn.btn-iw-grey-2 { color: #eeeeee !important; background-color: #616161 !important; } .btn.btn-iw-grey-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #1f1f1f !important; } .label.label-iw-grey-2 { color: #eeeeee !important; background-color: #616161 !important; } .badge.badge-iw-grey-2 { color: #eeeeee !important; background-color: #616161 !important; } .border-iw-grey-2 { border-color: #616161 !important; } .text-iw-grey-2 { color: #616161 !important; } .bg-iw-grey-3, tr.bg-iw-grey-3 td { color: #eeeeee !important; background-color: #9c9c9c !important; } .bg-iw-grey-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #616161 !important; } li.bg-iw-grey-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #616161 !important; border: 1px solid #616161 !important; } li.bg-iw-grey-3.active a { color: #fefefe !important; background-color: #616161 !important; } .hover-bg-iw-grey-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #616161 !important; } .btn.btn-iw-grey-3 { color: #eeeeee !important; background-color: #9c9c9c !important; } .btn.btn-iw-grey-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #616161 !important; } .label.label-iw-grey-3 { color: #eeeeee !important; background-color: #9c9c9c !important; } .badge.badge-iw-grey-3 { color: #eeeeee !important; background-color: #9c9c9c !important; } .border-iw-grey-3 { border-color: #9c9c9c !important; } .text-iw-grey-3 { color: #9c9c9c !important; } .bg-iw-grey-4, tr.bg-iw-grey-4 td { color: #767676 !important; background-color: #dedede !important; } .bg-iw-grey-4:hover:not(.no-hover) { color: #565656 !important; background-color: #9c9c9c !important; } li.bg-iw-grey-4 a:hover:not(.no-hover) { color: #565656 !important; background-color: #9c9c9c !important; border: 1px solid #9c9c9c !important; } li.bg-iw-grey-4.active a { color: #565656 !important; background-color: #9c9c9c !important; } .hover-bg-iw-grey-4:hover:not(.no-hover) { color: #565656 !important; background-color: #9c9c9c !important; } .btn.btn-iw-grey-4 { color: #767676 !important; background-color: #dedede !important; } .btn.btn-iw-grey-4:hover:not(.no-hover) { color: #767676 !important; background-color: #9c9c9c !important; } .label.label-iw-grey-4 { color: #767676 !important; background-color: #dedede !important; } .badge.badge-iw-grey-4 { color: #767676 !important; background-color: #dedede !important; } .border-iw-grey-4 { border-color: #dedede !important; } .text-iw-grey-4 { color: #dedede !important; } .bg-iw-grey-5, tr.bg-iw-grey-5 td { color: #767676 !important; background-color: #ededed !important; } .bg-iw-grey-5:hover:not(.no-hover) { color: #565656 !important; background-color: #dedede !important; } li.bg-iw-grey-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #dedede !important; border: 1px solid #dedede !important; } li.bg-iw-grey-5.active a { color: #565656 !important; background-color: #dedede !important; } .hover-bg-iw-grey-5:hover:not(.no-hover) { color: #565656 !important; background-color: #dedede !important; } .btn.btn-iw-grey-5 { color: #767676 !important; background-color: #ededed !important; } .btn.btn-iw-grey-5:hover:not(.no-hover) { color: #767676 !important; background-color: #dedede !important; } .label.label-iw-grey-5 { color: #767676 !important; background-color: #ededed !important; } .badge.badge-iw-grey-5 { color: #767676 !important; background-color: #ededed !important; } .border-iw-grey-5 { border-color: #ededed !important; } .text-iw-grey-5 { color: #ededed !important; } .bg-iw-grey-6, tr.bg-iw-grey-6 td { color: #767676 !important; background-color: #f5f5f5 !important; } .bg-iw-grey-6:hover:not(.no-hover) { color: #565656 !important; background-color: #ededed !important; } li.bg-iw-grey-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #ededed !important; border: 1px solid #ededed !important; } li.bg-iw-grey-6.active a { color: #565656 !important; background-color: #ededed !important; } .hover-bg-iw-grey-6:hover:not(.no-hover) { color: #565656 !important; background-color: #ededed !important; } .btn.btn-iw-grey-6 { color: #767676 !important; background-color: #f5f5f5 !important; } .btn.btn-iw-grey-6:hover:not(.no-hover) { color: #767676 !important; background-color: #ededed !important; } .label.label-iw-grey-6 { color: #767676 !important; background-color: #f5f5f5 !important; } .badge.badge-iw-grey-6 { color: #767676 !important; background-color: #f5f5f5 !important; } .border-iw-grey-6 { border-color: #f5f5f5 !important; } .text-iw-grey-6 { color: #f5f5f5 !important; } .tw:bg-base-200, tr.tw:bg-base-200 td { color: #767676 !important; background-color: #fafafa !important; } .tw:bg-base-200:hover:not(.no-hover) { color: #565656 !important; background-color: #f5f5f5 !important; } li.tw:bg-base-200 a:hover:not(.no-hover) { color: #565656 !important; background-color: #f5f5f5 !important; border: 1px solid #f5f5f5 !important; } li.tw:bg-base-200.active a { color: #565656 !important; background-color: #f5f5f5 !important; } .hover-tw:bg-base-200:hover:not(.no-hover) { color: #565656 !important; background-color: #f5f5f5 !important; } .btn.btn-iw-grey-7 { color: #767676 !important; background-color: #fafafa !important; } .btn.btn-iw-grey-7:hover:not(.no-hover) { color: #767676 !important; background-color: #f5f5f5 !important; } .label.label-iw-grey-7 { color: #767676 !important; background-color: #fafafa !important; } .badge.badge-iw-grey-7 { color: #767676 !important; background-color: #fafafa !important; } .border-iw-grey-7 { border-color: #fafafa !important; } .text-iw-grey-7 { color: #fafafa !important; } .bg-iw-ice-1, tr.bg-iw-ice-1 td { color: #eeeeee !important; background-color: #292f33 !important; } .bg-iw-ice-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #4b595e !important; } li.bg-iw-ice-1 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4b595e !important; border: 1px solid #4b595e !important; } li.bg-iw-ice-1.active a { color: #fefefe !important; background-color: #4b595e !important; } .hover-bg-iw-ice-1:hover:not(.no-hover) { color: #fefefe !important; background-color: #4b595e !important; } .btn.btn-iw-ice-1 { color: #eeeeee !important; background-color: #292f33 !important; } .btn.btn-iw-ice-1:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4b595e !important; } .label.label-iw-ice-1 { color: #eeeeee !important; background-color: #292f33 !important; } .badge.badge-iw-ice-1 { color: #eeeeee !important; background-color: #292f33 !important; } .border-iw-ice-1 { border-color: #292f33 !important; } .text-iw-ice-1 { color: #292f33 !important; } .bg-iw-ice-2, tr.bg-iw-ice-2 td { color: #eeeeee !important; background-color: #4b595e !important; } .bg-iw-ice-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #292f33 !important; } li.bg-iw-ice-2 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #292f33 !important; border: 1px solid #292f33 !important; } li.bg-iw-ice-2.active a { color: #fefefe !important; background-color: #292f33 !important; } .hover-bg-iw-ice-2:hover:not(.no-hover) { color: #fefefe !important; background-color: #292f33 !important; } .btn.btn-iw-ice-2 { color: #eeeeee !important; background-color: #4b595e !important; } .btn.btn-iw-ice-2:hover:not(.no-hover) { color: #eeeeee !important; background-color: #292f33 !important; } .label.label-iw-ice-2 { color: #eeeeee !important; background-color: #4b595e !important; } .badge.badge-iw-ice-2 { color: #eeeeee !important; background-color: #4b595e !important; } .border-iw-ice-2 { border-color: #4b595e !important; } .text-iw-ice-2 { color: #4b595e !important; } .bg-iw-ice-3, tr.bg-iw-ice-3 td { color: #eeeeee !important; background-color: #6a7b85 !important; } .bg-iw-ice-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #4b595e !important; } li.bg-iw-ice-3 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #4b595e !important; border: 1px solid #4b595e !important; } li.bg-iw-ice-3.active a { color: #fefefe !important; background-color: #4b595e !important; } .hover-bg-iw-ice-3:hover:not(.no-hover) { color: #fefefe !important; background-color: #4b595e !important; } .btn.btn-iw-ice-3 { color: #eeeeee !important; background-color: #6a7b85 !important; } .btn.btn-iw-ice-3:hover:not(.no-hover) { color: #eeeeee !important; background-color: #4b595e !important; } .label.label-iw-ice-3 { color: #eeeeee !important; background-color: #6a7b85 !important; } .badge.badge-iw-ice-3 { color: #eeeeee !important; background-color: #6a7b85 !important; } .border-iw-ice-3 { border-color: #6a7b85 !important; } .text-iw-ice-3 { color: #6a7b85 !important; } .bg-iw-ice-4, tr.bg-iw-ice-4 td { color: #eeeeee !important; background-color: #96a2a8 !important; } .bg-iw-ice-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #6a7b85 !important; } li.bg-iw-ice-4 a:hover:not(.no-hover) { color: #fefefe !important; background-color: #6a7b85 !important; border: 1px solid #6a7b85 !important; } li.bg-iw-ice-4.active a { color: #fefefe !important; background-color: #6a7b85 !important; } .hover-bg-iw-ice-4:hover:not(.no-hover) { color: #fefefe !important; background-color: #6a7b85 !important; } .btn.btn-iw-ice-4 { color: #eeeeee !important; background-color: #96a2a8 !important; } .btn.btn-iw-ice-4:hover:not(.no-hover) { color: #eeeeee !important; background-color: #6a7b85 !important; } .label.label-iw-ice-4 { color: #eeeeee !important; background-color: #96a2a8 !important; } .badge.badge-iw-ice-4 { color: #eeeeee !important; background-color: #96a2a8 !important; } .border-iw-ice-4 { border-color: #96a2a8 !important; } .text-iw-ice-4 { color: #96a2a8 !important; } .bg-iw-ice-5, tr.bg-iw-ice-5 td { color: #767676 !important; background-color: #b4bdc2 !important; } .bg-iw-ice-5:hover:not(.no-hover) { color: #565656 !important; background-color: #96a2a8 !important; } li.bg-iw-ice-5 a:hover:not(.no-hover) { color: #565656 !important; background-color: #96a2a8 !important; border: 1px solid #96a2a8 !important; } li.bg-iw-ice-5.active a { color: #565656 !important; background-color: #96a2a8 !important; } .hover-bg-iw-ice-5:hover:not(.no-hover) { color: #565656 !important; background-color: #96a2a8 !important; } .btn.btn-iw-ice-5 { color: #767676 !important; background-color: #b4bdc2 !important; } .btn.btn-iw-ice-5:hover:not(.no-hover) { color: #767676 !important; background-color: #96a2a8 !important; } .label.label-iw-ice-5 { color: #767676 !important; background-color: #b4bdc2 !important; } .badge.badge-iw-ice-5 { color: #767676 !important; background-color: #b4bdc2 !important; } .border-iw-ice-5 { border-color: #b4bdc2 !important; } .text-iw-ice-5 { color: #b4bdc2 !important; } .bg-iw-ice-6, tr.bg-iw-ice-6 td { color: #767676 !important; background-color: #d2d6d9 !important; } .bg-iw-ice-6:hover:not(.no-hover) { color: #565656 !important; background-color: #b4bdc2 !important; } li.bg-iw-ice-6 a:hover:not(.no-hover) { color: #565656 !important; background-color: #b4bdc2 !important; border: 1px solid #b4bdc2 !important; } li.bg-iw-ice-6.active a { color: #565656 !important; background-color: #b4bdc2 !important; } .hover-bg-iw-ice-6:hover:not(.no-hover) { color: #565656 !important; background-color: #b4bdc2 !important; } .btn.btn-iw-ice-6 { color: #767676 !important; background-color: #d2d6d9 !important; } .btn.btn-iw-ice-6:hover:not(.no-hover) { color: #767676 !important; background-color: #b4bdc2 !important; } .label.label-iw-ice-6 { color: #767676 !important; background-color: #d2d6d9 !important; } .badge.badge-iw-ice-6 { color: #767676 !important; background-color: #d2d6d9 !important; } .border-iw-ice-6 { border-color: #d2d6d9 !important; } .text-iw-ice-6 { color: #d2d6d9 !important; } .bg-iw-ice-7, tr.bg-iw-ice-7 td { color: #767676 !important; background-color: #edeff0 !important; } .bg-iw-ice-7:hover:not(.no-hover) { color: #565656 !important; background-color: #d2d6d9 !important; } li.bg-iw-ice-7 a:hover:not(.no-hover) { color: #565656 !important; background-color: #d2d6d9 !important; border: 1px solid #d2d6d9 !important; } li.bg-iw-ice-7.active a { color: #565656 !important; background-color: #d2d6d9 !important; } .hover-bg-iw-ice-7:hover:not(.no-hover) { color: #565656 !important; background-color: #d2d6d9 !important; } .btn.btn-iw-ice-7 { color: #767676 !important; background-color: #edeff0 !important; } .btn.btn-iw-ice-7:hover:not(.no-hover) { color: #767676 !important; background-color: #d2d6d9 !important; } .label.label-iw-ice-7 { color: #767676 !important; background-color: #edeff0 !important; } .badge.badge-iw-ice-7 { color: #767676 !important; background-color: #edeff0 !important; } .border-iw-ice-7 { border-color: #edeff0 !important; } .text-iw-ice-7 { color: #edeff0 !important; } .bg-iw-white, tr.bg-iw-white td { color: var(--color-base-content) !important; background-color: var(--color-base-100) !important; } .bg-iw-white:hover:not(.no-hover) { color: var(--color-base-content) !important; background-color: var(--color-base-200) !important; } li.bg-iw-white a:hover:not(.no-hover) { color: var(--color-base-content) !important; background-color: var(--color-base-200) !important; border: 1px solid var(--color-base-200) !important; } li.bg-iw-white.active a { color: var(--color-base-content) !important; background-color: var(--color-base-200) !important; } .hover-bg-iw-white:hover:not(.no-hover) { color: var(--color-base-content) !important; background-color: var(--color-base-200) !important; } .btn.btn-iw-white { color: var(--color-base-content) !important; background-color: var(--color-base-100) !important; } .btn.btn-iw-white:hover:not(.no-hover) { color: var(--color-base-content) !important; background-color: var(--color-base-200) !important; } .label.label-iw-white { color: var(--color-base-content) !important; background-color: var(--color-base-100) !important; } .badge.badge-iw-white { color: var(--color-base-content) !important; background-color: var(--color-base-100) !important; } .border-iw-white { border-color: var(--color-base-100) !important; } .text-iw-white { /* "white text" utility: must stay light in both themes so it remains readable on the dark/colored backgrounds it is meant to sit on (var(--color-base-100) would flip to a dark value in the dark theme). */ color: var(--color-neutral-content) !important; } .bg-iw-brightness-1 { filter: brightness(87.5%); } .bg-iw-brightness-2 { filter: brightness(75%); } .bg-iw-brightness-3 { filter: brightness(62.5%); } .bg-iw-brightness-4 { filter: brightness(50%); } .bg-iw-brightness-5 { filter: brightness(37.5%); } .bg-iw-brightness-6 { filter: brightness(25%); } .bg-iw-brightness-7 { filter: brightness(12.5%); } .iw-rotate-1 { transform: rotate(315deg); } .iw-rotate-2 { transform: rotate(270deg); } .iw-rotate-3 { transform: rotate(225deg); } .iw-rotate-4 { transform: rotate(180deg); } .iw-rotate-5 { transform: rotate(135deg); } .iw-rotate-6 { transform: rotate(90deg); } .iw-rotate-7 { transform: rotate(45deg); } .iw-markdown-content { color: #1f2937; font-size: 14px; line-height: 1.6; word-wrap: break-word; } .iw-markdown-content p, .iw-markdown-content ul, .iw-markdown-content ol, .iw-markdown-content pre, .iw-markdown-content blockquote, .iw-markdown-content table { margin: 0 0 12px; } .iw-markdown-content h1, .iw-markdown-content h2, .iw-markdown-content h3, .iw-markdown-content h4, .iw-markdown-content h5, .iw-markdown-content h6 { color: #111827; font-weight: 600; line-height: 1.3; margin: 18px 0 10px; } .iw-markdown-content h1 { font-size: 24px; } .iw-markdown-content h2 { font-size: 20px; } .iw-markdown-content h3 { font-size: 18px; } .iw-markdown-content h4 { font-size: 16px; } .iw-markdown-content h5 { font-size: 15px; } .iw-markdown-content h6 { font-size: 14px; } .iw-markdown-content ul, .iw-markdown-content ol { padding-left: 22px; } .iw-markdown-content li { list-style-type: disc; } .iw-markdown-content li li { list-style-type: circle; } .iw-markdown-content li li li { list-style-type: square; } .iw-markdown-content li + li { margin-top: 4px; } .iw-markdown-content a { color: #0b63ce; text-decoration: underline; } .iw-markdown-content a:hover { color: #084c9a; } .iw-markdown-content code { background: #f3f4f6; border-radius: 3px; font-family: Consolas, Monaco, monospace; font-size: 0.95em; padding: 1px 4px; } .iw-markdown-content pre { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 6px; overflow-x: auto; padding: 10px 12px; } .iw-markdown-content pre code { background: none; border-radius: 0; display: block; padding: 0; } .iw-markdown-content blockquote { border-left: 3px solid #d1d5db; color: #4b5563; margin-left: 0; padding: 4px 0 4px 12px; } .iw-markdown-content table { border-collapse: collapse; width: 100%; } .iw-markdown-content th, .iw-markdown-content td { border: 1px solid #e5e7eb; padding: 8px 10px; text-align: left; vertical-align: top; } .iw-markdown-content th { background: #f9fafb; font-weight: 600; } .iw-markdown-content img { height: auto; max-width: 100%; } .le-lib.ll-settings-modal-front { z-index: 2100 !important; } .le-lib.ll-settings-modal-front .modal-dialog { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } .le-lib .handsontable .colHeader .ll-colHeader-dropdown.active { display: inline-block; color: var(--color-info); } .le-lib .handsontable .htPlaceholder { color: var(--tw-color-wild-sand-400) !important; } .le-lib .handsontable .ht_master .wtHolder { --ht-width: 100%; } .le-lib .handsontable .manualColumnResizer { width: 8px; } .le-lib .handsontable span.colHeader, .le-lib .handsontable span.rowHeader { display: contents; } .le-lib .handsontable *:is(th, td), .le-lib .handsontable *:is(th, td) .relative { overflow: hidden; color: var(--color-base-content); text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .le-lib .handsontable *:is(th, td):has(.relative) { padding: 0; } .le-lib .handsontable td.bg-bright:not(.area) { background-color: var(--color-base-200) !important; } .le-lib .handsontable td.bg-invalid .htAutocompleteArrow { color: var(--tw-color-cinnabar-200); } .le-lib .handsontable td.bg-invalid.htIgnoreInvalid { background-color: var(--tw-color-cinnabar-50) !important; color: var(--tw-color-cinnabar-900) !important; } .le-lib .handsontable td.bg-invalid.read-only { background-color: var(--tw-color-cinnabar-100) !important; color: var(--tw-color-cinnabar-900) !important; } .le-lib .handsontable td.expanded .htCheckboxRendererInput, .le-lib .handsontable td.selected .htCheckboxRendererInput { appearance: none; -webkit-appearance: none; margin-top: 0px; font-family: FontAwesome; /* color: var(--tw-color-wild-sand-500); */ } .le-lib .handsontable td.expanded .htCheckboxRendererInput::before { content: '\f0fe'; } .le-lib .handsontable td.expanded .htCheckboxRendererInput:checked::before { content: '\f146'; } .le-lib .handsontable td.htIgnored:not(.area) { background-color: var(--color-base-200); color: var(--tw-color-wild-sand-400); } .le-lib .handsontable td.htInvalid.htIgnoreInvalid { background-color: var(--color-base-100) !important; } .le-lib .handsontable td.read-only { background-color: var(--color-base-300) !important; } .le-lib .handsontable td.read-only .htAutocompleteArrow { display: none; } .le-lib .handsontable td.selected .htCheckboxRendererInput::before { content: '\f096'; } .le-lib .handsontable td.selected .htCheckboxRendererInput:checked::before { content: '\f14a'; } /* .le-lib .handsontable td:not([class*="bg-"]) { background-color: var(--color-base-200); color: var(--color-base-content); } */ .le-lib .handsontable th .fa { margin: unset; padding: unset; } .le-lib .handsontable th:is(:hover, .ht__highlight) .relative { box-shadow: 4px 0px 7px -3px rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1; width: fit-content; width: fit-content; min-width: -webkit-fill-available; height: 100%; background-color: var(--color-base-300) !important; border-right: 0; } .le-lib .handsontable th:hover .relative { z-index: 2; } .le-lib .handsontable th:is(:hover, .ht__highlight) span:is(.colHeader, .rowHeader) { display: inline-block; } .le-lib .handsontable th:is(:hover, .ht__highlight), .le-lib .handsontable th:is(:hover, .ht__highlight) .relative { overflow: visible !important; } .le-lib .handsontable tr:is(.myHover, *:hover) .htAutocompleteArrow { color: var(--palette-primary-dark) !important; } .le-lib .handsontable tr:is(.myHover, *:hover) td { background-color: var(--palette-primary-light) !important; color: var(--palette-primary-dark) !important; /* uncommented */ } .le-lib .handsontable tr:is(.myHover, *:hover) td.area, .le-lib .handsontable tr:is(.myHover, *:hover) td.read-only { background-color: var(--palette-secondary-light) !important; color: var(--palette-primary-light) !important; } .le-lib hot-table .htCore { background-color: var(--color-base-200); color: var(--color-base-content); } .le-lib .bg-iw-white hot-table .htCore, .le-lib .ll-grid-layout.card hot-table .htCore, .le-lib .ll-bg-pattern-grid hot-table .htCore { background-color: var(--color-base-100); color: var(--color-base-content); } .le-lib .handsontable-empty .handsontable td { background: var(--color-base-300) !important; color: var(--color-base-300) !important; } .le-lib .handsontable-stripped .handsontable tr:nth-child(even) td:not(.area) { background-color: var(--color-base-200); color: var(--color-base-content); } .le-lib .handsontable.ht_clone_top .htCore, .le-lib .handsontable.ht_clone_top_left_corner .htCore { box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } .le-lib .handsontable.listbox tr td.current, .le-lib .handsontable.listbox tr:is(.myHover, *:hover) td { background-color: var(--color-info) !important; color: var(--color-info-content) !important; } .le-lib .handsontable.stretchH .wtHolder { overflow-x: auto !important; } .le-lib .handsontable:has(.autocompleteEditor:not([style*='display: none;'])) { overflow: unset !important; } .le-lib .handsontableInputHolder .handsontable td { color: var(--color-neutral); } .le-lib .hot-dynamic-row-header-width .handsontable-container th:has(.rowHeader) { min-width: 30px; } .le-lib .hot-dynamic-row-header-width .handsontable-container th:has(.rowHeader) .relative { padding: 0 11px; } .le-lib .ht_master:not(.innerBorderTop) thead tr:last-child th, .le-lib .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, .le-lib .ht_master:not(.innerBorderTop) thead tr.lastChild th, .le-lib .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { border-bottom-width: 1px; } .le-lib .inoa-ux .handsontable { --ht-row-height: 30px; } .le-lib .inoa-ux .handsontable .highlight { border-radius: 0; } .le-lib .inoa-ux .handsontable *:is(th, td) { border-color: var(--color-base-300); /* color: #828CA0; */ } .le-lib .inoa-ux .handsontable *:is(th, td)[rowspan] { border-left: 1px solid var(--color-base-300); border-right: 1px solid var(--color-base-300) !important; } /* .le-lib .inoa-ux .handsontable *:is(th, td), .le-lib .inoa-ux .handsontable *:is(th, td) .relative { color: var(--tw-color-wild-sand-500); } */ .le-lib .inoa-ux .handsontable *:is(th, td, .relative):not(:has(.relative)):not(:last-child) { border-right-width: 0; } .le-lib .inoa-ux .handsontable .colHeader .ll-colHeader-dropdown.active { color: var(--color-info); } .le-lib .inoa-ux .handsontable .htCore, .le-lib .inoa-ux .handsontable th.ht__highlight:has(.colHeader, .rowHeader) .relative { box-shadow: unset; } .le-lib .inoa-ux .handsontable .ht_clone_left th, .le-lib .inoa-ux .handsontable .ht_clone_top_left_corner th:first-child { border-color: transparent; text-align: right; overflow: hidden !important; } .le-lib .inoa-ux.hide-row-headers .handsontable .ht_clone_top_left_corner th:first-child { text-align: center; } .le-lib .inoa-ux .handsontable .ht_clone_left tr:last-child td:last-child, .le-lib .inoa-ux .handsontable .ht_master tr:last-child td:nth-child(2) { border-bottom-left-radius: 5px; } .le-lib .inoa-ux .handsontable .ht_clone_top tr:first-child th:last-child { border-top-right-radius: 5px; } .le-lib .inoa-ux .handsontable .ht_clone_top_left_corner tr:first-child th:last-child, .le-lib .inoa-ux .handsontable .ht_clone_top tr:first-child th:nth-child(2) { border-top-left-radius: 5px; } .le-lib .inoa-ux.hide-row-headers .handsontable .ht_clone_top tr:first-child th:nth-child(2) { border-top-left-radius: 0; } .le-lib .inoa-ux .handsontable .ht_master tr:last-child td:last-child { border-bottom-right-radius: 5px; } .le-lib .inoa-ux .handsontable .wtBorder:is(.area, .current) { background-color: var(--tw-color-lochmara-200) !important; color: var(--tw-color-wild-sand-700) !important; } .le-lib .inoa-ux .handsontable td:is(.area, .area-1, .area-2, .area-3, .area-4, .area-5, .area-6, .area-7):before { background: var(--color-info); } .le-lib .inoa-ux .handsontable th.ht__highlight:has(.colHeader, .rowHeader) .relative { color: var(--color-base-content) !important; } .le-lib .inoa-ux .handsontable th.ht__highlight:has(.rowHeader) .relative { border-right: 0; } .le-lib .inoa-ux .handsontable th.ht__highlight:has(.colHeader, .rowHeader) { border-color: var(--color-base-300) !important; } .le-lib .inoa-ux .handsontable th.ht__highlight .relative:has(.colHeader) { box-shadow: 5px 0px 10px -5px rgba(0, 0, 0, 0.25); } .le-lib .inoa-ux .handsontable th:has(.colHeader) { height: 32px; } .le-lib .inoa-ux .handsontable th:hover .relative:has(.rowHeader), .le-lib .inoa-ux .handsontable th.ht__highlight .relative:has(.rowHeader) { align-items: flex-end; } .le-lib .inoa-ux .handsontable thead th:hover .relative, .le-lib .inoa-ux .handsontable thead th.ht__highlight .relative { box-shadow: unset; } .le-lib .inoa-ux .handsontable thead tr th:not(.ht_clone_top_left_corner *:first-child), .le-lib .inoa-ux.hide-row-headers .handsontable .ht_clone_top_left_corner th:first-child { background-color: var(--color-base-200) !important; border-width: 1px 0.4px !important; border-style: solid; border-color: var(--color-base-300); color: var(--color-base-content) !important; } .le-lib .inoa-ux .handsontable-stripped .handsontable tr td { background-color: var(--color-base-200); color: var(--color-base-content); } .le-lib .inoa-ux .handsontable-stripped .handsontable tr:nth-child(even) td:not(.area) { background-color: var(--color-base-200); color: var(--color-base-content); } .le-lib .inoa-ux .handsontable.ht_clone_left *:is(tr, th), .le-lib .inoa-ux .handsontable.ht_clone_top_left_corner *:is(tr, th) { background-color: inherit !important; color: inherit !important; } .le-lib .ll-bg-pattern-grid .inoa-ux .handsontable.ht_clone_left *:is(tr, th), .le-lib .ll-bg-pattern-grid .inoa-ux .handsontable.ht_clone_top_left_corner *:is(tr, th), .le-lib .bg-iw-white .inoa-ux .handsontable.ht_clone_left *:is(tr, th), .le-lib .bg-iw-white .inoa-ux .handsontable.ht_clone_top_left_corner *:is(tr, th) { background-color: var(--color-base-100) !important; color: inherit !important; } .le-lib .inoa-ux .handsontable.ht_clone_top, .le-lib .inoa-ux .handsontable.ht_clone_top_left_corner { box-shadow: unset; } .le-lib .no-sticked-header .ht_clone_top.handsontable, .le-lib .no-sticked-header .ht_clone_left.handsontable, .le-lib .no-sticked-header .ht_clone_top_left_corner.handsontable { display: none; } .le-lib hot-table, .le-lib .handsontable.handsontable-container { display: block; height: 100%; } .font-size-lg .handsontable { --ht-row-height: 25px; } .font-size-md .handsontable { --ht-row-height: 24px; } .font-size-sm .handsontable { --ht-row-height: 23px; } .font-size-xl .handsontable { --ht-row-height: 26px; } .font-size-xs .handsontable { --ht-row-height: 22px; } .le-lib .handsontable { --ht-row-height: 24px; } .navbar-fixed-top.top-header.navbar { z-index: 899; } iw-spinner #loading-bar-spinner { z-index: 999; } .le-lib .inoa-ux .handsontable .colHeader .ll-colHeader-expander { margin-left: 2px; font-size: 12px; color: var(--color-info); } /* =========================================================================== Theme-variable overrides for the vendor Handsontable 6.2.2 stylesheet (02-vendor/30-optionals/handsontable/handsontable.css) + bundled Pikaday. The vendor file hardcodes its colors (e.g. #CCC borders, #FFF cells, #005eff selection, #34a9db resizers, Pikaday #33aaff, etc.). These rules re-declare the same color-bearing declarations using the daisyUI/Tailwind theme variables, scoped under `.le-lib` so they win over the unscoped vendor selectors in the cascade. Only colors are overridden here; layout, sizing and non-color properties are left to the vendor stylesheet. =========================================================================== */ /* --- cells, rows, borders --- */ .le-lib .handsontable tr { background: var(--color-base-100); } .le-lib .handsontable th, .le-lib .handsontable td { border-right: 1px solid var(--color-base-300); border-bottom: 1px solid var(--color-base-300); background-color: var(--color-base-100); } .le-lib .handsontable th:last-child { border-right: 1px solid var(--color-base-300); border-bottom: 1px solid var(--color-base-300); } .le-lib .handsontable tr:first-child th.htNoFrame, .le-lib .handsontable th:first-child.htNoFrame, .le-lib .handsontable th.htNoFrame { background-color: var(--color-base-100); border-color: var(--color-base-100); } .le-lib .handsontable th:first-child, .le-lib .handsontable th:nth-child(2), .le-lib .handsontable td:first-of-type, .le-lib .handsontable .htNoFrame + th, .le-lib .handsontable .htNoFrame + td, .le-lib .handsontable.htRowHeaders thead tr th:nth-child(2), .le-lib .handsontable tr:first-child th, .le-lib .handsontable tr:first-child td, .le-lib .handsontable .table caption + thead tr:first-child th, .le-lib .handsontable .table caption + thead tr:first-child td, .le-lib .handsontable .table colgroup + thead tr:first-child th, .le-lib .handsontable .table colgroup + thead tr:first-child td, .le-lib .handsontable .table thead:first-child tr:first-child th, .le-lib .handsontable .table thead:first-child tr:first-child td, .le-lib .handsontable .table-bordered th:first-child, .le-lib .handsontable .table-bordered td:first-child { border-color: var(--color-base-300); } .le-lib .handsontable tbody tr th:nth-last-child(2), .le-lib .ht_clone_top_left_corner thead tr th:nth-last-child(2), .le-lib .handsontable table tr th.lightRightBorder { border-right: 1px solid var(--color-base-300); } .le-lib .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { border-bottom: 1px solid var(--color-base-300); } .le-lib .handsontable .table-striped > tbody > tr:nth-of-type(even) { background-color: var(--color-base-100); } /* --- column/row headers --- */ .le-lib .handsontable th { background-color: var(--color-base-200); color: var(--color-base-content); } .le-lib .handsontable th.active { background-color: var(--color-base-300); } .le-lib .handsontable tbody th.ht__highlight, .le-lib .handsontable thead th.ht__highlight { background-color: var(--color-base-300); } .le-lib .handsontable tbody th.ht__active_highlight, .le-lib .handsontable thead th.ht__active_highlight { background-color: var(--tw-color-lochmara-300); color: var(--tw-color-charade-950); } /* --- invalid cell --- */ .le-lib .handsontable td.htInvalid { background-color: var(--color-error) !important; } /* --- resizers / move guides --- */ .le-lib .handsontable .manualColumnResizer:hover, .le-lib .handsontable .manualColumnResizer.active, .le-lib .handsontable .manualRowResizer:hover, .le-lib .handsontable .manualRowResizer.active, .le-lib .handsontable .manualColumnResizerGuide, .le-lib .handsontable .manualRowResizerGuide { background-color: var(--color-info); } .le-lib .handsontable .manualColumnResizerGuide { border-right: 1px dashed var(--color-base-content); } .le-lib .handsontable .manualRowResizerGuide { border-bottom: 1px dashed var(--color-base-content); } .le-lib .handsontable .ht__manualColumnMove--guideline, .le-lib .handsontable .ht__manualRowMove--guideline { background: var(--color-base-content); } .le-lib .handsontable .ht__manualColumnMove--backlight, .le-lib .handsontable .ht__manualRowMove--backlight { background: color-mix(in srgb, var(--color-base-content) 25%, transparent); } /* --- selection overlay --- */ .le-lib .handsontable td.area:before, .le-lib .handsontable td.area-1:before, .le-lib .handsontable td.area-2:before, .le-lib .handsontable td.area-3:before, .le-lib .handsontable td.area-4:before, .le-lib .handsontable td.area-5:before, .le-lib .handsontable td.area-6:before, .le-lib .handsontable td.area-7:before { background: var(--color-info); } .le-lib .handsontable .htBorder.htFillBorder { background: var(--color-error); } /* --- editor input --- */ .le-lib .handsontableInput { box-shadow: 0 0 0 2px var(--color-info) inset; color: var(--color-neutral); background-color: var(--color-base-100); } /* --- dimmed / submenu / placeholder / autocomplete arrows --- */ .le-lib .handsontable .htDimmed, .le-lib .handsontable .htSubmenu :after, .le-lib .handsontable td .htAutocompleteArrow:hover { color: var(--color-base-content); } .le-lib .handsontable .htPlaceholder { color: var(--tw-color-wild-sand-500); } .le-lib .handsontable .htAutocompleteArrow { color: var(--color-base-300); } .le-lib .handsontable td.area .htAutocompleteArrow { color: var(--color-base-300); } /* --- search result --- */ .le-lib .handsontable td.htSearchResult { background: var(--tw-color-selective-yellow-50); color: var(--tw-color-selective-yellow-900); } /* --- listbox --- */ .le-lib .handsontable.listbox .ht_master table { border: 1px solid var(--color-base-300); background: var(--color-base-100); } .le-lib .handsontable.listbox tr td.current, .le-lib .handsontable.listbox tr:hover td { background: var(--color-base-300); } /* --- hard-bordered cells --- */ .le-lib .htBordered.htTopBorderSolid { border-top-color: var(--color-neutral); } .le-lib .htBordered.htRightBorderSolid { border-right-color: var(--color-neutral); } .le-lib .htBordered.htBottomBorderSolid { border-bottom-color: var(--color-neutral); } .le-lib .htBordered.htLeftBorderSolid { border-left-color: var(--color-neutral); } /* --- collapse / expand buttons, indicator --- */ .le-lib .htCollapseButton, .le-lib .handsontable tr th .htExpandButton { border: 1px solid var(--color-base-200); } .le-lib .htCollapseButton:after { background: var(--color-base-300); } .le-lib thead .htCollapseButton { background: var(--color-base-100); } .le-lib .collapsibleIndicator { border: 1px solid var(--color-base-300); color: var(--color-base-content); box-shadow: 0 0 0 6px var(--color-base-200); background: var(--color-base-300); } /* --- license info --- */ .le-lib #hot-display-license-info { color: var(--color-base-content); } /* --- mobile editor --- */ .le-lib .htMobileEditorContainer { background: var(--color-base-200); border: 1px solid var(--color-base-300); } .le-lib .htMobileEditorContainer .inputs textarea { border: 1px solid var(--color-base-300); } .le-lib .htMobileEditorContainer .cellPointer { border-bottom-color: var(--color-base-300); } .le-lib .htMobileEditorContainer .cellPointer:before { border-bottom-color: var(--color-base-200); } .le-lib .htMobileEditorContainer .moveHandle:after { color: var(--color-base-300); } .le-lib .htMobileEditorContainer .leftButton:after, .le-lib .htMobileEditorContainer .rightButton:after, .le-lib .htMobileEditorContainer .upButton:after, .le-lib .htMobileEditorContainer .downButton:after { border-top-color: var(--color-info); border-left-color: var(--color-info); } .le-lib .htMobileEditorContainer .leftButton:active:after, .le-lib .htMobileEditorContainer .rightButton:active:after, .le-lib .htMobileEditorContainer .upButton:active:after, .le-lib .htMobileEditorContainer .downButton:active:after { border-color: var(--color-base-300); } /* --- comments --- */ .le-lib .htCommentTextArea { border-left: 3px solid var(--color-base-300); background-color: var(--color-base-100); } .le-lib .htCommentTextArea:focus { border-left: 3px solid var(--color-info); } /* --- context menu --- */ .le-lib .htContextMenu table.htCore { border: 1px solid var(--color-base-300); } .le-lib .htContextMenu table tbody tr td { background: var(--color-base-100); } .le-lib .htContextMenu table tbody tr td.htDimmed { color: var(--color-base-content); } .le-lib .htContextMenu table tbody tr td.current, .le-lib .htContextMenu table tbody tr td.zeroclipboard-is-hover { background: var(--color-base-200); } .le-lib .htContextMenu table tbody tr td.htSeparator { border-top: 1px solid var(--color-base-300); } .le-lib .htContextMenu table tbody tr td.htDisabled, .le-lib .htContextMenu table tbody tr td.htDisabled:hover { color: var(--tw-color-wild-sand-500); } .le-lib .htContextMenu table tbody tr td.htDisabled:hover { background: var(--color-base-100); } /* --- Pikaday datepicker --- */ .le-lib .pika-single { color: var(--color-base-content); background: var(--color-base-100); border: 1px solid var(--color-base-300); border-bottom-color: var(--color-base-300); } .le-lib .pika-label { background-color: var(--color-base-100); } .le-lib .pika-table th { color: var(--tw-color-wild-sand-500); } .le-lib .pika-button { color: var(--color-base-content); background: var(--color-base-200); } .le-lib .pika-week { color: var(--tw-color-wild-sand-500); } .le-lib .is-today .pika-button { color: var(--color-info); } .le-lib .is-selected .pika-button { color: var(--color-info-content); background: var(--color-info); box-shadow: inset 0 1px 3px var(--color-info); } .le-lib .is-inrange .pika-button { background: var(--tw-color-lochmara-100); color: var(--tw-color-wild-sand-700); } .le-lib .is-startrange .pika-button { color: var(--color-success-content); background: var(--color-success); } .le-lib .is-endrange .pika-button { color: var(--color-info-content); background: var(--color-info); } .le-lib .is-disabled .pika-button, .le-lib .is-outside-current-month .pika-button { color: var(--tw-color-wild-sand-500); } .le-lib .pika-button:hover { color: var(--color-warning-content); background: var(--color-warning); } @font-face { font-family: 'Lato'; font-weight: 300; font-style: normal; src: url('/statics/ui-core.font/10-main/resources/fonts/Lato-Light.bfc37ff1.ttf')format('truetype'); } @font-face { font-family: 'Lato'; font-weight: 400; font-style: normal; src: url('/statics/ui-core.font/10-main/resources/fonts/Lato-Regular.9919edff.ttf')format('truetype'); } @font-face { font-family: 'Lato'; font-weight: 700; font-style: normal; src: url('/statics/ui-core.font/10-main/resources/fonts/Lato-Bold.5dd5aa02.ttf')format('truetype'); } .le-lib .relative { position: relative; } .le-lib .ll-default-page-upper-block { min-width: 320px; } .le-lib .inline-block { display: inline-block; } /* Size options */ .le-lib .width-100 { width: 100%; } .le-lib .height-100 { height: 100%; } .le-lib .ll-settings > .dropdown-menu, .le-lib .ll-settings.dropdown-menu { width: 404px; } .le-lib .ll-settings-btn { border: none; background-color: var(--color-base-100); height: 100%; padding: 1px 10px; border-radius: 3px; padding: 8px 10px; outline: none; } .le-lib .ll-settings-btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .le-lib .open .dropdown-menu:has(> ll-column-selector), .le-lib ll-column-selector:not(.dropdown-menu > ll-column-selector) { display: grid; grid-template-rows: auto 1fr auto; min-height: 125px; } .le-lib .dropdown-menu > ll-column-selector, .le-lib ll-column-selector > .le-lib { display: contents; } .le-lib .dropdown-max-height .dropdown-menu { max-height: var(--dropdown-max-height, unset) !important; overflow-y: auto !important; } .le-lib ll-column-selector .list-group { width: 400px; padding: 0; overflow-y: auto; margin: 0; border-bottom: 1px solid var(--color-base-300); max-height: 300px; } .le-lib .ll-word-break { white-space: normal; word-break: break-all; overflow-wrap: anywhere; } .le-lib .ll-ellipsis, .le-lib ll-column-selector .list-group-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .le-lib ll-column-selector .input-group { width: 400px; } .le-lib ll-column-selector .input-group-btn .btn { height: 34px; } .le-lib ll-column-selector.ll-column-selector-auto-width .list-group { width: auto; } .le-lib ll-column-selector.ll-column-selector-auto-width .input-group { width: auto; } .le-lib .no-text-transform, .le-lib .panel .panel-heading .dropdown-menu ll-column-selector { text-transform: none; } .le-lib .list-group-item:has(> ll-column-selector) { padding: 0 !important; } .le-lib.ll-modal-dialog-lg .modal-dialog { width: 95%; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; } .le-lib.ll-modal-dialog-md .modal-dialog { width: 700px; margin-bottom: 0; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; } .le-lib.ll-nested-modal-dialog .modal-dialog { margin-top: 20px; margin-bottom: -20px; width: 90%; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; } .le-lib.ll-nested-modal-dialog .modal-dialog .modal-super-header-bar { height: 20px; } .le-lib [ll-fill] { position: relative; overflow: hidden; width: 100%; } .le-lib .dropdown-hover { position: relative; } .le-lib .dropdown-hover:hover .dropdown-menu { display: block; } /* Second level of the actions dropdown (IAction.dropdownGroup) */ .le-lib .ll-dropdown-submenu { position: relative; } .le-lib .ll-dropdown-submenu > .dropdown-menu { top: 0; left: 100%; right: auto; margin-top: -6px; margin-left: -1px; } .le-lib .ll-dropdown-submenu.ll-dropdown-submenu-left > .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; } .le-lib .ll-dropdown-submenu:hover > .dropdown-menu, .le-lib .ll-dropdown-submenu:focus-within > .dropdown-menu { display: block; } .le-lib .ll-dropdown-submenu > .ll-dropdown-submenu-toggle { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .le-lib .ll-dropdown-submenu-caret { color: var(--tw-color-wild-sand-500); } /* Collapsed actions menu: inactive (non-clickable) header for a dropdownGroup submenu */ .le-lib .ll-collapsed-submenu-header { color: var(--tw-color-wild-sand-500); cursor: default; font-size: 0.85em; text-transform: uppercase; opacity: 1; } .le-lib .ll-collapsed-submenu-header[disabled] { pointer-events: none; } /* Collapsed actions menu: submenu items indented under their inactive header */ .le-lib .ll-collapsed-submenu-item { padding-left: 28px; } /* IAction.dropdownToggle: caret drawn inside the opener button */ .le-lib .ll-action-dropdown-toggle-caret { margin-left: 2px; vertical-align: top; } /* IAction.dropdownToggle: the opener's dropdown also opens on hover/focus (click still pins it open; touch keeps click) */ .le-lib .btn-group.dropdown:has(> .ll-action-dropdown-toggle:not([disabled])):hover > .dropdown-menu, .le-lib .btn-group.dropdown:has(> .ll-action-dropdown-toggle:not([disabled])):focus-within > .dropdown-menu { display: block; } .le-lib tags-input .no-margin-top .autocomplete { margin-top: -1px; padding: 0; } .le-lib tags-input .label-tag-template { background-color: var(--color-base-300); margin: 0px 8px 0px -5px; padding: 0px 5px 1px 5px; display: block; float: left; color: var(--color-base-content); border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } .le-lib tags-input .label-autocomplete-template { background-color: var(--color-base-300); margin: -4px 8px -5px -50px; padding: 5px 5px 5px 50px; display: block; float: left; color: var(--color-base-content); min-width: 250px; text-align: right; } .le-lib tags-input .selected .label-autocomplete-template { background-color: var(--color-base-300); } .le-lib tags-input[disabled='disabled'] .tags .tag-item { background: var(--color-info); } .le-lib tags-input .view-tag-template { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 150px; } .le-lib tags-input.dirty li.tag-item { background-color: var(--color-base-content); } .le-lib tags-input .tags .tag-item .remove-button { vertical-align: super; } .le-lib .ll-omni-form tags-input div.host { margin-top: 0px; } .le-lib .ll-omni-form tags-input div.host div.tags { padding: 1px 8px 1px 8px; } .le-lib .ll-omni-form .multiple-filter, .le-lib .ll-omni-form .exclusion-filter { position: relative; z-index: 2; } .le-lib .ll-omni-form .ll-omni-section { border-bottom: 1px solid var(--color-base-300); } .pika-button:hover, .le-lib .pika-button:hover { background-color: var(--tw-color-wild-sand-500) !important; } .le-lib .ll-sorting.list-group { max-width: 390px; } .le-lib .ll-hide-overflow-text, .le-lib .ll-sorting .list-group-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .le-lib .group-name { font-size: 10px; display: block; margin: -7px 0 -4px 0; text-align: left; } .le-lib .page-name { position: relative; top: 5px; font-size: 13px; font-weight: bold; margin-bottom: -5px; white-space: normal; } .le-lib a .hover-visible { visibility: hidden; } .le-lib a:hover .hover-visible, .le-lib a:focus .hover-visible { visibility: visible; } .le-lib .resizing-box { width: 100%; height: 100%; padding: 20px; } .le-lib .resizing-box-body { width: 100%; height: 100%; border: 15px dotted var(--color-base-200); border-top-style: dashed; border-bottom-style: dashed; } .le-lib .dropdown-menu .ll-summary-body a:hover, .le-lib .dropdown-menu .ll-summary-body a:focus { background-color: var(--color-base-200); text-decoration: none; } .le-lib .ll-summary .ll-summary-header { padding: 0 15px; } .le-lib .ll-summary .ll-summary-body { max-height: 200px; overflow-y: auto; min-width: 300px; } .le-lib .ll-summary .ll-summary-body a { cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 2px 15px; max-width: 95%; } .le-lib .ll-summary .ll-summary-body > div[ng-repeat] { white-space: nowrap; } .le-lib .ll-summary .list-group { max-width: 300px; } .le-lib tags-input .remove-button:hover, .le-lib tags-input .remove-button:focus { text-decoration: none; } .le-lib .ui-tab-container.ui-tab-container-inline { overflow-x: auto; width: 100%; white-space: nowrap; } .le-lib .ui-tab-container .nav-tabs > li { display: inline-block; float: none; height: 41px; } .le-lib .ui-tab-container .nav-tabs > li a { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .le-lib .ui-tab-container .nav-tabs > li a.fixed-tab { background-color: buttonface; } .le-lib tags-input[disabled='disabled'] .tags .tag-item, .le-lib tags-input[disabled='disabled'] .tags .tag-item .remove-button { color: var(--color-base-300); } .le-lib .ll-loading-blocker { position: absolute; width: 100%; height: 100%; background: color-mix(in srgb, var(--color-base-200) 50%, transparent); z-index: 200; } .le-lib .ll-bg-pattern-grid { background: var(--color-base-100); /*Fallback if image is not loaded*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAYAAAAdp2cRAAAEAUlEQVR42u2di67kIAiG5/0feW67cRNPjKsVeopF+SYxk8xQiv4FhSI+Xq/Xn9yez+e/Vv5Wt9H/s+m115zhf6b17mNx/xbPh2Vn3+/3lEHU3PfMg3ZXP37TfoCVfhK95pMGxZJeI0/i7amvWv4a+kdG2AtQlvSfzydMX9Uau3Jns0m1kiU9OJYa6wpYT6bbWmPdAYspvgYoLT2meFONBViAZY4FWObYpXzw5YG1fOoTb0vr5NLdSRclwcrW+i2H7Orfe01Dn/1MKe9Mn75H9yjDghL67/f7Qy+RI/dV09887lJ6De9Qptg6QOHKFOegeBRgPXkABCgunGO1D4KnvmrmcHd+bKTFE+7Opu4OwLJ4AlgCFGgsphiNRWOnCo/GorExgZXGinPkpkfbintKY7MlfynvUp5eK/tRx5ZHMtW0R/fIPrKWvzQ2fjT2dR9TQ2N319goc2yUbBEyKAAWdwdgAXZ/dwdTjB8LsAALsAAbFdi8i33FOdNbgIIMihs11jLnyeUWD20ubC/vWBPflMaKr8xD1shjmUNdj+Vv6Fu/obGY4vX9WOZYAhS4O7g7ALs9sJhiNHaeuwOwmGJT4S0rtWCKFwIWje0AS6z4PtldJYxbAxtJY6fUoJDk/9axVg29hFZTU6LOE5bUiKjpz+QVj2pQ9Hj38pCP8pTra6Vx+lQ/w53GYorxYwEWYH0CS+QJYAEWPxZgAXaXzmKKARZgWTyhsbc/CCH9WOm2/KOTqEqamk7Cs3WtRB4J/yN5e/c6Oy49nr2xG8khlaf8778j0HpMasF7/9fXt+oyaB6WUeelgy/hWfdRInuL/0iu8r/6SLaje2jGkgOVdp5jIwFr+e7Zmh5g0dh4VWMsT8pa2t1Z+X0sIUVMMcCisQCLxs4ENtrxLGjsRcJ4WlmG3LsjTfnslW3tpU2e2e5vVXpgZqkCyXXaUgUcgbapKdbIzvtY5ljcHYAFWIDFFAMsGksyG8CyKgZYn8B6qkEBsGgsi6eVgHVVNaZMf5SWVrWK5ZaxYs2RaWdKFYy2+muPKJPGcst7nx0byfg8sjCY4s1MsfX7WIBljl3ej6UyG4unOcBSJBNTjMauBCyHFm7sxwJscI31tKMMYAcay+KJxVOoQtRL77bLGjuKodalW68sO9uj1xyxJikLW5YDaJXlra/tlQ84iuVeHVuWjGVLPiJPmGLmWIAlQAGwAAuwAAuwAAuwAAuwAAuwAAuwToBd+Qi0kC/atXUZWkd8XRUr1uQta/nPqkExylnW0Lfi9OV1JU+3NSis3+5Y5lBjipljWTxdrbHkPLEqjlXW1huw7I+9CVj27tzs7kSZY1deFWusEwnjN8oe6rAHTspijgXYg89fhsRi6fGFb3kAAAAASUVORK5CYII=); } [data-theme='dark'] .le-lib .ll-bg-pattern-grid { background: var(--color-base-100) !important; } .le-lib ll-resizable { overflow: hidden; } .le-lib .resizable .rg-bottom { z-index: 100; } .le-lib .resizable .rg-bottom span { height: 5px; } .le-lib .resizable .rg-bottom:hover { background-color: var(--color-base-300); opacity: 0.5; } .le-lib .rg-bottom:hover span { border-color: var(--color-base-content); } .le-lib ll-omni .dropdown-menu ul { max-height: 300px; overflow-y: auto; } .le-lib .ll-hover-link:hover { color: var(--color-info); text-decoration: underline; cursor: pointer; } .le-lib .ll-monospace { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } .le-lib ll-hot-selection { display: inline-block; } .le-lib .ll-actions-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; width: 100%; height: 100%; } .le-lib .ll-actions-row .btn-group { width: max-content; min-width: max-content; height: max-content; min-height: max-content; align-self: flex-end; } .le-lib .ll-actions-row *:is(.ll-model-actions, .ll-actions-expanded, .ll-actions-collapsed), .le-lib .ll-actions-row ng-include.page-extension, .le-lib .ll-actions-row .ll-page-extensions { display: contents; } .le-lib .ll-actions-row ng-include.page-extension > * { align-self: flex-end; } .le-lib .ll-actions-row .ll-page-extensions.right-options { display: flex; justify-content: flex-end; align-items: baseline; gap: 5px; flex: 1; align-self: flex-end; } .le-lib .btn .btn-hover-label, .le-lib .ll-hover-label { max-width: 0; -webkit-transition: max-width 0.5s; transition: max-width 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; } .le-lib .ll-hover-container:hover .ll-hover-label, .le-lib .btn:hover .btn-hover-label, .le-lib .dropdown-hover:hover .btn-hover-label, .le-lib .dropdown.open .btn-hover-label { max-width: 300px; } .le-lib .display-table { display: table; } .le-lib .display-table-cell { display: table-cell; } .le-lib .text-bold { font-weight: bold; } .le-lib .cursor-default { cursor: default !important; } .le-lib .cursor-pointer { cursor: pointer !important; } .le-lib .no-uppercase { text-transform: none; } .le-lib .hide-overflow { overflow: hidden; } .le-lib .nowrap { white-space: nowrap; } .le-lib .text-danger { color: var(--color-error) !important; } .le-lib .bg-danger { background-color: var(--color-error) !important; color: var(--color-error-content); } .le-lib .bg-success { background-color: var(--color-success) !important; color: var(--color-success-content); } .le-lib .clickable { cursor: pointer; } .le-lib .not-clickable { cursor: default !important; } .le-lib .no-selection { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .le-lib .bg-invalid { background-color: var(--tw-color-cinnabar-50) !important; color: var(--tw-color-cinnabar-900); } .le-lib .bg-required { background-color: var(--tw-color-cinnabar-100) !important; color: var(--color-error) !important; } .le-lib .bg-required .htAutocompleteArrow, .le-lib .bg-required::placeholder { color: var(--color-error); opacity: 1; } .le-lib .ll-resizable { overflow-y: auto; } .le-lib .bg-autofilled { background-color: var(--tw-color-selective-yellow-100); color: var(--tw-color-selective-yellow-900); } .le-lib .relative .colHeader .ll-colHeader-dropdown, .le-lib table th .ll-colHeader-dropdown { display: none; /* position: absolute; left: 5px; top: 5px;*/ color: var(--tw-color-wild-sand-400); cursor: pointer; background: var(--color-base-300); border-radius: 10px; margin-right: 2px; } .le-lib .relative:hover .colHeader .ll-colHeader-dropdown, .le-lib table th:hover .ll-colHeader-dropdown { display: inline-block; } .le-lib .modal-body .block-modal-body { background: var(--color-base-300); opacity: 0.5; position: absolute; width: 100%; height: 100%; z-index: 10; } .le-lib .ll-wizard-input > * { display: inline-block; width: 100%; max-width: 100%; } .le-lib .ll-wizard-input .section-color { height: 50px; width: 15px; margin: -15px 5px -20px -15px; display: inline-block; } .le-lib .ll-wizard-input .rg-bottom { background: var(--color-base-200); transition: all 0.4s ease; } .le-lib .ll-wizard-input .rg-bottom:hover { background-color: var(--color-base-300); opacity: 1; } .le-lib .ll-wizard-input .rg-bottom span { transition: border-color 0.2s ease; border-color: var(--tw-color-wild-sand-300); } .le-lib .ll-wizard-input .rg-bottom:hover span { border-color: var(--tw-color-wild-sand-400); } .le-lib .ll-wizard-input .resizable[r-directions*='bottom'] { margin-bottom: 12px; } .le-lib .ll-wizard-input .side-border { border-bottom: 0; } .le-lib .ll-wizard-input .side-border.border-danger { border-left: 5px solid var(--danger) !important; } .le-lib .ll-wizard-input .side-border.border-success { border-left: 5px solid var(--success) !important; } .le-lib ll-omni .calendar-pull-right { position: relative; } .le-lib ll-omni .calendar-pull-right .dropdown-menu { left: auto !important; right: 0; } .le-lib ll-omni .tags-counter { display: none; } /* TextRenderer horizontal alignment */ .le-lib .htLeft { text-align: left; } .le-lib .htCenter { text-align: center; } .le-lib .htRight { text-align: right; } .le-lib .td-tax-payer-id, .le-lib .td-tax-payer-id > span, .le-lib .td-tax-payer-id > span.ll-hover-link:hover { color: var(--color-warning) !important; } .le-lib .htJustify { text-align: justify; } /* TextRenderer vertical alignment */ .le-lib .htTop { vertical-align: top; } .le-lib .htMiddle { vertical-align: middle; } .le-lib .htBottom { vertical-align: bottom; } .le-lib .ll-chat-send-msg-height { height: 50px; } .le-lib .ll-color-sample-square { display: inline-block; width: 10px; height: 10px; } /* Census */ .le-lib .ll-census-dropdown-menu .panel-heading { display: none; } .le-lib .ll-census-dropdown-menu .row { margin: 0; } .le-lib .ll-census-dropdown-menu .row .col-xs-12 { padding: 0; } .le-lib .ll-census-dropdown-menu.panel, .le-lib .ll-census-dropdown-menu.panel:hover, .le-lib .ll-census-dropdown-menu .panel, .le-lib .ll-census-dropdown-menu .panel:hover { margin: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-radius: 0; min-width: 500px; border-color: var(--color-base-300); } .le-lib .ll-census-dropdown-menu .counters .label { text-align: center; width: 100%; display: block; margin-bottom: 5px; } .le-lib .ll-census-dropdown-menu .counters .label:hover { width: 110%; margin-left: -3%; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } .le-lib .ll-census td.ll-census-data { max-width: 200px; } .le-lib .ll-census a:hover, .le-lib .ll-census a:focus { background-color: var(--color-base-200); text-decoration: none; } .le-lib .ll-census a { display: block; padding: 3px 15px; } .le-lib .ll-census li { list-style: none; } .le-lib .ll-census td a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .le-lib .nav .ll-census .ll-census-body .table { width: 100%; margin: 0; } .le-lib .nav .ll-census .ll-census-body, .le-lib .nav .ll-census .ll-census-footer { max-height: 40vh; overflow-y: auto; } .le-lib .nav .ll-census .text-default { color: var(--tw-color-wild-sand-400); } .le-lib .ll-census-file-processor-widget-container { position: absolute; top: -5px; right: 40px; height: 2px; white-space: nowrap; } .le-lib .ll-census-file-processor-widget-container .ll-census-file-processor-widget-item { display: inline-block; width: 4px; height: 4px; background-color: var(--color-error); margin-left: 4px; } .le-lib .ll-census-file-processor-widget-container .ll-census-file-processor-widget-item.ll-census-file-processor-widget-item-active { background-color: var(--color-info); } /* /Census */ .le-lib .ll-pre { white-space: pre !important; max-width: 100%; overflow-x: auto; } .le-lib .ll-strike-diff { white-space: pre !important; text-overflow: unset !important; } .le-lib .ll-strike-diff:first-line { text-decoration: line-through; } .le-lib .ll-omni-form tags-input .tag-list ti-tag-item ng-include { max-height: 100%; display: flex; } .le-lib .ll-omni-form tags-input .tag-list ti-tag-item ng-include .remove-button { align-self: center; font-size: 1.5em; } .le-lib .dropdown-menu .border-left-selection > a { border-left: 5px solid transparent; } .le-lib .dropdown-menu .border-left-selection > a:hover, .le-lib .dropdown-menu .border-left-selection > a:focus { border-left: 5px solid var(--tw-color-wild-sand-400); background-color: var(--color-base-100); color: var(--color-base-content); } .le-lib .dropdown-menu .border-left-selection.active > a { border-left: 5px solid var(--color-info); background-color: var(--color-base-100); color: var(--color-neutral); } .le-lib .dropdown-menu li a.btn { text-align: left; } .quick-column-selector-container { position: fixed; top: 175px; width: 100%; left: 0; z-index: 2000; display: none; } .le-lib .quick-column-selector-container.open { display: block; } .le-lib .quick-column-selector-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .le-lib .quick-column-selector { width: 300px; background-color: var(--color-base-100); box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.3); z-index: 3000; /* margin: auto; */ float: right; position: relative; right: 15px; } .le-lib .quick-column-selector-list { padding: 0; overflow-x: hidden; overflow-y: auto; height: 350px; margin: 0; } .le-lib .quick-column-selector-list-item { padding: 3px 15px; } .le-lib .bg-brighter { background-color: var(--color-base-300); color: var(--color-base-content); } /* Composition */ .le-lib.ll-composition-page .ll-composition-page-upper-block { height: calc(100vh - 80px); /* fallback */ height: calc(100dvh - 80px); display: grid; grid-template-rows: min-content auto min-content; } .le-lib.ll-composition-page .ll-composition-page-upper-block:has(.extension-before-footer) { grid-template-rows: min-content auto min-content min-content; } .le-lib.ll-composition-page .ll-composition-page-upper-block ul.nav.nav-tabs { line-height: 8px; } .le-lib.ll-composition-page .ll-composition-footer { overflow: hidden; } .le-lib.ll-composition-page .ll-composition-footer.collapsed .tab-pane { height: 0; } .le-lib.ll-composition-page .ll-composition-footer ll-composition-tabset .ui-tab-container { height: 100%; display: block; } .le-lib.ll-composition-page .tab-content { padding: 0; overflow: hidden; } .le-lib.ll-composition-page .tabbable { overflow: hidden; display: grid; grid-template-rows: min-content auto; height: 100%; } .le-lib.ll-composition-page .tabbable .tab-pane { overflow: hidden; height: 100%; } .le-lib.ll-composition-page .ui-tab-container.ui-tab-horizontal { border-bottom: 0; } .le-lib.ll-composition-page .ui-tab-container.ui-tab-horizontal.hide-tabs ul.nav.nav-tabs li:not(.collapser) { display: none; } .le-lib.ll-composition-page .ll-composition-component-holder { overflow-y: auto; display: grid; grid-row-gap: 15px; height: 100%; } .le-lib.ll-composition-page .ll-composition-component-holder .ll-composition-component { height: 100%; } .le-lib.ll-composition-page .ll-composition-component-holder.template-column { display: flex; flex-wrap: wrap; gap: 15px; } .le-lib.ll-composition-page .ll-composition-component-holder.template-column .ll-composition-component { flex: 1 1 calc(50% - 30px); } .le-lib.ll-composition-page .ll-composition-component-holder .ll-composition-component-header { display: flex; flex-wrap: wrap; row-gap: 10px; justify-content: space-between; } .le-lib.ll-composition-page .ll-composition-component-holder .ll-composition-component-model { display: grid; height: 100%; grid-template-rows: auto 1fr; } .le-lib.ll-composition-page .ll-composition-component-holder .ll-composition-component-model:has(.ll-composition-component-title) { grid-template-rows: auto auto 1fr; } .le-lib.ll-composition-page .ll-composition-display-selector { display: flex; align-items: center; } .le-lib.ll-composition-page .ll-composition-display-selector .display-selector-label { padding: 3px 6px; background-color: var(--color-base-100); border: 1px solid var(--color-base-300); border-right: 0; margin: 0; margin-bottom: -2px; border-bottom-left-radius: 1px; border-top-left-radius: 1px; } .le-lib.ll-composition-page .ll-composition-display-selector button { border-radius: 0; } .le-lib.ll-composition-page .ll-composition-component:not(:only-child) { border: 1px solid var(--color-base-300); } .le-lib.ll-composition-page .ll-composition-component-template { overflow-y: auto; max-height: fit-content; } .le-lib.ll-composition-page .ll-composition-component-content { position: relative; } .le-lib.ll-composition-page .ll-composition-component-content > div { height: 100%; } .le-lib.ll-composition-page .ll-composition-component-content .table-condensed { display: grid; grid-template-rows: auto 1fr; height: 100%; } .le-lib.ll-composition-page .ll-composition-component-content > div ll-model-table:not(.ll-composition-component-no-data) > div { height: 100%; } .le-lib.ll-composition-page .ll-composition-component-header-block > div { display: flex; flex-wrap: wrap; gap: 10px; } .le-lib.ll-composition-page .ll-composition-component-header-block .list-group { padding-bottom: 1px; /* Avoid margin collapse */ max-height: 300px; } .le-lib.ll-composition-page ll-composition-table-block { display: block; overflow: hidden; } /* End of composition */ .le-lib table.ll-table-body-scroll tbody { display: block; overflow-y: scroll; scrollbar-width: thin; } .le-lib table.ll-table-body-scroll thead, .le-lib table.ll-table-body-scroll tbody tr { display: table; width: 100%; table-layout: fixed; } .le-lib ll-field-help > div { position: relative; } .le-lib ll-field-help .ll-field-help-collapse { position: absolute; top: -22px; right: 65px; background: var(--color-base-100); border-top-left-radius: 3px; border-top-right-radius: 3px; z-index: 100; box-shadow: 2px -4px 8px -2px rgba(0, 0, 0, 0.25); } .le-lib ll-field-help .ll-field-help-open-override { position: absolute; top: -22px; left: 80px; background: var(--color-base-100); border-top-left-radius: 3px; border-top-right-radius: 3px; z-index: 100; box-shadow: 2px -4px 8px -2px rgba(0, 0, 0, 0.25); } .le-lib ll-model-page .ll-field-help-container { position: fixed; bottom: 0px; z-index: 1000; width: 100%; } .le-lib ll-model-page ll-omni tags-input#omniTagsInput .tags, .le-lib ll-model-actions .btn-group .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .le-lib ll-model-page button[type='submit'], .le-lib ll-model-actions .btn-group .btn:last-child, .le-lib ll-model-actions .btn-group .btn.dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .le-lib ll-field-help .ll-field-help-body { background: var(--color-base-100); max-height: 400px; overflow-y: auto; box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.2); } .le-lib .ll-settings-item-body { max-height: 300px; overflow-y: auto; } .le-lib .ll-omni-form .form-group { min-height: 70px; margin-bottom: 5px; } .le-lib .ll-omni-label { max-width: 70%; line-height: 18px; position: relative; top: 3px; } .le-lib.ll-text-view pre { white-space: pre-wrap; } .ll-choices-modal .modal-content { overflow: unset !important; } .le-lib.ll-choices-modal div { border-radius: 4px; box-shadow: none; } .le-lib.ll-choices-modal .message { color: var(--tw-color-charade-800); font-size: 22px; margin: 0px 0px 10px 0px; } .le-lib.ll-choices-modal .option { margin: 5px 0px 0px 5px; } .le-lib.ll-choices-modal label { cursor: pointer; color: var(--tw-color-wild-sand-400); padding: 0px !important; font-size: 12px; } .le-lib.ll-choices-modal label span { vertical-align: middle; } .le-lib.ll-choices-modal input[type='radio'] { cursor: pointer; vertical-align: sub; margin-right: 4px; } .le-lib.ll-choices-modal .selected label { color: var(--color-info); } .le-lib.ll-choices-modal .actions { margin: 10px 0px 0px 0px; text-align: right; } .le-lib.ll-choices-modal .cancel { min-width: 100px; padding: 5px 22px; background-color: var(--color-base-100); border: solid 1px var(--color-base-content); color: var(--color-base-content); font-size: 11px; } .le-lib.ll-choices-modal .done { min-width: 100px; padding: 6px 22px; background-color: var(--color-info); border: solid 1px var(--color-base-content); color: var(--color-info-content); font-size: 11px; } .le-lib .ll-user-toys-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .le-lib .ll-user-toys-tile { border: 1px solid var(--color-base-300); border-radius: 6px; padding: 20px 10px; text-align: center; cursor: pointer; background: var(--color-base-200); transition: box-shadow 120ms ease, transform 120ms ease; } .le-lib .ll-user-toys-tile:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .le-lib .ll-user-toys-tile i { font-size: 26px; margin-bottom: 8px; color: var(--color-info); } .le-lib .ll-user-toys-tile-title { font-weight: 600; color: var(--tw-color-charade-800); } .le-lib .search-container { display: flex; margin-left: 15px; margin-bottom: 10px; height: 35px; } .le-lib .search-container .sidebar-button { flex: 0 0 auto; background-color: var(--color-base-100); color: var(--tw-color-wild-sand-500); border: none; padding: 7px 10px; line-height: 21px; outline: none; cursor: pointer; display: inline-block; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05); } .le-lib .search-container .sidebar-button.active { border: solid var(--tw-color-lochmara-400) 1px; color: var(--tw-color-lochmara-400); } .le-lib ll-search-bar { align-self: stretch; margin: 0; padding: 0; } .le-lib ll-search-bar .search-bar-container { display: flex; flex: 1 0 auto; width: 400px; height: 35px; align-self: stretch; margin-left: 15px; padding: 0; } .le-lib ll-search-bar .search-bar-container .bar { flex: 1 0 auto; } .le-lib ll-search-bar .search-bar-container .bar .host { height: 35px; margin: 0; padding: 0; } .le-lib ll-search-bar .search-bar-container .bar .host .tag-list { display: none; } .le-lib ll-search-bar .search-bar-container .bar .tags { height: 35px; margin: 0; padding: 0; } .le-lib ll-search-bar .search-bar-container .bar tags-input .tags .input { border: none; height: 35px; width: 200px; margin: 0; padding: 4px 8px; } .le-lib ll-search-bar .search-bar-container .search-button { height: 34px; margin: 0px; padding: 0px; } .le-lib ll-search-bar .search-bar-container button { background-color: var(--color-info); border: none; outline: none; color: var(--color-info-content); height: 35px; width: 35px; padding: 2px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .le-lib.model-page-container { display: flex; user-select: none; } .le-lib.model-page-container > .model-page { position: relative; flex: 1 1 auto; max-width: calc(100vw - 260px); user-select: auto; } .le-lib.model-page-container > .model-page.expanded { max-width: 100vw; } .le-lib.model-page-container .model-page-grid { display: grid; grid-template-rows: auto; height: calc(100vh - 50px); } .le-lib.model-page-container .model-page-grid-bottom { overflow: hidden; margin-left: 15px; } .le-lib.model-page-container .mouse-drag-indicator { position: fixed; z-index: 1000; height: 100vh; width: 0px; border-right: dashed 2px var(--tw-color-wild-sand-500); left: 50px; display: none; } .le-lib.model-page-container .resize-divider { flex: 0 0 0px; padding: 0px 0px; cursor: col-resize; align-self: stretch; } .le-lib.model-page-container .resize-divider div { width: 0; height: 100%; border-right: solid 4px var(--color-base-300); } .le-lib.model-page-container .side-content { flex-grow: 1; } .ll-census-dropdown .ll-census .panel { margin: 0; min-width: 500px; } .ll-census-dropdown .ll-census .panel .panel-heading { display: none; } .ll-census-gui-dropdown .panel-body { margin: 0; min-width: 500px; } /* FILTERS SIDEBAR */ .le-lib.model-page-container .filters-sidebar { background-color: var(--tw-color-charade-950); flex: 0 0 260px; height: calc(100vh - 50px); align-self: stretch; padding: 10px; overflow: hidden; overflow-y: scroll; } .le-lib.model-page-container .filters-sidebar::-webkit-scrollbar { width: 8px; } .le-lib.model-page-container .filters-sidebar::-webkit-scrollbar-track { border-radius: 5px; background-color: var(--tw-color-charade-950); } .le-lib.model-page-container .filters-sidebar::-webkit-scrollbar-thumb { background: var(--tw-color-charade-700); border-radius: 5px; } .le-lib.model-page-container .filters-sidebar::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-600); } .le-lib.model-page-container .filters-sidebar::-webkit-scrollbar-button { display: none; } /* FILTER PRESETS */ .le-lib.model-page-container .filters-sidebar .filter-presets { display: flex; flex-wrap: wrap; justify-content: space-between; } .le-lib.model-page-container .filters-sidebar .filter-presets .save-favorite { flex: 0 0 calc(25% - 5px); background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); font-size: 16px; align-self: stretch; border: none; outline: none; border-radius: 6px; padding: 5px 10px; } .le-lib.model-page-container .filters-sidebar .filter-presets .see-favorites { flex: 0 0 calc(75% - 5px); background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); font-size: 12px; align-self: stretch; border: none; outline: none; border-radius: 6px; padding: 5px 10px; text-align: center; } .le-lib.model-page-container .filters-sidebar .filter-presets .preset-select { margin: 10px 0px; flex: 1 0 auto; background-color: var(--tw-color-charade-900); color: var(--tw-color-charade-300); font-size: 11px; align-self: stretch; border: none; outline: none; border-radius: 6px; padding: 5px 0px; } .le-lib.model-page-container .filters-sidebar .filter-presets .preset-select button { background-color: transparent; border: none; box-shadow: none; outline: none; width: 100%; } .le-lib.model-page-container .filters-sidebar .filter-presets .preset-select ul { width: 100%; background-color: var(--tw-color-charade-900); box-shadow: none; } .le-lib.model-page-container .filters-sidebar .filter-presets .preset-select li { padding: 5px 10px; font-size: 11px; } .le-lib.model-page-container .filters-sidebar .section-title { color: var(--tw-color-charade-300); font-size: 12px; font-weight: normal; padding: 0px 10px 0px 5px; margin-top: 10px; cursor: pointer; } .le-lib.model-page-container .filters-sidebar .section-body { margin-top: 5px; } .le-lib .input-group-btn .btn-default:focus { color: var(--color-base-content); background-color: var(--color-base-200); outline: 0; } .le-lib .input-group-btn .btn.preset-selected { color: var(--color-base-content); background-color: var(--color-base-300); border-color: var(--color-base-300); z-index: 2; } /* START FILTER */ .le-lib.model-page-container .filters-sidebar .filter { margin: 10px 0px; padding: 5px 10px; flex: 0 0 230px; background-color: var(--tw-color-charade-900); color: var(--tw-color-charade-300); font-size: 12px; align-self: stretch; border: none; border-radius: 6px; outline: none; } .le-lib.model-page-container .filters-sidebar .filter .top { color: var(--color-neutral-content); cursor: pointer; height: 20px; line-height: 20px; } .le-lib.model-page-container .filters-sidebar .filter .content { margin-top: 5px; display: flex; flex: 0 0 210px; align-items: center; cursor: pointer; padding: 5px 0px; } .le-lib.model-page-container .filters-sidebar .filter .content .lock { flex: 0 0 24px; text-align: center; margin-left: -5px; } .le-lib.model-page-container .filters-sidebar .filter .content .single { display: flex; flex: 1 1 auto; justify-content: stretch; background-color: var(--tw-color-charade-900); font-size: 12px; padding: 0px; outline: none; border: none; width: 196px; } .le-lib.model-page-container .filters-sidebar .filter .content .single .filter-input { display: block; background-color: var(--tw-color-charade-950); padding: 5px; outline: none; border: none; min-width: 0; width: 190px; } .le-lib.model-page-container .filters-sidebar .filter .content .single .filter-input:disabled { background-color: var(--tw-color-charade-950); color: var(--tw-color-charade-600); } .le-lib.model-page-container .filters-sidebar .filter .content .single .date { flex: 1 1 auto; background-color: var(--tw-color-charade-950); padding: 5px; outline: none; border: none; min-width: 0; } .le-lib.model-page-container .filters-sidebar .filter .content .single .date-append { margin: 0px; padding: 6px; outline: none; border: none; background-color: var(--tw-color-charade-950); color: var(--color-neutral-content); text-align: center; text-transform: uppercase; width: 55px; } .le-lib.model-page-container .filters-sidebar .filter .content .interval { display: flex; flex: 1 0 190px; justify-content: space-between; background-color: var(--tw-color-charade-900); font-size: 12px; padding: 0px; outline: none; border: none; } .le-lib.model-page-container .filters-sidebar .filter .content .interval .field { flex: 0 0 auto; display: flex; width: 85px; } .le-lib.model-page-container .filters-sidebar .filter .content .interval .field .filter-input { display: flex; flex: 0 0 90px; background-color: var(--tw-color-charade-950); padding: 5px; outline: none; display: block; border: none; min-width: 0; } .le-lib.model-page-container .filters-sidebar .filter .content .interval .field .filter-input:disabled { background-color: var(--tw-color-charade-950); color: var(--tw-color-charade-600); } .le-lib.model-page-container .filters-sidebar .filter .content .interval .field .date { flex: 0 0 auto; background-color: var(--tw-color-charade-950); font-size: 12px; padding: 5px; outline: none; border: none; width: 90px; } .le-lib.model-page-container .filters-sidebar .filter .content .multiple .multi-tag-input div { padding: 0; margin: 0; border: none; background-color: var(--tw-color-charade-950); } .le-lib.model-page-container .filters-sidebar .filter .content .multiple .multi-tag-input input { width: 190px !important; margin: 0; padding: 5px; font-size: 11px; color: var(--tw-color-charade-300); background-color: var(--tw-color-charade-950); } .le-lib.model-page-container .filters-sidebar .filter .content .multiple .multi-tag-input .tag-list { display: flex; width: 190px; flex-wrap: wrap; display: none; } .le-lib.model-page-container .filters-sidebar .filter .multiple .multi-tag-input .tag-item { background: var(--color-info); } .le-lib.model-page-container .filters-sidebar .filter .multiple .multi-tag-input .tag-item span { float: left; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px 5px 0px 0px; } .le-lib.model-page-container .filters-sidebar .filter .multiple .multi-tag-input .tag-item a.remove-button { margin-left: 2px; } /* END FILTER */ /* TOGGLE */ .le-lib.model-page-container .filters-sidebar .toggle { margin: 10px 0px; flex: 1 0 auto; justify-content: space-between; display: flex; background-color: var(--tw-color-charade-900); font-size: 11px; color: var(--color-base-300); font-weight: bold; align-self: stretch; border: none; outline: none; border-radius: 6px; padding: 5px 10px; } .le-lib.model-page-container .filters-sidebar .toggle .switch { flex: 0 0 24px; align-items: center; align-self: flex-end; display: flex; height: 12px; margin: 0px; background-color: var(--tw-color-charade-800); font-size: 11px; border: none; outline: none; border-radius: 6px; } .le-lib.model-page-container .filters-sidebar .toggle .switch input { opacity: 0; width: 0; height: 0; display: none; } .le-lib.model-page-container .filters-sidebar .toggle .switch .slider { width: 12px; height: 12px; border-radius: 12px; background-color: var(--medium-grey); -webkit-transition: 0.4s; transition: 0.4s; } .le-lib.model-page-container .filters-sidebar .toggle .switch input:checked + .slider { background-color: var(--color-info); -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); } .le-lib.model-page-container .filters-sidebar .toggle .switch input:focus + .slider { box-shadow: 0 0 1px var(--color-info); } /* FILTERS SIDEBAR CONFIG */ .le-lib.model-page-container .filters-sidebar .filters-config { width: 100%; background-color: var(--tw-color-charade-900); color: var(--tw-color-charade-300); font-size: 11px; align-self: stretch; border: none; outline: none; border-radius: 6px; margin-top: 10px; padding: 5px 10px; } .le-lib.model-page-container .filters-sidebar .config .title { color: var(--tw-color-charade-300); font-size: 11px; margin: 10px 0px 20px 0px; cursor: pointer; } /* TIMERS */ .le-lib.model-page-container .filters-sidebar .timers { color: var(--tw-color-charade-300); font-size: 12px; font-weight: lighter; margin-top: 10px; } .le-lib.model-page-container .filters-sidebar .timers .options { display: flex; margin-top: 5px; } .le-lib.model-page-container .filters-sidebar .timers .options .timer { padding: 2px 5px; margin: 0px 2px; background-color: var(--tw-color-charade-800); color: var(--color-neutral-content); flex: 1 0 auto; text-align: center; cursor: pointer; border-radius: 4px; } .le-lib.model-page-container .filters-sidebar .timers .options .timer.active { background-color: var(--color-info); } .hide { display: none; } .le-lib .filters-sidebar ul[typeahead-popup] { background-color: var(--tw-color-charade-800); border: none; box-shadow: none; width: 190px; font-size: 12px; } .le-lib .filters-sidebar ul[typeahead-popup] li { background-color: var(--tw-color-charade-800); } .le-lib .filters-sidebar ul[typeahead-popup] li a { color: var(--color-neutral-content); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 4px 8px; } .le-lib .filters-sidebar ul[typeahead-popup] li.active a { background-color: var(--tw-color-charade-700); } .le-lib .filters-sidebar ul[typeahead-popup] li.active a:hover { background-color: var(--tw-color-charade-700); } .le-lib .filters-sidebar ul[datepicker-popup-wrap] { background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); } .le-lib .filters-sidebar table[datepicker] { background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); margin-left: 6px; } .le-lib .filters-sidebar table[datepicker] thead tr th { background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); border: none; } .le-lib .filters-sidebar table[datepicker] thead tr th button { background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); border: none; outline: none; } .le-lib .filters-sidebar table[datepicker] tbody tr td button { background-color: var(--tw-color-charade-900); color: var(--color-neutral-content); border: none; outline: none; } .le-lib .filters-sidebar table[datepicker] tbody tr td button:hover { background-color: var(--color-info); } /* TODAY IN THE CALENDAR */ .le-lib .filters-sidebar table[datepicker] tbody tr td button.calendar-today { background-color: var(--tw-color-charade-950); color: var(--color-neutral-content); border: none; } .le-lib .filters-sidebar table[datepicker] tbody tr td button.calendar-today span { color: var(--color-neutral-content); } .le-lib .filters-sidebar table[datepicker] tbody tr td:not(:last-child) button { border-right: solid 1px var(--tw-color-charade-800); } .le-lib .filters-sidebar table[datepicker] tbody tr:not(:last-child) { border-bottom: solid 1px var(--tw-color-charade-800); } .le-lib .filters-sidebar ul[datepicker-popup-wrap] li:nth-of-type(2) button.btn-success { background-color: var(--tw-color-charade-950); color: var(--color-neutral-content); border: none; } .le-lib .filters-sidebar ul[datepicker-popup-wrap] li:nth-of-type(2) button.btn-info { background-color: var(--color-info); color: var(--color-info-content); border: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .le-lib .filters-sidebar ul[datepicker-popup-wrap] li:nth-of-type(2) button.btn-default { display: none; } .le-lib .filters-sidebar ul[datepicker-popup-wrap] li:nth-of-type(2) button.btn-danger { background-color: var(--color-error); color: var(--color-error-content); border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .le-lib ll-filter-tags { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .le-lib ll-filter-tags .filter-tag-name { background-color: var(--color-base-300); font-weight: 400; color: var(--color-neutral-content); font-size: 13px; padding: 4px 8px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-top: 6px; margin-right: 4px; white-space: nowrap; } .le-lib ll-filter-tags .filter-tag-value { background-color: var(--color-info); color: var(--color-info-content); font-size: 13px; padding: 4px; border-radius: 3px; margin-top: 6px; margin-right: 4px; white-space: nowrap; } .le-lib ll-filter-tags .filter-tag-value.last { margin-right: 10px; } .le-lib ll-filter-tags .filter-tags-preset { font-size: 12px; font-weight: 600; color: var(--tw-color-charade-950); padding: 12px 6px 0px 0px; } .le-lib ll-filter-tags .filter-tags-clear { font-size: 12px; font-weight: 400; color: var(--tw-color-charade-400); margin-top: 12px; cursor: pointer; } .le-lib ll-filter-tags .filter-tags-countdown { background: var(--tw-color-charade-950); border-radius: 4px; font-weight: 500; font-size: 12px; color: var(--color-neutral-content); padding: 4px 8px; margin-top: 6px; margin-right: 4px; } .le-lib ll-filter-tags .filter-tags-summary-group { background: var(--tw-color-charade-950); border-radius: 4px; font-weight: 500; font-size: 12px; color: var(--color-neutral-content); padding: 4px 8px; margin-top: 6px; margin-right: 4px; } .le-lib ll-filter-tags .filter-tag.dirty div:nth-of-type(2) { background-color: var(--color-base-content); color: var(--color-neutral-content); font-size: 13px; padding: 4px; border-radius: 3px; margin-right: 4px; white-space: nowrap; } .le-lib ll-filter-tags .filter-tag div:nth-of-type(2) i { font-size: 11px; margin: 4px 0px 0px 4px; cursor: pointer; } .le-lib .summary-gui-fixed { min-width: 200px; background-color: var(--color-warning); } .le-lib .summary-gui-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 260px; margin: 10px 0 0; list-style: none; font-size: 14px; background-color: var(--color-base-100); border-radius: 2px; background-clip: padding-box; right: 0; left: auto; } .le-lib .summary-gui { max-width: 270px; height: 100%; padding: 5px 0px 0px 0px; background-color: var(--color-base-100); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 2px; color: var(--tw-color-charade-400); font-size: 14px; border: none; } .le-lib .summary-gui-dropdown .summary-gui { max-height: 400px; } .le-lib .summary-gui .summary-gui-title { text-transform: uppercase; line-height: 24px; border-bottom: 1px solid color-mix(in srgb, var(--tw-color-charade-400) 20%, transparent); padding: 5px 10px; } .le-lib .summary-gui .summary-gui-container { border: none; margin: 0; padding: 0; overflow-y: auto; height: calc(100% - 35px); } .le-lib .summary-gui-dropdown .summary-gui .summary-gui-container { height: auto; max-height: 350px; } .le-lib .summary-gui .summary-gui-container::-webkit-scrollbar { width: 4px; } .le-lib .summary-gui .summary-gui-container::-webkit-scrollbar-track { border-radius: 6px; } .le-lib .summary-gui .summary-gui-container::-webkit-scrollbar-thumb { background: var(--tw-color-charade-600); border-radius: 6px; } .le-lib .summary-gui .summary-gui-container::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-500); } .le-lib .summary-gui .summary-gui-container::-webkit-scrollbar-button { display: none; } .le-lib .summary-gui .summary-gui-item { padding: 5px 10px; } .le-lib .summary-gui .summary-gui-item.active { background: color-mix(in srgb, var(--color-info) 10%, transparent); } .le-lib .summary-gui-item .summary-gui-header { font-size: 13px; line-height: 24px; } .le-lib .summary-gui-item .summary-gui-header.active { font-size: 13px; line-height: 24px; color: var(--color-info); } .le-lib .summary-gui-item .summary-gui-body .summary-gui-body-item { font-weight: normal; font-size: 11px; line-height: 24px; color: color-mix(in srgb, var(--tw-color-charade-400) 80%, transparent); padding: 0px 10px; } .le-lib .summary-gui-item .summary-gui-body .summary-gui-body-item a { font-weight: normal; font-size: 11px; line-height: 24px; color: color-mix(in srgb, var(--tw-color-charade-400) 80%, transparent); } .le-lib ll-help-gui { position: fixed; z-index: 4; margin: 0; padding: 0px; bottom: 0; overflow-y: scroll; } .le-lib ll-help-gui .ll-help-gui { position: fixed; z-index: 6; width: 100%; height: 40%; padding: 0px; bottom: 0; background-color: var(--tw-color-charade-950); font-family: 'Lato', sans-serif; } .le-lib ll-help-gui .ll-help-gui.light { color: var(--tw-color-charade-400); background-color: var(--color-base-100); } .le-lib ll-help-gui .ll-help-gui.full-screen { height: calc(100% - 55px); } .le-lib ll-help-gui .ll-help-gui .ll-help-gui-title { padding: 15px 15px 15px 10px; font-size: 20px; line-height: 20px; color: var(--color-neutral-content); } .le-lib ll-help-gui .ll-help-gui .ll-help-gui-title.light { color: var(--tw-color-charade-400); } .le-lib ll-help-gui .ll-help-gui-top { display: flex; margin: 0; justify-content: space-between; align-items: center; } .le-lib ll-help-gui .help-gui-header { height: 32px; display: flex; margin: 0; padding: 0px 10px; border-bottom: solid 2px var(--tw-color-charade-900); } .le-lib ll-help-gui .help-gui-header.light { border-bottom: solid 2px var(--color-base-200); } .le-lib ll-help-gui .help-gui-header .help-gui-search-container { flex: 0 0 200px; height: 30px; display: flex; align-items: center; margin-right: 70px; position: relative; } .le-lib ll-help-gui .help-gui-header .help-gui-search { flex: 0 0 200px; height: 30px; position: relative; padding: 0px 12px 0px 8px; background-color: var(--tw-color-charade-900); display: flex; align-items: center; } .le-lib ll-help-gui .help-gui-header .help-gui-search.light { background-color: var(--color-base-200); color: var(--tw-color-charade-400); } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown { position: absolute; background-color: var(--tw-color-charade-800); color: var(--tw-color-charade-300); top: 35px; left: 0; width: 200px; max-height: 200px; overflow-y: scroll; padding: 0px 10px; z-index: 1; } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown.light { background-color: var(--color-base-200); color: var(--tw-color-charade-400); } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown::-webkit-scrollbar { width: 4px; } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown::-webkit-scrollbar-track { border-radius: 6px; } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown::-webkit-scrollbar-thumb { background: var(--tw-color-charade-600); border-radius: 6px; } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-500); } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown::-webkit-scrollbar-button { display: none; } .le-lib ll-help-gui .help-gui-search-dropdown .help-gui-search-dropdown-result { font-weight: 500; font-size: 12px; line-height: 18px; margin-bottom: 10px; } .le-lib ll-help-gui .help-gui-search-dropdown .help-gui-search-dropdown-section { font-weight: 300; font-size: 10px; line-height: 12px; padding-top: 5px; } .le-lib ll-help-gui .help-gui-search-dropdown .help-gui-search-dropdown-section:not(:nth-child(1)) { font-weight: 300; font-size: 10px; line-height: 12px; padding: 10px 0px; } .le-lib ll-help-gui .help-gui-search-dropdown .help-gui-search-dropdown-result-item { font-weight: 500; font-size: 12px; line-height: 18px; height: 18px; width: 100%; display: block; padding: 0; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--tw-color-charade-400); text-decoration: none; } .le-lib ll-help-gui .help-gui-header .help-gui-search-input { flex: 1 1 auto; font-size: 13px; line-height: 20px; height: 20px; color: var(--tw-color-charade-400); background-color: transparent; border: none; outline: none; margin-bottom: 0px; } .le-lib ll-help-gui .help-gui-header .help-gui-search-input.light { color: var(--tw-color-charade-300); } .le-lib ll-help-gui .help-gui-header .help-gui-header-item { flex: 3 1 230px; height: 32px; padding: 0px 10px; display: flex; justify-content: center; cursor: pointer; } .le-lib ll-help-gui .help-gui-header > div:nth-child(2) { flex: 1 1 175px; justify-content: flex-start; } .le-lib ll-help-gui .help-gui-header > div:nth-last-child(2) { flex: 1 1 175px; justify-content: flex-end; } .le-lib ll-help-gui .help-gui-header .help-gui-header-item-title { height: 32px; padding: 0px; border: none; font-size: 13px; color: var(--tw-color-charade-300); line-height: 30px; } .le-lib ll-help-gui .help-gui-header .help-gui-header-item-title.active { height: 100%; padding: 0px; border-bottom: solid 2px var(--color-info); color: var(--color-neutral-content); } .le-lib ll-help-gui .help-gui-header .help-gui-header-item-title.active.light { color: var(--tw-color-charade-400); } .le-lib ll-help-gui .help-gui-header .help-gui-header-item-description { padding: 0px; border: none; font-size: 12px; color: var(--color-neutral-content); font-weight: 300; } .le-lib ll-help-gui .help-gui-options { flex: 0 0 auto; height: 100%; width: 100px; margin-left: 100px; display: flex; justify-content: space-around; align-items: center; } .le-lib ll-help-gui .help-gui-options .help-gui-icon { cursor: pointer; padding: 1px 4px; border-radius: 4px; background-color: transparent; color: var(--tw-color-charade-300); line-height: 12px; } .le-lib ll-help-gui .help-gui-options .help-gui-icon.active { color: var(--color-accent-content); background-color: var(--color-accent); } .le-lib ll-help-gui .help-gui-options .help-gui-icon.light { cursor: pointer; padding: 1px 4px; border-radius: 3px; background-color: transparent; color: var(--tw-color-charade-300); line-height: 12px; } .le-lib ll-help-gui .help-gui-options .help-gui-icon.light.active { cursor: pointer; padding: 1px 4px; border-radius: 3px; background-color: var(--color-error); color: var(--color-error-content); line-height: 12px; } .le-lib ll-help-gui .help-gui-body { display: flex; justify-content: space-around; flex-wrap: nowrap; height: 100%; overflow-y: scroll; } .le-lib ll-help-gui .help-gui-body.full-screen { height: calc(100% - 82px); } .le-lib ll-help-gui .help-gui-body::-webkit-scrollbar { width: 6px; } .le-lib ll-help-gui .help-gui-body::-webkit-scrollbar-track { border-radius: 6px; } .le-lib ll-help-gui .help-gui-body::-webkit-scrollbar-thumb { background: var(--tw-color-charade-600); border-radius: 6px; } .le-lib ll-help-gui .help-gui-body::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-500); } .le-lib ll-help-gui .help-gui-header .help-gui-search-dropdown::-webkit-scrollbar-button { display: none; } .le-lib ll-help-gui .help-gui-body .help-gui-gutter-left { flex: 0 0 280px; height: 10px; } .le-lib ll-help-gui .help-gui-body .help-gui-gutter { flex: 0 0 200px; height: 10px; } .le-lib ll-help-gui .help-gui-body .help-gui-content { flex: 1 1 auto; height: auto; } .le-lib .ll-help-gui .help-gui-item { flex: 1 1 auto; margin-bottom: 15px; padding-right: 15px; } .le-lib .ll-help-gui .help-gui-item-title { font-size: 13px; color: var(--color-neutral-content); padding: 0px 0px 5px 0px; } .le-lib .ll-help-gui .help-gui-item-title.light { color: var(--tw-color-charade-400); } .le-lib .ll-help-gui .help-gui-item-subtitle { font-size: 11px; color: var(--color-neutral-content); padding: 0px 0px 5px 0px; } .le-lib .ll-help-gui .help-gui-item-subtitle.light { color: var(--tw-color-charade-400); } .le-lib .ll-help-gui .help-gui-item-description { font-size: 13px; font-weight: normal; padding: 0px 0px 5px 0px; } .le-lib .ll-help-gui .help-gui-table { flex: 0 0 50%; min-height: 10px; background: var(--tw-color-charade-900); font-size: 12px; color: var(--color-neutral-content); } .le-lib .ll-help-gui .help-gui-table.light { background: var(--color-base-200); color: var(--tw-color-charade-400); } .le-lib .ll-help-gui .help-gui-table th { font-size: 12px; font-weight: 300; color: var(--tw-color-charade-300); padding: 5px 5px 0px 5px; } .le-lib .ll-help-gui .help-gui-table td { padding: 5px 5px 2px 5px; height: 20px; } .le-lib .ll-help-gui .help-gui-table tr:last-of-type td { padding-bottom: 5px; } .le-lib .ll-help-gui .help-gui-table tr:not(:last-of-type) { border-bottom: 1px solid var(--tw-color-charade-800); } .le-lib .ll-help-gui .help-gui-table.light tr:not(:last-of-type) { border-bottom: 1px solid var(--color-base-200); } .le-lib .ll-help-gui .help-gui-item-tag-sm { color: var(--tw-color-victoria-100); font-size: 11px; background-color: var(--tw-color-charade-900); display: inline-block; border-radius: 3px; } .le-lib .ll-help-gui .help-gui-item-tag-md { font-size: 12px; color: var(--tw-color-victoria-100); background-color: var(--color-accent); display: inline-block; padding: 0px 3px; border-radius: 3px; } .le-lib .ll-help-gui .help-gui-item-tag-md.light { font-size: 12px; color: var(--color-error); background-color: var(--tw-color-cinnabar-50); display: inline-block; padding: 0px 3px; border-radius: 3px; } .le-lib .ll-help-gui .help-gui-item-hotkey { background-color: var(--tw-color-charade-900); border-radius: 3px; padding: 6px 10px; font-size: 13px; line-height: 13px; margin-left: 3px; } .le-lib .ll-help-gui .help-gui-item-hotkey.light { background-color: var(--color-base-200); color: var(--tw-color-charade-400); } .le-lib ll-help-gui .help-gui-module { height: 100%; padding: 15px; } .le-lib ll-help-gui .help-gui-module .help-gui-module-description { color: var(--color-neutral-content); font-style: normal; font-weight: normal; font-size: 13px; margin-bottom: 25px; } .le-lib ll-help-gui .help-gui-module .help-gui-module-description.light { color: var(--tw-color-charade-400); } .le-lib ll-help-gui .help-gui-module .help-gui-module-details { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; color: var(--color-neutral-content); font-style: normal; font-weight: normal; font-size: 13px; } .le-lib .ll-help-gui .help-gui-module .help-gui-item { flex: 1 0 33.3%; margin-bottom: 20px; } .le-lib .ll-help-gui .help-gui-module .help-gui-item-title { font-size: 13px; color: var(--color-neutral-content); } .le-lib .ll-help-gui .help-gui-module .help-gui-item-title.light { color: var(--tw-color-charade-400); } .le-lib .ll-help-gui .help-gui-module .help-gui-item-description { font-size: 13px; font-weight: normal; } .le-lib .ll-help-gui .help-gui-filters { display: flex; flex-wrap: wrap; height: auto; padding: 15px; } .le-lib .ll-help-gui .help-gui-filters .help-gui-filter { display: flex; flex-wrap: nowrap; margin-bottom: 15px; flex: 1 0 100%; } .le-lib .ll-help-gui .help-gui-filters .help-gui-filter .help-gui-item-container { display: flex; flex-wrap: nowrap; flex: 1 1 auto; } .le-lib .ll-help-gui .help-gui-filters .help-gui-filter.expanded { flex: 1 0 100%; } .le-lib .ll-help-gui .help-gui-filter-presets { height: auto; padding: 15px; } .le-lib .ll-help-gui .help-gui-filter-presets .help-gui-filter-preset { display: flex; flex-wrap: nowrap; margin-bottom: 15px; } .le-lib .ll-help-gui .help-gui-filter-presets .help-gui-item { flex: 1 1 50%; margin-bottom: 0px; } .le-lib .ll-help-gui .help-gui-actions { display: flex; flex-wrap: wrap; height: auto; padding: 15px; } .le-lib .ll-help-gui .help-gui-actions .help-gui-action { display: flex; flex-wrap: nowrap; margin-bottom: 15px; flex: 1 0 50%; } .le-lib .ll-help-gui .help-gui-actions .help-gui-action .help-gui-item-container { display: flex; flex-wrap: nowrap; flex: 1 1 auto; } .le-lib .ll-help-gui .help-gui-actions .help-gui-action.expanded { flex: 1 0 100%; } .le-lib .ll-help-gui .help-gui-fields { display: flex; flex-wrap: wrap; height: auto; padding: 15px; } .le-lib .ll-help-gui .help-gui-fields .help-gui-field { display: flex; flex-wrap: nowrap; margin-bottom: 15px; flex: 1 0 100%; } .le-lib .ll-help-gui .help-gui-fields .help-gui-field .help-gui-item-container { display: flex; flex-wrap: nowrap; flex: 1 1 auto; } .le-lib .ll-help-gui .help-gui-fields .help-gui-field.expanded { flex: 1 0 100%; } .le-lib .gui-tabs-container { display: grid; grid-template-columns: 1fr 50px; grid-template-rows: 38px; background-color: var(--color-base-100); width: calc(100% - 15px); height: 38px; margin-left: 15px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05)); } .le-lib .gui-tabs-container .gui-tabs { display: flex; overflow-x: scroll; overflow-y: hidden; border-bottom: solid 2px var(--tw-color-lochmara-100); } .le-lib .gui-tabs-container .gui-tabs::-webkit-scrollbar { height: 0px; } .le-lib .gui-tabs-container .gui-tabs::-webkit-scrollbar-button { display: none; } .le-lib .gui-tabs-container .gui-tab-navigation { display: flex; border-bottom: solid 2px var(--tw-color-lochmara-100); filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05)); } .le-lib .gui-tabs-container .gui-tab-navigation .gui-tab-navigation-button { flex: 0 0 50%; line-height: 38px; text-align: center; background-color: var(--color-base-100); cursor: pointer; } .le-lib .gui-tabs-container .gui-tabs .gui-tab { display: flex; align-items: center; flex: 0 0 auto; background-color: var(--color-base-100); font-weight: 500; font-size: 13px; line-height: 26px; color: var(--tw-color-charade-300); padding: 5px 10px; text-transform: uppercase; } .le-lib .gui-tabs-container .gui-tabs .gui-tab .number-tag { color: var(--color-neutral-content); background-color: var(--tw-color-charade-300); font-size: 10px; min-width: 14px; min-height: 14px; display: inline-block; line-height: 14px; text-align: center; border-radius: 7px; margin-left: 3px; padding: 0px 3px; } .le-lib .gui-tabs-container .gui-tabs .gui-tab.active { color: var(--color-info); border-bottom: solid 2px var(--color-info); } .le-lib .gui-tabs-container .gui-tabs .gui-tab.active .number-tag { background-color: var(--color-info); } .le-lib .ll-actions-button { position: absolute; width: 65px; height: 65px; background-color: var(--tw-color-charade-950); color: var(--color-neutral-content); border-radius: 33px; padding: 14px 20px 14px 16px; bottom: 40px; right: 40px; z-index: 3; cursor: pointer; font-size: 24px; line-height: 36px; box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 40%); } .le-lib .ll-actions-button.active { line-height: 36px; padding-left: 22px; padding-top: 14px; font-size: 28px; background-color: var(--color-error); } .le-lib .ll-actions-button-tag { position: fixed; background-color: var(--color-error); bottom: 85px; right: 85px; color: var(--color-error-content); height: 26px; line-height: 26px; width: 26px; border-radius: 13px; font-size: 11px; z-index: 5; text-align: center; } .le-lib .ll-actions-bar { position: absolute; width: calc(100% - 15px); height: 80px; background-color: var(--tw-color-charade-950); color: var(--color-neutral-content); bottom: 0px; right: 15px; z-index: 2; padding: 20px 0px 20px 40px; display: flex; } .le-lib .ll-actions-bar .ll-actions-bar-message { font-size: 18px; line-height: 40px; font-weight: 400; margin-right: 20px; height: 40px; display: flex; flex: 0 0 auto; align-items: center; } .le-lib .ll-actions-bar .ll-actions-bar-message .ll-actions-bar-message-notification-sign { background-color: var(--color-info); width: 10px; height: 10px; border-radius: 5px; margin-right: 10px; } .le-lib .ll-actions-bar .ll-actions-bar-message .ll-actions-bar-message-empty div:nth-of-type(1) { line-height: 20px; height: 20px; } .le-lib .ll-actions-bar .ll-actions-bar-message .ll-actions-bar-message-empty div:nth-of-type(2) { font-size: 12px; font-weight: 300; line-height: 20px; height: 20px; } .le-lib .ll-actions-bar .ll-actions-bar-content-container { display: flex; flex-wrap: nowrap; flex: 1 1 auto; height: 40px; align-items: center; overflow-y: hidden; overflow-x: scroll; } .le-lib .ll-actions-bar .ll-actions-bar-content-container::-webkit-scrollbar { height: 0px; } .le-lib .ll-actions-bar .ll-actions-bar-content-container::-webkit-scrollbar-track { border-radius: 5px; } .le-lib .ll-actions-bar .ll-actions-bar-content-container::-webkit-scrollbar-thumb { background: var(--tw-color-charade-700); border-radius: 5px; } .le-lib .ll-actions-bar .ll-actions-bar-content-container::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-600); } .le-lib .ll-actions-bar .ll-actions-bar-content-container::-webkit-scrollbar-button { display: none; } .le-lib .ll-actions-bar .ll-actions-bar-content { display: flex; flex-wrap: nowrap; flex: 0 0 auto; height: 40px; align-items: center; } .le-lib .ll-actions-bar .ll-actions-bar-content .ll-actions-bar-button { margin-left: 10px; color: var(--tw-color-charade-700); background-color: var(--color-base-100); border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: none; font-style: normal; } .le-lib .ll-actions-bar .ll-actions-bar-content .ll-actions-bar-button.rounded { border-radius: 4px; color: var(--tw-color-charade-700); background-color: var(--color-base-100); } .le-lib .ll-actions-bar .ll-actions-bar-content .ll-actions-bar-button-dropdown { color: var(--tw-color-charade-700); background-color: var(--color-base-100); font-style: normal; padding: 8px 2px 2px 2px; } .le-lib .ll-actions-bar .ll-actions-bar-content-arrows { background-color: var(--tw-color-charade-950); margin-left: auto; flex: 0 0 auto; width: 150px; display: flex; align-items: center; } /* SETTINGS MODAL */ .le-lib.ll-settings-modal .modal-dialog { width: 700px; position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); } .le-lib.ll-settings-modal div { border-radius: 4px; box-shadow: none; } .le-lib.ll-settings-modal .ll-settings-modal-top { display: flex; } .le-lib.ll-settings-modal .ll-settings-modal-top .ll-settings-modal-icon { margin-top: 5px; margin-right: 15px; } .le-lib.ll-settings-modal .ll-settings-modal-top .ll-settings-modal-title { color: var(--tw-color-charade-400); font-weight: 500; font-size: 20px; line-height: 26px; margin: 0px 0px 10px 0px; } .le-lib.ll-settings-modal .ll-settings-modal-top .ll-settings-modal-search-bar { margin-left: auto; margin-right: 20px; justify-self: flex-end; display: flex; align-items: center; background-color: var(--color-base-200); width: 250px; } .le-lib.ll-settings-modal .ll-settings-modal-search-bar input { outline: none; border: none; color: var(--tw-color-charade-400); background-color: var(--color-base-200); height: 35px; padding: 5px; margin-left: 5px; margin-right: 5px; } .le-lib.ll-settings-modal .ll-settings-modal-top .ll-settings-modal-minimize { margin-top: 2px; justify-self: flex-end; } .le-lib.ll-settings-modal .ll-settings-modal-top .ll-settings-modal-close { justify-self: flex-end; margin-top: 0px; margin-left: 15px; font-size: 20px; } .le-lib.ll-settings-modal .ll-settings-modal-body { max-height: 500px; overflow-y: auto; margin-top: 10px; } .le-lib.ll-settings-modal .ll-settings-modal-body::-webkit-scrollbar { width: 5px; } .le-lib.ll-settings-modal .ll-settings-modal-body::-webkit-scrollbar-track { border-radius: 5px; } .le-lib.ll-settings-modal .ll-settings-modal-body::-webkit-scrollbar-thumb { background: var(--color-base-300); border-radius: 5px; } .le-lib.ll-settings-modal .ll-settings-modal-body::-webkit-scrollbar-thumb:hover { background: var(--tw-color-wild-sand-500); } .le-lib.ll-settings-modal .ll-settings-modal-body::-webkit-scrollbar-button { display: none; } .le-lib.ll-settings-modal .ll-settings-modal-description { font-style: normal; font-weight: normal; font-size: 12px; line-height: 30px; color: var(--tw-color-charade-400); } .le-lib.ll-settings-modal .ll-settings-modal-table tr { border-bottom: solid 1px var(--tw-color-lochmara-100); } .le-lib.ll-settings-modal .ll-settings-modal-table th { font-style: normal; font-weight: 300; font-size: 10px; color: var(--tw-color-charade-500); height: 16px; } .le-lib.ll-settings-modal .ll-settings-modal-table td { font-style: normal; font-weight: 300; font-size: 10px; line-height: 30px; height: 24px; color: var(--tw-color-charade-500); width: 335px; } .le-lib.ll-settings-modal .ll-settings-modal-table th:nth-child(2) { padding-left: 10px; } .le-lib.ll-settings-modal .ll-settings-modal-table td { padding-left: 10px; } .le-lib.ll-settings-modal .ll-settings-modal-table tr > td:nth-of-type(1) { font-style: normal; font-weight: 500; font-size: 13px; color: var(--tw-color-wild-sand-300); } .le-lib.ll-settings-modal .ll-settings-modal-table .ll-settings-modal-table-field-title { display: inline-block; white-space: nowrap; } .le-lib.ll-settings-modal .ll-settings-modal-table input { height: 15px; margin-right: 5px; } .le-lib.ll-settings-modal .ll-settings-modal-table input:checked + .ll-settings-modal-table-field-title { color: var(--color-info); } .le-lib.ll-settings-modal .ll-settings-modal-table input:checked + .ll-settings-modal-table-field-title.no-highlight { color: var(--tw-color-charade-500); } .le-lib.ll-settings-modal .ll-settings-modal-table .ll-settings-modal-table-color-sample { display: inline-block; width: 10px; height: 10px; border-radius: 0; margin-right: 2px; } .le-lib.ll-settings-modal .ll-settings-modal-table .column-order-field { display: flex; align-items: center; margin: 10px 0px; } .le-lib.ll-settings-modal .ll-settings-modal-table .column-order-field ul[typeahead-popup] li { cursor: pointer; } .le-lib.ll-settings-modal .ll-settings-modal-table .column-order-field input { height: 30px; background-color: var(--color-base-100); } .le-lib.ll-settings-modal .ll-settings-modal-bottom { margin-top: 15px; display: flex; font-style: normal; font-weight: 500; font-size: 13px; line-height: 18px; justify-content: flex-end; } .le-lib.ll-settings-modal .ll-settings-modal-bottom .ll-settings-modal-cancel { min-width: 120px; padding: 5px 22px; background-color: var(--color-base-100); border: solid 1px var(--color-base-content); color: var(--color-base-content); border-radius: 0px; text-align: center; height: 32px; cursor: pointer; } .le-lib.ll-settings-modal .ll-settings-modal-bottom .ll-settings-modal-confirm { min-width: 120px; padding: 6px 22px; background-color: var(--color-info); border: solid 1px var(--color-base-content); color: var(--color-info-content); border-radius: 0px; text-align: center; height: 32px; margin-left: 10px; cursor: pointer; } .le-lib .ll-settings-gui { margin-top: 10px; } .le-lib .ll-settings-gui > .dropdown-menu { width: 300px; margin-top: 15px; border: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 2px; } .le-lib .ll-settings-gui > .dropdown-menu .list-group-item { color: var(--tw-color-charade-400); border: none; font-size: 13px; } .le-lib #iw-tour-popup { background-color: var(--tw-color-charade-900); border-radius: 5px; padding: 8px 14px 2px 14px; height: 150px; width: 265px; position: absolute; z-index: 1000; display: block; opacity: 0; transition-duration: 0.25s; transition-timing-function: ease-out; transition-property: opacity; } .le-lib #iw-tour-popup #iw-tour-popup-arrow { background-color: var(--tw-color-charade-900); width: 16px; height: 16px; transform: rotate(45deg); position: absolute; } .le-lib #iw-tour-popup .iw-tour-popup-previous { font-style: normal; font-weight: 300; font-size: 10px; line-height: 24px; text-align: left; color: var(--color-base-300); } .le-lib #iw-tour-popup .iw-tour-popup-previous i { font-size: 8px; font-weight: 300; margin-right: 3px; } .le-lib #iw-tour-popup .iw-tour-popup-message { color: var(--color-neutral-content); font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; height: 60px; } .le-lib #iw-tour-popup .iw-tour-popup-buttons { display: flex; justify-content: space-evenly; } .le-lib #iw-tour-popup .iw-tour-popup-dismiss { color: var(--color-neutral-content); font-style: normal; font-weight: normal; font-size: 13px; line-height: 13px; text-align: center; padding: 10px 12px; border-radius: 4px; } .le-lib #iw-tour-popup .iw-tour-popup-next { color: var(--color-info-content); font-style: normal; font-weight: normal; font-size: 13px; line-height: 13px; text-align: center; background-color: var(--color-info); width: 120px; padding: 10px 0px; border-radius: 2px; } .le-lib #iw-tour-popup .iw-tour-popup-breadcrumb { display: flex; align-items: center; justify-content: center; margin-top: 7px; } .le-lib #iw-tour-popup .iw-tour-popup-crumb { width: 4px; height: 4px; border-radius: 2px; background-color: var(--tw-color-charade-600); margin-right: 2px; } .le-lib #iw-tour-popup .iw-tour-popup-crumb.active { background-color: var(--color-base-100); } .le-lib.ll-census-gui-dropdown { position: absolute; top: 0; right: 0; left: auto; z-index: 1010; float: right; width: 425px; margin-top: -3px; list-style: none; font-size: 14px; background-color: var(--color-base-100); border-radius: 2px; background-clip: padding-box; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .le-lib .ll-census-gui-fixed { height: calc(100vh - 50px - 90px); } .le-lib .ll-census-gui { background-color: var(--color-base-100); } .le-lib ll-census:not(.ll-census-gui-fixed) .ll-census-gui { width: 425px; } .le-lib .ll-census-gui-fixed .ll-census-gui { height: calc(100vh - 50px); display: grid; grid-template-columns: 100%; grid-template-rows: 55px auto 50px; grid-auto-rows: 40px; } .le-lib ll-census:not(.ll-census-gui-fixed) .ll-census-gui-blocks { max-height: 300px; } .le-lib ll-census.ll-census-gui-fixed .ll-census-gui-blocks { height: auto; max-height: none; } .le-lib .ll-census-gui-scrollbar { overflow-y: auto; } .le-lib .ll-census-gui-scrollbar::-webkit-scrollbar { width: 4px; } .le-lib .ll-census-gui-scrollbar::-webkit-scrollbar-track { background-color: var(--color-base-200); } .le-lib .ll-census-gui-scrollbar::-webkit-scrollbar-thumb { background: var(--tw-color-charade-600); } .le-lib .ll-census-gui-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--tw-color-charade-400); } .le-lib .ll-census-gui-scrollbar::-webkit-scrollbar-button { display: none; } .le-lib .ll-census-gui .ll-census-gui-top { padding: 8px 8px 0px 8px; } .le-lib .ll-census-gui .ll-census-gui-block { padding-left: 15px; border-bottom: 1px solid color-mix(in srgb, var(--tw-color-charade-400) 20%, transparent); } .le-lib .ll-census-gui .ll-census-gui-block-top { font-style: normal; font-weight: bold; font-size: 13px; line-height: 24px; color: var(--tw-color-charade-400); display: flex; align-items: center; padding: 6px 10px 6px 0px; cursor: pointer; } .le-lib .ll-census-gui .ll-census-gui-block-tags { margin-left: auto; justify-self: flex-end; display: flex; align-items: center; margin-right: 10px; } .le-lib .ll-census-gui .ll-census-gui-block-tag { height: 18px; font-style: normal; font-weight: 500; font-size: 10px; line-height: 12px; text-align: right; color: var(--color-neutral-content); border-radius: 3px; padding: 3px 6px; margin: 0px 3px; } .le-lib .ll-census-gui .ll-census-gui-block-title { font-style: normal; font-weight: bold; font-size: 13px; line-height: 24px; color: var(--tw-color-charade-400); } .le-lib .ll-census-gui .ll-census-gui-block-datetime { font-style: normal; font-weight: normal; font-size: 11px; line-height: 24px; text-align: right; color: var(--tw-color-wild-sand-400); } .le-lib .ll-census-gui .ll-census-gui-block-item { display: flex; align-items: flex-start; padding-right: 10px; margin-bottom: 10px; } .le-lib .ll-census-gui .ll-census-gui-block-item i { font-size: 11px; line-height: 24px; } .le-lib .ll-census-gui .ll-census-gui-block-item-title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: var(--tw-color-charade-400); margin-left: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 4px; } .le-lib .ll-census-gui .ll-census-gui-block-item-table { flex: 0 0 60%; margin-left: auto; background: var(--color-base-200); border-radius: 1px; padding: 10px; } .le-lib .ll-census-gui .ll-census-gui-block-item-table-item { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; display: flex; align-items: center; justify-content: space-between; padding: 5px 0px; } .le-lib .ll-census-gui .ll-census-gui-files { background-color: var(--color-base-100); padding: 8px 8px 8px 15px; font-style: normal; border-bottom: 1px solid color-mix(in srgb, var(--tw-color-charade-400) 20%, transparent); } .le-lib .ll-census-gui .ll-census-gui-files-top { display: flex; align-items: center; cursor: pointer; } .le-lib ll-census.ll-census-gui-fixed .ll-census-gui-files-content { height: auto; max-height: none; } .le-lib ll-census:not(.ll-census-gui-fixed) .ll-census-gui-files-content { max-height: 100px; } .le-lib .ll-census-gui .ll-census-gui-files-item { display: flex; align-items: center; font-style: normal; font-weight: normal; font-size: 12px; line-height: 24px; padding-right: 6px; } .le-lib .ll-census-gui .ll-census-gui-files-problems { display: flex; align-items: center; margin-left: auto; justify-self: flex-end; font-weight: 500; font-size: 13px; line-height: 24px; color: var(--color-error); } .le-lib .ll-census-gui .ll-census-gui-files-solved { display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 13px; line-height: 24px; color: var(--color-success); } .le-lib .ll-census-gui .ll-census-gui-files-icon { width: 14px; height: 14px; border-radius: 7px; } .ll-census-gui-file-success { color: var(--color-success); } .ll-census-gui-file-failure { color: var(--color-error); } .ll-census-gui-file-success-bg { background-color: var(--color-success); color: var(--color-success-content); } .ll-census-gui-file-failure-bg { background-color: var(--color-error); color: var(--color-error-content); } .le-lib .ll-census-gui .ll-census-gui-import { align-items: center; padding: 6px 6px 6px 15px; border-bottom: 1px solid color-mix(in srgb, var(--tw-color-charade-400) 20%, transparent); } .le-lib .ll-census-gui .ll-census-gui-connection { background-color: var(--color-base-100); } .le-lib .ll-census-gui .ll-census-gui-footer { display: flex; align-items: center; padding: 6px 6px 6px 15px; height: 40px; } .le-lib.ll-census-prefs-modal .modal-dialog { max-width: 425px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-top { display: flex; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-title { font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px; color: var(--color-base-content); margin-bottom: 10px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-close { justify-self: flex-end; margin-top: 0px; margin-left: auto; font-size: 22px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-description { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: var(--tw-color-charade-400); } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-body { max-height: 300px; overflow-y: auto; margin-top: 10px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block { padding-left: 15px; border-bottom: 1px solid color-mix(in srgb, var(--tw-color-charade-400) 20%, transparent); } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-top { font-style: normal; font-weight: bold; font-size: 13px; line-height: 24px; color: var(--tw-color-charade-400); display: flex; align-items: center; padding: 6px 10px 6px 0px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-title { font-style: normal; font-weight: bold; font-size: 13px; line-height: 24px; color: var(--tw-color-charade-400); } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-item { display: flex; align-items: flex-start; padding-right: 10px; margin-bottom: 10px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-item i { font-size: 11px; line-height: 24px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-item-title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: var(--tw-color-charade-400); margin-left: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 4px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-item-table { flex: 0 0 60%; margin-left: auto; background: var(--color-base-200); border-radius: 1px; padding: 10px; } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-block-item-table-item { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; display: flex; align-items: center; padding: 5px 0px; color: var(--color-info); } .le-lib.ll-census-prefs-modal .ll-census-prefs-modal-bottom { margin-top: 15px; display: flex; font-style: normal; font-weight: 500; font-size: 13px; line-height: 18px; justify-content: flex-end; } .le-lib.ll-census-prefs-modal .done { min-width: 100px; padding: 6px 22px; background-color: var(--color-info); border: solid 1px var(--color-base-content); color: var(--color-info-content); font-size: 11px; } .le-lib.ll-workspace { position: relative; } .le-lib.ll-workspace-modal { } .le-lib.ll-workspace-modal ul { height: 300px; min-height: 300px; max-height: 300px; overflow: auto; } .le-lib.ll-workspace-modal li.active { background-color: var(--color-base-300); } .le-lib.ll-workspace-modal li:hover { background-color: var(--color-base-200); } .le-lib.ll-workspace-modal li { text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; } .le-lib.ll-workspace .ui-tab li.active a { font-weight: bold; } .le-lib.ll-workspace .ui-tab .nav.nav-tabs { max-height: 34px; overflow: hidden; } .le-lib.ll-workspace .ui-tab-container .nav-tabs > li.active a.fixed-tab { background-color: var(--color-base-100); } .le-lib.ll-workspace .ui-tab-container .nav-tabs > li > a { padding: 6px 15px; } .le-lib.ll-workspace .ll-workspace-favorites { position: absolute; top: 0; right: 0; } .le-lib.ll-workspace .ll-workspace-tab { margin-top: 5px; } .le-lib.ll-workspace .ll-workspace-tab { padding-top: 5px !important; padding-right: 10px !important; min-width: 200px; } .le-lib.ll-workspace .ll-workspace-tab.active { background-color: var(--color-base-100); } .le-lib.ll-workspace .ll-workspace-tab .ll-workspace-close-tab { visibility: hidden; } .le-lib.ll-workspace .ll-workspace-tab:hover .ll-workspace-close-tab { visibility: visible; } .le-lib .ll-omni-form .highlighted .tags, .le-lib .ll-omni-form .highlighted .input-group, .le-lib .ll-omni-form .highlighted *:not(.input-group) > .form-control { border: solid 2px var(--color-primary); border-radius: 2px; } .le-lib .ll-omni-form .highlighted .tags > *, .le-lib .ll-omni-form .highlighted .input-group > *, .le-lib .ll-omni-form .highlighted *:not(.input-group) > .form-control > * { border: none; } /* Start model-help */ .le-lib .ll-sticky { position: sticky; top: 0px; z-index: 1; } .le-lib th.ll-sticky.ll-help-th { top: 50px; background-color: var(--color-base-100); box-shadow: 0px -1px 0px var(--color-base-300) inset; margin-bottom: -1px; } .le-lib .table.ll-help-table > thead > tr > th, .le-lib table.ll-help-table > tbody > tr:first-child > td { border: none !important; } .le-lib .ll-code { font-family: monospace, monospace; font-size: 1em; } .le-lib.ll-model-help { height: 90vh; display: flex; flex-direction: column; } .le-lib .ll-model-help pre { white-space: break-spaces; } .le-lib .ll-model-help .ll-help-table { table-layout: fixed; width: 100%; } .le-lib ll-enum-flow { display: block; max-width: 100%; } .le-lib ll-enum-flow .canva-wrapper { max-width: 100%; overflow-x: auto; } .le-lib ll-enum-flow .canva-button { position: absolute; right: 1rem; bottom: 1.5rem; } /* End model-help */ .le-lib .handsontable .wtBorder.current { z-index: 8; } /* .le-lib */ .btn-a { text-decoration: none; background-color: initial; } /* .le-lib */ .btn-a:hover { background-color: var(--color-base-300); } .le-lib *:is(ll-dropdown, [ll-dropdown]) { display: inline-block; } .le-lib .slim-scrollbar { ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-button { display: none; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: color-mix(in srgb, var(--color-base-100) 30%, transparent); -webkit-border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: unset; background: var(--tw-color-wild-sand-400); } ::-webkit-scrollbar-track { border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: unset; background-color: var(--color-base-100); } } .le-lib table .ll-classic-row-label { max-width: 50px; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: rgba(0, 0, 0, 0.5); padding: 0; } .le-lib table .ll-classic-expandable { max-width: 30px; width: 30px; text-align: center; } .le-lib .ll-tabs-panel { width: 100%; } .le-lib .ll-tabs-header { display: flex; align-items: flex-end; padding: 10px 15px 0 15px !important; gap: 1px; border-bottom: 1px solid var(--color-base-300) !important; position: relative; z-index: 1; background-color: oklch(92% 0.003 48.717); } .le-lib .ll-tabs-header .tab-item { flex: 0 1 auto; min-width: 30px; display: flex; } .le-lib .ll-tabs-header > .tab-item input[type='radio'] { display: none; } .le-lib .ll-tabs-header > .tab-item label { display: inline-block; margin-bottom: -1px; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid var(--color-base-300); border-bottom: 1px solid var(--color-base-300); white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; background-color: oklch(96% 0.001 286.375); color: var(--color-base-content); transition: all 0.2s ease-in-out; position: relative; z-index: 1; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* padding: 6px 8px; */ border-radius: 2px 2px 0 0; } .le-lib .ll-tabs-header > .tab-item label:hover { background-color: oklch(96% 0.001 286.375); } .le-lib .ll-tabs-header > .tab-item input[type='radio']:checked + label { background-color: oklch(100% 0 0); color: var(--color-neutral); font-weight: bold; border-bottom: 1px solid oklch(100% 0 0); border-top: 1px solid var(--ll-tabs-selected-border-color, var(--color-info)); z-index: 2; } .le-lib .ll-tabs-header .btn { margin-bottom: -1px; /* border-bottom: 1px solid var(--color-base-300); */ } .le-lib .ll-tabs-content { padding: 20px; background-color: var(--color-base-100); border: 1px solid var(--color-base-300); border-top: none; position: relative; z-index: 0; } .le-lib .ll-tabs-header .tab-item label .tab-indicator { top: 1px; right: 1px; content: ''; position: absolute; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; } .le-lib .ll-tabs-header > .tab-item label:has(.tab-indicator.bg-danger) { --ll-tabs-selected-border-color: var(--color-error); overflow: visible; } /* Tooltip */ .le-lib .tooltip-holder { overflow: auto; min-width: 200px; max-width: 50vw; display: flex; justify-content: space-between; z-index: 102; } .le-lib [tooltip]:disabled, .le-lib [tooltip-html-unsafe]:disabled, .le-lib [data-tooltip]:disabled { pointer-events: auto; } .le-lib .tooltip-wrapper-disabled { display: inline-block; position: relative; } .le-lib .tooltip-wrapper-disabled > button:disabled, .le-lib .tooltip-wrapper-disabled > a:disabled { pointer-events: none; } .le-lib .ll-model-actions em { text-decoration: underline; font-style: normal; } .le-lib .inoa-ux-toggle.list-group-item { -webkit-transition: max-width 0.5s; -webkit-transition-delay: 0.5s; width: 100%; transition: max-width 0.5s; transition-delay: 0.5s; border-radius: 0; color: unset; text-align: left; vertical-align: middle; } .le-lib .inoa-ux-toggle:has(.btn-hover-label) .inoa-ux-toggle-icon.margin-right-md { margin-right: 0px !important; } .le-lib .inoa-ux-toggle.text-muted { color: var(--tw-color-wild-sand-500); } .le-lib .inoa-ux-toggle.list-group-item.text-right { text-align: right; } .le-lib .inoa-ux-toggle.text-right .inoa-ux-toggle-icon.margin-right-md { float: right; margin-right: 0px !important; margin-left: 10px; } .le-lib .inoa-ux-toggle.list-group-item:focus { outline: none; } .le-lib .inoa-ux-toggle.list-group-item:active { box-shadow: none; } .le-lib .inoa-ux-toggle.list-group-item:not(.no-hover):hover { background-color: whitesmoke; } .le-lib .modal-body.ll-model-help-modal-body { height: calc(100vh - 230px); overflow-y: auto; flex: 1; } /* Grid Layout */ .le-lib .ll-grid-layout .lm_goldenlayout { background: unset; } .le-lib .ll-grid-layout .lm_content { background-color: unset; height: 100%; overflow: auto; } .le-lib .ll-grid-layout .lm_content:has(hot-table) { overflow: hidden; } .le-lib .ll-grid-layout .lm_content .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Required for horizontal scrollbar to work properly with GridLayout. Do not remove. */ .le-lib .ll-grid-layout .lm_content:not(:has(hot-table)) { height: calc(100% - 12px) !important; width: calc(100% - 5px) !important; } .le-lib .ll-grid-layout .lm_content:not(:has(hot-table))::-webkit-scrollbar { width: 7px; height: 7px; } .le-lib .ll-grid-layout .lm_content:not(:has(hot-table))::-webkit-scrollbar-track { background-color: var(--color-base-200); border-radius: 5px; } .le-lib .ll-grid-layout .lm_content:not(:has(hot-table))::-webkit-scrollbar-thumb { background-color: var(--tw-color-wild-sand-400); border-radius: 5px; } .le-lib .ll-grid-layout-helper .title-wrapper { display: flex; align-items: center; } .le-lib .ll-grid-layout-helper .title-wrapper .title { display: flex; align-items: center; width: fit-content; gap: 5px; } .le-lib .ll-grid-layout .lm_header .lm_tab .lm_title .icon-title { width: unset; height: unset; position: relative; margin-right: 5px; } /* Grid layout card variant */ .le-lib .ll-grid-layout.card .lm_item.lm_stack:not(:has(ll-main-component hot-table)) { border-radius: 8px; border: none; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; overflow: hidden; } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_header { padding: 0px; margin: 0; } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_title { font-size: 14px; color: var(--color-base-content); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_tabs { width: 100%; height: 100%; top: 0; left: 0; border-bottom: 1px solid var(--color-base-300); background: var(--color-base-200); } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_tab { border: none; box-shadow: none; background-color: transparent; font-family: inherit; box-sizing: border-box !important; height: unset; padding: 0px; display: flex; width: calc(100% - 15px); align-items: center; height: 100%; } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_tab .lm_close_tab { position: relative; margin-left: auto; top: 0px; } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_content { border: none; } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_content .upper-block { display: flex; width: 100%; justify-content: end; padding: 2px; padding-right: 10px; gap: 5px; align-items: center; background-color: var(--color-base-200); border-bottom: 1px solid var(--color-base-200); } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_item_container:not(:has(ll-main-component hot-table)) { background-color: var(--color-base-100); } .le-lib .ll-grid-layout.card .lm_item.lm_stack .lm_item_container ll-main-component hot-table .htCore { background-color: var(--color-base-200); } .le-lib .ll-grid-layout.card .lm_header .lm_tabdropdown_list { width: 100%; background-color: var(--color-base-100); left: 0px; margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .le-lib .ll-grid-layout.card .lm_header .lm_tabdropdown_list .lm_tab .lm_title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 21px; } .le-lib .ll-grid-layout.card .lm_header .lm_tab .lm_title .title-with-icon { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .le-lib .ll-grid-layout.card .lm_header .lm_tabdropdown_list .lm_tab { border-bottom: 1px solid var(--color-base-200); width: 100%; padding: 5px 10px; } .le-lib .ll-grid-layout.card .lm_header .lm_tabdropdown_list .lm_tab:first-child { border-top: 1px solid var(--color-base-200); } .le-lib .ll-grid-layout.card .lm_header .lm_tabdropdown_list .lm_tab:hover { background-color: whitesmoke; } .le-lib .ll-grid-layout.card .lm_item_container { margin-top: 2px; } .le-lib .ll-grid-layout.card .lm_item_container .grid-layout-empty { font-size: clamp(10px, 5px + 10cqi, 40px); position: absolute; top: 26px; height: calc(100% - 26px); } .le-lib .ll-grid-layout.card .lm_item_container .grid-layout-empty h3 { font-size: clamp(10px, 5px + 5cqi, 30px); } .le-lib .row ll-model-view.col-sm-12 td { width: 100%; } .le-lib ll-model-charts, .le-lib ll-model-charts .ll-chart-container { display: block; height: 100%; min-height: 50px; } .le-lib .lm_splitter { z-index: 150; } .le-lib .ll-help-text-small { font-size: 12px; line-height: 1.5; } .le-lib *:is(ll-single-model-input, [ll-single-model-input]) { container-type: inline-size; container-name: single-model-input; width: 100%; fieldset { &:before, &:after { display: none; } .content { --section-columns: 5; display: grid; grid-template-columns: repeat(var(--section-columns), minmax(0, 1fr)); gap: var(--spacing-3); > .span-full { grid-column: 1 / -1; } @container single-model-input (max-width: 1000px) { --section-columns: 3; } @container single-model-input (max-width: 700px) { --section-columns: 2; } @container single-model-input (max-width: 300px) { --section-columns: 1; } &.flow-column { display: block; column-count: var(--section-columns); column-gap: var(--spacing-3); padding-top: 1px; margin-top: -1px; .ll-single-model-input-field { display: block; break-inside: avoid; page-break-inside: avoid; border: solid 0.01px transparent; &.span-full { column-span: all; margin-top: var(--spacing-3); } } } } } } .le-lib.ll-text-editor-modal .modal-dialog { width: 700px; } .le-lib .ll-text-editor-body { display: flex; flex-direction: column; } .le-lib.ll-json-editor-modal .modal-dialog { width: 700px; } .ll-json-editor-body { display: flex; flex-direction: column; } .ll-text-editor-textarea { width: 100%; height: 420px; resize: none; border: none; outline: none; padding: 12px 16px; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; background: var(--color-base-100); color: var(--color-neutral); box-sizing: border-box; } .ll-ace-editor-wrapper { display: block; } .ll-ace-editor-container { width: 100%; height: 420px; } .ll-json-editor-status { padding: 6px 16px; font-size: 12px; border-top: 1px solid var(--tw-color-charade-900); min-height: 28px; background: var(--tw-color-charade-950); } .ll-json-status-ok { color: var(--tw-color-jungle-green-200); } .ll-json-status-error { color: var(--tw-color-cinnabar-300); } /* Sart Media Queryes */ @media (max-width: 1440px) { .le-lib .ll-model-help .table .table-condensed .enum-value.ll-ellipsis { max-width: 200px; } } @media (max-width: 768px) { .le-lib .ll-model-help .table .table-condensed .enum-value.ll-ellipsis { max-width: 80px; } } /* End Media Queryes */ .quick-action-view-modal .modal-dialog:not(.floating-window) { aspect-ratio: 16/9; width: 80dvw; } .le-lib ll-model-actions .dropdown-menu li button.btn.btn-a { width: 100%; } .le-lib ll-omni .input-group-btn .btn { height: 32.2px; } .le-lib ll-omni .input-group-btn .btn { border-radius: 0px; } .le-lib .ll-readability-compact td { height: 20px; min-height: 20px; line-height: 19px; } .le-lib .ll-readability-default td { height: 22px; min-height: 22px; line-height: 21px; } .le-lib .ll-readability-comfort td { height: 23px; min-height: 23px; line-height: 22px; } .le-lib .ll-readability-wide td { height: 24px; min-height: 24px; line-height: 23px; } .le-lib .ll-table-borders-none.inoa-ux .handsontable { & *:is(td, .relative):not(:has(.relative), th *) { border-bottom-width: 0; border-right-width: 0; } & td:not(:has(.relative), th *):last-child { border-right-width: 1px !important; } & td:not(:has(.relative), th *).selected { border-right-width: 1px !important; } & tr:last-child td { border-bottom-width: 1px !important; } } .le-lib .ll-table-borders-all.inoa-ux .handsontable { & *:is(td, .relative):not(:has(.relative), th *) { border-bottom-width: 1px; border-right-width: 1px; } } .le-lib .ll-table-borders-horizontal.inoa-ux .handsontable { & *:is(td, .relative):not(:has(.relative), th *):not(:last-child) { border-bottom-width: 1px; border-right-width: 0; } & td:not(:has(.relative), th *):last-child { border-right-width: 1px !important; } } .le-lib .ll-table-borders-vertical.inoa-ux .handsontable { & *:is(td, .relative):not(:has(.relative), th *) { border-bottom-width: 0; border-right-width: 1px; } & tr:last-child td { border-bottom-width: 1px !important; } } .le-lib ll-column-selector .ll-column-selector-freezed:not(:has(~ .ll-column-selector-freezed)) { border-bottom-width: 2px !important; border-bottom-color: #dedede !important; } .le-lib .inoa-ux .handsontable td.ll-column-freezed-last { border-right-width: 2px !important; } .le-lib .inoa-ux .handsontable thead tr th.ll-column-freezed-last:not(.ht_clone_top_left_corner *:first-child) { border-right-width: 2px !important; border-radius: 0; } .le-lib .inoa-ux .handsontable thead tr th.clickable { border-top-left-radius: 5px; } /*# sourceMappingURL=main.min.css.map*/