:root {--deep-bg: #f5f5f7;--deep-border-color: rgba(0,0,0,0.1);--deep-bg-hover-light: #f7f7f7;--deep-primary: #4630ec;} .vcenter {display: flex;align-items: center;} .footer{background: none;padding: 0;} .footer-copyright{font-size: 12px;margin-top: 15px;} .footer-copyright-product-link{color: #cf0203;font-weight: 300} /* SCROLLBAR */ /* Turn on custom 6px wide scrollbar */ ::-webkit-scrollbar { height: 6px; width: 6px;background-color: rgba(0,0,0,0);-webkit-border-radius: 100px;} /* hover effect for both scrollbar area, and scrollbar 'thumb' */ ::-webkit-scrollbar:hover {background-color: rgba(0, 0, 0, 0.09);} /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */ ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal{background: rgba(0,0,0,0.2);-webkit-border-radius: 100px;} ::-webkit-scrollbar-thumb:vertical:active,::-webkit-scrollbar-thumb:horizontal:active {background: rgba(0,0,0,0.61);-webkit-border-radius: 100px;} /* General */ body{color: #5F6C72;font-size: 0.9rem;overflow-x: hidden;} body.adminhtml-grid-grid-editgrid {font-size: 0.75rem;} body.adminhtml-formtemplate-formtemplate-editformtemplate {font-size: 0.75rem;} button, .btn, .button{cursor: pointer;} .massaction{border: none;background: none;font-size: 80%;} .massaction label{font-size: 95%;} .massaction .entry-edit fieldset{box-shadow:none;} .massaction .entry-edit .input-text.form-control, .massaction .entry-edit input[type="text"].form-control{height: auto;font-size: inherit;padding: inherit;} .massaction .entry-edit fieldset span.field-row{display: flex;} .massaction .entry-edit .field-row label {margin: 0px 6px;} .massaction select,.export select {color: #6b778c;font-size: 0.7rem;padding: .0rem .0rem;height: auto;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .massaction .select2-container {max-width: 100px;} .massaction .entry-edit fieldset .select{max-width: 100px;} .massaction .entry-edit .divTimeSetterContainer {margin:0;} .massaction .entry-edit .divTimeSetterContainer .timeValueBorder {height: 20px;} .massaction .entry-edit .divTimeSetterContainer .button-time-control {right: -1px;} .massaction .entry-edit .divTimeSetterContainer .button-time-control .updownButton {height: 10px;} .massaction .entry-edit .divTimeSetterContainer .button-time-control .updownButton i {font-size: 1rem;position: relative;height: 100%;width: 100%;} .massaction .entry-edit .divTimeSetterContainer .button-time-control .updownButton i::before {position: absolute;top:0;bottom: 0;right: 0;left: 0;} .massaction .entry-edit .divTimeSetterContainer input.timePart {height: 15px;} .massaction .entry-edit .divTimeSetterContainer span.hourSymbol, .massaction .entry-edit .divTimeSetterContainer span.minuteSymbol {margin-top: 2px;} .massaction .entry-edit .divTimeSetterContainer span.timeDelimiter {margin-top: -2px;} .head-massaction .select2-container{min-width: 30px;} .btn{line-height: 0.25;} .btn.task{color: #6b778c;background: none;font-weight: 500;margin-left: 5px;} .btn.task:hover{background-color: #ebecf0;} .btn.task .export-button-icon{margin: 0 5px;line-height: 0.25;} .btn.task.submit-massaction{margin-left: 0px;} .mergeprocess-btn{margin-left: 5px;} .block-access-denied {text-align: center;margin: 2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;} .block-access-denied .access-denied {font-size: 5rem;margin: 1rem;} .block-access-denied .number, .block-access-denied .sad-icon{font-family: Arial, sans-serif;font-size: 70px;color: #adadad;} .block-upgrade-license {text-align: center;margin: 2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;} .block-upgrade-license .number, .block-upgrade-license .sad-icon{font-family: Arial, sans-serif;font-size: 70px;color: #adadad;} /* toastr */ #toast-container { z-index:100000000; } /*tynimce*/ .tox :not(svg) {font-size: 0.7rem !important;} .tox, .tox :not(svg){color: #5F6C72 !important;} .tox .tox-tbtn{margin: 2px 0 3px 0 !important;padding: 0 !important;height: 24px !important;} .tox .tox-mbtn{padding: 0 4px !important;height: 16px !important;} .tox .tox-tbtn svg, .tox .tox-tbtn:hover svg{fill: #5F6C72 !important;} .tox .tox-tbtn:hover, .tox .tox-tbtn--enabled{background: #ededed !important;} .tox .tox-edit-area{border-top:none !important;} .tox .tox-menubar{background: none !important;} .tox .tox-toolbar{margin-bottom: 0px !important;border-bottom: 1px solid #ccc;background: none !important;border-top: none !important;} .tox .tox-toolbar__group:not(:last-of-type){border-right: none !important;} .tox.tox-tinymce{border-radius: 5px !important;min-height: 200px;} .tox .tox-collection__item-icon{font-size: 20px !important;} .deepmention {display: inline;color: rgb(66, 82, 110);cursor: pointer !important;font-size: 0.9em;font-weight: normal;word-break: break-word;background: rgba(9, 30, 66, 0.08);border-width: 1px;border-style: solid;border-color: transparent;border-image: initial;border-radius: 20px;padding: 0px 0.3em 2px 0.23em;line-height: 1.714;} /* Autocompleate*/ div.autocomplete{max-height: 500px;overflow-y: auto;} /* Ace Editor */ .ace_editor.fullScreen {border: 1px solid #ccc;border-radius: 5px;width: 95% !important;height: 90% !important;position: fixed !important;top: 5%;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 100;} .ace-fullscreen-btn{cursor: pointer;transition: background 0.5s, color 0.5s} .ace-fullscreen-btn.fullScreen{position: fixed !important;top: 0;bottom: 0;left: 0;right: 0;z-index: 8;padding: 1%;background: rgba(0, 0, 0, 0.6);color: #fff;} /* jQuery Confirm*/ .jconfirm .jconfirm-box{overflow: inherit;} .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{opacity: .6;} .jconfirm .jconfirm-box div.jconfirm-closeIcon{color: #fff;border-radius: 20px;opacity: 1;top: -24px;font-size: 35px!important;} /* --------------------------------------------------- MDB overwrite ----------------------------------------------------- */ .form-control{color: #5F6C72;} input[type=checkbox].form-control{max-height: 20px} .list-group-item{font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;} /* --------------------------------------------------- Login ----------------------------------------------------- */ html#html-login, body {height: 100%;} body#page-login {overflow-x: hidden;} .login-background {background-color: #d6d6d6 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23dadada' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23dedede' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23e3e3e3' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23e7e7e7' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ebebeb' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23eeeeee' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23f1f1f1' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23f4f4f4' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f7f7f7' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23fafafa' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E") !important; background-attachment: fixed !important;background-size: cover !important;} .login-left-container {text-align: center} .login-form-container {max-width: 500px;margin: 0 auto; background-color: #ffffff; padding: 25px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 0px !important; border-width: 0px; border-radius: 5px; } .login-logo-container {text-align: center !important; display: block !important; max-width: 400px;margin: auto; padding: 40px;} .login-logo-container img{max-width: 100%; max-height: 200px} .sso-btn-container {margin:12px 0px 6px 0px;} .login-links {margin-top:20px !important; flex-direction: column;} .login-footer {margin:20px;} .btn-login {width: 100%; height: 40px; margin: 10px 0px 10px 0px; box-sizing: border-box; max-width: 100%; text-align: center; cursor: pointer; color: #ffffff !important; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 0px !important; border-width: 0px; border-radius: 3px; transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; outline: none !important;background-color: #1976D2 !important;} .btn-login:hover {background: #2196F3 !important;} .btn-sso {width: 100%; height: 40px; font-size: 14px !important; margin: 10px 0px 10px 0px; padding: 4px !important; box-sizing: border-box; max-width: 100%; text-align: center; cursor: pointer; color: rgb(66, 82, 110) !important; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 0px !important; border-width: 0px; border-radius: 3px; transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; outline: none !important;background: rgb(255, 255, 255) !important;} .btn-sso:hover {background: rgba(9, 30, 66, 0.02) !important;} .btn-sso > span {vertical-align: middle;} .btn-sso > img {height: 24px; width: 24px; margin-right: 8px;} /* loader */ #loading-mask {background-color:rgba(255, 255, 255, 0.4);background-repeat: repeat;position:absolute;color:#d85909;font-size:1.1em;font-weight:bold;text-align:center;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */z-index:100000000;opacity: 1;} #loading-mask .loader2{position: fixed; top: 45%;left: 50%;fill: none;stroke: rgb(66, 82, 110);stroke-dasharray: 135.088px;stroke-dashoffset: 108.071px;stroke-linecap: round;stroke-width: 5px;transform-origin: center center;animation: rotator 0.56s cubic-bezier(0.4, 0.15, 0.6, 0.85) 0s infinite normal none running;} .spinner {animation: rotator 0.56s linear infinite;} @keyframes rotator { 100% {transform: rotate(360deg);} } /*.path {stroke-dasharray: 187;stroke-dashoffset: 0;transform-origin: center;animation: dash 0.8s ease-in-out infinite, colors 3.2s ease-in-out infinite;} @keyframes colors {0% {stroke: #4285F4;}25% {stroke: #DE3E35;}50% {stroke: #F7C223;}75% {stroke: #1B9A59;}100% {stroke: #4285F4;}} @keyframes dash { 0% {stroke-dashoffset: 187;}50% {stroke-dashoffset: 46.75;transform: rotate(135deg);}100% {stroke-dashoffset: 187;transform: rotate(450deg);} }*/ .wrapper {display: flex;align-items: stretch;position: fixed;width: 100%;height: 100%;overflow-y: hidden;background: #F4F5F7;} /* Global Items Container */ .global-items-container{margin-left: 10px; margin-right: 10px; width: 100%;} .global-items-container div:first-child {z-index: 1000;} .global-items-container div:not(:first-child) {z-index: 100;} /* Global Menu */ #navbarGlobalMenu{padding:0px;margin: 5px 4px 5px 10px;} #navbarGlobalMenu .navbar-nav .nav-item a.nav-link:hover{background-color: #e6e6e6;border-radius: .25rem;} #navbarGlobalMenu .navbar-nav .nav-item.show a.nav-link{background-color: #e6e6e6;border-radius: .25rem;} #navbarGlobalMenu .navbar-nav .dropdown-menu{border: none;} #navbarGlobalMenu .navbar-nav .dropdown-menu.show {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: .3rem .5rem;box-shadow: 0 0.8rem 1.6rem rgba(50,50,93,.08), 0 0.4rem 0.4rem rgba(0,0,0,.07);margin-top: 0.6rem;} #navbarGlobalMenu .navbar-nav .dropdown-menu.show:before {display: block;height: 0;width: 0;content: "";border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-bottom: 1rem solid #fff;position: absolute;top: -0.4rem;right: 0;} #navbarGlobalMenu .navbar-nav .dropdown-item {display: flex;align-items: center;border-radius: 3px;margin: .25rem 0;padding: .25rem 1rem;} #navbarGlobalMenu .navbar-nav .dropdown-item span {overflow: hidden;text-overflow: ellipsis;font-size: 0.8rem;} #navbarGlobalMenu .navbar-nav .dropdown-divider {width: 100%;margin: 0;border-top: 1px solid rgba(158,158,158,0.2);} #navbarGlobalMenu .navbar-nav .dropdown-item.active{background-color: #f1f1f1;color: #5f6368;font-weight: 400;} #navbarGlobalMenu .navbar-nav .dropdown-item .item-icon{margin-right: 1.4rem;font-size: 0.8rem;} #navbarGlobalMenu .navbar-nav .dropdown-item:hover {background-color: rgba(158,158,158,0.2);} /*#navbarGlobalMenu .nav-item:hover a, #navbarGlobalMenu > .nav-link:focus > a{background-color: #d8d8d8;}*/ .global-menu-popover{overflow-y : scroll;height: 300px;width: 270px;} .global-menu-popover-container{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;} .global-menu-popover-item{width: 70px;margin: 5px;} .global-menu-popover-item:hover, .global-menu-popover .active{background-color: rgba(158,158,158,0.2);text-decoration: none;} .global-menu-popover-item-icon{text-align: center;font-size: 40px;} .global-menu-popover-item-label{text-align: center;color: #222;font-size: small;} /*header search*/ .global-search { padding:10px 25px 0 15px; font-size:.95em; color:#fff; } #global_search_indicator img{display: none} #global_search{border: none;margin-right:-100%;transition: width .1s ease-in-out, width .1s ease-in-out, margin-right .1s ease-in-out, margin-right .1s ease-in-out;} #global_search:focus {width: 300px;max-width: 70vw;margin-right: -300px;} #global_search::placeholder {color:#e9e9e9;} /* form bootstrap*/ .form-control{font-size: 0.9rem;padding: .4rem .65rem;} .ef-screen #fieldDetails label {font-size: 0.8rem;} .ef-screen #fieldDetails select.form-control {padding: 0.1rem;font-size: 0.8rem;height: calc(1.25rem + 2px);} .ef-screen #fieldDetails .yesno-container select.form-control, #fieldDetails .yesno-container > .btn{max-width: 50px;float: right;} .ef-screen #fieldDetails .code-btn {padding: 0.21rem 0.3rem !important;margin-right: 0.4rem;} .ef-screen #fieldDetails .show-border{border-right: 1px solid rgb(233, 236, 239);} .ef-screen #querybuilderContainer .modal-body {max-height: 80vh;overflow-y: auto;} /** security styles */ .conceal {font-family: 'text-security-disc';} .conceal-circle {font-family: 'text-security-circle';} .conceal-square {font-family: 'text-security-square';} .conceal-native {-webkit-text-security: disc !important;} .conceal-native-circle {-webkit-text-security: circle !important;} .conceal-native-square {-webkit-text-security: square !important;} .password-field-controller{position: absolute;top: 2.7rem;right: 1.5rem;font-size: 1.4rem;cursor: pointer;} .password_grid_cell{display: flex;flex-direction: column;} .password_grid_cell .pg_actions{display: flex;} .password_grid_cell .pg_result {text-align: center;} .password_grid_cell .pg_result span {padding: 3px} .password-grid-controller{font-size: 0.8rem;cursor: pointer;text-align: center;color: inherit !important;text-decoration: none !important;padding: 7px;} .deeppassword_select_list .passlink{font-size: 0.7rem;margin: 0 3px;cursor: pointer;} .psw_clipboard-container{position: fixed;right: -1000px;} /** password generator form */ #passwordGeneratorForm {display: flex;flex-direction: column;gap: 0.3rem;} /** password strength */ .password-strength-indicator {border: 1px solid transparent;border-radius: 3px;display: inline-block;vertical-align: bottom; line-height: 0.25;font-size: .8rem !important;padding: .6rem 0.8rem !important;min-height: 18px;min-width: 90px;text-align: center;} .password-strength-indicator.very-weak {background: #cf0000;border-color: #a60000;color:#ffffff;} .password-strength-indicator.weak {background: #f6891f;border-color: #c56e19;color:#ffffff;} .password-strength-indicator.mediocre {background: #eeee00;border-color: #d6d600;} .password-strength-indicator.strong {background: #99ff33;border-color: #7acc29;} .password-strength-indicator.very-strong {background: #22cf00;border-color: #1B9900;color:#ffffff;} .certificate-generated-content textarea {min-height: 200px;} /** external source */ .externalsource_select_list .externalsourcelink{font-size: 0.7rem;margin: 0 3px;cursor: pointer;} /* --------------------------------------------------- Form CSS ----------------------------------------------------- */ .columns{flex: 1;display: flex;width: 100%;} .columns .side-col{flex: none;margin: 8px;background: #fff;/*box-shadow: 0 0 1px rgba(95,108,114,.08), 0 0 6px rgba(95,108,114,.05)*/box-shadow: none;font-size: 100%;display: flex;flex-direction: column;min-width: 150px;max-width: 350px;width: auto;border: none;border-radius: 5px;} .columns .main-col{flex: 1;position: relative;margin: 8px 0;/*border: 1px solid #e0e4e6*/border:none;padding: 20px;background: #fff;border-radius: 4px;overflow-x: auto;border-radius: 5px;max-width: 100%;} .columns .side-col h3{display: none;} .columns .side-col .tabs{margin-top: 15px;} .form-list textarea.form-control {margin-bottom: 18px;} @media only screen and (max-width: 600px) { .columns{display: grid;} .columns .side-col{max-width: 100%;} } textarea.autogrow{min-height: 3rem; overflow-y: hidden;} /* --------------------------------------------------- Grid CSS ----------------------------------------------------- */ .grid table td{border-width: 0;font-size: 0.75rem;vertical-align: inherit;} .grid tr.filter th{border-width: 0;} .grid tr.filter th.top{position: sticky; top: 30px;background-color: #fff; z-index: 1} .grid tr.filter input.input-text{height: 1.65rem;} .grid tr.filter:first-child{} .grid table{border-width: 0;} .grid tr.headings th{border-width: 0;} .grid tr.headings th.top{position: sticky;top: 0;background-color: #f7f7f7; z-index: 1} .grid tbody tr{background: #fff;border-bottom: 1px solid #ccc;} .grid tr.on-mouse{background: #F5F5F5} table.actions td.pager, table.actions td.export{font-size: 80%;} .grid table img.grid-img{max-width: 25px;} img.user_grid_avatar {width: 20px;margin: 0 7px;} .grid .grid-column-value {position: relative;} .grid .grid-column-actions {display: none;pointer-events: none;} .grid .grid-column-value:not(.grid-column-editing):hover .grid-column-actions:not(:empty) {display: flex;pointer-events: auto;position: absolute;top: 0;right: 0;bottom: 0;align-items: center;} .grid .grid-header {position: relative;z-index: 1;} :where(.grid .grid-column-value) .grid-column-action {padding: 0.25rem;background-color: white;} .grid-save-indicator {display: flex;align-items: center;gap: 0.5rem;font-size: .8rem;} .grid-indicator-icon{width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;} .grid-save-indicator[data-style="loading"] {color: var(--secondary)} .grid-save-indicator[data-style="neutral"] {color: var(--secondary)} .grid-save-indicator[data-style="warning"] {color: var(--info)} .grid-save-indicator[data-style="error"] {color: var(--danger)} .grid-save-indicator[data-style="success"] {color: var(--success)} .lds-dual-ring {display: flex;width: 16px;height: 16px;justify-content: center;align-items: center;} .lds-dual-ring:after {content: " ";display: block;width: 100%;height: 100%;margin: 8px;border-radius: 50%;border: 6px solid;border-color:var(--secondary) transparent var(--secondary) transparent;animation: lds-dual-ring 1.2s linear infinite;} @keyframes lds-dual-ring { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .grid .deep-editable .grid-edit-field input {height: 26px;width: 100%;margin-left: 0;} .grid .deep-editable .grid-edit-field .select2-container .select2-selection--single{height: 26px;width: 100%;} .grid .deep-editable .grid-edit-field .range input {padding-left: 25px;margin-top: 0;color: #444;font-size: 0.85rem;} .grid [data-column-content] .badge{font-size: 100%;border-radius: 11px;} /* --------------------------------------------------- SELECT 2 ----------------------------------------------------- */ .select2{width: 100% !important;min-width: 100px;} .select2-container-use-model-grid{width: calc(100% - 44px) !important;min-width: 100px;} .select2-container .select2-dropdown{z-index: 99999999;} .select2-container--default span.select2-selection--multiple{line-height: 0;} .select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height: 1.5;margin-bottom: 5px;} .select2-container--default .select2-search--inline .select2-search__field{height: 100%;} .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 12px;color: #5F6C72;} .select2-container--default .select2-selection--single .select2-selection__rendered{color: #5F6C72;} .select2-container--default.select2-container--focus .select2-selection--multiple{border: solid #5cb3fd 1px;} .select2-container .select2-selection--single{height: 32px;border: 1px solid rgba(0,0,0,.15);} .select2-container .select2-selection--multiple{border: 1px solid rgba(0,0,0,.15);} .grid .select2-container .select2-selection--single {height: 26px;} .grid .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 22px;font-size: 0.7rem;} .btn-model-grid {border: 1px solid #ced4da;} /* --------------------------------------------------- MULTITEXT ----------------------------------------------------- */ .multitext-container .row{padding-bottom: 10px;} /* --------------------------------------------------- MULTIVALUE ----------------------------------------------------- */ .multivalue-container .row{padding-bottom: 10px;} .multivaluecontent {margin: 0 -15px;display: flex;flex-wrap: wrap;} .multivaluefield {display: flex;flex-direction: column;justify-content: center;align-items: center;flex: 1 1 auto;padding: 0 10px;} .multivaluefield.el-6{flex-basis: 100%;} .multivaluefield.el-5{flex-basis: 83.333%;} .multivaluefield.el-4{flex-basis: 66.666%;} .multivaluefield.el-3{flex-basis: 50%;} .multivaluefield.el-2{flex-basis: 33.333%;} .multivaluefield.el-1{flex-basis: 16.666%;} .multivalue-container .multivaluelabel{text-align: center;font-weight: bold;padding: 0;max-width: 100%;} /* --------------------------------------------------- RADIO + CHECKBOX ----------------------------------------------------- */ input[type="checkbox"], input[type='radio'] {height: 20px;width: 20px;} /* --------------------------------------------------- LOG VIEWER ----------------------------------------------------- */ textarea#log-contents{font-size: 8pt;} .linedwrap {padding: 3px;} .linedtextarea {padding: 0px;margin: 0px;} .linedtextarea textarea, .linedwrap .codelines .lineno {font-size: 8pt;font-family: monospace;line-height: normal !important;} .linedtextarea textarea {padding-right:0.3em;padding-top:0.3em;border: 0;} .linedwrap .lines {margin-top: 0px;width: 50px;float: left;overflow: hidden;border-right: 1px solid #c0c0c0;margin-right: 10px;} .linedwrap .codelines {padding-top: 5px;} .linedwrap .codelines .lineno {color:#AAAAAA;padding-right: 0.5em;padding-top: 0.0em;text-align: right;white-space: nowrap;} .linedwrap .codelines .lineselect {color: red;font-weight: bold;} /* --------------------------------------------------- CRON-PERIOD ----------------------------------------------------- */ .cron-block select, .cron-period select{border: 1px solid #ccc;font-size: 12px;border-radius: 6px;} .cron-block select:focus, .cron-period select:focus{border: none;} /* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */ .user-header-info{background-image: url(images/bg.png);background-color: #e8eaf6;background-size: cover;padding: 10px 0px 0px 0px;float: left;width:100%;display: flex;} .user-icon {padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;flex: 1;} .user-icon a.usr,.user-icon a.usr:hover{background: #306499;color: #fff;padding: 5px 10px;font-size: 22px;margin: 5px;} .user-info {padding: 5px;margin: 0px 5px 5px 0px;cursor: pointer;border-radius:5px;max-width: 175px;display: flex;} .user-info:hover{background-color: rgba(0, 0, 0, 0.1);-webkit-transition: background-color 0.4s linear;-ms-transition: background-color 0.4s linear;transition: background-color 0.4s linear;} .user-mail {width: 100%;overflow: hidden;text-overflow: ellipsis;padding-right: 5px;} #user-header-menu {float: left;width: 100%;margin-top: 7px;} #user-header-menu a{width: 93%;padding: 10px;float: left;color: #000;margin: 0 3%;border-radius: 3px;text-decoration: none;} #user-header-menu a:hover{background-color: rgba(158,158,158,0.2);text-decoration: none;} #user-header-menu a i.fa, #user-header-menu a i.fas{margin-right: 25px;font-size: 16px;margin-left: 10px;width: 12px;} #user-header-menu a.account i{color: #007bff;} #user-header-menu a.portal i{color: #007bff;} #user-header-menu a.logout i{color: #007bff;} #user-header-menu a.help i{color: #007bff;} .uhm-sep{width: 93%;float: left;margin: 0 3%;} .avatar-icon, a.avatar-icon:hover {padding: 5px 10px;font-size: 22px; float: left;} .avatar-icon img{vertical-align: baseline !important;} .avatar-form-control{width: calc(100% - 64px);padding: 5px 10px;float: left;} .delete-avatar{clear: both;padding: 20px 0px !important;} .search-header-lmenu{float: left;width: 100%;} .lmenu-search-bar{text-align: center;} .search-header-lmenu .lmenu-search-field{width: 95%;border: 1px solid #eee;padding: 0px 15px;color: #5F6C72;text-align: center;transition: all 0.2s ease;outline: none;margin: 4px;border-radius: 15px;} .search-header-lmenu .lmenu-search-field:focus{padding: 8px 15px;} .lmenu-search-field::before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f002";} .lmenu-search-field::-webkit-input-placeholder{color:#e9e9e9;} .lmenu-search-field:-ms-input-placeholder{color:#e9e9e9;} .lmenu-search-field::-ms-input-placeholder{color:#e9e9e9;} .lmenu-search-field::placeholder{color:#e9e9e9;} /* --------------------------------------------------- GRID STYLE ----------------------------------------------------- */ .grid tr.filter .range input.number-range {width: calc(100%);padding: .4rem .65rem;} /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */ #inner-content {transition: all 0.3s;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: calc(100% - 55px);margin-top: 55px;z-index: 1;display: inline-block;overflow-x: hidden;overflow-y: auto;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: fixed;padding-bottom: 40px;} #sidebarCollapse{margin-left: 14px; z-index:9999} #sidebarCollapse i {margin-right: 0rem!important;} #inner-content.fullwidth{margin-left: 0px;width: 100%;} #inner-content.fullheight{margin-top: 0px;padding-bottom: 0px;height: 100%} [data-page-content] {height: 100%;width: 100%;} /* --------------------------------------------------- SCROLLBAR ----------------------------------------------------- */ .mCSB_scrollTools {width: 10px;} .mCSB_inside>.mCSB_container {margin-right: 10px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #E5E9EB; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #bbbbbb;} .mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } /* --------------------------------------------------- CONNECTOR JOB LIST ----------------------------------------------------- */ #deep-connector-job-list-container{width: 100%;float: left;border: 1px solid #e0e4e6;background: #fff;box-shadow: 0 0 1px rgba(95,108,114,0.08), 0 0px 6px rgba(95,108,114,0.05);color: #5F6C72;text-align: left;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 20px 20px 120px 20px;display: flex;} #deep-connector-job-list-container .folder-block-header{align-items: center;display: flex;} #deep-connector-job-list-container .folder-block-header .folder-block-title{flex: 1;display: flex;align-items: center;font-weight: 500;} #deep-connector-job-list-container .folder-block-header .create-folder{padding: 10px;cursor: pointer;} #deep-connector-job-list-container .folder-block-header .create-folder:hover{color: #b5b5b5;} #deep-connector-job-list-container #job-folder-list{width: 33.333%;float: left;padding: 5px;} #deep-connector-job-list-container #job-folder-list ul li{padding: 15px;cursor: pointer;border-radius: 3px;display: flex;min-width: 100px;} #deep-connector-job-list-container #job-folder-list ul li:hover, #deep-connector-job-list-container #job-folder-list ul li.active{background: #f1f4f5;} #deep-connector-job-list-container #job-list{width: 66.666%;float: left;border-left: 1px solid #f4f4f4;padding: 5px 5px 5px 20px;} #deep-connector-job-list-container #job-folder-list ul li span.folder-name{flex: 1;min-width: 5em;overflow: hidden;text-overflow: ellipsis;} #deep-connector-job-list-container #job-folder-list ul li span.edit-folder{float: right; padding: 3px;position: relative;min-width: 2.6em;display: flex;justify-content: center;} #deep-connector-job-list-container #job-folder-list ul li span.edit-folder:hover{color: #b5b5b5;} #deep-connector-job-list-container #job-folder-list .folder-menu{display: none;position: absolute;z-index: 1;right: 0px;top: 25px;font-family: Roboto;font-size: .8rem;font-weight: 300;} #deep-connector-job-list-container #job-folder-list .folder-menu:focus{display: inline;} #deep-connector-job-list-container #job-list .jobs-folder-name{padding: 5px} #deep-connector-job-list-container #job-list .job-mini.dashboard {background: #fff;margin-top: 0;padding: 1em .5em 1em 1em;position: relative;text-align: left;width: 100%;border: 1px solid #ddd;border-radius: 3px;margin-bottom: 1.2em;cursor: pointer;table-layout: fixed;display: flex;align-items: center;width: 100%;} #deep-connector-job-list-container #job-list .job-mini.dashboard .logos {vertical-align: middle;width: 80px;} #deep-connector-job-list-container #job-list .job-mini.dashboard .logos .default-job-logo{border: 1px solid;border-radius: 2px;padding: 5px;} #deep-connector-job-list-container #job-list .job-mini.dashboard .name{font-size: 0.9em;font-weight: 500;color: #5F6C72;line-height: 1.3em;margin: 0;padding: 0.5em 1em;flex: 1;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls {min-width: 155px;flex: none;text-align: right;top: 0;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls .menu-button{font-size: 1.7em;padding: 0px 10px;vertical-align: middle;position: relative;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls .menu-button:hover{color: #b5b5b5;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls .job-menu{display: none;position: absolute;z-index: 1;right: 25px;top: 20px;font-family: Roboto;font-size: .8rem;font-weight: 300;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls .job-menu li.list-group-item{padding: .75rem 0.8rem;min-width: 200px;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls .job-menu .job_menu_label{display: flex;align-items: center;} #deep-connector-job-list-container #job-list .job-mini.dashboard .controls .job-menu .job_menu_label .fa{margin-right:15px;font-size: 1.2em;color: #969EA2;width: 14px;} .ddmenu-job-move{width: 100%;display: block;position: relative;cursor: pointer;} .ddmenu-job-move .dropdown-item{overflow: hidden;text-overflow: ellipsis;} /* --------------------------------------------------- CONNECTOR JOB EDIT ----------------------------------------------------- */ #deep-connector-job-container {flex: 1;display: flex;width: 100%} #deep-connector-job-container #job-container-sidebar{flex: none;margin: 8px;background: #fff;box-shadow: 0 0 1px rgba(95,108,114,.08), 0 0 6px rgba(95,108,114,.05);display: flex;flex-direction: column;} #deep-connector-job-container #job-container-sidebar .job-flow-sidebar{min-height: 0;width: 350px;flex: 1;display: flex;flex-direction: column;border-right: 1px solid #e0e4e6;} #deep-connector-job-container #job-container-sidebar .job-flow-sidebar .job-flow-sidebar__header{display: flex;padding: 20px 10px 10px 23px;} #deep-connector-job-container #job-container-sidebar .job-flow-sidebar .job-flow-sidebar__header .job-title{flex: 1;overflow: hidden;text-overflow: ellipsis;} #deep-connector-job-container #job-container-sidebar .job-flow-sidebar .job-flow-sidebar__header .edit-job{display: flex;float: right;justify-content: center;padding: 3px;position: relative;min-width: 2.6em;cursor: pointer;} #deep-connector-job-container #job-container-sidebar .job-flow-sidebar .job-flow-sidebar__header .edit-job:hover{color: #b5b5b5;} #deep-connector-job-container #job-container-content{flex: 1;position: relative;margin: 8px;border: 1px solid #e0e4e6;padding: 20px;background: #fff;border-radius: 4px;} /* --------------------------------------------------- ROUTING TYPE LIST ----------------------------------------------------- */ #deep-routing-rule-list-container{width: 100%;float: left;border: 1px solid #e0e4e6;background: #fff;box-shadow: 0 0 1px rgba(95,108,114,0.08), 0 0px 6px rgba(95,108,114,0.05);color: #5F6C72;text-align: left;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 20px 20px 120px 20px;display: flex;} #deep-routing-rule-list-container .type-block-header{align-items: center;display: flex;} #deep-routing-rule-list-container .type-block-header .type-block-title{flex: 1;display: flex;align-items: center;font-weight: 500;} #deep-routing-rule-list-container .type-block-header .create-type{padding: 10px;cursor: pointer;} #deep-routing-rule-list-container .type-block-header .create-type:hover{color: #b5b5b5;} #deep-routing-rule-list-container #rule-type-list{width: 33.333%;float: left;padding: 5px;} #deep-routing-rule-list-container #rule-type-list ul li{padding: 15px;cursor: pointer;border-radius: 3px;display: flex;min-width: 100px;} #deep-routing-rule-list-container #rule-type-list ul li:hover, #deep-routing-rule-list-container #rule-type-list ul li.active{background: #f1f4f5;} #deep-routing-rule-list-container #rule-list{width: 66.666%;float: left;border-left: 1px solid #f4f4f4;padding: 5px 5px 5px 20px;} #deep-routing-rule-list-container #rule-type-list ul li span.type-name{flex: 1;min-width: 5em;overflow: hidden;text-overflow: ellipsis;} #deep-routing-rule-list-container #rule-type-list ul li span.edit-type{float: right; padding: 3px;position: relative;min-width: 2.6em;display: flex;justify-content: center;} #deep-routing-rule-list-container #rule-type-list ul li span.edit-type:hover{color: #b5b5b5;} #deep-routing-rule-list-container #rule-type-list .type-menu{display: none;position: absolute;z-index: 1;right: 0px;top: 25px;font-family: Roboto;font-size: .8rem;font-weight: 300;} #deep-routing-rule-list-container #rule-type-list .type-menu:focus{display: inline;} #deep-routing-rule-list-container #rule-list .create-rule{padding: 5px;margin: 10px;float: right;background: #007bff;cursor: pointer;color: #fff;border-radius: 5px;} #deep-routing-rule-list-container #rule-list .rules-type-name{padding: 5px} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard {background: #fff;margin-top: 0;padding: 1em .5em 1em 1em;position: relative;text-align: left;width: 100%;border: 1px solid #ddd;border-radius: 3px;margin-bottom: 1.2em;cursor: pointer;table-layout: fixed;display: flex;align-items: center;width: 100%;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .logos {vertical-align: middle;width: 80px;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .logos .default-job-logo{border: 1px solid;border-radius: 2px;padding: 5px;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .name{font-size: 0.9em;font-weight: 500;color: #5F6C72;line-height: 1.3em;margin: 0;padding: 0.5em 1em;flex: 1;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls {min-width: 155px;flex: none;text-align: right;top: 0;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls .menu-button{font-size: 1.7em;padding: 0px 10px;vertical-align: middle;position: relative;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls .menu-button:hover{color: #b5b5b5;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls .rule-menu{display: none;position: absolute;z-index: 1;right: 25px;top: 20px;font-family: Roboto;font-size: .8rem;font-weight: 300;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls .rule-menu li.list-group-item{padding: .75rem 0.8rem;min-width: 200px;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls .rule-menu .rule_menu_label{display: flex;align-items: center;} #deep-routing-rule-list-container #rule-list .rule-mini.dashboard .controls .rule-menu .rule_menu_label .fa{margin-right:15px;font-size: 1.2em;color: #969EA2;width: 14px;} .deep-routing-container {width: 100%;color: #5F6C72;display: flex;} #deep-routing-rule-list-container .field-row {display: flex;align-items: center;margin-bottom: 0;} #deep-routing-rule-list-container .field-row label {margin-right: 1rem;margin-bottom: 0;white-space: nowrap;} #deep-routing-rule-list-container .routing-model-alias-select {width: max(25%, 400px);} .ddmenu-rule-move{width: 100%;display: block;position: relative;cursor: pointer;} .ddmenu-rule-move .dropdown-item{overflow: hidden;text-overflow: ellipsis;} /* --------------------------------------------------- DEEP EMAIL ----------------------------------------------------- */ .email-type-out{color: #00aa00;margin: 0 2px;} .email-type-out-not-sent{color: #dc3545;margin: 0 2px;} .email-type-in{color: #00b0ff;margin: 0 2px;} .email-is-creator{color: #f2b01e;margin: 0 2px;} .email-view-body{cursor: pointer;margin: 0 2px;} .email-action{cursor: pointer; padding: 0.4rem;} .show-hide-emailaddress-container{margin-top:5px;} .show-hide-emailaddress{cursor: pointer;margin-left:10px;font-size:14px;} /* --------------------------------------------------- DEEP GRID ----------------------------------------------------- */ .grid-switch-icon{font-size: 1.7em;padding: 0px 10px;vertical-align: middle;position: relative;cursor: pointer;} .grid-edit-icon{padding: 0px 10px;} #gridListMenu{position: absolute;display: none;z-index: 9;top:1.2em;border-radius: 5px;overflow: hidden;} #gridListMenu .grid_menu_label i{margin-right: 10px;} .grid-switch-icon li.list-group-item {padding: .75rem 0.75rem;min-width: 200px;font-size: .8rem;font-weight: 300;} .grid-switch-icon li.list-group-item.disabled, .formtemplate-switch-icon li.list-group-item.disabled {cursor: default;} #gridListMenu li.list-group-item-action.grid-item{font-weight: 500;border: 1px solid rgba(0,0,0,.05);} .grid-switch-icon li.list-group-item-action .list-group-item-checkbox {margin-right: 0.25rem;vertical-align: text-bottom;} .invalid-grid {text-align: center;font-size: 20px;} .editgrid-container{display: flex;padding: 0.5rem;} .editgrid-container input[type=checkbox].form-control:focus{box-shadow:none;} .columns-container{flex-grow: 1; width: 33%; display: flex;/*max-height: 240px;overflow-y: auto;*/} .columns-container .connectedColumns{min-height: 50px;height: 100%;} .columns-container .available-columns-container{border-right: 1px solid #dadada;} .columns-container #available-columns li{cursor: move;} .columns-container #visible-columns li.ui-sortable-placeholder{visibility: visible !important;border: 1px solid #b0d6ff;} .columns-container .connectedColumns li:hover{border-color: #838383;} .columns-container .available-columns-container, .columns-container .visible-columns-container{width: 50%;padding: 0 5px;} .columns-container .available-columns-wrapper, .columns-container .visible-columns-wrapper {max-height: 83vh;overflow-y: auto;} .columns-container .available-columns-wrapper {direction: rtl;} .columns-container .available-columns-wrapper * {direction: ltr;} .columns-container .grid-column-move {border: 1px solid #ccc;padding: 0 0.6rem;border-radius: 6px;margin-right: 0.6rem;margin-left: 0.3rem;float: left;} .columns-container .grid-column-move:hover {border-color:#838383;cursor: pointer;} .available-columns-container .grid-column-move {float: right;margin-right: 0.3rem;} .available-columns-container .grid-column-move i:before {content: "\f0da";} .visible-columns-container .grid-column-move i:before {content: "\f0d9";} .columns-container .connectedColumns li{padding: 5px;margin: 5px 0;border: 1px solid #ccc;border-radius: 3px;cursor: pointer; text-overflow: ellipsis;overflow: hidden;} .columns-container .columns-container-title{font-weight: 500;text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 10px;} .columns-container .visible-columns-container li.selected{border: 2px solid;} .columns-config-container{flex-grow: 1; width: 33%; padding: 0 10px;} .columns-config-container .column-config-data-container{display: none;} .columns-config-container .col-config-value .ace_editor{width: 100% !important;height: 150px !important;} .grid-config-container{flex-grow: 1; width: 33%; padding: 0 10px;} .grid-config-container .ace_editor{width: 100% !important;height: 150px !important;} .menu-grid-container{background: #fff;padding: 10px;max-width: fit-content;max-width: -moz-fit-content;margin-right: 5px;flex: auto;font-size: 0.75rem;min-width: 150px;border-radius: 5px;} .menu-grid-container ul li{cursor: pointer;padding: 5px;position: relative;} .menu-grid-container ul li.active, .menu-grid-container ul li:hover{background: #f7f7f7;border-radius: 3px;} .menu-grid-container ul li:hover::before{content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAALCAYAAAC3ZUeVAAAAJUlEQVQI12OYOXPmfyhmgLEZcAliYAbitf//D8EgQRibgV62AwAP/odG9/7LRgAAAABJRU5ErkJggg==);position: absolute;left: -7px;} .menu-grid-container ul li.active{font-weight: bold;} .menu-grid-container .close-menu{margin-bottom: 10px;min-height: 10px;width: 100%;text-align: right;} .menu-grid-container .close-menu span{padding: 5px;cursor: pointer;} .menu-grid-container div.grid-action{cursor: pointer;padding: 5px 5px;border: 1px solid transparent;} .menu-grid-container div.grid-action:hover{border: 1px solid #c9c9c9;border-radius: 3px;} .menu-grid-container div.grid-action.new-grid-action{float: left} .menu-grid-container div.grid-action.clone-grid-action{float: right} table .index-action:not([href]):not([tabindex]):hover { text-decoration: underline; } /* --------------------------------------------------- DEEP FORMTEMPLATE ----------------------------------------------------- */ .formtemplate-action-container{float: left;width: 100%;padding: 5px 0 0 5px;} .formtemplate-switch-icon{font-size: 1.7em;padding: 0px 10px;vertical-align: middle;position: relative;cursor: pointer;} .formtemplate-edit-icon{padding: 0px 10px;} #formtemplateListMenu{position: absolute;display: none;z-index: 9;top:1.2em;} #formtemplateListMenu .formtemplate_menu_label i{margin-right: 10px;} .formtemplate-switch-icon li.list-group-item {padding: .75rem 0.8rem;min-width: 200px;font-size: .8rem;font-weight: 300;} .ef-screen.row{margin: 0px;} .ef-actions-container{display: flex;margin-bottom: 20px;margin-left: 10px;} .ef-tree-container{display: flex;overflow: hidden;z-index: 9;} .ef-details-container .details{max-width: 500px;} .ef-details-container .details input, .ef-details-container .details textarea, .ef-details-container .details select{} .ef-details-container .details textarea{min-height: 150px;} .ef-details-container .details .ace_editor {height: 150px !important;width: 100% !important;} .ef-details-container .details{display: none} .ef-details-container .details-ft-data{display: block} .jstree-contextmenu{z-index: 99;} .ef-details-container .details-ft-field{max-width: 1000px;} .ef-details-container .details-ft-field .available-fields-container .fields-container-title{font-weight: bold;} .ef-details-container .details-ft-field .visible-fields-container, .ef-details-container .details-ft-field .available-fields-container{float: left;} .ef-details-container .details-ft-field .available-fields-container{border-left: 1px solid #dadada;} .ef-details-container .details-ft-field .available-fields-container ul li .field-item, .ef-details-container .details-ft-field .visible-fields-container ul li .field-item{cursor: move;} .ef-details-container .details-ft-field .visible-fields-container ul, .ef-details-container .details-ft-field .available-fields-container ul{min-height: 100px;} .ef-details-container .details-ft-field .available-fields-container ul li.ui-sortable-placeholder, .ef-details-container .details-ft-field .visible-fields-container ul li.ui-sortable-placeholder{visibility: visible !important;border: 1px solid #b0d6ff;padding: 5px;} .details-ft-field .connectedColumns .field-item {padding: 5px;margin: 5px 0;border: 1px solid #ccc;border-radius: 3px;cursor: pointer;text-overflow: ellipsis;overflow: hidden;} .details-ft-field .connectedColumns .field-item .field-item-settings{float: right;cursor: pointer;} .available-fields-container .field-item-settings{display: none} .details-ft-field .connectedColumns .field-item .field-item-remove{float: right;cursor: pointer;margin-left:7px;} .available-fields-container .field-item-remove{display: none} .ef-details-container .field-item-move {border: 1px solid #ccc;padding: 0 0.6rem;border-radius: 6px;margin-right: 0.6rem;margin-left: 0.3rem;float: left;} .ef-details-container .field-item-move:hover {border-color:#838383;cursor: pointer;} .ef-details-container .visible-fields-container .field-item-move{display: none} .ef-details-container .available-fields-wrapper {overflow-y: auto;max-height: 40vh;min-height: 350px;} .ef-details-container .details-ft-tab {max-width: none;} .ef-details-container .details-ft-tab .tab-fields-container {max-width: 500px;} /* --------------------------------------------------- Merge process ----------------------------------------------------- */ .mergeprocess_container{margin: 0px 10px;} .mergeprocess_buttons_container{display: flex;justify-content: center;margin-top:20px;} /* Select base record */ .merge_base_record_container{display: flex;align-items: center;cursor: pointer;} .merge_base_record_label{border: 1px solid #ccc;padding: 10px;margin: 3px;border-radius: 3px;width:100%} .merge_base_record_container:hover .merge_base_record_label, .merge_base_record_container_selected .merge_base_record_label{background-color: rgba(158,158,158,0.2);} .merge_base_record_icon{color:#008000;display: none;} .merge_base_record_container_selected .merge_base_record_icon{display: flex;} /* Related Entities */ .mergeprocess-related-entity{margin-bottom: 6px} .mergeprocess-related-entity-label{font-size: large; margin-bottom: 0px; margin-left: 10px;} /* --------------------------------------------------- Mergeinfo ----------------------------------------------------- */ .deep_mergeinfo_container{padding-top: 15px;} .mergeinfo_panel_wrapper{position: relative;padding-top: 5px;padding-bottom: 20px;} .mergeinfo_container{margin-top: 15px;padding-top: 15px;} .mergeinfo_table td, .mergeinfo_table th{border-top: 0px; border-bottom: 1px solid #dee2e6;} /* --------------------------------------------------- Dashboard ----------------------------------------------------- */ .dashboard-nofound{color: #a1a1a1;text-align: center;margin: 20px 0;font-size: 2.5em;} .dashboard-panel .dashboard-panel-header .dashboard-panel-name{padding-left: 20px;font-size: 1.5em;} .dashboard-panel .dashboard-panel-body .chart-box{margin-top: 20px;-webkit-transition: max-width 0.5s, min-width 0.5s;transition: max-width 0.5s, min-width 0.5s;} .dashboard-panel .dashboard-panel-body .chart-box .chart-box-container{padding: 10px;border-radius: 5px;/*border: 1px solid #e3e3e3*/;background: #fff;} .dashboard-panel .dashboard-panel-body .chart-box .chart-box-container .chart-box-controllers{float: right;} .dashboard-panel .dashboard-panel-body .chart-box .chart-box-container .chart-box-controllers *{margin: 0 5px;cursor: pointer;} .dashboard-panel .dashboard-panel-body .chart-box .chart-box-container .chart-box-title, .dashboard-panel .dashboard-panel-body .chart-box .chart-box-container .chart-box-content{width: 100%;} .chart-form-element .chart-box-title {display: flex;justify-content: space-between;} /* --------------------------------------------------- REPORT ----------------------------------------------------- */ .adminhtml-report-execute-index .grid tr td, .adminhtml-report-reporthistory-index .grid tr td{padding: 8px;font-weight: bold;} .adminhtml-report-execute-index .grid a.action-btn, .adminhtml-report-reporthistory-index .grid a.action-btn{font-size: .8rem !important;padding: 0.7rem;} /* --------------------------------------------------- CATEGORIES ----------------------------------------------------- */ .deep_category_container{display: flex;} .deep_category_container .select2-container{padding: 0 2px;} /* --------------------------------------------------- LEDGER ----------------------------------------------------- */ .deep_ledger_container{display: flex;} .deep_ledger_container .select2-container{padding: 0 2px;} /* --------------------------------------------------- ASSET ----------------------------------------------------- */ .monitoring-rule-condition-element .buttons-row {margin: 0 0 5px 0;} .monitoring-rule-condition-element .condition-row {display: flex; padding: 5px 0 5px 0;} .monitoring-rule-condition-element .separator-row {display: flex; height: 35px; padding: 5px 0 10px 0;} .monitoring-rule-condition-element .separator-row .btn-group .btn {line-height: 0.5; margin-bottom: 0; font-size: 10pt;} .monitoring-rule-condition-element .separator-row .btn-group .active {background-color: #000; color: #fff;} .monitoring-rule-condition-element .separator-row .separator-row-line {height: 0; padding: 0; margin: auto 10px; border-top: 1px solid #ced4da;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-headers label {margin-bottom: 0; font-size: 9pt;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-column {padding: 0; margin: 0 5px;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-column .select2-container {height: 25px; min-width: unset;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-column .select2-selection {height: 25px;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-column .select2-selection__rendered {font-size: 9pt !important; line-height: 2;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-column input {height: 25px; font-size: 10pt} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-value-column input {display: inline-block; width: 90%} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-time-column input {display: inline-block; width: 75%} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-value-column span {float: right; font-size: 9pt; line-height: 2;} .monitoring-rule-condition-element .monitoring-rule-condition-container .condition-time-column span {float: right; font-size: 9pt; line-height: 2;} .monitoring-rule-condition-element .monitoring-rule-condition-container .first-column {margin-left: 0;} .monitoring-rule-condition-element .monitoring-rule-condition-container .last-column {margin-right: 0;} .monitoring-rule-condition-element .monitoring-rule-condition-container .last-column {margin-right: 0;} .monitoring-rule-condition-element .monitoring-rule-condition-container .separator-row div {} .scriptgrid-main-container {display: flex; flex-direction: column; min-height: 600px;} .scriptgrid-main-container .scriptgrid-navbar {display: flex; justify-content: center;} .scriptgrid-main-container .scriptgrid-navbar .runhistory-button {padding: 7px; border: 1px solid #858585; border-radius: 5px; cursor: pointer;transition: 0.3s;} .scriptgrid-main-container .scriptgrid-navbar .runhistory-button:hover {background-color: #858585; color: white;} .scriptgrid-main-container .scriptgrid-title-container {display: flex; flex-direction: row;} .scriptgrid-main-container .scriptgrid-title-container .left-title-container {float: left; padding: 5px; width: 49.9%;} .scriptgrid-main-container .scriptgrid-title-container .right-title-container {float: right; padding: 5px; width: 49.9%;} .scriptgrid-main-container .scriptgrid-grid-container {display: flex; flex-direction: row; flex-grow: 1;} .scriptgrid-main-container .scriptgrid-grid-container .grid-separator {border-left: 2px solid #cfcfcf; height: auto; border-radius: 10px;} .scriptgrid-main-container .scriptgrid-grid-container .left-grid-container {float: left; padding: 5px 20px 5px 5px; width: 49.9%;} .scriptgrid-main-container .scriptgrid-grid-container .right-grid-container {float: right; padding: 5px 5px 5px 20px; width: 49.9%;} .device-onlinestatus-dot {height: 12px; width: 12px; background-color: #bbb; border-radius: 50%; display: inline-block;} .device-onlinestatus-online {background-color: #5aa469;} .device-onlinestatus-offline {background-color: #d35d6e;} .monitoring-canvas-chart{height: 40vh; width: 100%;} /* --------------------------------------------------- HISTORY ----------------------------------------------------- */ #history-changes-table iframe {border:none;width: 100%;} .history_table_version{background-color: #E8EAF6 !important;} .history_table_user_avatar img{float: left;max-height: 16px;max-width: 16px;margin: 3px;} td.history_table_filed{width: 20%;} td.history_change_item{width: 40%;overflow-wrap: anywhere} /* order and filter button on pager */ .history-pager-buttons-container {float: right;height: 28px;} .history-pager-buttons-container button {border: none;background-color: transparent;color: #5F6C72;} .history-pager-buttons-container button:hover {opacity: 0.6} .history-pager-buttons-container button:focus {box-shadow: none} /* pager positioning */ .pager {display: block;height: 32px;} .pager-container {float: left;} /* pager right and left arrow color */ .pager-link {color: #5F6C72;} .pager-link:hover {color: #707070;opacity: 0.8;} /* active filter indicator on pager filter button */ .active-filter-container {border-radius: 30%;width: 14px;height: 14px;text-align: center;font-size: 12px;position: absolute;top: 41px;right: 17px;padding-top: 4px;} .no-filter-applied {background: #fff;border: 1px solid #5F6C72;} .filter-applied {background: rgb(255, 251, 235);border: 1px solid rgba(217, 119, 6, .2);} .no-filter-number-applied {color: #5F6C72;} .active-filter-number-applied {color: rgb(217, 119, 6);} /* tooltip container */ .tooltip-filter-container {position: relative;display: inline-block;} .tooltip-filter-container .tooltip-filter {min-width: 19vw;background-color: #fff;padding: 13px 13px;border: 1px solid rgb(235, 235, 235);border-radius: 5px;box-shadow: 0 10px 15px -3px rgba(0,0,0,.2), 0 4px 6px -4px rgba(0,0,0,.2);position: absolute;z-index: 1;top: 100%;right: 50%;margin-top: 17px;} .tooltip-header {display: flex;align-items: center;justify-content: space-between;} .tooltip-label {font-weight: bold;color: #5F6C72;font-size: 14px;} .tooltip-title {font-size: 17px;} .tooltip-reset-btn {color: #dc3545;font-weight: bold;float: right;text-decoration: underline;} /* field filter positioning */ .field-filter {margin-top: 10px;display: grid;} .field-search-button:focus {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} /* --------------------------------------------------- CONCURRENCY SEMAPHORE ----------------------------------------------------- */ #util-concurrency-semaphore {margin-left: 2px; vertical-align: middle; height: 20px; width: 20px; background-color: #d35d6e; border-radius: 50%;} /* --------------------------------------------------- CALENDAR ----------------------------------------------------- */ .no_calendar_msg{text-align: center;padding-top: 10%;font-size: 2rem;font-weight: 700;color: #a0a0a0;} .no_calendar_msg2{text-align: center;font-size: 1rem;font-weight: 300;color: #a0a0a0;} .list_calendar_container {text-align: center;} .list_calendar_container img {max-height: 75px;} .list_calendar_container .list_calendar_container_inner{background: #fff;padding: 6px 15px;margin: 15px 0;border-radius: 3px;} .fc-event{border: 1px solid transparent;} .fc-list-item { color: #fff;} /* --------------------------------------------------- SLA ----------------------------------------------------- */ .row.calendar-row{padding: 20px;border-radius: 3px;} .row.calendar-row:hover{background: #f4f4f4} .calendar-row-day{text-transform: uppercase;} .calendar-row-hour{text-align: center;} .row.holiday-row{padding: 20px;border-radius: 3px;} .row.holiday-row:hover{background: #f4f4f4} .sla_view{margin-bottom: 12px;} .sla_view .sla_metric_name {font-weight: 500;} /* --------------------------------------------------- PROGRESSBAR ----------------------------------------------------- */ .progressbar_view {padding: 5px 0px;} /* --------------------------------------------------- IMPORT ----------------------------------------------------- */ .import-config-row {margin: 10px 0px;} .btn-import-config-add {margin: 0px 0 20px 15px;} .import-config-row .code-inside .ace-fullscreen-btn{color:#339AF0;} .grid a.action-btn, .grid a.action-btn{font-size: .8rem !important;padding: 0.7rem;} /* --------------------------------------------------- ACTIVITIES ----------------------------------------------------- */ .tabs2 {position: relative;} .tabs2 #tabs {padding-right: 20px;} .tabwrap.tabs2 {font-size: 14px;line-height: 1.42857143;} .tabwrap>.tabs.horizontal {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #ccc;display: inline-block; margin: 0;padding: 0 0 0 20px;width: 100%;} .tabwrap>.tabs.horizontal>li {display: block;float: left;margin: 5px 0 0 -1px;background: #eee;} .deep_activity_container{padding-top: 15px;} .tabwrap>.tabs.horizontal>li:first-child>a, .tabwrap>.tabs.horizontal>li:first-child>strong {border-radius: 3px 0 0 0;} .tabwrap>.tabs.horizontal>li:last-child>a, .tabwrap>.tabs.horizontal>li:last-child>strong {border-radius: 0 3px 0 0;} .tabwrap>ul.tabs>li a, .tabwrap>ul.tabs>li a:link, .tabwrap>ul.tabs>li a:visited {background: #eee;color: #333;} .tabwrap>.tabs.horizontal>li a, .tabwrap>.tabs.horizontal>li strong {text-decoration: none;} .tabwrap>.tabs.horizontal>li>a, .tabwrap>.tabs.horizontal>li>strong {display: block;border: 1px solid #ccc;margin-bottom: -1px;padding: 4px 10px 3px 10px;} .tabwrap>.tabs.horizontal>li.active>a, .tabwrap>.tabs.horizontal>li.active>strong {background: #fff;border-bottom-color: #fff;position: relative;} .activity_panel_wrapper{position: relative;padding-top: 10px;padding-bottom: 30px;} .add_activity_container{margin-top: 15px;padding-top: 15px;} .worklog_button_separator{width: 100%;height: 25px;} #activity_comments_container{margin-bottom: 30px;float: left;width: 100%;} .activity-data-block{border-bottom: 1px solid #ccc;padding: 10px 10px 10px 10px;float: left;width: 100%;} .activity-data-block:hover, .activity-data-block.focused {border-left: 5px solid #3572b0;padding-left: 5px;} .activity-action-head {float: left;width: 100%;} .activity-description-frame {min-height: 30px;float: left;width: 100%;border: 0; max-height: 24rem; margin-top: 5px;} .activity-action-details {float: left;} .activity-action-details img.user-avatar{float:left; max-height: 16px;max-width: 16px;} .activity-action-details div.user-name{float:left;margin-left: 10px;background-color: #f4f5f7;color: #42526e;padding: 0.1rem 0.3rem;border-radius: 3px;font-size: 11px;font-weight: bold;} .activity-action-details div.created-at{float:left;margin-left: 10px;} .activity-action-details div.portal-visibility{float:left;margin-left: 10px;line-height: inherit;} .activity-action-details div.frontend-visibility{float:left;margin-left: 10px;line-height: inherit;} .activity-action-links {float: right;} .activity-action-links a{padding: 0 5px; color: #707070;} .activity-action-attachments{float: left;width: 100%;} .activity-action-attachments .activity-attachment-tag{padding: 5px;margin: 5px;border: 1px solid #e0e0e0;font-size: 0.6rem;cursor: pointer;} /* --------------------------------------------------- TEAMVIEWER ----------------------------------------------------- */ .deep_teamviewer_container {margin-bottom: 20px;} .deep_teamviewer_container .tv_add_session{padding: .3rem 0.5rem !important;background: none;border: 1px solid #ccc;} .deep_teamviewer_container .tv_add_session:hover{border-color: #007bff;} .deep_teamviewer_container .tv_render_session_list{background: none;border: 1px solid #ccc;} .deep_teamviewer_container .tv_render_session_list:hover{color:#007bff;border-color: #007bff;} .deep_teamviewer_container .tv_add_session img{max-width: 20px;} .tv_session_list{margin-top: 20px;} .tvsession-block{display: flex;border-bottom: 1px solid #eee;padding: 15px 8px;} .tvsession-block.tv-state-closed, .tvsession-block.tv-state-closed label{color: #aaa;} .tvsession-block.tv-state-open {border-color: #2196F3;border-radius: 5px;} .tvsession-block:hover{border-bottom: 1px solid #bbb;} .tvsession-block.tv-state-open:hover{border-bottom: 1px solid #007bff;background: #f8f8f8;;} .tvsession-info-block{display: flex;flex-direction: column;flex: 3;} .tvsession-code-block label, .tvsession-eulink-block label, .tvsession-state-block label{float: left; margin-right: 10px;margin-bottom: 0px;} .tvsession-code-block div, .tvsession-eulink-block div, .tvsession-state-block div{float: right;} .tvsession-code-block div:hover, .tvsession-eulink-block div:hover{font-weight: bold;cursor: pointer;} .tvsession-action-block{flex: auto;} .tvsession-action-block .btn-group{float: right;margin: 0 0.2rem;} .tv_session_action{background: none;border: 1px solid #ccc;} .tv_session_action:hover{color:#007bff;border-color: #007bff;} /* --------------------------------------------------- TASKS ----------------------------------------------------- */ .task-buttons-container {display: flex;gap: 0.25rem;} .task-buttons-container button{border-color: #d8d8d8;} .task-buttons-container button:hover {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa;} .task_entity_window{position: fixed;width: 400px;max-width:100%;overflow-y:auto;height:100%;min-height:100%;box-shadow: -8px 10px 20px rgba(3,27,78,.1);background: #ffffff;opacity: 0.98;padding: 10px 0px;z-index: 100;background-image: url("images/bg_trap.png");background-size: cover;} .task_entity_window .tew_title_container{display: flex;} .task_entity_window .tew_title_container{font-size: 1.2rem;} .task_entity_window .tew_title_container .tew_title_type_icon{padding: 0 10px;} .task_entity_window .tew_title_container .tew_title_type_name{} .task_entity_window .tew_close_button{position: absolute;color: #212529;right: 10px;top: 10px;} .task_entity_window .tew_top_save_button{position: absolute;color: #1e7e34;right: 50px;top: 10px;} .task_entity_window .tew_save_button{margin: 0 15px;} .task_entity_window .tew_form_container{margin-top: 15px;position: relative;} .task_entity_window .tew_form_container form .form-control{font-size: 0.8rem;} .task_entity_window .tew_form_container label{position: relative;font-size: 0.85rem;} .task_section_container .task_section_title_container{position: relative;width: 100%;margin-top: 25px;margin-bottom: 10px;} .task_section_container .task_section_title_container:before{position: absolute;right: 0;top: 50%;left: 0;margin-top: -1px;border-bottom: 1px dashed rgb(221, 219, 218);content: ' ';} .task_section_container .task_section_title_container .task_section_title{padding: 0 .25rem 0 0;background: rgb(255, 255, 255);z-index: 1;display: inline-block;width: auto;position: relative;cursor: auto;font-size: 1rem;} .task_section_container .task_container{display: flex;align-items: flex-start;position: relative;flex: 1 1 auto;max-width: 100%;overflow: hidden;} .task_section_container .task_container:before {content: '';background: rgb(221, 219, 218);height: 100%;width: 2px;position: absolute;left: .50rem;top: 4px;bottom: 0;margin-left: 1px;z-index: 0;} .task_section_container .task_container .icon_task_container{flex-shrink: 0;border: 2px solid #fff;background: #fff;z-index: 1;cursor: pointer;} .task_section_container .task_container .icon_task_container i{font-size: 1.2rem} .task_section_container .task_container .body_task_container{flex: 1;} .task_container.closed_task_body .body_task_container{opacity: 0.6;} .task_section_container .task_container .body_task_container .body_header_container{display: flex;} .task_section_container .task_container .body_task_container .task_title_container{flex-wrap: wrap;width: 100%;display: flex;padding: 0 5px;} .task_section_container .task_container .body_task_container .task_title_content{flex: 1;font-size: 0.9rem;cursor: pointer;} .task_section_container .task_container .body_task_container .task_user_container{display: flex;margin-left: 20px;} .task_section_container .task_container .body_task_container .task_user_container img.user-avatar {float: left;max-height: 16px;max-width: 16px;margin: 3px;} .task_section_container .task_container .body_task_container .task_user_container .user-name{margin: 0 5px;background-color: #f4f5f7;color: #42526e;padding: 0.1rem 0.3rem;border-radius: 3px;font-size: 11px;font-weight: bold;} .task_section_container .task_container .body_task_container .task_user_container .started-date{font-weight: 500;width: 10.5em;} .task_section_container .task_container .body_task_container .task_user_container .add-btn{cursor:pointer;margin: 0px 5px 0px 20px;} .task_section_container .task_container .body_task_container .task_user_container .edit-btn{cursor:pointer;margin: 0px 5px;} .task_section_container .task_container .body_task_container .task_user_container .delete-btn{cursor:pointer;margin: 0px 5px;} .task_section_container .task_container .body_task_container .body_description_container{padding:0.25rem 0.75rem;background-color: #f3f2f2;border: 1px solid #dddbda;border-radius: 4px;} .task_section_container .task_container .body_task_container .task_user_container .portal-visibility {float: left;margin-left: 10px;line-height: inherit;margin-right: 10px;width: 1.25em;text-align: center;} .task_section_container .task_container .body_task_container .progress.completion_percentage{height: 0.3rem;margin: 3px;} .task_section_container .task_container .body_task_container .progress.completion_percentage.hide-progress{background-color: transparent;} .task_section_container .task_container .body_task_container .task_buttonset label {font-size: 0.8rem;border-color: #ccc;padding: 10px 6px;} .task_section_container .task_container .body_task_container .body_buttonset_container{margin: 10px 0 20px 10px;} .task_section_container .task_container .body_task_container .body_subtask_container{border: 1px solid rgb(221, 219, 218);border-radius: 5px;padding: 15px;margin: 20px 10px;} .add_task_container{margin-top: 15px;padding-top: 15px;} .task_panel_wrapper{position: relative;padding-top: 10px;padding-bottom: 30px;} /* --------------------------------------------------- FLOATING WINDOW ----------------------------------------------------- */ .deep_floating_window{position:fixed !important;top:0;right:0;max-width:100%;min-height:100%;box-shadow: -3px -30px 12px 0 rgb(3 27 78 / 50%);background: #ffffff;opacity: 0.98;padding: 10px 0px;z-index: 99;background-size: cover;display: flex;align-items: center;margin-top: 30px;} .deep_floating_window .dfw-button-container {position: absolute;top: -30px;right: 0;width: 100%;background: #eaeaea;min-height: 30px;z-index: 1;padding-right: 5px;display: flex;flex-direction: row-reverse;padding-top: 2px;} .deep_floating_window .dfw_button{z-index:9;color: #212529;padding: .375rem .375rem !important;transition: none;font-size: .6rem;border-radius: 1.9rem;border: 1px solid #CCD;background-color: white;height: max-content;} .deep_floating_window .dfw_button:hover{border-radius: 1.9rem;transition: none;background: #ccc;} .deep_floating_window .dfw_close_button{right: 10px;padding: .375rem .475rem !important;color: var(--danger);} .deep_floating_window .dfw_drag_button{right: 45px;font-size: .6rem;} .deep_floating_window .dfw_iframe{border: none;width: 100%;position: absolute;top: 0;left: 0px;padding-bottom: 35px;} .deep_floating_window .dfw_loading{background: url("images/pacman-loading.gif");width: 50px;height: 50px;background-size: 50px;background-repeat: no-repeat;margin: 0 auto;border-radius: 5px;} .dfw_link{color: inherit !important;text-decoration: none !important;font-size: 1rem;margin: 5px;} .dfw_field_icons {margin: 5px;cursor: pointer;} .dfw_text_icons .fas{width: 1.3em;} /* --------------------------------------------------- TIMESETTER ----------------------------------------------------- */ .divTimeSetterContainer {margin: 5px;float: left;position: relative;} .divTimeSetterContainer .timeValueBorder {float: left;background-color: #ffffff;border: 1px solid #bebebe;border-radius: 3px;height: 30px;display: flex;flex-wrap: nowrap;} .divTimeSetterContainer input.timePart {float: left;margin-top: 1px;text-align: right;height: 25px;border: none;font-size: 1.05em;font-weight: bold;border-radius: 3px;padding: 0;cursor: text;outline: none;} .divTimeSetterContainer input.hours {width: var(--timesetter-width, 30px);} .divTimeSetterContainer input.minutes {width: 18px;} .divTimeSetterContainer span.hourSymbol, .divTimeSetterContainer span.minuteSymbol {float: left;margin: 6px 2px 0 2px;font-size: 0.9em;} .divTimeSetterContainer span.timeDelimiter {float: left;font-size: 1.2em;font-weight: bold;margin: 2px 2px 0 2px;} .divTimeSetterContainer .postfix-position {position: relative;right: -3px;top: 5px;font-weight: bold;} .divTimeSetterContainer .button-time-control {width: 20px;float: left;position: relative;right: -2px;top: -1px;cursor: pointer;} .divTimeSetterContainer .button-time-control div.updownButton {width: 20px;float: left;height: 15px;border: 1px solid #bebebe;text-align: center;overflow: hidden;} .divTimeSetterContainer .button-time-control div.updownButton:first-child {border-top-right-radius: 3px;border-bottom: none;} .divTimeSetterContainer .button-time-control div.updownButton:last-child {border-bottom-right-radius: 3px;} .divTimeSetterContainer .button-time-control div.updownButton i {font-weight: bold;font-size: 1.5rem;line-height: 0;} .divTimeSetterContainer .button-time-control div.updownButton:hover {background-color: #bebebe;} /* --------------------------------------------------- TIMESETTER 2 ----------------------------------------------------- */ .timesetter2_container{display: flex;} .timesetter2_hour{float: left} .timesetter2_sep{float: left;padding: 0 10px;} .timesetter2_minute{float: left} /* --------------------------------------------------- COLOR PICKER ----------------------------------------------------- */ .pickr .pcr-button{border: 1px solid #cccccc66;} .grid_color_box{border: 1px solid #cccccc66;width: 20px;height: 20px;display: block;margin: auto;border-radius: 3px;} /* --------------------------------------------------- JQUERY UI OVERWRITE ----------------------------------------------------- */ .ui-slider .ui-slider-handle{border-radius: 1.2em;} .ui-slider .ui-slider-handle:focus{outline:0;} .ui-slider .ui-slider-handle.ui-state-active{border-color: #005cbf; background-color: #0062cc;} .ui-slider.ui-slider-horizontal{background: #007bff;border-radius: 10px;border: none;height: .6em;} /* --------------------------------------------------- CSS EFFECT ----------------------------------------------------- */ .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; } .blinking{-webkit-animation: blinking .8s infinite;-moz-animation: blinking .8s infinite;-ms-animation: blinking .8s infinite;-o-animation: blinking .8s infinite;animation:blinking 0.8s infinite;} @-webkit-keyframes blinking {50% {opacity: 0;}} @-moz-keyframes blinking {50% {opacity: 0;}} @-ms-keyframes blinking {50% {opacity: 0;}} @-o-keyframes blinking {50% {opacity: 0;}} @keyframes blinking{50% {opacity: 0;}} /* --------------------------------------------------- JQUERY QUERY BUILDER ----------------------------------------------------- */ .qb-btn{margin: 5px;} .query-builder .rules-group-container{border: 1px solid #eee;background: none;max-width: 100%;} .query-builder .rule-container .rule-filter-container{max-width: 100%;} .query-builder select.form-control:not([size]):not([multiple]), .query-builder input.form-control{height: calc(1.25rem + 2px);max-width: 100%;} .query-builder .form-control {font-size: 0.7rem;padding: .1rem .5rem;} .query-builder .form-control.hide {display: none;} .query-builder button {padding: .4rem 0.4rem !important;} .query-builder .btn{font-size: 0.8rem;} .query-builder .btn-danger{background-color: #17a2b8;border-color: #17a2b8;} /* --------------------------------------------------- tinymce ----------------------------------------------------- */ .defaultSkin table.mceToolbar {float: left;} .defaultSkin td.mceToolbar {background: #fafafa !important;} .defaultSkin table.mceLayout tr.mceFirst td {border-top: none !important;;} .defaultSkin table.mceLayout {border-left: 1px solid #f1f1f1 !important;;border-right: 1px solid #f1f1f1 !important;border-top: 1px solid #f1f1f1 !important;} .defaultSkin table.mceLayout tr.mceLast td {border-bottom: 1px solid #f1f1f1 !important;;} .defaultSkin .mceIframeContainer {border-top: 1px solid #f1f1f1 !important;;border-bottom: 1px solid #f1f1f1 !important;;} .defaultSkin iframe{width: 100% !important;} .defaultSkin .mceButton {border:none !important;} .defaultSkin a.mceButtonEnabled:hover {border: none;background-color: #c2d5f2;} /** For webkit rendering **/ [data-ephox-mobile-fullscreen-style] {height: 100% !important;} .tox-edit-area__iframe {height: 100% !important; width: 100% !important;} /* --------------------------------------------------- attachments ----------------------------------------------------- */ .attachment-type-icon {z-index: 2;right: 35px;top: 50px;position: absolute;width: 32px;height: 32px;padding: 5px;overflow: hidden;box-sizing: border-box;} .uploader-refresh-icon {right: 20px;top: 15px;position: absolute;} .uploader-download-zip-icon {right: 45px;top: 15px;position: absolute;} .kb-vc-attachment .attachment-type-icon {z-index: 2;right: 20px;top: 20px;position: absolute;width: 32px;height: 32px;padding: 5px;overflow: hidden;box-sizing: border-box;} .kb-vc-attachment .uploader-refresh-icon {right: 0px;top: -20px;position: absolute;} .qq-gallery.qq-uploader {background-color: #fff;max-height: none;} .qq-gallery .qq-upload-list{max-height: none;overflow-y: inherit;} .qq-gallery .qq-upload-list .qq-upload-spinner {top: 80px;z-index: 9999;} .qq-gallery .qq-upload-list li.qq-upload-success{background-color: #fff;border: 1px solid #e9e9e9;border-radius: 3px;box-shadow: none;} :root *>.qq-gallery .qq-thumbnail-selector {top:0;padding: 10px;max-width: 100%;-webkit-transform: none;transform: none} .qq-gallery .qq-thumbnail-wrapper{width: 100%;height: 80px;} .qq-gallery .qq-upload-list li{line-height: unset;} .qq-gallery .qq-upload-date {float: left;font-size: 11px;color: #929292;margin-bottom: 3px;margin-right: 0;display: inline-block;} .qq-gallery .qq-upload-updated-by,.qq-gallery .qq-upload-created-by{border: 1px solid #dddbda;background-color: #f4f5f7;color: #42526e;float: left;font-size: 11px;margin-bottom: 3px;margin-right: 0;display: inline-block;} .qq-gallery .qq-upload-updated-by i.fas,.qq-gallery .qq-upload-created-by i.fas{font-size: 8px;} .qq-gallery .qq-upload-updated-by.qq-current-user {border-color: #007bff;} .qq-gallery .qq-upload-created-by.qq-current-user {border-color: #007bff;} .qq-gallery .qq-upload-button{background: #007bff;border-radius: 5px;border: 0px solid #007bff;box-shadow: none;} .qq-icons i {padding: 5px !important; cursor: pointer;} .qq-icons .fas, .qq-icons .fa {float: left;} .qq-gallery .qq-upload-cancel{padding: 4px !important;} .qq-gallery .qq-upload-list li{height: auto;} .qq-gallery .qq-upload-file{white-space: unset;text-overflow: unset;} .qq-gallery .qq-upload-list .preview-link{cursor: pointer;} .qq-file-description {float:left;font-size:11px;margin-bottom:3px;margin-right:3px;display:inline-block} .qq-file-info-block-2 {display:inline-block} .list-mode.qq-gallery .qq-upload-list li{display: flex;max-width: 100%;margin: 0 0px 5px 0;height: 54px;} .list-mode.qq-gallery .qq-thumbnail-wrapper{width: 50px;float: left;} .list-mode.qq-gallery .qq-file-info{display: flex;flex: 1;} .list-mode.qq-gallery .qq-file-info .qq-file-info-block-1{flex: 1;overflow: hidden;white-space: nowrap;} .list-mode.qq-gallery .qq-upload-file{text-overflow: ellipsis;} .list-mode.qq-gallery .qq-upload-date{margin-left:15px;} .list-mode.qq-gallery .qq-upload-updated-by {margin-left:15px;} .list-mode.qq-gallery .qq-upload-created-by {margin-left:15px;} /* --------------------------------------------------- email attachments ----------------------------------------------------- */ .email_list_attachments a {color: #5F6C72;font-size: 0.7rem;} /* --------------------------------------------------- PORTAL ----------------------------------------------------- */ .relation_request_sortable_list li{padding: 15px;cursor: pointer;border-radius: 3px;} .relation_request_sortable_list li:hover{background-color: #e6e6e6;} .dropdown-submenu {position: relative;} .dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .8em;} .portal_wrapper .navbar-brand img{max-height: 35px;} .portal_wrapper .navbar-brand svg{height: 35px;max-height: 35px;} .portal_wrapper .navbar-brand svg image{height: 100%;} .portal_wrapper .user-icon, .portal_wrapper .user-icon *{line-height: 30px} .portal_wrapper .user-icon{padding: 10px;} .portal_wrapper .user-icon .usr{display: flex;flex-direction: row;float: left;} .portal_wrapper .user-icon .usr .img-avatar{max-height: 30px;} .portal_wrapper .user-icon .usr .usr-name{padding: 0 5px 0 10px;} .portal_group_container{display: flex;margin: 0 auto;width: 100%;max-width: 800px;} .portal_group_container .groups_container{width: 200px;} .portal_group_container .groups_container ul.group_list{border-right: 1px solid #ddd;height: 100%;} .portal_group_container .groups_container .group_list li{display: block;list-style: none;margin: 0;padding: 0;margin-left: -10px;padding-top: 10px;} .portal_group_container .groups_container .group_list a.group_name{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;padding: 10px 20px 10px 10px;margin-right: -1px;position: relative;cursor: pointer;} .portal_group_container .groups_container .group_list a.group_name:hover{background-color: #f5f5f5;border-right: 1px solid #ddd;text-decoration: none;} .portal_group_container .groups_container .group_list li.active a.group_name {color: #333;font-weight: 700;text-decoration: none;} .portal_group_container .groups_container .group_list li.active a.group_name:hover {border-right: none;} .portal_group_container .groups_container .group_list li.active a.group_name:after, .portal_group_container .groups_container .group_list li.active a.group_name:before{border: 23px solid transparent;border-right-color: #ddd;content: "";height: 0;position: absolute;right: -2px;top: -1px;} .portal_group_container .groups_container .group_list li.active a.group_name:after{border-right-color: #fff;right: -3px;} .portal_group_container .requests_container{padding-left: 10px;box-sizing: border-box;display: table-cell;margin: 0;vertical-align: top;} .portal_group_container .requests_container .request_list{display: none} .portal_group_container .requests_container .request_list.active{display: block} .portal_group_container .requests_container .request_list .request_info{word-wrap: break-word;border-radius: 3.01px 3.01px 3.01px 3.01px;background-clip: padding-box;position: relative;display: block;padding: 0px 10px 0px 0px;} .portal_group_container .requests_container .request_list .request_info a{color: #3572b0;text-decoration: none; font-size: 17px;} .portal_group_container .requests_container .request_list .request_info a span{line-height: 48px;} .portal_group_container .requests_container .request_list .request_icon{display: inline-block;width: 48px;height: 48px;padding: 5px;overflow: hidden;box-sizing: border-box;background: no-repeat 50%;background-size: contain!important;background-origin: content-box;} .portal_group_container .requests_container .request_list .request_description{color: #707070;word-wrap: break-word;border-radius: 3.01px 3.01px 3.01px 3.01px;background-clip: padding-box;position: relative;display: block;padding: 0px 10px 15px 50px;} .portal_operation_grids {margin: 50px auto;} .portal_operation_grids .operation_grig_panel_wrapper{padding: 20px 30px;} .portal_ci_grids {margin: 50px auto;} .portal_ci_grids .ci_grig_panel_wrapper{padding: 20px 30px;} .portal_crm_account_grids, .portal_crm_contact_grids, .portal_crm_opportunity_grids{margin: 50px auto;} .portal_crm_account_grids .account_grid_panel_wrapper, .portal_crm_contact_grids .contact_grid_panel_wrapper, .portal_crm_opportunity_grids .opportunity_grid_panel_wrapper{padding: 20px 30px;} .portal_password_grids {margin: 20px auto;} .portal_password_grids .password_grid_panel_wrapper{padding: 20px 30px;} .portal_approval_grids {margin: 20px auto;} .portal_approval_grids .approval_grid_panel_wrapper{padding: 20px 30px;} .portal_survey_grids {margin: 20px auto;} .portal_survey_grids .survey_grid_panel_wrapper{padding: 20px 30px;} .portal_task_grids{margin: 50px auto;} .portal_task_grids .task_grid_panel_wrapper{padding: 20px 30px;} .portal_project_grids{margin: 50px auto;} .portal_project_grids .project_grid_panel_wrapper{padding: 20px 30px;} .portal-main-content.adminhtml_portal_operation_edit, .portal-main-content.adminhtml_userregistration_registration_edit, .portal-main-content.adminhtml_userregistration_registration_finalmsg{max-width: 900px; margin: 0 auto;} .adminhtml-portal-kb-article-list .middle{padding: 0;} .adminhtml-portal-kb-article-list .kb-navigation-tree, .adminhtml-portal-kb-article-list .kb-navigation-tree .tree-actions{background-color: #f8f9fa !important;} .adminhtml-portal-kb-article-list .footer-portal-copyright{display: none;} .footer-portal-copyright{text-align: center;font-size: 0.7rem;margin: 5px auto 25px auto;} .footer-portal-copyright .footer-portal-site{font-size: 0.8rem;margin: 10px auto;} .footer-portal-copyright .footer-portal-site a:hover{text-decoration: none;} /* PORTAL RENDERER */ .selected-renderer{outline: 1px solid var(--primary);} .portal-renderer-page {padding: 0;} .portal-renderer-page.sticky {position: sticky;top:0;z-index: 4;} .portal-renderer-container {padding: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;} .portal-renderer-container.sticky {position: sticky;top:0;z-index: 4;} .portal-renderer-row {padding: 1rem;row-gap: 1rem;} .portal-renderer .row {margin-left: 0;margin-right: 0;} .portal-renderer-widget + .portal-renderer-widget {margin-top: 1rem;} .renderer-image {position: relative;width: 100%} .renderer-image > img {width: 100%; max-width: 100%;} .renderer-image::after {content: attr(data-caption);position: absolute;bottom: 0;left: 0;right: 0;padding: 0.5rem;background-color: rgba(0,0,0,0.25);color: white;z-index: 2;} .renderer-image[data-caption=""]::after {display: none;} .renderer-portal {padding: 0.5rem;} .renderer-portal .btn {line-height: 1.5;} .renderer-portal img {object-fit: contain;height: 100px;margin: 1rem 1rem 0 1rem;width: auto;} .renderer-portal img[src=""] {display: none;} .renderer-portal .card-header {text-overflow: ellipsis;overflow: hidden;word-wrap: normal;} .renderer-icon-link a:hover {text-decoration: none;} .renderer-icon-link [data-icon-link]:not([data-url=""]) {cursor: pointer;} .renderer-image-link .btn {line-height: 1.5;} .renderer-kb-block{height: 100%} .renderer-kb-block.kb-list .kb-container{height: 100%;margin-top: 0;} .renderer-kb-block .kb-info{display: flex;flex-direction: column;max-width: 100%;} .renderer-kb-block .kb-info .kb-shortdesc{margin-bottom: 20px;} .renderer-kb-block.kb-list .kb-container .kb-info .kb-link{margin-top: auto;width: max-content;max-width: 100%;overflow-x: hidden;text-overflow: ellipsis;} .renderer-kb-search .search-form input {margin-bottom: 1px;} .renderer-kb-search .kb-header .kb-search .kb_result_list:empty {border-width: 0;} .renderer-video > * {width: 100%;aspect-ratio: 16 / 9;} .renderer-video > video {object-fit: cover;object-position: center;} .renderer-grid [data-grid-wrapper] {background-color: white;} .renderer-grid [data-grid-wrapper] > * {padding-top: .5em;} .renderer-grid .actions {margin-top: 0;} .renderer-portal-requests { background-color: white;padding: .5rem;} .renderer-announcement .card {border-radius: 0;border: none;} .renderer-announcement .card-header {border-radius: 0;border: none;} .renderer-announcement .announcement-button {padding: 0 !important;line-height: 1.5;overflow: hidden;width: 100%;text-decoration: none;} .renderer-announcement .announcement-title {display: inline-block;text-overflow: ellipsis;overflow: hidden;max-width: 90%;margin-right: auto;} .renderer-announcement .announcement-published-at {margin-right: 1rem;} .renderer-announcement .announcement-button:after {content: '\f0d7';font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;transition: transform 200ms ease-in-out;} .renderer-announcement .announcement-button.collapsed:after {transform: rotateZ(90deg);} .renderer-announcement .announcement-banner-icon i {display: inline-flex;align-items: center;justify-content: center;} .renderer-menu-default * {max-width: 100%;} .renderer-menu-default .usr-name {white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;} .renderer-menu-default.renderer-frontend .dropdown-menu {top: 100% !important;transform: none !important;} .renderer-announcement-page {--announcement-page-fixed-width: 560px;width: 100%;margin: auto;position: relative;} .renderer-announcement-page .announcement-item {padding: 25px 0;border-bottom: 1px solid #f3f3f3;width: 100%;max-width: 100%;position: relative;transition: none;} .renderer-announcement-page .announcement-item .announcement-title {font-size: 1.55rem;font-weight: 700;line-height: 1.9rem;min-height: 35px;} .renderer-announcement-page .announcement-item .announcement-content {line-height: 1.55rem;clear: both;} .renderer-announcement-page .announcement-tags {margin: 1rem 0;} .renderer-announcement-page .announcement-tags > .badge {font-size: 1rem;font-weight: 600;line-height: 1.2;} .renderer-announcement-page .announcement-description {font-size: 1rem;} .renderer-announcement-page .announcement-published-at {color: rgba(71,82,93,.4);font-size: 1.1rem;margin-top: 1rem;} .renderer-announcement-page .announcement-attachments, .renderer-announcement-page .announcement-links {margin-top: 1rem;} .renderer-announcement-page .announcement-pagination {margin: 2.5rem 0;text-align: center;} @media screen and (min-width: 1000px) { .renderer-announcement-page {width: var(--announcement-page-fixed-width);} .renderer-announcement-page .announcement-published-at {display: block;position: absolute;margin: 0 2rem 0 0;text-align: right;width: 100vw;top: 30px;right: var(--announcement-page-fixed-width);} } .portal-renderer-container--header .portal-renderer-row {display: flex;justify-content: center;padding-top: 0.5rem;padding-bottom: 0.5rem;} .portal-renderer-container--header .portal-renderer-row .portal-renderer-column {padding: 0;margin: 0;} .portal-link-container {display: flex;justify-content: flex-end;} .portal-link-container .btn {line-height: normal;} .portal-link-container .portal-renderer-widget {height: 100%;width: max-content;flex-basis: auto;margin-top: 0;padding: 0;} .portal-link-container .portal-renderer-widget > * {height: 100%;width: max-content;display: flex;align-items: center;justify-content: center;max-width: 6rem;} .portal-renderer-widget .tabwrap.tabs2 {margin-bottom: -4px;background-color: white;} .portal-widget-link {height: 100%;padding: 1rem;cursor: pointer;max-width: 100%;overflow-x: hidden;text-overflow: ellipsis;display: inline-block;} .portal-widget-link:hover {background-color: white;} .portal-page-edit-button {position: fixed;overflow: hidden;box-sizing: border-box;line-height: 1.5em;display: flex;flex-wrap: nowrap;z-index: 9999;cursor: pointer;border: 0;transition: transform .3s ease;left: 0;bottom: 3em;border-top-right-radius: .5em;border-bottom-right-radius: .5em;color: rgb(25, 30, 35);background-color: rgb(255, 255, 255);transform: translateX(calc(-100% + .7em));box-shadow: 0 0 2px #9b9b9b;padding: .7em;} .portal-page-edit-button:hover, .portal-page-edit-button:focus {transform: translateX(0);text-decoration: none;color: rgb(25, 30, 35);} .portal-announcement-icon {width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;} /*Code css*/ code[class*="language-"], pre[class*="language-"] {color: black;text-shadow: 0 1px white;font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;font-size: .875rem;direction: ltr;text-align: left;white-space: pre;word-spacing: normal;word-break: normal;word-wrap: normal;line-height: 1.5;-moz-tab-size: 4;tab-size: 4;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;} pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {text-shadow: none;background: #b3d4fc;} pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {text-shadow: none;background: #b3d4fc;} @media print {code[class*="language-"],pre[class*="language-"] {text-shadow: none;}} pre[class*="language-"] {padding: 1em;margin: .5em 0;overflow: auto;} :not(pre) > code[class*="language-"], pre[class*="language-"] {background: transparent !important;border: 1px solid #ccc;} :not(pre) > code[class*="language-"] {padding: .1em;border-radius: .3em;} /** KB **/ .adminhtml-kb-article-list .middle{padding: 0px} .kb-dashboard{height: 100%; margin:0px; width: 100%;margin:0px;} @media (min-width: 768px) { .kb-dashboard{position: absolute;} } .kb-dashboard .kb-navigation {padding:0px} .kb-dashboard .kb-navigation .kb-navigation-tree{height: 100%;width:100%;padding: 0 4px;} @media (min-width: 768px) { .kb-dashboard .kb-navigation .kb-navigation-tree {position:absolute;overflow: auto;} } .tree-items .x-tree-root-ct{display: grid;} .tree-items .x-tree-lines .x-tree-elbow, .tree-items .x-tree-lines .x-tree-elbow-end{background: transparent url(images/tree/point.png) no-repeat;background-size: 4px;background-position-x: center;background-position-y: center;} .tree-items .x-tree-lines .x-tree-elbow-end-minus, .tree-items .x-tree-lines .x-tree-elbow-minus{background: transparent url(images/tree/down.png) no-repeat;background-size: 25px;background-position-x: center;background-position-y: -6px;} .tree-items .x-tree-lines .x-tree-elbow-end-plus, .tree-items .x-tree-lines .x-tree-elbow-plus{background: transparent url(images/tree/right.png) no-repeat;background-size: 25px;background-position-x: center;background-position-y: -5px;} .tree-items .x-tree-node-expanded .x-tree-node-icon, .tree-items .x-tree-node-leaf .x-tree-node-icon, .tree-items .x-tree-node-collapsed .x-tree-node-icon{display: none;} .tree-items .x-tree-lines .x-tree-elbow-line{background: none;} .tree-items .x-tree-node a, .tree-items .x-dd-drag-ghost a, .tree-items .x-tree-node a span, .tree-items .x-dd-drag-ghost a span, .tree-items .x-tree-node{color: inherit;font-size: inherit;} .tree-items .x-tree-node-el {padding: 9px 0px;} .tree-items .x-tree-node .x-tree-selected, .tree-items .x-tree-node .x-tree-selected a span, .tree-items .x-tree-node-el:hover{background: #EBECF0;font-weight: 500;} .tree-items .x-tree-node{padding-left: 0.8em;white-space: normal !important;} .tree-items .x-tree-node-indent{display: none;} .tree-items .x-tree-node-el-folder{display: flex!important;flex-direction: row!important;} .kb-navigation-tree .tree-actions{position: sticky;float: left;width:100%;top: 0;background: rgb(244, 245, 247);padding: 20px 0px 20px 0;margin: 0;border-bottom: 1px solid #f1f1f1;text-align: right;} .kb-navigation-tree .tree-actions .article-tree-action{cursor: pointer;padding: 0 5px;} .kb-navigation-tree .tree-actions .tree-action-search{float: left;font-size: 1.5rem;color: #2E89FF;} .kb-navigation-tree .tree-actions .tree-action-search:hover{color:#1C63CE} .kb-navigation-tree .tree-actions .tree-action-collapse, .kb-navigation-tree .tree-actions .tree-action-expand, .kb-navigation-tree .tree-actions .tree-action-addroot{color: #CCCCCC;} .kb-navigation-tree .tree-actions .tree-action-collapse:hover, .kb-navigation-tree .tree-actions .tree-action-expand:hover, .kb-navigation-tree .tree-actions .tree-action-addroot:hover, .kb-navigation-tree .tree-actions .tree-action-addchild:hover{color: #2E89FF;} .kb-main-content{background: #fff; height: 100%; padding:0px;} .kb-main-content #kb-ec{display: none;} .kb-main-content #kb-ec .form-buttons{text-align: right;} .kb-main-content #kb-ec .form-buttons .article_close_btn{cursor: pointer;padding: 5px;margin: 0px 8px;} .kb-main-content #kb-ec .form-list{margin-top: 0px;margin-bottom: 10px;} .kb-main-content #kb-ec .hor-scroll.container{padding: 0px;overflow: hidden;} .kb-main-content #kb-vc, .kb-main-content #kb-ec{width: 100%;padding: 20px 20px 0px 20px;} .kb-main-content #kb-vc .kb-vc-toolbar{margin: 10px 0;text-align: right;} .kb-main-content #kb-vc .kb-vc-toolbar .toolbar-action{padding: 5px 10px; cursor: pointer;} .kb-main-content #kb-vc .kb-vc-toolbar .toolbar-action.kb-front-link-btn{color:#008000} .kb-main-content #kb-vc .kb-vc-toolbar .toolbar-action.kb-eup-link-btn{color:#006fa4} .kb-main-content #kb-vc .kb-vc-toolbar .toolbar-action.kb-admin-link-btn{color:#01ACC0} .kb-main-content #kb-vc .kb-vc-info{font-size: 12px;color: #5e6c84;line-height: 1.5;font-weight: 300;} .kb-main-content #kb-vc .kb-vc-info span.kb-vc-created-label, .kb-main-content #kb-vc .kb-vc-info span.kb-vc-updated-label {width: 70px;display: inline-block;} .kb-main-content #kb-vc .kb-vc-info span.kb-vc-tags-tag{margin: 5px 2px;border: 0.03rem solid #ccc;color: #5e6c84;font-size: 100%;} .kb-main-content #kb-vc .kb-vc-title{margin: 0px 0 24px;} .kb-main-content #kb-vc .kb-vc-description textarea{display: none;} .kb-main-content #kb-vc .kb-vc-description .tox-tinymce{border: none;} .kb-main-content #kb-vc .kb-vc-description .tox-edit-area__iframe{/*margin: -1rem;*/} .kb-main-content #kb-vc .kb-vc-attachment{margin: 30px 0px; position: relative;} .kb-dashboard .kb-main-content{height: 100%;overflow: auto;width: 100%;} .kb-header .kb-name{text-align: center;} .kb-header .kb-description{padding: 20px;} .kb-header .kb-search .kb_result_list, .kb-header .kb-search .search-form {width: 100%;max-width: 550px;margin-left: auto;margin-right: auto;margin-bottom: 10px;position: relative;display: block;} .kb-header .kb-search .kb_result_list{margin-bottom: 40px;position: absolute;z-index: 99;background: #FFF;margin: 0 auto;width: 100%;border: 1px solid #f0f0f0;} .kb-header .kb-search .search-form input {height: 40px;width: 100%;display: block;font-size: 14px;padding-left: 20px;padding-right: 46px;color: #172B4D;border: 1px solid #EBECF0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .kb-header .kb-search .search-clear{position: absolute;top: 14px;right: 15px;color: #adb5bd;} .kb-header .kb-search .search-clear:hover{color: #ff6b6b;cursor: pointer;} .kb-header .kb-search .search-loader{position: absolute;top: 14px;right: 40px;color: #2E89FF;display: none;} .kb-list-container{width: 100%;padding: 0 20px;} .kb-list .kb-nofound{color: #a1a1a1;text-align: center;margin: 20px auto;font-size: 2.5em;} .kb-list .kb-container{margin-top: 30px;} .kb-list .kb-container-content{display: flex;background: #fff;padding: 15px;/*margin: 15px*/;height: 100%;border-radius: 3px;box-shadow: 0 0 1px 0 rgba(23, 43, 77, 0.56);text-decoration: none;color: inherit;cursor: pointer;} .kb-list .kb-container .kb-icon img{width: 50px;padding-right: 10px;} .kb-list .kb-container .kb-info .kb-name{font-size: 1.5em;font-style: inherit;font-weight: 500;line-height: 1.2;} .kb-list .kb-container .kb-info .kb-link{background-color: #F4F5F7;display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;padding-left: 10px;padding-right: 10px;color: #42526E !important;text-decoration: none !important;cursor: pointer;line-height: 30px;height: 30px;max-width: 100%;margin: 20px 5px 5px 0px;} .kb-list .kb-container-content:hover .kb-link{background-color: #DFE1E6;} .kb_entity_window{position: fixed;width: 600px;max-width:100%;overflow-y:auto;height:100%;min-height:100%;box-shadow: -8px 10px 20px rgba(3,27,78,.1);background: #ffffff;opacity: 0.98;padding: 10px 0px;z-index: 100;background-image: url("images/bg_trap.png");background-size: cover;} .kb_entity_window .kbw_close_button{position: absolute;color: #212529;right: 10px;top: 10px;} .kb_entity_window .kb_searchbar_container {margin-top: 4em;padding: 0 2em;position: relative;} .kb_entity_window .kb_searchbar_container input.kb_search {border-top: none;border-left: none;border-right: none;background: transparent;box-shadow: none;} .kb_entity_window .kb_searchbar_container .search-loader{position: absolute;top: 14px;right: 40px;color: #2E89FF;display: none;} .kb_entity_window .kb_result_container.no_results {background: url(images/search_kb_layer.png);width: 100%;min-height: 130px;margin-top: 88px;background-size: 20%;background-repeat: no-repeat;background-position: center;} .kb_entity_window .kb_result_container.with_results{width: 100%;padding: 2em;} .kb_result{align-items: center;box-sizing: border-box;cursor: pointer;display: flex;background-color: transparent;color: rgb(66, 82, 110);fill: transparent;height: 40px;border-radius: 3px;flex: 0 0 auto;text-decoration: none;padding: 7px 12px;} .kb_result.selected, .kb_result:hover{background-color: rgba(9, 30, 66, 0.04);color: rgb(66, 82, 110);fill: rgba(9, 30, 66, 0.04);text-decoration: none;} .kb_result_icon {width: 25px;margin-right: 16px;text-align: center;} .kb_result_icon img.kb_result_icon_img {max-width: 100%;} .kb_result_icon span.kb_result_icon_img {color: #2E89FF;font-size: 20px;} .kb_result_content{display: flex;flex-direction: column;-webkit-box-flex: 1;flex-grow: 1;margin: 0px;overflow: hidden;} .kb_result_onlycontent{padding: 5px;} .kb_result_eup_link{padding: 5px;} .kb_result_front_link{padding: 5px;} .kb_result.selected .kb_result_title{color: #2E89FF;} .kb_result_content .kb_result_title{display: block;text-overflow: ellipsis;white-space: nowrap;line-height: 1.14286;padding-bottom: 1px;flex: 1 1 auto;overflow: hidden;} .kb_result_content .kb_result_subtitle{text-overflow: ellipsis;white-space: nowrap;color: rgb(107, 119, 140);font-size: 11px;line-height: 1.27273;padding-bottom: 1px;flex: 1 1 auto;overflow: hidden;} .kb_search_tip_container .kb-header .kb-search .kb_result_list{position: relative;} /** PROJECT **/ .gantt_selected{background: #F0F0F0;} .dropdown-item.active, .dropdown-item:active{background-color: rgba(158, 158, 158, 0.2);} .deadline, .constr{position: absolute;border-radius: 12px;-moz-box-sizing: border-box;box-sizing: border-box;width: 15px;height: 15px;margin-top: -6px;text-align: center;display: flex;justify-content: center;align-items: center;z-index: 1;} .deadline span, .constr span{font-size: 10px;} .deadline{background-color: #ffc800;} .constr{background-color: #eb5c51;} .deadline-overdue-indicator, .constraint-overdue-indicator{width: 15px;height: 15px;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 17px;color: white;line-height: 19px;text-align: center;vertical-align: middle;font-size: 11px;font-weight: bold;display: inline-block;z-index: 1} .deadline-overdue-indicator{background-color: #ffc800;} .constraint-overdue-indicator{background-color: #eb5c51;} /** task type project style */ .gantt_task_line{border-radius: 15px;border: none;} .gantt_task_line.project{background-color: #4194f6;border: none;min-width: 1px;} .gantt_task_line.project .gantt_task_progress{background-color: #000000;opacity: 0.2;} .gantt_task_line.project.gantt_selected, gantt_task_line.gantt_selected{box-shadow: none;} /** task type task style */ .gantt_task_line.task{background-color: #008844;min-width: 1px;} .gantt_task_line.task .gantt_task_progress{background-color: #000000;opacity: 0.2;} /** task type milestone style */ .gantt_task_line.milestone{background-color: #20166E;border-radius: 2px;} /** border radius gantt template */ .gantt_layout_cell{border-radius: 5px;} /** cell border right color */ .gantt_task_row.gantt_selected .gantt_task_cell {border-right-color: #d1d1d1;} /** grid select color */ .gantt_grid {overflow-x: unset;width: unset !important;} .gantt_grid .gantt_grid_scale, .gantt_grid .gantt_grid_data{overflow-x: unset;} .gantt_grid_data .gantt_row.odd:hover, .gantt_grid_data .gantt_row:hover, .gantt_grid_data .gantt_row.gantt_selected, .gantt_grid_data .gantt_row.odd.gantt_selected, .gantt_task_row.gantt_selected {background-color: #f7f7f7;} /** display on right zoom buttons */ .btn-group {height: 100%;} .user-avatar {max-height: 16px;max-width: 16px;} .gantt_grid_scale .gantt_grid_head_cell, .gantt_task .gantt_task_scale .gantt_scale_cell, .gantt_grid_data .gantt_cell {color: #5F6C72;} .gantt_add_button {color: #88C651;} .pointer:hover {cursor: pointer;} .gantt_side_content.gantt_right .deadline-message{color: #d16464;} .gantt_tooltip {box-sizing: border-box;white-space: pre-line;overflow-wrap: break-word;max-width: min(50vw, 700px);} .resource_marker{text-align: center;} .resource_marker div{color: black;background: none;} .resource_marker.resource_cell div{font-weight: bold;background-color: #d6d6d6;} .resource_marker.task_cell div {cursor: pointer;} .resource_marker.workday_ok div {} .resource_marker.workday_over div{color: red;font-weight: bold;} .gantt_task_cell.week_end {background-color: #e8e8e87d;} .gantt_task_row.gantt_selected .gantt_task_cell.week_end{background-color: #e8e8e87d !important;} .group_row, .group_row.odd, .gantt_task_row.group_row{background-color: rgba(232, 232, 232, 0.6);} /** BOARD **/ .board-list-header{display: flex;justify-content: flex-end;padding: 0 10px 15px;flex-wrap: wrap;} .board-list-header .board-header-button {line-height: 1;} .board-list-header button.board-header-button:not(:first-child) {margin-left: 15px !important;} .board-list-container{width: 100%;padding: 0 10px;} .board-nofound{color: #a1a1a1;text-align: center;margin: 20px auto;font-size: 2.5em;} .board-list .board-container{margin-top: 30px;} .board-list .board-container-content{display: flex;background: #fff;padding: 15px;height: 100%;border-radius: 3px;box-shadow: 0 0 1px 0 rgba(23, 43, 77, 0.56);text-decoration: none;color: inherit;} .board-list .board-container-content .board-icon img{width: 50px;padding-right: 10px;} .board-list .board-container-content .board-info{display: flex;flex-direction: column;width: 100%;} .board-list .board-container-content .board-info .board-info-header{display: flex;align-items: center;} .board-list .board-container-content .board-info .board-info-header .board-name{font-size: 1.5em;font-style: inherit;font-weight: 500;line-height: 1.2;} .board-list .board-container-content .board-info .board-info-header .board-edit-button{margin-left: auto;outline: none;border: none;border-radius: 3px;background: transparent;} .board-list .board-container-content .board-info .board-info-header .board-edit-button:hover{cursor: pointer;background-color: #DFE1E6;} .board-list .board-container-content .board-info .board-desc{max-height: 100px;overflow: auto;margin:20px 0;} .board-list .board-container-content .board-info .board-link{background-color: #F4F5F7;display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;padding-left: 10px;padding-right: 10px;color: #42526E !important;text-decoration: none !important;cursor: pointer;line-height: 30px;height: 30px;max-width: 100%;margin: auto 5px 0 0;width:max-content;} .board-list .board-container-content .board-link:hover{background-color: #DFE1E6;} .board-view-header{display: flex;justify-content: flex-end;padding: 0 10px 15px;flex-wrap: wrap;} .board-view-header button:not(:first-child) {margin-left: 15px !important;} .board-view-header button:first-child {margin-right: auto;} .board-view-header .board-header-button {line-height: 1;} .board-view-container{width: 100%;padding: 0 20px;overflow: auto;} .board-lane-list {width: max-content;} .kanban-board {overflow-y: auto;overflow-x: hidden;border-radius: 5px;width: 272px;box-sizing: border-box;display: inline-block;vertical-align: top;white-space: nowrap;} .kanban-board .kanban-board-header {padding: 10px 8px 10px 16px;min-height: 20px;display: flex;} .kanban-board .kanban-board-header .kanban-title-board{font-weight: 600;margin-right: auto;overflow: hidden;text-overflow: ellipsis;} .kanban-board .kanban-board-header button {border: none;background: transparent;margin-left: 8px;height: min-content;} .kanban-board .kanban-board-header button:hover {background-color: #f4f5f7;} .kanban-board .kanban-board-header button:focus {background-color: #f4f5f7;} .kanban-board footer {display: flex; justify-content: flex-start;margin-top: 10px;} .kanban-board footer button {background: transparent;margin: 0 8px 8px 8px;border: 1px solid lightgrey;} .kanban-board footer button:hover {background-color: #f4f5f7;} .kanban-board footer button:focus {background-color: #f4f5f7;} .kanban-board .kanban-drag{flex: 1 1 auto;overflow-y: auto;overflow-x: hidden;margin: 0 4px;padding: 0 4px;z-index: 1;min-height: 0;} .kanban-board .kanban-item{background-color: #fff;border-radius: 3px;box-shadow: 0 1px 0 rgb(9 30 66 / 25%);cursor: pointer;display: block;max-width: 300px;min-height: 20px;position: relative;text-decoration: none;z-index: 0;} .kanban-board .kanban-item:not(:last-child) {margin-bottom: 8px;} .kanban-board .kanban-item:hover {background-color: #f4f5f7;border-bottom-color: rgba(9,30,66,.25);} .kanban-board .kanban-drag .kanban-item .preview-fields{display: flex;flex-direction: column;white-space: pre-wrap;overflow-wrap: anywhere;} .kanban-board .kanban-drag .kanban-item .preview-fields #tw-target-text {white-space: pre-wrap;} .kanban-title-button:focus{outline: none;} .kanban-board .kanban-drag {max-height: var(--lane-max-height);min-height: var(--lane-min-height);} .kanban-item {font-size: 0.75rem;} /* Classes for fields in Entries must be declared without specifying parents because when being dragged the elements are moved to the body */ .kanban-item .board-entry-renderer {display: flex;flex-direction: column;} .kanban-item .board-entry-renderer:not(:last-child) {margin-bottom: 10px;} .kanban-item .board-entry-renderer span {white-space: pre-wrap;overflow-wrap: anywhere;} .kanban-item .board-entry-renderer .board-entry-field-label {font-weight: 200;margin-right: 5px;} .kanban-item .board-entry-renderer .board-entry-flag {display: flex;align-items: center;} .kanban-item .board-entry-renderer .board-entry-flag input[type="checkbox"]{margin-left: 5px;} .kanban-item .board-entry-renderer .board-entry-description-frame {width: 100%;border: 0;margin-top: 5px;max-height: 5rem;} .kanban-item .board-entry-renderer .board-entry-img-icon {max-width: 20px; margin-right: 5px;} .kanban-item .board-entry-renderer .board-entry-entity-id {font-weight: bold;font-size: 0.6rem;position: absolute;top: 0;right: 0;width: max-content;height: 20px;display: flex;align-items: center;justify-content: flex-end;padding: 0 5px;border-radius: 3px;margin: 2.6px;max-width: min-content;max-height: max-content;white-space: nowrap;} .kanban-item .board-entry-renderer .board-entry-wrap {display: flex;flex-wrap: wrap;} .kanban-item .board-entry-renderer .board-entry-badge {width: max-content;} .kanban-item .board-entry-renderer .board-entry-badge h6 {margin-bottom: 0;} .kanban-item .board-entry-renderer .board-entry-list.badge{width: max-content;} .kanban-item .board-entry-renderer .board-entry-percentage-total {width: 100%;height:1rem;border: 1px solid lightgrey;box-sizing: content-box;overflow: hidden;} .kanban-item .board-entry-renderer .board-entry-percentage {height: 1rem;} .kanban-item .board-entry-renderer .board-entry-percentage-text {color:#fff;} .kanban-item:hover .board-entry-renderer .board-entry-percentage-text {color:#f4f5f7;} .kanban-item .board-entry-renderer .board-entry-label-icon {margin-right: 5px;} .kanban-item .board-entry-renderer .board-entry-title {font-weight: bold;} .kanban-item .board-entry-renderer .board-entry-dateshort {display: inline-block; width: max-content;color: white;padding: 2px 5px;border-radius: 3px;} .kanban-drag .board-entry-renderer.board-entry-freeform > div {margin-top: 3px;} .kanban-drag .board-entry-renderer.board-entry-freeform .board-entry-freeform-middle-content {display: flex;} .kanban-drag .board-entry-renderer.board-entry-freeform .board-entry-freeform-middle-content .board-entry-list {} .kanban-drag .board-entry-renderer.board-entry-freeform .board-entry-freeform-middle-content .board-entry-dateshort {font-size: 75%;font-weight: 700;line-height: 1;text-align: center;vertical-align: baseline;margin-left: auto;} .kanban-item .board-entry-renderer.board-entry-freeform .board-entry-freeform-quickview {display: flex;} .kanban-item .board-entry-renderer.board-entry-freeform .board-entry-freeform-quickview .board-entry-quickview {margin-right: 20px;} .kanban-item .board-entry-renderer.board-entry-freeform .board-entry-freeform-quickview .board-entry-quickview-count {margin-left: 3px;} .kanban-new-entry {padding: 0 4px;margin: 8px 4px 0;} .kanban-new-entry-textarea {width: 100%;white-space: pre-wrap;max-height: 100px;background: #fff;padding: 15px;border-radius: 3px;cursor: text;overflow-y: auto;box-shadow: 0 1px 0 rgb(9 30 66 / 25%);border: none;resize: none;} .kanban-new-entry-textarea:empty::before {content: attr(placeholder);font-weight: 300;} .kanban-new-entry-textarea:empty:focus::before {content: '';} .kanban-new-entry-textarea:focus {outline: none;} .kanban-new-entry-button-container {display: flex;} .kanban-new-entry-button-container .kanban-new-entry-button-wrapper {margin-left: 5px;font-size: 18px;} .kanban-new-entry-button-container .kanban-new-entry-button-wrapper:not(:last-child) {margin-right: 5px;} .kanban-new-entry-button-container .kanban-new-entry-button-wrapper i {cursor: pointer;} .kanban-new-entry-button-container .kanban-new-entry-button-wrapper:hover {color: #343c3f;} .board-mask {background-color: rgba(0,0,0,0.3);width: 100vw;height: 100vh;position: fixed;top: 0;} .board-mask .board-entry-window {margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: fixed;max-width: 60%;overflow-y: auto;max-height: 90%;box-shadow: -8px 10px 20px rgb(3 27 78 / 10%);background: #ffffff;opacity: 0.98;padding: 10px;z-index: 100;background-size: cover;border-radius: 3px;} .board-mask .board-entry-window .board-entry-window-header {display: flex;flex-direction: row-reverse;} .board-mask .board-entry-window .board-entry-window-header button{color: #5F6C72;border: none;font-size: 15px !important;} .board-mask .board-entry-window .board-entry-window-header button:hover {background-color: initial;color: #343c3f;} .board-mask .board-entry-window .board-entry-window-header button:focus {outline: none;box-shadow: none;} .board-mask .board-entry-window .board-entry-window-header button.board-entry-window-header-delete{color: rgb(231, 76, 60);border: none;} .board-mask .board-entry-window .board-entry-window-header button.board-entry-window-header-delete:hover {color: #b33b2e;} .board-mask .board-entry-window .board-entry-window-header button.board-entry-window-header-save{color: #4d984e;border: none;} .board-mask .board-entry-window .board-entry-window-header button.board-entry-window-header-save:hover {color: #2e5b2f;} .board-mask .board-entry-window .tew_form_container {max-height: 91%;overflow-y: scroll;} .board-mask .board-entry-window .qq-thumbnail-wrapper {max-height: 80px;height: auto;} .board-mask .board-entry-window .qq-upload-button {margin-bottom: 10px;} .board-mask .board-entry-window .qq-upload-list {max-height: 177px;overflow-y: auto;padding-top: 0;} .board-mask .board-entry-window .qq-upload-list li:last-child {margin-bottom: 0;} .board-mask .board-entry-window .board-entry-window-footer {padding: .8rem .8rem 0 .8rem;} #board-background-preview {width: 30px;height: 30px;background-size: contain;} .chat-form-element .chat-form-element-header {padding-bottom: 1rem;display: flex;} .chat-form-element .chat-form-element-header .chat-form-element-header-add {margin: 0.2rem 0;padding: 15px;border: 1px solid rgb(204, 204, 204);border-radius: 4px;cursor: pointer;line-height: 0;width: min-content;height: min-content;} .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons {overflow-x: auto;width: 100%;white-space: nowrap;margin: 0 5px;display: flex;} .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons .chat-form-element-header-chat__buttons-button {display: flex;justify-content: center;align-items: center;height: min-content;margin: 0.2rem;} .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons .chat-form-element-header-chat__buttons-button:not(:first-child) {margin-left: 5px;} .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons .chat-form-element-header-chat__buttons-button.chat-form-element-header-chat__buttons-button-selected {background-color: #d5d5d5; } .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons .chat-form-element-header-chat__buttons-button .chat-form-element-header-chat__buttons-button-label {line-height: 25px;} .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons .chat-form-element-header-chat__buttons-button .chat-form-element-header-chat__buttons-button-unlink {margin-left: 0.5rem;padding: 5px;border: 1px solid rgb(204, 204, 204);border-radius: 4px;cursor: pointer;background-color: white;display: inline-block;} .chat-form-element .chat-form-element-header .chat-form-element-header-chat__buttons .chat-form-element-header-chat__buttons-button .chat-form-element-header-chat__buttons-button-unlink:hover {background-color: rgb(239, 239, 239);} .chat-form-element .chat-form-element-content {border: 1px solid rgb(204, 204, 204);border-radius: 4px;height: 400px;} .chat-form-element .chat-form-element-content iframe {line-height: 0;display: block;height: 100% !important;} /* Bootstrap toggle */ [data-toggle="toggle"] .toggle-group .toggle-on {line-height: 1.5;text-transform: uppercase;font-size: 13px;} [data-toggle="toggle"] .toggle-group .toggle-off {line-height: 1.5;text-transform: uppercase;font-size: 13px;} [data-toggle="toggle"] .toggle-group .toggle-on.btn-xs {line-height: 0.7;} [data-toggle="toggle"] .toggle-group .toggle-off.btn-xs {line-height: 0.7;} [data-toggle="toggle"] .toggle-group .toggle-on.btn-lg {line-height: 2;} [data-toggle="toggle"] .toggle-group .toggle-off.btn-lg {line-height: 2;} /* Flow */ .flow-context-link, .flow-render-model{font-size: 15px;} .flow-context-icon{font-size: 1.2em;padding: 0 10px 0 4px;vertical-align: middle;position: relative;cursor: pointer;} /* Variablebox component */ .variablebox {--variablebox-empty: "No Variables";outline: none;max-width: 100%;min-height: calc(2.25rem + 2px);overflow-y: auto;max-height: 5rem;height: auto;word-break: break-all;border-style: double;border-width: 4px;min-width: 100px;} .variablebox[contenteditable="true"]:empty {cursor: text;} .variablebox :first-child {display: inline-block;padding-top: 10px;} .variablebox span {vertical-align: middle;display: inline-block;padding-top: 7px;} .variablebox:empty:before { content: var(--variablebox-empty);font-style: italic;opacity: 0.8;} .variablebox .variable {user-select: none;margin: 0 2px;font-weight: 400;background-color: transparent;border: 1px solid var(--secondary);border-radius: 16px;display: inline-flex;width: max-content;align-items: center;} .variablebox .variable {font-size: 12px;padding: 0 10px;height: 26px;} .variablebox .variable .variable__label {white-space: nowrap;} .variablebox .variable .delete-variable {margin-left: 10px;margin-right: -6px;padding: 3px 4px;border-radius: 50%;cursor: pointer;font-size: 10px;} .variablebox .variable .delete-variable:hover {background-color: #dbdbdb;} .query-builder .variablebox.form-control:empty {padding-top: 7px;} .query-builder .variablebox.form-control:empty:before {margin-top: -5px;} .query-builder .variable .delete-variable {margin-left: 3px;} /* Variablebox-select component */ .query-builder .variablebox-select .component--variablebox:empty {height: 32px;} .variablebox-select {width: max-content;height: min-content;display: grid !important;} .component--select {width: 100%;z-index: 1;grid-area: 1 / 1 / 1 / 1;border: 4px double #ced4da;} .component--select .select2-selection {border: none;} .component--variablebox {position: relative;z-index: 2;grid-area: 1 / 1 / 1 / 1;} .component--variablebox .variablebox.form-control:empty {width: 100%;} .component--variablebox > .variablebox {height: 100%;min-height: auto;width: 100%;} .component--variablebox--hidden {visibility: hidden;z-index: 0;} .form-element-variableboxselect {width: 100%;} .form-element-variableboxselect .variablebox-select {width: 100%;} /* Flow Stages */ #stage-list {min-height: 220px;max-height: 28vh;overflow-y: auto;} #stage-list .stage-list-item {padding-bottom: 0.3rem;height: 45px;} #stage-list .list-item-container {display: flex;align-items: center;} #stage-list .handle-container {font-size: 1.6rem;} #stage-list .handle-container .move-stage-up, #stage-list .handle-container .move-stage-down {padding: 0.3rem 0.5rem !important;} #stage-list .handle-container .handle {cursor: move;} #stage-list li.ui-sortable-placeholder{visibility: visible !important;border: 1px solid #b0d6ff;} #stage-list li.ui-sortable-helper{border: 1px solid #ccc;} .stage-element-container {--arrow-size: 35px;--stage-padding-top: 12.5px;--stage-padding-bottom: 12.5px;font-size: 0.95rem;display: flex;flex-wrap: wrap;} .stage-element-container .stage-block__full {display: flex;align-items: center;position: relative;border: 1px solid gray;border-right: none;border-left-width: 0;padding: var(--stage-padding-top) 0 var(--stage-padding-bottom) var(--arrow-size);margin-bottom: 0.2rem;} .stage-element-container .stage-block__full:first-child {border-left-width: 1px;padding-left: 10px;margin-left: 0;} .stage-element-container .stage-block__main {z-index: 2;} .stage-element-container .stage-runtime-status {display: inline-block;margin-left: 3px;margin-right: 3px;} .stage-element-container .stage-block__arrow {content: '';height: var(--arrow-size);width: var(--arrow-size);position: absolute;background: transparent;border: 1px solid gray;border-top-width: 0;border-left-width: 0;transform: rotate(-45deg);right: calc(var(--arrow-size) / 2 * -1);} .stage-element-container .stage-block__arrow--before {transform: rotate(-45deg);left: calc(var(--arrow-size) / 2 * -1);right: unset;} .stage-element-container .stage-block__full:first-child .stage-block__arrow--before {display: none;} /* Flow Stage Grid Renderer */ .stage-renderer-container i {font-size: 0.95rem} .stage-renderer-container .stage-runtime-status {display: inline-block;margin-left: 3px;margin-right: 3px;} .stage-renderer-list {display: flex;} .render-mode-full {margin-top: 11px;margin-bottom: 11px;} .render-mode-minimal .stage-renderer-list {flex-direction: row;} .render-mode-full .stage-renderer-list{flex-direction: column;} .stage-renderer__main {display: flex;align-items: center;justify-content: center;} .render-mode-minimal .stage-renderer__main {flex-direction: row;} .render-mode-full .stage-renderer__main {flex-direction: column;} .stage-first .stage-renderer-arrow {display: none;} .render-mode-full .stage-renderer-arrow i:before {content: "\f063";} .render-mode-minimal .stage-renderer-arrow i:before {content: "\f061";} .render-mode-full .stage-render-mode-toggle i:before {content: "\f0d8";} .render-mode-minimal .stage-render-mode-toggle i:before {content: "\f0d7";} .stage-renderer-runtime-name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .render-mode-minimal .stage-renderer-runtime-name {display: none;} .render-mode-minimal .stage-renderer-runtime-status {display: none;} /* Approval */ .approval-rulebuilder .rules-group-container .rule-filter-container select {display: none;} .approval-rulebuilder .select2-container {height: min-content;} .approval-rulebuilder .variablebox_container {width: 100%;} .approval_grid_cell{display: flex;flex-direction: column;} .approval_grid_cell .approval_actions{display: flex;} .approval-grid-controller{font-size: 0.8rem;cursor: pointer;text-align: center;color: inherit !important;text-decoration: none !important;padding: 7px;} .approval-grid-controller.disabled{opacity: 0.5;cursor: not-allowed;} .fas.approval-grid-approve:before {color: var(--success);} .fas.approval-grid-reject:before {color: var(--danger);} /* duedate element */ .duedate-container {display: flex;flex-wrap: wrap;align-items: center;} .duedate-container > :not(select) {flex-basis: 15%;margin: 5px;} .duedate-container .select2-container {height: max-content;} .duedate-container .duedate-action + .select2-container {} .duedate-container .duedate-datetype + .select2-container {} .duedate-container .duedate-timeunit_container {display: flex;flex-basis: auto;} .duedate-container .duedate-timeunit_container > :not(select) {flex-basis: 50%;} .duedate-container .duedate-timeunit_container > :first-child {margin-right: 5px;} .duedate-container .duedate-timeunit_container > :last-child {margin-left: 5px;} .duedate-container .duedate-timeunit_container .duedate-timeunit-count {height: 32px;} /* frame form element */ .form-element-frame-holder {height: 70vh;min-height: 400px;position: relative;} .form-element-frame-holder .form-element-frame {height: 100%;padding: 0;} .form-element-frame-holder.frame-loaded .frame-loading-mask {opacity: 0;} .form-element-frame-holder .frame-loading-mask {position: absolute;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.1);z-index: 1;transition: opacity 500ms ease-out;} .form-element-frame-holder .frame-loading-mask .lds-ellipsis {position: absolute;} .lds-ellipsis {display: inline-block;position: relative;width: 80px;height: 80px;} .lds-ellipsis div {position: absolute;top: 33px;width: 13px;height: 13px;border-radius: 50%;background: #fff;animation-timing-function: cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;} @keyframes lds-ellipsis1 { 0% {transform: scale(0);} 100% {transform: scale(1);} } @keyframes lds-ellipsis3 { 0% {transform: scale(1);} 100% {transform: scale(0);} } @keyframes lds-ellipsis2 { 0% {transform: translate(0, 0);} 100% {transform: translate(24px, 0);} } /* Icon picker */ .iconpicker-popover.in {opacity: 1;} .iconpicker-preview i[class=""]::before {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;} .iconpicker .iconpicker-items {max-height: 160px;} /* Approval Frontend */ .approval-frontend-approval-approve .frontend-wrapper .frontend-main-container {max-width: 900px;margin: 0 auto;} .frontend-approve-widget {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 3rem;} .frontend-approve-result {--approve-color: #F4F5F7;--approve-bg-color: rgba(158,158,158,0.2);font-size: 10rem;line-height: 0.25;padding: 2rem;border-radius: 100%;color: var(--approve-color);background-color: var(--approve-bg-color);} .frontend-approve-error {--approve-bg-color: var(--danger);padding: 2rem 3.5rem;} .frontend-approve-success {--approve-bg-color: var(--success);} .frontend-approve-reject {--approve-bg-color: var(--danger);} .frontend-approve-warning {--approve-bg-color: var(--warning);padding: 2rem 5.5rem;} .frontend-approve-info {--approve-bg-color: var(--secondary);padding: 2rem 5.5rem;} .frontend-approve-message {margin-top: 3rem;font-size: 2rem;text-align: center;} /** Chat Users on page */ .chat-user-container {display: inline-block} .chat-user-avatar-container {display: inline-block} .chat-user-container .chat-user-avatar-container+.chat-user-avatar-container {margin-left: -0.6rem; transition-duration: 0.2s} .chat-user-container:hover .chat-user-avatar-container+.chat-user-avatar-container {margin-left: 0.05rem;} .chat-user-avatar-img {width: 1.6rem;height: 1.6rem; vertical-align: middle; border-radius:50%; font-size: medium; border: 0.05rem solid #ffffff} .chat-user-avatar-number{cursor:pointer; display: inline-flex; align-items:center; justify-content: center; font-size: small; background-color: rgb(0, 105, 217); color:#ffffff} .chat-user-avatar-plus{font-size:x-small} #chat-user-dropdown {margin-top: 0;} #chat-user-dropdown .dropdown-item {display: flex;align-items: center;} #chat-user-dropdown .dropdown-item .chat-user-avatar-img {margin-right: 5px;} /* Announcement Banner */ .announcement-banner {margin-bottom: 0.25rem;} .announcement-banner-icon {width: 15px;height: 15px;} .announcement-banner-icon:not(:empty) {margin-bottom: 0;margin-right: 0.5rem;display: flex;justify-content: center;align-content: center;} .announcement-banner-header {margin-bottom: 0;display: inline-flex;justify-content: center;align-items: center;max-width: 95%;} .announcement-banner-header > * {margin-bottom: 0;} .announcement-banner-header .announcement-banner-title {text-overflow: ellipsis;overflow: hidden;max-width: 100%;display: inline-block;white-space: nowrap;} /* Inline code */ pre.inline-code{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px} .btn-copy-to-clipboard{font-size: large;cursor: pointer;text-align: center;color: inherit !important;text-decoration: none !important;padding: 7px;} /* Survey */ #survey_tabs_form_survey_content { --survey-font-size: 1.5rem; } .frontend-survey-widget {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 3rem;} .frontend-survey-submitted {font-size: 10rem;line-height: 0.25;padding: 2rem;border-radius: 100%;color: #F4F5F7;background-color: var(--success);} .frontend-survey-message {margin-top: 3rem;font-size: 2rem;text-align: center;} body.adminhtml-portal-survey-edit {overflow: auto;max-height: 100vh;} body.adminhtml-portal-survey-edit .jconfirm .jconfirm-box.jconfirm-type-success, body.portal-frontend-survey-edit .jconfirm .jconfirm-box.jconfirm-type-success {border-top: solid 7px var(--success);} .adminhtml_portal_survey_edit #anchor-content, .adminhtml_portal_survey_result_edit #anchor-content, .portal-frontend-survey-edit [data-page-content] > .columns, .portal-frontend-survey-result-edit [data-page-content] > .columns {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} @media (min-width: 1200px) { .adminhtml_portal_survey_edit #anchor-content, .adminhtml_portal_survey_result_edit #anchor-content, .portal-frontend-survey-edit [data-page-content] > .columns, .portal-frontend-survey-result-edit [data-page-content] > .columns{max-width: 1140px;} } .adminhtml_portal_survey_edit .entry-edit .fieldset-legend, .adminhtml_portal_survey_result_edit .entry-edit .fieldset-legend, .portal-frontend-survey-edit .entry-edit-head .fieldset-legend, .portal-frontend-survey-result-edit .entry-edit-head .fieldset-legend {font-size: 1.6rem;font-weight: 600;line-height: 1;float: none;color: #444;} .adminhtml_portal_survey_edit .form-buttons button, .adminhtml_portal_survey_result_edit .form-buttons button, .portal-frontend-survey-edit .form-buttons button, .portal-frontend-survey-result-edit .form-buttons button {line-height: 1;} #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-header .head-adminhtml-survey, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-header .head-adminhtml-survey-result, .portal-frontend-survey-edit .main-col-inner > .content-header .head-adminhtml-survey, .portal-frontend-survey-result-edit .main-col-inner > .content-header .head-adminhtml-survey-result {float: none;max-width: unset;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 0.5rem;width: 100%;padding: 0;} #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-header, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-header, .portal-frontend-survey-edit .main-col-inner > .content-header, .portal-frontend-survey-result-edit .main-col-inner > .content-header{ display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; padding: 1rem; } #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-header .form-buttons, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-header .form-buttons, .portal-frontend-survey-edit .main-col-inner > .content-header .form-buttons, .portal-frontend-survey-result-edit .main-col-inner > .content-header .form-buttons {text-align: unset;display: flex;align-items: center;gap: 0.5rem;width: 100%;} #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-header .form-buttons button, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-header .form-buttons button, .portal-frontend-survey-edit .main-col-inner > .content-header .form-buttons button, .portal-frontend-survey-result-edit .main-col-inner > .content-header .form-buttons button {margin: 0;} #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-footer .form-buttons, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-footer .form-buttons, .portal-frontend-survey-edit .main-col-inner > .content-footer .form-buttons, .portal-frontend-survey-result-edit .main-col-inner > .content-footer .form-buttons {margin: 0;text-align: unset;display: flex;align-items: center;gap: 0.5rem;width: 100%;} #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-footer .form-buttons button, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-footer .form-buttons button, .portal-frontend-survey-edit .main-col-inner > .content-footer .form-buttons button, .portal-frontend-survey-result-edit .main-col-inner > .content-footer .form-buttons button {margin: 0;} #portal-inner-content.adminhtml_portal_survey_edit .content-header .form-buttons button, #portal-inner-content.adminhtml_portal_survey_edit .content-footer .form-buttons button, #portal-inner-content.adminhtml_portal_survey_result_edit .content-header .form-buttons button, #portal-inner-content.adminhtml_portal_survey_result_edit .content-footer .form-buttons button, .portal-frontend-survey-edit .content-header .form-buttons button, .portal-frontend-survey-edit .content-footer .form-buttons button, .portal-frontend-survey-result-edit .content-header .form-buttons button, .portal-frontend-survey-result-edit .content-footer .form-buttons button { font-size: 1.5rem !important; padding: 1rem 1.5rem !important; } @media screen and (min-height: 768px) { #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-header, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-header, .portal-frontend-survey-edit .main-col-inner > .content-header, .portal-frontend-survey-result-edit .main-col-inner > .content-header{position: sticky;top: 0;background-color: var(--white);z-index: 3;margin-bottom: 1rem;width: calc(100% + 4rem);margin-left: -2rem;box-shadow: 0 12px 10px -15px var(--gray);} #portal-inner-content.adminhtml_portal_survey_edit .main-col-inner > .content-footer, #portal-inner-content.adminhtml_portal_survey_result_edit .main-col-inner > .content-footer, .portal-frontend-survey-edit .main-col-inner > .content-footer, .portal-frontend-survey-result-edit .main-col-inner > .content-footer {position: sticky;bottom: 0;padding: 1rem;background-color: var(--white);z-index: 3;box-shadow: 0 -12px 10px -15px var(--gray);width: calc(100% + 4rem);margin-left: -2rem;} #portal-inner-content #anchor-content #content, .portal-frontend-survey-edit #content, .portal-frontend-survey-result-edit #content{overflow: unset;} } .survey-radio-element input[type='radio'] + label {display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid #6c757d;padding: 0.5rem 1.5rem;font-size: var(--survey-font-size);line-height: 1.5;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color: #212529;background-color: #f8f9fa;margin-left: 0 !important;width: 100% !important;max-width: 81.9vw;overflow: hidden;white-space: pre-wrap;overflow-wrap: anywhere;} .survey-radio-element input[type='radio']:not(:disabled) + label {cursor: pointer;} .survey-radio-element input[type='radio']:disabled + label {color: #212529;background-color: #f8f9fa;} .survey-radio-element.flex-column input[type='radio'] + label {border-radius: 0.25rem;} .survey-radio-element.flex-column {gap: 1rem;} .survey-radio-element input[type='radio'] {position: fixed;opacity: 0;pointer-events: none;} .survey-radio-element input[type='radio']:checked + label {color: #fff;background-color: #117a8b;font-weight: bold;} .survey-radio-element input[type='radio']:focus + label {outline: 0;text-decoration: none;} .survey-radio-element input[type='radio']:checked:focus + label {box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);} .survey-radio-element input[type='radio']:not(:checked):focus + label {box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);} .survey-radio-element input[type='radio']:not(:checked):hover + label {color: #212529;background-color: #e2e6ea;} .entry-edit .fieldset .survey-question-field.survey-type-grid-single input[type='radio'] + label, .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple input[type='checkbox'] + label {font-size: var(--survey-font-size);transform: translateY(-0.075em)} .entry-edit .fieldset .survey-question-field.survey-type-grid-single .label label, .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple .label label{font-size: var(--survey-font-size);font-weight: bold;width: min-content;} .entry-edit .fieldset .survey-question-field.survey-type-grid-single, .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple {display: flex;flex-direction: row;border-bottom: 1px solid #ccc;padding-bottom: 1rem;padding-top: 2rem;} .entry-edit .fieldset .survey-question-field.survey-type-grid-single > .value, .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple > .value {flex-basis: 75%;margin-left: auto;} @media screen and (max-width: 768px) { .entry-edit .fieldset .survey-question-field.survey-type-grid-single, .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple {flex-direction: column;} .entry-edit .fieldset .survey-question-field.survey-type-grid-single > .value, .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple > .value{flex-basis: auto;} } .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple input[type='checkbox'] {transform: translateY(-0.4rem);} .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple input[type='checkbox'] + label {margin-left: 0.5rem;} .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple .checkboxes {margin-bottom: 1rem;display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;} .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple .checkboxes > li {display: inline-flex;justify-content: flex-start;align-items: center;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;} @media screen and (min-width: 576px) { .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple .checkboxes > li {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} } @media screen and (min-width: 768px) { .entry-edit .fieldset .survey-question-field.survey-type-grid-multiple .checkboxes > li {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} } .survey-type-text input[type='text'], .survey-type-text textarea {font-size: var(--survey-font-size);height: 3em;} .survey-type-text ::placeholder {opacity: 0.6;} .entry-edit .fieldset .survey-question-field.survey-type-choice-multiple input[type='checkbox'] {transform: translateY(-0.4rem);} .entry-edit .fieldset .survey-question-field.survey-type-choice-multiple input[type='checkbox'] + label {font-size: var(--survey-font-size);transform: translateY(-0.075em);margin-left: 0.5rem;} /* Sales */ .sales-grid-column-container .sales-price {font-size: medium; font-weight: bold;} .sales-grid-column-container .sales-price-old {text-decoration: line-through} .sales-grid-column-container .sales-price-percentage {} .sales-grid-column-container .sales-percentage {font-size: medium; font-weight: bold;} .sales-grid-column-container .sales-tax {} .sales-form-container-label {text-align: right; padding-right: 0 !important;} .sales-form-container-value {text-align: right} .sales-form-container-value .sales-form-field-price {font-size: medium; font-weight: bold;} /* SYSTEM CONFIGURATION */ :is(#deep_crm_sync_contact_user, #deep_crm_sync_account_company) > .form-list {width: 100%;} :is(#deep_crm_sync_contact_user, #deep_crm_sync_account_company) > .form-list td.value {width: auto;}