[data-bs-theme=light] { --bs-options: #30b0c7; } .os-theme-dark, .os-theme-light { --os-size:7px !important; } .plotBlockLbl{background:#FFF;padding:0 3px;border-radius:2px;color:#555;font-size:10px;margin-right:5px;margin-top:1px;} html , body{ height: 100%; -ms-overflow-style:scrollbar; } /*Background image, background color*/ Body { margin: 0px; text-align: center; background-repeat: repeat-x; /* background-image: url(../tb_images/bgtile.gif); */ background-position: center bottom; font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif !important; /*font-size: 0.7em;*/ font-style: normal; line-height: 1.5em; font-weight: normal; font-variant: normal; padding: 0px; /*background-color: rgb(250,250,250) !important;*/ background-color: #fff; overflow: hidden; } .ui-widget, .ui-widget button, .vscomp-wrapper { font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif !important; } #StartPage { background-color:#fff !important; } label:hover { cursor:default !important; } p { margin:0 !important; } /*#sessionTimeout { padding:0 5px 5px; background:rgb(255,238,244); border-bottom:1px solid #ddd; }*/ .actions-panel.session-timeout-container { width:auto !important; left:50% !important; transform:translate(-50%); } /*.actions-panel.session-timeout-container .actions-header { background-color:#fff !important; color:#0084ff !important; border:1px solid #0084ff; border-bottom:0; }*/ /*.actions-panel.session-timeout-container .actions-header i { color:#0084ff !important; }*/ .actions-panel.session-timeout-container .actions-content { padding:10px 10px 0; border-top:0; } .actions-panel.session-timeout-container .actions-content .content { font-size:1.1em; margin-bottom:15px; } .actions-panel.session-timeout-container .actions-content .btn { width:100%; } i:hover { cursor:default; } .WaterMark { opacity:0.1; position:fixed; width:100%; font-size:60vmin; padding:5px 0; bottom:0; } .educationNavInfo{ font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; font-size: 12px; font-weight: bold; color: #000000;} .educationHeader { font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; font-size: 20px; font-weight: bold; color: #000000; line-height:125%; } /* =================================================================================== */ /* div-layout table */ /* =================================================================================== */ .divRow { display:table; table-layout:fixed; text-align:left; border-collapse:collapse; } .divRow.hRow{ width:100%; } .tbody > .divRow.hRow{ position:sticky; top:64px; } .headerContent .divRow.hRow { border-radius:0; } .divRow.cRow{ width:100%; page-break-inside:avoid; } .divCol { display:table-cell; border-style:solid; border-width:0 1px 1px; padding:6px 4px; box-sizing:content-box; vertical-align:top; } .divCol.tableHeaderSortable a:hover { text-decoration:none; } .thead { position:sticky; top:35px; z-index:50; padding-right:6px; } .TableContent .TableContent .thead { top:0; } .tbody { border-collapse:collapse; padding-right:6px; } .thead i, .tbody i { font-size:.9em; } .tbody i.fa-xs { font-size:.5em; } .tbody > .toppCellHeader:first-child { margin-top:5px; } .divRow p:first-of-type, .tlink p:first-of-type, ._topCellHeader p:first-of-type { display:inline; } .inlineTable .divRow.hRow:hover .divCol { background-color:var(--table-header-bg) !important; border-radius:0; } .inlineTable .divRow:hover .divCol { color:var(--font-color); } .inlineTable .divCol.tableHeaderSortable:hover { background-color:var(--table-header-bg); } .inlineTable { padding:4px; border:1px solid var(--table-header-bg); border-radius:6px; background-color:var(--table-row-bg) !important; } /*.inlineTable .divRow { background-color:rgb(248,248,248) !important; }*/ .inlineTable .hRow { border-bottom:1px solid var(--table-row-border); } .inlineTable .hRow .divCol { padding:1px 5px; } .inlineTable .actionRow { border:0; width:100%; color:var(--table-header-color); } .inlineTable .actionRow .divCol { border:0; padding:2px 0 4px 6px; } .ganttHeader { margin:0; padding:0; list-style-type:none; display:inline; font-weight:normal; color:#999; } .ganttHeader li { float:left; text-align:center; box-sizing:content-box; border:1px solid #ddd; padding:2px; } .ganttHeader>li:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; } .ganttHeader>li:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; } .ganttHeader>li:not(:last-child) { border-right:0; } .ActivityStarts:before { content:' '; position:absolute; width:0; height:0; left:414px; top:-5px; border:4px solid; border-color:transparent transparent #D89F43 #D89F43; } .ActivityEnds:before { content:' '; position:absolute; width:0; height:0; left:414px; top:-5px; border:4px solid; border-color:#D89F43 #D89F43 transparent transparent; } .checkThem:hover { cursor:pointer; } .tableHeaderSortable { margin-right:5px; } .tableHeaderSortable i { margin-top:3px; } .tableHeaderSortable a:link { font-weight:400 !important; } /*.divCol > .ImpactAreaRow:not(:last-child) { border-bottom:1px solid #efefef; margin-bottom:10px; }*/ .divCol > .ImpactAreaRow { margin-bottom:5px; } .divCol > .ImpactAreaRow > .ImpactAreaLabel { float:left; margin-right:5px; } /*.divCol > .ImpactAreaRow > .ImpactAreaAnswer { float:left; }*/ /*.divCol > .ImpactAreaRow > .ImpactAreaAnswer:not(:last-child) { margin-bottom:10px; }*/ /*.divCol > .ImpactAreaRow > .ImpactAreaAnswer:last-child { margin-bottom:2px; }*/ /* =================================================================================== */ /* Page footer */ /* =================================================================================== */ #PageFooter { position: absolute; bottom:0; right:0; width:100%; text-align:left; margin: -4.5em auto 0 auto; padding: 0; border-top: 3px solid rgb(216,159,67); background-color: #FFF; /* width:1000px; */ } * html #PageFooter{ margin-top: -4.4em; } #aboutOverlay { opacity:0.4; height:100%; width:100%; position:fixed; left:0; top:0; z-index:15020; background-color:var(--backdrop-bg); display:none; z-index:16000; } #about { display:none; position:fixed; background:var(--menu-bg); color:var(--menu-font-color); top:50%; left:50%; margin-left:-225px; margin-top:-250px; width:450px; z-index:9999; border:1px solid var(--content-bg); border-radius:6px; z-index:16001; } #about .aboutHeader { padding:10px 0; background-color:var(--table-row-bg) !important; border-radius:6px 6px 0 0; } #about .aboutHeader img { width:60%; margin:0 auto; } #about .aboutContent { padding:0 5px 5px; text-align:center; } /* =================================================================================== */ /*Page width settings*/ #Wrapper { text-align:left; /* margin-left: 180px; */ /*background-color: #FFF;*/ /* background-color: rgb(245,245,245);*/ /* width:84.5em; */ /* padding: 0; */ min-height: 100%; /* position: relative; */ /* float:right; */ /* width:90%; */ } * html #Wrapper { height: 100%; } #Wrapper .content { /* padding: 8px 8px 0 8px; */ /* padding:0 0 1em 0; */ /* position: relative; */ } .ButtonBox{ clear: both; float: left; width:100%; /* margin-left:15px; */ } .ButtonBox ul { list-style:none; margin: 0; padding:0; } .ButtonBox li { display:inline; float: left; margin: .5em .5em .5em 0; } .ButtonBox a { font-size:1.2em; } .SearchButtonBox { } /* =================================================================================== */ /* General behaviour */ /* =================================================================================== */ a:active, a:focus { outline:none; } a:link, a:visited, .btn.btn-link { font-weight:bold !important; text-decoration:none; } @supports(-ms-ime-align:auto) { a:link, a:visited, .btn.btn-link { font-weight:600 !important; } } .btn-link.toggleVisibilityBtn { font-weight:400 !important; } a:hover:not(.btn) { text-decoration:underline; } a i:hover { cursor:pointer; } .feltext { color:#ff453a; padding:10px 15px; font-size:1.2em; background:rgb(255,238,244); } .modal-body-error.feltext { margin:5px 1rem 0; background-color:rgb(255,238,244); padding:5px; } .modal-content #loading { font-size:1.5em; text-align:center; margin:20px 0 -15px 0; } .modal-content #loading i { margin-right:5px; } /*Generella taggar*/ html { font-size: 100% } H1, H2, H3, H4, H5 { padding:0px; margin:0px; } P { padding:0px; margin:0px; } img { border: 0; } input, select, textarea { vertical-align: middle; font-size:0.9em; font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; /* Make all behave the same, width may wary otherwise. Note: Works from IE 8 and forward. */ -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:1px; } select { white-space:nowrap; width:100%; min-width:150px; } input{ margin-top:0px !important; margin-bottom:3px !important; margin-right:3px !important; } input[type=text], input[type=password], textarea{ border: 1px solid #CCC; width:100%; } input[type=file] { max-width: 200px; } .divRow input.form-check-input[type=radio] { margin-top:6px !important; } input.form-check-input[type=radio] { margin-top:3px !important; } label { cursor: pointer; /* font-weight: bold; */ } .placeholder { white-space: nowrap; padding:3px 4px; } .contentLoading { text-align:center; color:#000; margin-top:1px; margin-left:50%; transform:translate(-50%); z-index:2000; position:sticky; top:35px; } #NavigationLoadMoreContent.contentLoading { font-size:1em; } /*.ui-tabs-panel .contentLoading { padding:20px 0; }*/ .contentLoading .input-group-addon { position:absolute; top:5px; background-color:var(--table-row-bg); color:var(--font-color); border:1px solid var(--border-color); display:inline; } .contentLoading > .input-group-addon:last-child { margin-left:24px; } .FaIconSelect { font-family: fontawesome, Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; } /*.fa-half:before { position:absolute; }*/ /* =================================================================================== */ /* Head of page: logo, language selection, logged in info */ /* =================================================================================== */ /* Top holder */ .PageHeader {height:50px; position:relative; border-bottom-width:1px; border-bottom-style:solid; padding-bottom:5px; } .PageHeader .LeftPanel {float:left; width:40%; padding:10px 5px;} .PageHeader .RightPanel .eit-logo-black, .PageHeader .RightPanel .eit-logo-white {width:230px; float:right;} .PageHeader .CenterPanel {float:left; width:20%; font-size:1.4em; color:#888; text-align:center; padding-top:15px;} .PageHeader .RightPanel {float:left; width:40%; padding:10px 5px;} /*.PageHeader .RightPanel .customer-logo { float:right; width:40%; }*/ .PageHeader .RightPanel .user-container { float:right; margin-right:5px; } .PageHeader .RightPanel .user-container .dropdown-toggle { padding:4px 10px; margin-top:-3px; background:transparent; color:var(--font-color) !important; } .PageHeader .RightPanel .user-container.impersonate > .dropdown-toggle, .PageHeader .RightPanel .user-container.impersonate #signOutLink { color:#ff453a !important; } .PageHeader .RightPanel .user-container > .dropdown-menu { padding:6px !important; } .PageHeader .RightPanel .user-container #userdropdown { border:0 !important; } .PageHeader .RightPanel .user-container .bootstrap-select button { background-color:transparent !important; } .PageHeader .RightPanel .user-container .BoxHeader { color:var(--label-font-color); font-size:1.2em; } .PageHeader .RightPanel .user-container label:not(.btn-outline-options) { color:var(--label-font-color); } /*.PageHeader .RightPanel .user-container #userSettingsBtn { border:0; padding:0; color:#333; }*/ .PageHeader .RightPanel .user-container .dropdown.bootstrap-select { background:transparent !important; color:var(--font-color) !important; } .PageHeader .RightPanel .user-container .dropdown-menu { z-index:2000 !important; } .PageHeader .RightPanel .user-container .dropdown-menu .bootstrap-select { width:auto !important; } .PageHeader .RightPanel .user-container .dropdown-menu .form-group .on-off-group, .PageHeader .RightPanel .user-container .dropdown-menu .bootstrap-select { float:right; } .PageHeader .RightPanel .user-container .dropdown-menu > .form-group:not(:last-child), .PageHeader .RightPanel .user-container .toPlayPlus { border-bottom:1px solid #ddd; } .PageHeader .RightPanel .user-container .dropdown-menu > .form-group { padding:8px 0; margin:0 4px; } .PageHeader .RightPanel .user-container .dropdown-menu .form-group .on-off-group .btn { padding:0 4px; font-size:.9em; } .PageHeader .RightPanel .user-container .dropdown-menu .dropdown-toggle { border:0 !important; } .PageHeader .RightPanel .user-container .toPlayPlus { text-align:right; } .PageHeader .RightPanel .user-container #signOutLink { padding-top:6px; float:right; } .PageHeader .RightPanel .user-container #signOutLink:hover, .PageHeader .RightPanel .user-container .toPlayPlus .btn:hover { text-decoration:underline !important; background:transparent !important; } .ToggleMainMenu {position:absolute !important; bottom:5px; left:15px;} .ToggleMainMenu:hover { cursor:pointer; color:#fff; } .navIcon { width:15px; height:14px; position:relative; transform:rotate(odeg); transition:.5s ease-in-out; float:left; } .navIcon span { display:block; position:absolute; height:2px; width:100%; background:#0084ff; border-radius:6px; left:0; transform:rotate(odeg); transition:.25s ease-in-out; } .navIcon.open span { height:3px; } .navIcon span:nth-child(1) { top:2px; } .navIcon span:nth-child(2) { top:6px; } .navIcon span:nth-child(3) { top:6px; } .navIcon span:nth-child(4) { top:10px; } .navIcon.open span:nth-child(1) { top:6px; width:0%; left:50%; } .navIcon.open span:nth-child(2) { transform: rotate(45deg); } .navIcon.open span:nth-child(3) { transform: rotate(-45deg); } .navIcon.open span:nth-child(4) { top:6px; width:0%; left:50%; } .ToggleMainMenu:hover .navIcon span { background:#fff; } .navIcon.mainMenu{ margin-right:3px; } .navIcon.mainMenu span:nth-child(1) { top:5px; } .navIcon.mainMenu span:nth-child(2) { top:10px; } .navIcon.mainMenu span:nth-child(3) { top:10px; } .navIcon.mainMenu span:nth-child(4) { top:15px; } .navIcon.mainMenu.open span:nth-child(1) { top:10px; } .navIcon.mainMenu.open span:nth-child(4) { top:10px; } /*Customer logo*/ .LogoHolder { display:table-cell; height:100px; width:100%; } /*Operations information*/ #OperationsInformation { float: left; clear: left; color: #ff453a; border: 1px solid #ff453a; font-size: .8em; padding: 0px 2px 0px 2px; width: 650px; margin-top: 6px; margin-bottom: -6px; } /*Signed in*/ #LanguageSelector { float:right; margin:0px; font-size:.8em; } /* =================================================================================== */ /* Head of page: level 1 and level 2 menu */ /* =================================================================================== */ /* .HeadNavigation { position:fixed; left:0; background-color:#aaa; font-size:1.2em; width:40px; text-align:center; height:100%; } */ .HeadNavigation { position:fixed; left:0; font-size:1.2em; width:40px; text-align:center; height:100%; z-index:1001; } .HeadNavigation ul { padding:0; margin:0; } .HeadNavigation ul li:not(:last-child) { border-bottom-width:1px; border-bottom-style:solid; } .HeadNavigation li a i { font-size:1.1em; margin:0 6px; } /* .HeadNavigation ul > li:not(:last-child){border-bottom:1px solid #d6d6d6;} */ .HeadNavigation li{ list-style:none; } .HeadNavigation li a { padding:10px 0; display:block; } .HeadNavigation a:link, .HeadNavigation a:visited { outline:0; } .HeadNavigation a.disabled:hover, .HeadNavigation a.disabled:link, .HeadNavigation a.disabled:visited { cursor:default; opacity:.2; } .HeadNavigation a.disabled i:hover { cursor:default; } .HeadNavigation #ResetMenu, .HeadNavigation #ResetMenu a:hover { background-color:#ff453a; } /*.HeadNavigation #ResetMenu .LinkText, .HeadNavigation #ResetMenu .LinkText a:hover { color:#fff; }*/ .HeadNavigation .Disabled:link, .HeadNavigation .Disabled:visited { border-bottom: none; padding-bottom: 5px; text-decoration: none; cursor: default; } .HeadNavigation #Disabled:link, .HeadNavigation #Disabled:visited { cursor: default; text-decoration: none; } .HeadNavigation #HasNewDialogues, .HeadNavigation #HasNewDialogues:hover { background-color:#ff453a; color:#fff !important; } .HeadNavigation #Footer { position:absolute; bottom:10px; width:100%; padding-left:6px; } .HeadNavigation #Footer .PageFooterLogo { width:40%; } .HeadNavigation #Footer a { border:0; color:#000; font-size:1.2em; padding:0 0 0 3px; } .HeadNavigation #Footer a:hover { background:transparent; text-decoration:none; box-shadow:none; } .UserInfo { text-align:center; float:right; } /*Sub menu navigation*/ .HeadNavigation2 { /* background-color: #FFF; */ clear: both; padding:0; position:absolute; top:80px; left:185px; } .HeadNavigation2 ul{ margin: 0px; padding: 0; float: left; } .HeadNavigation2 a:link, .HeadNavigation2 a:visited { color: RGB(216,159,67); padding: 1px 15px 1px 0; } .HeadNavigation2 li { display:inline; padding-right: 5px 0px; } .HeadNavigation2 #Active { font-size: 1.0em; /* background-image: url(../eit-images/arrow_grey.gif); background-repeat: no-repeat; background-position: 2px 50%; */ /* background-color: #444; */ color: RGB(216,159,67); font-weight: bold; text-decoration: none; } .HeadNavigation2 .Disabled:link, .HeadNavigation .Disabled:visited { cursor: default; text-decoration: none; color: #BBB; } /*Third row in topmenu*/ .HeadNavigation3 { /* background-color: #EEE; */ clear: both; /* padding: 2px 0px; */ padding:2px 4px; font-size: 1em; margin-bottom: 3px; } .EntityNavigation { position:fixed; left:-210px; height:100%; width:250px; max-width:1000px; padding-bottom:100px; z-index:1000; } .EntityNavigation .NavigationHeaderContainer { font-size:1rem; padding:10px 5px 10px 5px; } .EntityNavigation .NavigationHeader { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:40px; } .EntityNavigation .NavigationContentContainer { height:100%; padding:0 8px; } .EntityNavigation .NavigationContentContainer .Entity { display:block; padding:6px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:400 !important; font-size:13px; } .EntityNavigation .NavigationContentContainer .Entity.active { color:#0084ff; } .EntityNavigation .NavigationContentContainer .Entity i { margin:2px 4px 0 0; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethod { font-size:14px; margin-left:0; padding:6px 2px 0 0; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByStep .Entity.AssessmentMethodStep, .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodObject { padding:3px 10px 0 0; margin-top:5px; } /* border-top:1px solid #dedede; */ .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByStep .Entity.AssessmentMethodStep .toggleVisibilityBtn, .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodObject .toggleVisibilityBtn, .EntityNavigation .NavigationContentContainer .Entity.AssessmentObject .toggleVisibilityBtn { font-size:13px !important; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByStep .Entity.AssessmentMethodStep .fa-chevron-right, .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByStep .Entity.AssessmentMethodStep .fa-chevron-down, .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodObject .fa-chevron-right, .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodObject .fa-chevron-down { float:left; margin:5px 0 0 0; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentObject { padding:4px 15px 4px 0px; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentObject .dropdown, .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodStep .dropdown, .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject .dropdown { margin-top:-21px; position:absolute !important; right:5px; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject { padding:8px 15px 8px 6px; margin-left:7px; border-left:1px solid #999; } /* font-size:13px; */ .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject .tlink:hover, .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject .modalDraggable:hover { background:transparent !important; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject .dropdown-menu, .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodStep .dropdown-menu{ font-size:1em !important; max-width:210px; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject .dropdown-menu a, .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodStep .dropdown-menu a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByStep .Entity.AssessmentMethodThreat, .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodStep, .EntityNavigation .NavigationContentContainer .Entity.AssessmentObjectThreat { padding:6px 20px 6px 6px; margin-left:7px; border-left:1px solid #999; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentThreat { padding:6px 20px 6px 10px; font-size:13px; } .EntityNavigation .NavigationContentContainer .Entity.active, .EntityNavigation .NavigationContentContainer .AssessmentMethodThreat.Entity.active:hover, .EntityNavigation .NavigationContentContainer .AssessmentThreat.Entity.active:hover { background-color:var(--menu-active-bg) !important; padding-right:18px; color:#333 !important; } .EntityNavigation .NavigationContentContainer .Entity.active::after, .navbar-items-guide .nav-link.active::after { font-family:'Font Awesome 6 Pro'; content:'\f061'; font-weight:300; position:absolute; right:12px; color:var(--font-color); } .navbar-items-guide .nav-link.active::after { right:20px; } .EntityNavigation .NavigationContentContainer a:hover, .EntityNavigation .NavigationContentContainer .AssessmentThreat:hover, .EntityNavigation .NavigationContentContainer .AssessmentMethodThreat:hover { text-decoration:none; } .EntityNavigation .NavigationContentContainer .AssessmentThreat:hover a, .EntityNavigation .NavigationContentContainer .AssessmentMethodThreat:hover a:not(.dropdown-item) { color:#000 !important; } .AssessmentThreat .hover-dropdown .dropdown-content, .AssessmentMethodThreat .hover-dropdown .dropdown-content, .AssessmentObjectThreat .hover-dropdown .dropdown-content { background-color:var(--table-row-bg) !important; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodObject a:link, .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodThreat a:link, .EntityNavigation .NavigationContentContainer .Entity.AssessmentThreat a:link { font-weight:normal !important; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentMethodThreat a:link, .EntityNavigation .NavigationContentContainer .Entity.AssessmentThreat a:link { padding-left:2px; } .AssessmentNavigationGroupByStep .AssessmentMethodStep .btn, .AssessmentNavigationGroupByObject .AssessmentMethodObject .btn { font-weight:bold !important; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .AssessmentMethodObject { margin-left:0; border-left:0; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodStep { padding:8px 0 6px 0; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodStep > .AssessmentMethodThreat { margin-top:8px; padding-left:6px; } .EntityNavigation .NavigationContentContainer.AssessmentNavigationGroupByObject .Entity.AssessmentMethodStep > .AssessmentMethodThreat ~ .AssessmentMethodThreat { margin-top:0; } .EntityNavigation .NavigationContentContainer .Entity.AssessmentObjectThreat:hover { background-color:var(--menu-hover-bg); } .EntityNavigation .contentLoading { margin-top:5px; } .EntityNavigation .NavigationExpandPanel { position:absolute; right:5px; top:6px; padding:5px; } /*.EntityNavigation .NavigationExpandPanel i { font-size:1.4em; }*/ .EntityNavigation .NavigationExpandPanel i:hover { cursor:pointer; } .EntityHeader .NavigationButtonContainer .devider { margin:0 1px; } .PanelEntityNavigation { width:250px; float:left; } .PanelEntityNavigation .NavigationHeaderContainer { font-size:1.2em; padding:5px 5px 5px 10px; } .PanelEntityNavigation .NavigationHeader { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .PanelEntityNavigation .NavigationContentContainer { height:100%; } .PanelEntityNavigation .NavigationContentContainer .EntityHeader { font-size:1.1em; padding:5px 5px 5px 10px; background-color:rgb(248, 248, 248); margin-top:0; margin-bottom:5px; color:#444; } .PanelEntityNavigation .NavigationContentContainer > .EntityHeader:not(:first-child) { margin-top:15px; } .PanelEntityNavigation .NavigationContentContainer .Entity { display:block; padding:6px 5px 6px 2px; font-weight:400 !important; } .PanelEntityNavigation .NavigationContentContainer .Entity i { margin:2px 6px 0 2px; font-size:1.1em; float:left; } .PanelEntityNavigation .NavigationContentContainer .EntityLabel { padding-left:5px; } /*.PanelEntityNavigation .NavigationContentContainer .Entity { border-left-width:2px; border-left-style:solid; }*/ .Reporter .PanelEntityNavigation .NavigationContentContainer .Entity.active::after { left:298px; } .PanelEntityNavigation .NavigationContentContainer a:hover { text-decoration:none; background-color:#efefef !important; color:#000 !important; } .PanelEntityNavigation .EntityLabel .ControlSet { margin-bottom:2px; } .PanelEntityNavigation .EntityLabel .ControlSet, .PanelEntityNavigation .EntityLabel .ControlTarget { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } /*.PanelEntityNavigation .active .EntityLabel .ControlSet, .PanelEntityNavigation .active .EntityLabel .ControlTarget { color:#000; }*/ /*.PanelEntivityNavigationContainer { margin-left:250px; border-left:1px solid #efefef; }*/ .PanelContainer .PanelEmbracerLayout { border:0 !important; box-shadow:none !important; padding:0 15px 0 5px !important; } .PanelContainer .EntityIcon { font-size:1.6em; float:left; color:#0084ff; padding:5px 5px 0 0; color:#666; } .PanelContainer .EntityLabel { margin:10px 0 10px 0; overflow:hidden; font-size:1.3em; } .PanelContainer .EntityLabel .ControlSet { font-size:1.2em; margin-bottom:2px; } .PanelContainer .EntityLabel .ControlTarget { font-size:.9em; } .ReportControlNavigator .PanelContainer .EntityLabel { padding:2px 0 5px 4px; margin:10px 6px 5px 0; } .nav-side-container .navbar-sub-header.ctrlSet, .nav-side-container .nav-link.ctrlSet { font-size:1.1em !important; } /*.ReportControlNavigator .PanelEntityNavigation .NavigationContentContainer .Entity.active { background-color:rgb(255,238,244) !important; }*/ /* =================================================================================== */ /* Head of page: not in use */ /* =================================================================================== */ /*Bread crumb .BreadCrumb { margin: 0px; width: 100%; padding: 0px; clear: both; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } .BreadCrumb a:link, .BreadCrumb a:visited { text-decoration:none; color:#333333; } .BreadCrumb a:hover { text-decoration:underline; } .BreadCrumb LI { list-style-type:none; display:inline; background-image: url(../eit-images/bc-sep.gif); background-repeat: no-repeat; background-position: right; padding-right: 10px; margin-right: 5px; float: left; } .BreadCrumb LI.LastItem { background-image:none; } */ /* =================================================================================== */ /* Head of page: page title and image */ /* =================================================================================== */ #TitleWatermarkSection { /* width: 100%; margin-top: 5px; height: 30px; */ float: left; margin-left: 5px; } #reportEvent { color: #005C00; padding-right: 5px; } .PageName { /*padding: 12px 3px 4px 3px; /*20110717*/ font-size: 1em; color: rgb(0,0,0); padding: 0em 0em 0em 0.6em; /* background-image: url(../eit-images/arrow.gif); */ background-repeat: no-repeat; background-position: left center; /*background-repeat: no-repeat; /*20110717*/ /*background-image: url(../eit-images/act-foldbg.gif); /*20110717*/ /*background-position: right top; /*20110717*/ /*width: 90%; /*20110717*/ font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; font-weight:normal; } /*Page title*/ H1.PageTitle { font-size: 1.5em; color: rgb(125,125,125); font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; font-weight: normal; /* float: left; */ padding: 5px 0px; margin: 0; width: 100%; background-color: #FFF; } #IconSection { /* float: right; */ overflow: hidden; } /* .PageHeader { margin: color:rgb(100, 100, 100); width:100%; padding:5px; font-size:1.2em; line-height:1.6em; float: left; border-collapse: collapse; clear: both; font-size: 1.3em; border-bottom: 1px solid #BBB; } .PageHeader button { margin-left:10px; font-size:1em; } .PageHeader td { border-bottom: 1px solid #BBB; width: 100%; } */ .headerLabel { /* float: left; */ /* color: #666; */ /* font-size: 13px; */ white-space: nowrap; width:1px; opacity:.5; padding-right:5px; /* padding-left: 5px; padding-top: 2px; */ } .headerText { /* display: inline; */ /* float: left; */ /* color: #000; */ /* background-image: url(../eit-images/arrow.gif); background-repeat: no-repeat; background-position: 5px 6px; padding-left: 15px; */ /* padding-top: 2px; */ /* max-width: 590px; */ /* font-size: 13px; */ } .dim{ color: #444; } .education { *position: absolute; } /* .subHeaderText { float: left; color: #000; background-image: url(../eit-images/arrow.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 10px; max-width: 775px; margin-left: 5px; font-size: 0.9em; } */ /* ========================= END HEAD OF PAGE ======================================= */ /* =================================================================================== */ /* page layout: */ /* =================================================================================== */ #MidHolder { margin-left:40px; } .StatusBar.Light { background-color:rgb(250, 250, 250); } .StatusBar.Dark { background-color:#eee; } .StatusBar div { padding:5px; border-radius: 0 0 .15rem .15rem; background-color:#fff; } /* =================================================================================== */ /* page layout: */ /* =================================================================================== */ /*.PanelEmbracerLayout { clear: both; }*/ .ConfirmPanelEmbraceLayout { border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 10px; width: 100%; } /* panel holder for panels with scrollpanels inside */ #HtmlBoxPanelHolderLayout { float: left; overflow: auto; /*visible*/ } .PageScroll { display:none; bottom:20px; height:2.5em; position:fixed; right:35px; width:6em; z-index:1000; } .PageScroll a { background-color:#888; display:block; opacity:.3; filter:alpha(opacity=30); text-align:center; text-decoration:none; height: 100%; } .PageScroll a:hover { background-color: #444; } .PageScroll i { color:#2f2f2f; margin-top:.1em; } #TopScroll { float:left; height:100%; width:48%; } #TopScroll a { border-radius:4px 0 0 4px; } #BottomScroll { float:right; width:48%; height:100%; } #BottomScroll a{ border-radius: 0 4px 4px 0; } .ControlButtonsBox.FixedButtonPanel { font-size:1.3em; bottom:60px; margin:0 !important; position:fixed; right:25px; z-index:1000; top:initial; } .ControlButtonsBox.FixedButtonPanel button { padding:15px; } .CreateNewAccount { width:100%; border: 1px solid #999; clear: both; } .DisplayText { font-size:1em; margin:2px 0 10px 0; padding:5px; } .DisplayText i { float:left; margin:3px 0 0 2px; } .DisplayText div { margin-left:20px; } .ItemDescriptionText { font-size:1em; clear:both; margin:2px 4px; border-radius:6px; padding:2px; } .ModalInfoText { font-size:1.2em; clear:both; margin:2px 4px; border-radius:6px; background-color:var(--table-row-bg); padding:2px; } .ItemDescription { color:#99969d; padding:0 !important; } .TableContent .BlockInputHeader { padding:5px 0 0 0; } .TableContent .BlockInputHeader button { font-size:1em !important; } .TableContent .BlockInputPanel { margin:0; clear:initial; } .TableContent .BlockInputPanel .form-group { padding:4px; } .TableContent .TableBlockInputPanel .form-group { padding:2px 0; } .TableContent .TableBlockInputPanel .form-group .col-form-label { padding-left:0 !important; } .TableContent .BlockInputPanel.TabelBox { clear:none; margin-top:2px; } .TableContent .TableBlockInputPanel { margin:0; } .TableContent .TableBlockInputPanel .row { margin:0; } .TableContent > .TabelBox:not(:first-child) { margin-top:15px; } .inputLabel .InputLabel { background-color:#ddd; padding-left:5px; } .inputLabel .InputLabel span { font-size:1.1em; } .inputLabel .ItemDescription { margin:25px 0 10px; } .inputLabel .ItemDescription i { font-size:1.1em; line-height:1.3em; } .BlockContent > .NavInfo.ItemDescription { border-left:1px solid #ddd; } .ItemDescription a { padding:0; } .ItemDescription a:active, .ItemDescription a:focus { color:#0084ff; text-decoration:none; } .ItemDescription a:hover { cursor:pointer; text-decoration:none; } .BlockInputComponent .ItemDescription { display:inline; } .BlockInputComponent .ItemDescription a { font-size:1.1em; margin-top:.1em; color:#99969d; } .FilterHolder .ItemDescription a { font-size:1em; } /* =================================================================================== */ /* page layout: block menu */ /* =================================================================================== */ /*.BlockContentContainer { background-color:rgb(250,250,250); }*/ .BlockMenuBreadCrumb { font-size:1.2em; color:#99969d; } /*.EntityHeader { font-size:1.3em; color:#222; margin-top:15px; }*/ .EntityHeader:hover { cursor:pointer; } .EntityHeader .btn { padding:0 2px; } .EntityHeader .EntityTextContainer { overflow:hidden; } .EntityHeader i { float:left; margin:16px 4px 0 0; } .EntityHeader i.fa-xs { margin-top:23px; } .WorkflowEvent .EntityHeader i { margin:4px 0 0; } .EntityHeader .EntityHeaderText { float:left; } /*.BlockHeader .EntityHeaderText.StatusActive, .BlockHeader .EntityHeaderText.StatusProposal, .BlockHeader .EntityHeaderText.StatusArchived { border-style:solid; border-width:0 0 0 2px; padding:0 0 2px 4px; color:#000 !important; } .BlockHeader .EntityHeaderText.StatusActive { border-color:#30d158; } .BlockHeader .EntityHeaderText.StatusProposal { border-color:#ff9f0a; } .BlockHeader .EntityHeaderText.StatusArchived { border-color:#636366; }*/ .BlockHeader .EntityHeaderText > p:first-child { display:inline; } .PreEntityHeader { background-color:rgb(255,238,244); padding:5px; } .BlockHeader .BreadCrumbPanel { margin:5px 0 5px 0; padding:0 5px; float:left; font-size:.9em; width:calc(100% - 160px); } .BlockHeader .BreadCrumbPanel .EntityHeader { margin-top:-5px; } .BlockHeader .BreadCrumbPanel .fa-chevron-right { margin:0 5px; font-size:.8em; } .BlockHeader .BreadCrumbPanel > .EntityHeaderText i { display:none; } .BlockHeader .BreadCrumbPanel .EntityHeader .EntityHeaderText { margin:10px 0 5px 0; font-size:1.4em; padding-right:5px; } .BlockHeader .BreadCrumbPanel .EntityHeader .EntityHeaderText.Folded { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .BlockHeader .BlockHeaderButtonPanel .NavigationButtonContainer { float:left; margin:5px 8px 0 0; } .BlockHeader .BlockHeaderButtonPanel .NavigationButtonContainer a:hover, .BlockHeader .BlockHeaderButtonPanel .BlockHeaderButtonContainer a:hover { text-decoration:none !important; } .BlockHeader .BlockHeaderButtonPanel .BlockHeaderButtonContainer { float:left; margin:0; } .BlockHeader .BlockHeaderButtonPanel .BlockHeaderButtonContainer .btn { padding:4px 8px; } .BlockHeader .BlockHeaderReturnButtonPanel, .BlockHeader .LockPanel { float:left; } .BlockHeader .BlockHeaderReturnButtonPanel .NavigationButtonContainer { padding:5px 0; margin:3px 5px 0 0; } .BlockHeader .NavigationButtonContainer.LargeButtons { float:none; } .BlockHeader .NavigationButtonContainer.LargeButtons > button, .BlockHeader .NavigationButtonContainer.LargeButtons > .btn-group button { margin-right:10px; width: 100px; } .BlockHeader .NavigationButtonContainer.LargeButtons > button i, .BlockHeader .NavigationButtonContainer.LargeButtons > .btn-group button i { display:block; font-size:1.4em; margin:2px auto; } .BlockHeader .NavigationButtonContainer.LargeButtons .btn-group .dropdown-menu > button { display:block; clear:both; padding:.3rem !important; text-align:left; font-size:1.4em; width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .BlockHeader .NavigationButtonContainer.LargeButtons .btn-group .dropdown-menu > button i { display:inline-block; font-size:1em; margin-right:2px; } .devider { color:#ccc; margin:0 3px 0 8px; position:relative; top:-1px; } .modal-header.EntityHeader { display:block; margin:0; } .modal-header.EntityHeader i { margin-right:4px; } .modal-header.EntityHeader .ReturnButton { background:transparent !important; padding:0 !important; border:0 !important; margin-top:-4px; } .modal-header.EntityHeader .ReturnButton i { margin-right:0; } .LockButtonPanel.NavigationButtonContainer button { margin:-10px 0 0 -2px; border-radius:0 !important; } .LockButtonPanel.NavigationButtonContainer > button:first-child { margin-left:-2px; } .BlockHeader { color:#ddd; padding:0 0 5px 2px; min-height:26px; } .BlockHeaderButtonPanel { min-height:44px; border-bottom:1px solid var(--content-bg); padding-top:5px; margin-bottom:5px; } .EventTabs .BlockHeader { margin:0; } .BlockHeader .fa-minus { position:relative; top:1px; } .BlockHeader .risk-levels { margin:15px 0 10px; padding:5px 0; border-width:1px 0; border-style:solid; border-color:#eee; font-size:1.1em; background:#fff; } .BlockHeader .risk-levels .risk-level-value { margin-top:5px; } .BlockHeader .risk-levels .container { margin:0; } .BlockMenuHeader { color:#000; position:relative; } .BlockMenuHeader .HeaderText { float:left; } .BlockSectionContent div>.BlockMenuHeader { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color:rgb(250, 250, 250); padding:0 15px 5px; } .BlockSectionContent div>.BlockMenuHeader:not(:first-child) { border-top:1px solid rgb(225, 225, 225); } .BlockMenuHeader .feltext { font-size:.7em; line-height:1.4em; border:0; } .BlockMenuHeader button { font-size:1em; } .BlockMenuHeader .fas { margin-top:2px; } .ReturnButton, .ReturnButton:hover, .ReturnButton:active:hover, .ReturnButton:active:focus { color:#666 !important; } .BlockHeader .btn.ReturnButton { float:left; padding:4px 8px; } .BlockHeader .btn.ReturnButton i { font-size:1.2em !important; } .BlockHeader .NavigationButtonContainer .devider { margin:0 2px; font-size:1.4em; top:1px; } .NavigationButtonContainer .actions-menu { display:inline; } .NavigationButtonContainer .dropdown-menu { max-height:500px; overflow-y:auto; z-index:20000 !important; } .NavigationButtonContainer .dropdown-menu .dropdown-item { max-width:1000px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 !important; height:auto !important; padding:.3rem !important; font-size:1em !important; } .NavigationButtonContainer .dropdown-menu > .dropdown-item { border:0 !important; } .NavigationButtonContainer .dropdown-menu > .dropdown-item:not(:last-child) { border-width:0 0 1px 0 !important; border-style:solid !important; border-color:#eee !important; } .BlockMenuHeader .RiskLvls { margin-top:5px; } .BlockMenuHeader .RiskLvls .input-group { float:left; width:auto; font-size:.8em; border:1px solid #ddd; height:20px; margin-left:5px; padding:0 5px; border-radius:6px; } .BlockMenuHeader .RiskLvls .input-group .input-group-append { white-space:nowrap; } .BlockMenuHeader .RiskLvls .input-group>.input-group-append:first-child { color:#666; } .BlockMenuHeader .RiskLvls .input-group>.input-group-append:not(:last-child) { margin-right:5px; } .BlockMenuHeader .RiskLvls .input-group .input-group-append i { margin-top:3px; margin-right:0; } .BlockContent { padding:2px 0 4px 12px; border:1px solid #ddd; background-color:#fff; } /* .BlockSectionContent.BlockSection { border-width:1px; border-style:solid; border-color:rgb(245, 245, 245); padding:0 0 4px 6px; background-color:rgb(245,245,245); position:relative; } */ .NavLinkContent:not(.Administration):not(.Level0) { border-style:solid; border-color:#ddd; border-width:0 0 1px 1px; background-color:#fff; } .NavLinkContainerContent.Administration { padding:4px 0; border:0; } .BlockItemContent.Active:not(.Administration) , .BlockItemContent.Administration.Active:not(.AdministrationContent) { border-style:solid; border-color:rgb(235, 235, 235); border-width:0 0 1px 1px; position:relative; } .NavLinkContainerContent.Active > .BlockItemContent.Administration.Active { border-style:solid; border-color:rgb(245, 245, 245); border-width:0 0 1px 1px; } .BlockItemContent.Active.Level0, .ActionHolder.Level0{ border-width: 0 1px 1px; border-color:rgb(225, 225, 225); } .DilogueTable .ActionHolder { border:0 !important; background-color:#f9f9f9 !important; } .DilogueTable .threadRow .ReplyContainer .Collapse { background-color:var(--content-bg) !important; } /*.DilogueTable .threadRow .ReplyContainer .ControlButtonsBox { background-color:var(--content-bg) !important; }*/ .DilogueTable .threadRow:hover { background-color:var(--table-row-bg) !important; } /*.DilogueTable .threadRow:hover .btn:not(.btn-outline-options), .DilogueTable .threadRow:hover .btn.btn-primary { color:#fff !important; }*/ .DilogueTable .threadRow:hover .ReplyContainer .btn:not(.btn-outline-options), .DilogueTable .threadRow:hover .ReplyContainer .InputComponent, .DilogueTable .threadRow:hover .ReplyContainer a.ItemDescription { color:var(--font-color) !important; } .DilogueTable .threadRow:hover .ReplyContainer .btn.btn-primary, .DilogueTable .threadRow:hover .ReplyContainer a.data, .DilogueTable .threadRow:hover .ReplyContainer .btn.btn-success { color:#fff !important; } /*.DilogueTable .threadRow:hover .ReplyContainer .btn.btn-outline-options { color:initial !important; }*/ .BlockItemContent.Level0 { background-color:rgb(235, 235, 235); } .BlockItemContent { background-color:rgb(245, 245, 245); } .NavLinkContainerContent { padding:4px 0 4px 12px; } .NavLinkContainerContent .btn-group .btn.btn-default.ActionsButton { margin:0 0 8px -8px; } .BlockMenuNavigation .btn-group .btn.btn-default.ActionsButton { margin:0 0 2px 0; } .ContentHolder { padding: 5px 3px; } .EventTabs .tabPanel .ContentHolder { padding: 0 3px 5px; margin-top:5px; } .BlockItemContent .ControlButtonsBox { margin:0 3px 5px 0; } .BlockItemContent .HeaderText { margin-top:50px; } .BlockContentHolder { padding:0 6px 0 12px; } .BlockMenuNavigation { clear:both; padding:0; background-color:rgb(235,235,235); } .BlockMenuNavigation .BlockContent { border:0; } .BlockMenuNavigation.Horizontal { background-color:transparent; } .BlockMenuNavigation.Horizontal .MenuRow { margin:0; display:flex; } .BlockMenuNavigation.Horizontal .MenuCol { margin:0 5px -1px 0; padding:0; flex-basis:0; -webkit-box-flex:1; flex-grow:1; max-width:100%; } .BlockMenuNavigation.Horizontal .NavLinkHolder { border-radius:.25rem .25rem 0 0; } /* .BlockMenuNavigation.Horizontal .BlockItemContent.Active { border-top:1px solid rgb(225, 225, 225); } */ .BlockMenuNavigation.Horizontal .MenuCol .NavLinkActionHolder { position:absolute; right:25px; } .BlockMenuNavigation.Horizontal .MenuCol .ItemExtraHolder { right:50px; } .BlockMenuNavigation.Horizontal .MenuCol .NavLinkHelpIcon { right:0; } .BlockMenuNavigation .NavHeader { font-size:1.6em; line-height:1.7em; border-bottom:1px dotted #555; } .BlockMenuNavigation .NavLinkInfo { font-size:0.9em; padding:0; border:0 none; color:#666;} .BlockMenuNavigation .NavSubLabelText { float:right; width:400px; } .BlockMenuNavigation .NavLinkSubLabel { float:right; width:400px; } .BlockMenuNavigation .NavLinkSubLabelText { display:inline-block; width:375px; } .BlockMenuNavigation .NavLinkImage{ vertical-align:top; margin-top:2px; padding:1px; background-color:#fff; } .BlockMenuNavigation .NavLabel:hover { cursor:pointer; } .BlockMenuNavigation .NavButton::-moz-focus-inner { border:0; padding:0; } .BlockMenuNavigation .NavButton:hover { background-color:rgb(240, 240, 240); cursor:pointer; } .BlockMenuNavigation .NavButton:disabled:hover { cursor:default; } .BlockListHeader { padding-bottom:5px; } .BlockListHeader .BlockErrorHolder { font-size:1.2em; color:#ff453a; display:none; } .BlockErrorHolder { display:none; } .BlockErrorHolder.feltext { background:rgb(255,238,244); border:0; padding:5px; margin-bottom:10px; } .BlockConfirmationInfoHolder { font-size:1.2em; color:#666; } .BlockConfirmationConfirmedHolder { font-size:1.2em; color:#060; } .ScrollItemContent { color:#ddd; font-size:15px; margin:0 auto; padding:2px 0; width:50px; text-align:center; } .ScrollItemContent:hover, .ScrollItemContent i:hover { cursor:pointer; } .Up { border:1px solid #ddd; border-bottom:0; border-radius:6px 6px 0 0; clear:both; } .Down { border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px; } /*.BlockInputContainerPanel { clear:both; padding-top:10px; }*/ .BlockInputPanel, .BlockInputPanel.LeftInputPanel, .BlockInputPanel.RightInputPanel, .BlockInputTable { margin-bottom:35px; clear:none; border-radius:6px; } .Collapse .BlockInputPanel { margin-bottom:10px; } /*.BlockInputPanel { clear:both; }*/ .BlockInputPanel.Collapsable { border-top:0; } .BlockInputPanel .BlockInputPanelHeader { font-weight:600; } .BlockInputPanel .InputComponent { margin:0 25px 0 0; } .BlockInputPanel .InputComponent .EventTypeSelection { float:left; } .BlockInputPanel .InputComponent .EventTypeSelection .btn-group { width:250px; max-width:250px; } .BlockInputTable { padding:8px 10px; } .BlockInputTable .BlockInputHeader { padding:0 0 10px; font-size:1.3em; color:#666; } .BlockInputTable .tableOption { margin-bottom:10px; } .BlockInputComponent { clear:both; } .InputLabel { padding:0 !important; color:#6d6d6d; } .BlockInputPanel .BlockInputComponent, .BlockInputPanel .form-group{ padding:8px 10px;display:flex; flex-wrap:wrap; } .BlockInputPanel .BlockInputComponent:not(:last-child), .BlockInputPanel .form-group:not(:last-child), .BlockInputPanel .btn-group-vertical:not(:last-child){ border-bottom:1px solid var(--table-row-border); } .BlockInputPanel .BlockInputComponent table { color:#000; font-size:1em; } .BlockInputPanel .BlockInputComponent table td { color:#000; font-size:1em; } .BlockInputPanel .HeaderText, .BlockContent .HeaderText, .BlockItemContent .HeaderText, .BlockInputPanel .BlockInputSectionHeader { margin-top:0; clear:both; padding:2px 0; font-size:1.1em; color:#666; } .BlockInputPanel>.HeaderText:first-child { padding-top:0; } .BlockInputPanel .HeaderText i, .BlockContent .HeaderText i, .BlockItemContent .HeaderText i, .BlockInputPanel .BlockInputSectionHeader i { font-size:1.1em; } .BlockInputPanel .BlockInputSectionHeader { font-size:1.2em; } .BlockInputPanel .InputContainer { clear:both; padding:10px 0; } .BlockInputPanel .InputLabelContainer { float:left; max-width:870px; } .BlockInputPanel select { padding:2px 0; color:#000; } .BlockInputPanel input { color:var(--font-color); } .BlockInputPanel input.slider-value { color:#000; } .BlockInputPanel input[type="checkbox"] { margin:-4px 4px 0 0; } .BlockInputPanel .form-switch { padding-left:10px; } .BlockInputPanel .form-switch input[type="checkbox"] { margin:3px 4px 0 0; } .BlockInputPanel textarea { color:#000; overflow-y:scroll; } .BlockInputPanel .RightComponent { color:#000; min-height:20px; border-collapse:collapse; display:table; } .BlockInputPanel .RightComponent .InputComponent { width:100%; float:left; display:table-cell; position:relative; } .BlockInputPanel .RightComponent .ItemDescription { display:table-cell; vertical-align:top; width:1%; } .BlockInputPanel .RightComponent .input-group:not(:first-child) { margin-top:5px; } .BlockInputPanel .RightComponent .jqte { width:100%; } .BlockInputPanel .RightComponent.Date { width:auto; } .BlockInputPanel .bootstrap-select .btn-group, .BlockInputPanel .bootstrap-select, .BlockInputPanel .bootstrap-select, .BlockInputPanel .hasDatepicker, .FullWidthSelection, .FullWidthSelection .multiselect.dropdown-toggle { display:flex !important; flex:1 1; position:relative; width:auto !important; } .SearchPanel .bootstrap-select .btn-group, .SearchPanel .bootstrap-select .multiselect.form-control { width:100% !important; height:25px !important; display:block; } /*.SearchPanel .bootstrap-select { flex:1 1 auto; }*/ .SearchPanel .input-group .bootstrap-select { width:1% !important; border:var(--bs-border-width) solid var(--bs-border-color); } .SearchPanel .input-group .bootstrap-select .dropdown-toggle { border:0 !important; } .SearchPanel .input-group .multiSelect { display:inline; } .BlockInputPanel .RadioLabel { float:right; } .BlockInputPanel .RadioLabel.On { color:#30d158; } .BlockInputPanel .RadioLabel.Off { color:#ff453a; } .BlockInputPanel .input-group .bootstrap-select .multiselect { width:100%; } .BlockInputPanel .custom-control.custom-radio { margin-bottom:4px; } .BlockInputPanel .custom-control.custom-radio input { margin:-2px 3px 0 0; } .BlockInputPanel .custom-control.custom-radio.custom-control-only-active { margin:0; padding:0 !important; } .BlockInputPanel .ItemDescription i { margin-top:3px; } .BlockInputPanel .row > * { padding:0; } .BlockInputPanel.GuideStartStepInfo { padding:5px; font-size:1.1em; line-height:1.6em; margin-top:5px; } /* .BlockInputPanel .EventComponent { width:30%; float:left; } */ /* .BlockInputPanel .EventLogComponent { width:30%; float:right; } */ .BlockInputHeader, .BlockListHeader { padding:10px 0 4px; } .BlockInputHeader i, .BlockListHeader i { font-size:.8em; } .BlockInputHeader .custom-control-label { margin:2px 0 0 2px; } .BlockEntityHeader { font-size:2.0em; margin:20px 0; } .BlockEntityName { font-size:1.3em; margin-bottom:2px; border:1px solid #ddd; line-height:1.2em; padding:4px; background-color:rgb(210, 210, 210); } .BlockEntityName .GraphicButton { line-height:1.2em; } .BlockEntityNameText { display:inline; } .MandatoryInfo { color:#ff453a; clear:both; } .ControlButtonsBox .MandatoryInfo { float:right; margin-left:5px; } .MandatoryInfoAsterisk { float:left; margin:.2em 5px 0 0; } /* .BlockListHeader .MandatoryInfo { float:left; } */ .BlockMenuNavigation .fa-caret-right, .BlockMenuNavigation .NavLinkIcon { font-size:1.1em; } .BlockMenuNavigation .NavLinkId { opacity:.5; width:20px; } .BlockMenuNavigation .NavLinkIcon { width:30px; } .BlockMenuNavigation .NavLinkHelpIcon { position:absolute; right:6px; top:2px; } .BlockMenuNavigation .NavLinkActionHolder { width:25px; margin-right:2px; } .BlockMenuNavigation .NavLinkActionHolder .btn.ActionsButton { padding:0 !important; margin-top:-2px; } .BlockMenuNavigation .NavLinkActionHolder .btn.ActionsButton i { margin:0; font-size:1.1em; } .BlockMenuNavigation .dropdown-item { padding:3px 5px; display:block; color:#0084ff; } .BlockMenuNavigation .NavLinkActionHolder .dropdown-item { font-size:.9em; } .BlockMenuNavigation .NavLinkLabel {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .BlockMenuNavigation .NavLinkContainer { padding-left:3px; } .BlockMenuNavigation .NavLinkContainer.input-group i, .BlockMenuNavigation .NavLinkContainer.input-group span{ border:0; padding:0; line-height:1.5; text-align:center; } .BlockMenuNavigation .NavLinkContainer .fa-caret-right { width:10px; opacity:.4; } .BlockMenuNavigation .NavLinkHolder .NavLinkContainer .btn-group .ActionsButton { font-size:inherit; border:0; padding-top:3px; } /* .BlockMenuNavigation .NavLinkHolder.Level0 .NavLinkContainer .btn-group .ActionsButton { color:inherit; } */ .BlockMenuNavigation .NavLinkContainer .btn-group ul{ font-size:inherit; } .BlockMenuNavigation .NavLinkContainer .ParentItem { position:absolute; right:0px; width:250px; text-align:left !important; overflow:hidden; text-overflow:ellipsis; padding-right:5px !important; } .BlockMenuNavigation .NavLink .NavLinkContainer { padding:0; } .BlockMenuNavigation .NavLink { padding:2px 4px; } .BlockMenuNavigation .NavLinkHolder {font-size:1.2em; clear:both; position:relative; padding:2px 0;} /* .BlockMenuNavigation>.NavLinkHolder:not(:first-child), .BlockContent>.NavLinkHolder:not(:first-child), .NavLinkContainerContent>.NavLinkHolder:not(:first-child){ margin-top:2px; } */ .BlockMenuNavigation .NavLinkHolder.Disabled { opacity:0.5; } .BlockMenuNavigation .NavLinkHolder.Level0:not(.Administration) { border-width:1px; background-color:rgb(235,235,235); border-color:rgb(225,225,225); } .BlockMenuNavigation .NavLinkHolder:not(:first-child) { border-top:0 !important; } .BlockMenuNavigation .NavLinkHolder.Level0.Active:not(.Administration) { border-width:1px 1px 0 1px; } /* .BlockMenuNavigation.Horizontal .NavLinkHolder{ border-width:1px !important; z-index:1; } */ .BlockMenuNavigation.Horizontal .NavLinkHolder:not(.Active){ background-color:rgb(245,245,245) !important; } .BlockMenuNavigation.Horizontal .NavLinkHolder.Level0.Active:not(.Administration) { font-weight:bold; border-bottom-color:rgb(235, 235, 235); } .BlockMenuNavigation.Horizontal .ItemExtraHolder{ min-width:25px; } .BlockMenuNavigation .NavLinkHolder:not(.Administration) {background-color:rgb(245, 245, 245); border-width:1px 0 1px 1px; border-color:rgb(235, 235, 235); border-style:solid; color:#000;} .BlockMenuNavigation .NavLinkHolder:hover:not(.Administration) {background-color:rgb(225, 225, 225);} .BlockMenuNavigation .NavLinkHolder.Active { border-width:1px 0 0 1px; } /* .BlockMenuNavigation .NavLinkHolder.Level1:not(.Administration), .BlockMenuNavigation .NavLinkHolder.Level2:not(.Administration) { background-color:rgb(247, 247, 247); color:#000; border-style:solid; border-color:#ddd; border-width:1px 0 0 1px; } */ .btn.Active .fa-caret-right, .NavLinkHolder.Active .fa-caret-right { transform:rotate(45deg); vertical-align:middle; color:#6d6d6d; opacity:1; } /* .BlockMenuNavigation .NavLinkHolder.Level3:not(.Administration), .BlockMenuNavigation .NavLinkHolder.Level4:not(.Administration), .BlockMenuNavigation .NavLinkHolder.Level5:not(.Administration), .BlockMenuNavigation .NavLinkHolder.Level6:not(.Administration) { background-color:rgb(247, 247, 247); color:#000; border-style:solid; border-color:#ddd; border-width:1px 0 0 1px; } */ /* .BlockMenuNavigation .NavLinkHolder.Level0 .ItemCountContent { background-color:#fff !important; color:#000 !important; } */ .BlockMenuNavigation .NavLinkHolder:not(.Disabled):hover, .BlockMenuNavigation .NavLinkHolder:not(.Disabled):hover i { cursor:pointer; } /* .BlockMenuNavigation .NavLinkHolder:not(.Disabled):not(.Level0):not(.Active):not(.Administration):hover { background-color:#eee; } */ .BlockMenuNavigation .NavLinkHolder.Administration, .BlockMenuNavigation .NavLinkHolder.Administration.Active { color:#0084ff; background-color:transparent;} .BlockMenuNavigation .NavLinkHolder.Administration:hover:not(.Disabled), .BlockMenuNavigation .NavLinkHolder.Administration.Active:hover:not(.Disabled), .BlockMenuNavigation .Administration .NavButton:hover:not(.Disabled) { text-decoration:underline; } .BlockMenuNavigation .NavLinkHolder[impersonate-parent] { display:none; } .BlockMenuNavigation .ActionHolder { padding:4px 0 4px 12px; display:none; } .BlockMenuNavigation .NavButton { color:#fff; border:0; width:97%; text-align:left; padding:0; margin-top:2px; font-family:Roboto, Segoe UI,Trebuchet MS,verdana,sans-serif; background-color:rgb(247, 247, 247); color:#000; border:1px solid #ddd; border-right:0; } .BlockMenuNavigation .Administration .NavButton, .BlockMenuNavigation .Administration .NavLinkHolder { border:0; color:#0084ff; background-color:transparent; } .BlockMenuNavigation .Administration .NavButton, .BlockMenuNavigation .Administration .NavLinkHolder.Active { } .BlockMenuNavigation .Administration .NavLinkHolder:not(.Disabled):hover { text-decoration:underline; } .BlockMenuNavigation .Administration .NavLinkHolder.Active { /* border-color:#ddd; border-style:solid; border-width:0 0 1px 0; */ background-color:#d6d6d6; } .BlockMenuNavigation .ButtonsHolder { float:right; display:none; margin-right:5px; } .BlockMenuNavigation .ButtonsHolder .ControlButtonsBox { padding:0; margin:0; float:none; } .BlockMenuNavigation .ButtonsHolder .ControlButtonsBox input { line-height:1.3em; } .BlockMenuNavigation .ItemExtraHolder { position:absolute; right:28px; min-width:50px; text-align:center; top:3px; } /* .BlockMenuNavigation .ItemExtraHolder { margin-left:.2em; } */ .BlockMenuNavigation .ItemCountContent { border-radius:6px; padding:1px 8px; background-color:#fff; border:1px solid #bbb; line-height:1em; } .BlockMenuNavigation .ItemCountContent.btn { color:#fff; min-width:50px; font-size:.9em; } .BlockMenuNavigation a.ItemCountContent:hover { background-color:#ddd; text-decoration:none; } .BlockItemContent>.ContainerHeaderHolder:not(:first-child) { margin-top:10px; } .BlockItemContent.ActionHolder .NavLinkHolder.Active, .BlockItemContent.ActionHolder .BlockItemContent{ border-color:rgb(0, 0, 0); } .info-container .info-component { margin-bottom:10px; } .info-component { border-radius:6px; margin-top:5px; } .info-component .BlockInputHeader { padding:0 2px 4px; background-color:var(--content-bg); color:var(--font-color); } /*.info-component .BlockInputHeader .toggleVisibilityBtn { color:#212529 !important; }*/ .info-component .BlockInputPanel { border:0; box-shadow:none; margin:0; padding:8px 10px; } .info-component .BlockInputPanel > .form-group { padding:8px 0; } .info-component .BlockInputPanel > .form-group:first-child { padding-top:0; } .info-component .BlockInputPanel > .form-group:last-child { padding-bottom:0; } .info-component .BlockInputPanel > .form-group { padding:8px 0; } .info-component .BlockInputPanel .InputComponent { margin-right:0; } .info-component.risk-levels .risk-level{ color:var(--label-font-color); } .info-component.risk-levels .risk-level .InputComponent { margin:0; } .info-component.risk-levels .form-control>.risk-level:not(:last-child) { border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px; } /* =================================================================================== */ /* end page layout: block menu */ /* =================================================================================== */ /* =================================================================================== */ /* page layout: input (two columns) */ /* =================================================================================== */ .ColumnContainer { /*position: relative;*/ clear: both; float: left; overflow: auto; padding: 0; width:100%; border:1px solid #DDDDDD; margin-bottom: 10px; } .ColumnContainerNoBorder { clear: both; float: left; /* overflow: auto; */ padding: 0; width:100%; *width:620px; } .Columns{ float: left; width:100%; } .LeftColumn { float: left; width: 49%; } .RightColumn{ float: left; margin-left: 1%; width: 49%; } .LeftHeaderColumn { width: 740px; float: left; padding: 3px 0px 3px 4px; } .LockButtonColumn { font-size: 0.8em; margin: 0; float: right; padding-top: 3px; } .ReturnColumn { margin: 5px 5px 0px 3px; float: right; } .ReturnButtonDisabled { visibility: hidden; } .HtmlBoxDummy { float: left; width:100%; } /* =================================================================================== */ /* Page navigation */ /* =================================================================================== */ #SubNavigation { position: relative; /* height: 1em; */ width: 100%; padding-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; } #SubNavigation ul { margin: 0px; padding: 0px; position: absolute; bottom: 0px; width: 100%; } #SubNavigation li { list-style-type:none; display: inline; } #SubNavigation a:link , #SubNavigation a:visited { display: block; float: left; padding: 4px 10px 5px 12px; margin: 1px 0 0 0; text-align: center; font-size: 100%; text-decoration: none; color: RGB(125, 125, 125); background-color: RGB(250,250,250); border-right: 1px solid #A1A1A1; } #SubNavigation a:hover { background-color: rgb(245,245,245); text-decoration: underline; } #SubNavigation .Active:link, #SubNavigation .Active:visited { font-size: 1.0em; background-color: #D2D2D2; color: #000; /* background-image: url(../eit-images/arrow.gif); */ background-repeat: no-repeat; background-position: 3px center; border-right: 1px solid #A1A1A1; } #SubNavigation #Disabled:link, #Disabled:visited { color: #999; cursor: default; text-decoration: none; } #SubNavigation #Disabled:hover{ background-color: RGB(250,250,250); } #SubNavigation #DisabledActive, #DisabledActive:hover{ cursor: default; text-decoration: none; background-color: #D2D2D2; /* background-image: url(../eit-images/arrow.gif); */ background-repeat: no-repeat; background-position: 3px 50%; } #SubNavigation .Active:hover{ background-color: #D2D2D2; } #SubNavigation .MainLastItem:link, #SubNavigation .MainLastItem:visited { border: 0px none; } #SubNavigation .RightMenu:link, #SubNavigation .RightMenu:visited { float:right; } .SubNavigation2 { margin: 0px; background-color:rgb(225,225,225); clear: both; /* border: 1px solid RGB(225,225,225); */ width: 100%; padding: 0 2px 0 0; } .SubNavigation2 ul { margin: 0; padding: 0; } .SubNavigation2 li { display:inline; list-style: none; } .SubNavigation2 .Active:link , .SubNavigation2 .Active:visited { /* background-image: url(../eit-images/arrow.gif); */ background-repeat: no-repeat; background-position: 4px center; background-color: #D2D2D2; padding: 1px 8px 2px 12px; font-size: 1.0em; color: #000; /* float: left; */ } .SubNavigation2 a:link, .SubNavigation2 a:visited , .SubNavigation2 a:active, .SubNavigation2 a:hover{ padding: 1px 8px 2px 4px; /*color: #333;*/ float: left; display: block; border-right: 1px solid rgb(175,175,175); } .SubNavigation2 .Disabled:link , .SubNavigation2 .Disabled:visited { color: #999; cursor: default; text-decoration: none; } .Vertical { float:left; width:20%; } .Vertical li{ padding:0; border:none; display:block; border-bottom: 1px solid #FFF; padding-bottom: 5px; } .ExpandLink { color:#000; font-size:1em; background-color:rgb(247, 247, 247); padding:4px; border:1px solid #ddd; margin-top:10px; } .ExpandLink i { font-size:1.2em; } .ExpandLinkCarret { color:#0084ff; font-size:1.2em; } .ExpandLinkCarret:hover { text-decoration:underline; cursor:pointer; } .ExpandLink.Active, .ExpandLink.Active:hover { background-color:rgb(230, 230, 230); } .ExpandLink:hover { background-color:rgb(240, 240, 240); cursor:pointer; } .ExpandLink.BlockInputHeader { color:#666; background-color:transparent; padding:2px 10px 2px 4px; border:0; line-height:1.7em; } .ExpandLink.BlockInputHeader:hover{ background-color:rgb(230, 230, 230); } .ExpandLink.BlockInputHeader .BlockInputHeader{ font-size:.9em; } .FilterHolder .ExpandLinkCarret { color:#2f2f2f; display:inline; } .toggleVisibilityBtn { font-size:1.2em !important; padding:0 !important; } .toggleVisibilityBtn:hover, .toggleVisibilityBtn:focus { text-decoration:none !important; } .toggleVisibilityBtn .fa-chevron-right, .toggleVisibilityBtn .fa-chevron-down { font-size:.8em; } /* =================================================================================== */ /* Table pagination */ /* =================================================================================== */ .PageNavigation { float:right; margin-left:5px; } .PageNavigation i { margin:0 !important; } .PageNavigation .btn-link.active { text-decoration:underline; } .PagingArea { color:rgb(125,125,125); float:right; } .PagingArea input { width:auto; display:none; padding:0 2px !important; text-align:right; } .RefreshArea { margin:0; float:right; } .Paging.Bottom { display:none; } .Paging.Bottom::after { content:" "; display:block; height:0; clear:both; } .Paging { float:right; position:sticky; top:12px; z-index:50; border-radius:6px; margin-top:-25px; margin-right:25px; } .tabPanel .Paging { margin-top:-30px; } .Paging.MiniTable { background:transparent; margin:-30px 0 0 0; } .actions-content .Paging, .actions-content .ControlButtonsBox { /*top:5px;*/ border-radius:0px; margin-bottom:5px; } .Paging .devider { margin:0 3px; } .Paging .PagingInfo { float:right; margin-right:5px; } .Paging .btn-link { font-size:1em; padding:0; border:0; vertical-align:top; } .Paging .RefreshArea .PagingItem .btn-link { float:right !important; margin:1px 0 0 !important; } .Paging .btn-link i { font-size:1em; border:0; vertical-align:top; line-height:1.5; } .Paging .btn-link:hover, .Paging a:hover, .PageNavigation button:hover, .Paging .btn-link:focus, .Paging a:focus, .PageNavigation button:focus{ text-decoration:none !important; } .Paging a, .Paging .btn-link { font-weight:400 !important; } .PagingHolder { padding:0 ; max-height:40px; color:#000; margin-top:10px; float:right; } .PagingHolder input { width:auto; } .PrintIconArea { float:left; font-size:1.2em; color:#0084ff; } .PrintIconArea:hover { cursor:pointer; text-decoration:underline; } .PrintIconArea i:hover { cursor:pointer; } .PrintIconArea i { margin-right:4px; } .Paging .NavLink { float:left; text-align:center; border:1px solid #ddd; width:20px; padding:5px; } .Paging .NavLink:hover { background-color:#eee; cursor:pointer; } .Paging .NavLink.Active { background-color:#ddd; } /* .Paging a { display:inline; color:#000; padding:2px 1px; } .Paging .Active { background-color:#ccc; } */ /* .Paging a { color:#000; } */ /* .Paging a:hover { text-decoration:none; } */ /* =================================================================================== */ /* Search */ /* =================================================================================== */ .SearchPanel > .ExpandLinkHolder { margin-bottom:5px; } .SearchPanel > .ExpandLinkHolder:not(:first-child) { border-top:1px solid #eee; margin-top:10px; padding-top:5px; } .SearchPanel .ExpandLink { color:#2f2f2f; } /* .SearchPanel > .SearchHolder:not(:first-child) { margin-top:10px; } */ .SearchPanel .loadContent.btn.btn-default, .SearchPanel .toggleSearch , .SearchPanel .FilterSelection .btn.btn-default { color:#777; } .SearchPanel .FilterSelection .btn-default:hover{ color:#333; } .SearchPanel .FilterSelection, .SearchPanel .SearchSettingsPanel { margin-bottom:20px; } .SearchPanel .CreateFilterPanel { clear:both; padding:2px 0 6px 2px; margin-top:5px; background-color:#efefef; width:500px; } .SearchPanel .CreateFilterPanel .btn-group { float:left; margin-left:-1px; } .SearchPanel .CreateFilterPanel button { float:none; margin-left:5px; margin-top:-2px; } .SearchPanel .CreateFilterPanel input[type="text"] { float:left; width:auto; } .SearchPanel .CreateFilterPanel a { display:block; font-size:1.1em; color:#666; margin-bottom:2px; } .SearchPanel .CreateFilterPanel a .fas { color:#ff453a; } .SearchPanel .CreateFilterPanel a:hover { text-decoration:none; } .SearchPanel .ItemDescriptionText { height:auto !important; } .SearchPanelHolder { padding:4px; margin-top:5px; border:1px solid #999999; min-height:18px; clear:both; } /*.FilterHolder { background:rgb(250, 250, 250); border-width:1px; border-style:solid; border-color:#bbb; padding:5px; margin:5px 0 10px; box-shadow:1px 1px 2px -2px #999; border-radius:6px; }*/ .FilterHolder .row { padding:0 10px !important; } .FilterHolder .col { padding:0 5px !important; } .FilterHolder .ToggleSearchColumns.active { background:#eee !important; } .FilterHolder { border-width:1px; border-style:solid; border-color:#ddd; border-radius:6px; background-color:rgb(250, 250, 250); display:none; } .FilterHolder .ControlButtonsBox { float:left; padding:5px 0 0 8px; top:0; margin-bottom:5px; } .FilterHolder.BoxMode { background:transparent; display:none; position:sticky; z-index:15010; top:6px; } .FilterHolder.BoxMode .SearchPanel { border-width:0; border-radius:6px; } .FilterHolder.BoxMode .ControlButtonsBox { float:left; padding:5px 0 0 2px; top:0; margin-bottom:5px; position:initial; } .FilterHolder.BoxMode .container { float:none !important; min-width:auto !important; border:0 !important; background-color:transparent !important; border-radius:0 !important; box-shadow:0 !important; overflow:hidden !important;} .FilterHolder .ControlButtonsBox .ToggleSearchColumns { padding:2px !important; } .FilterHolder .ControlButtonsBox .btn, .FilterHolder .ControlButtonsBox .btn:hover, .FilterHolder .ControlButtonsBox .btn:active { font-size:1em !important; } .FilterHolder .helpIcon { margin:0 !important; } .BlockItemContent .DashboardPanel { margin-bottom:10px; } .DashboardPanel .linePlot { padding-right:300px; } .SeachComponentLabel { color:#6d6d6d; font-size:.9em; padding:4px 0 0 2px; } /*.FilterHolder .btn-link, .FilterHolder .btn-link:hover{ color:rgb(33, 37, 41) !important; }*/ .SearchFilterHandlingArea { clear:both; padding:10px 0 0 0; } .SearchAreaLegend { padding:5px 0 0 4px; } .SaveFilterPanel { float:right; } .CloseSearchBtn { position:absolute; top:15px; right:15px; z-index:1; cursor:pointer; } .HasSearchFilter { padding:5px 6px !important; } .HasSearchFilter:hover ,.HasSearchFilter i:hover{ cursor:default !important; } .ControlButtonsBox { font-size:1em; position:sticky; top:0; padding-top:5px; z-index:50; height:37px; border-radius:6px; left:1px; } .ControlButtonsBox .btn:not(.btn-link), .ControlButtonsBox .btn-group { float:left; font-weight:400 !important; } /*margin-bottom:2px;*/ .ControlButtonsBox > .btn:not(:last-child), .ControlButtonsBox > .btn-group:not(:last-child) { margin-right:10px; } .ControlButtonsBox .dropdown { display:inline; } .ControlButtonsBox input { margin-left:10px; } .SearchRow, .SearchRowContainer { margin-bottom:20px; } .SideMenuSearch .SearchRow { margin-bottom:10px; } .SideMenuSearch .col-12>.SearchRow:last-child { margin-bottom:5px; } .SideMenuSearch .SearchRowContainer { margin-bottom:0px; } .SearchPanel .FilterSelection .toggleVisibilityBtn, .SearchPanel .SearchSettingsPanel .toggleVisibilityBtn, .SearchRow .toggleVisibilityBtn, .SearchRow .toggleVisibilityBtn:hover, .SearchRow .toggleVisibilityBtn:focus { width:100%; text-align:left; padding:2px 5px !important; font-size:1em !important; color:rgb(33, 37, 41) !important; background-color:rgb(240, 240, 240); } .SearchRowContainer, .SearchPanel .FilterSelection .Collapse { padding:5px; } .FilterHolder.BoxMode .SearchRow .toggleVisibilityBtn, .FilterHolder.BoxMode .FilterSelection .toggleVisibilityBtn { border-radius:6px 6px 0 0 !important; } .FilterHolder.BoxMode .SearchRowContainer, .FilterHolder.BoxMode .FilterSelection .Collapse, .FilterHolder.BoxMode .SearchSettingsPanel .Collapse { border-radius:0 0 6px 6px; } .FilterHolder.BoxMode .SearchRowContainer.NoLabel { border-width:1px; } .SearchRowLabel { padding:3px 0; font-size:1.1em; color:#999; } .SearchComponentLabel { padding:4px 0 2px 2px; font-size:.9em; color:var(--label-font-color); clear:both; } .FilterHolder.NewBoxFilterPanel { display:block; padding:5px; border:0; } .FilterHolder.NewBoxFilterPanel .container { padding:0 !important; } .FilterHolder.NewBoxFilterPanel .SearchPanel { border:0; box-shadow:none; background:transparent; } .FilterHolder.NewBoxFilterPanel .col-6 { padding:5px; } .FilterHolder.MenuSearch { display:block; float:none !important; width:auto !important; margin:0 0 10px !important; } .FilterHolder.MenuSearch > .navbar-sub-header{ font-size:1.1em; margin:0; } .FilterHolder.MenuSearch .ControlButtonsBox { position:relative; margin-bottom:-10px; height:auto; padding-left:5px; } .FilterHolder.MenuSearch .SearchRowContainer.NoLabel { margin-bottom:0; } .FilterHolder.MenuSearch .col-12 { padding-left:10px; padding-right:10px; } /*.FilterHolder.MenuSearch .bootstrap-select { max-height:0px !important; }*/ .SearchPanel>.ExpandContent:not(:first-child) { border-top:1px solid #dedede; margin-top:10px; padding-top:5px; } .QuickSearchHolder { display:none; } .ToggleQuickSearchContainer { float:right; padding:5px 4px; margin:-7px -4px -6px 0; } /*.ToggleQuickSearchContainer.active { background-color:rgb(255,238,244); }*/ .ToggleQuickSearchContainer .btn.toggleQsPanel:after { font-family:'Font Awesome 6 Pro'; content:'\f002'; } /*.ToggleQuickSearchContainer .btn.toggleQsPanel.active:after { content:'\f00d'; }*/ .ToggleQuickSearchContainer .btn.toggleQsPanel, .ToggleQuickSearchContainer .btn.toggleQsPanel:hover { padding:1px !important; border:0 !important; background-color:transparent !important; width:20px; } .ToggleQuickSearchContainer .btn.btn-default.toggleQsPanel.active { background-color:rgb(255,238,244) !important; } .qsPanel { display:none; border:1px solid var(--table-row-border); padding:4px 0 5px; border-radius:6px; margin:2px 5px 2px 0; background-color:var(--table-row-bg); } .qsPanel .SearchRow { padding:0 2px 4px; margin-bottom:0; float:left; } .qsPanel .SearchRow .SearchRowContainer { margin-bottom:0; padding:0; } .qsPanel .SearchComponent { margin-right:10px; } .qsPanel .SearchComponent .SearchComponentLabel { margin-right:5px; font-size:1.1em; padding:2px; } .qsPanel .SearchComponent, .qsPanel .SearchComponent div { float:left; } .qsPanel .Search { margin:1px 0 0 -5px; font-size:.9em !important; } .qsPanel .closeQsPanel { float:left; margin:4px 0 4px 4px; font-size:1.2em; } .qsPanel .closeQsPanel:hover { cursor:pointer; } .DashboardPanel .ui-tabs-panel { margin-top:1px !important; } /* =================================================================================== */ /* */ /* =================================================================================== */ .BoxHeader { /* background-image: url(../eit-images/fieldsep.gif); */ font-weight: normal; font-size: 1.2em; color: #000; /* width: 100%; */ padding: 4px 5px; overflow: hidden; } .BoxHeader img { margin:3px 5px 0 0; } .BoxHeader .InputHeader { float:left; } .BoxHeader .ControlButtonsBox { float:right; font-size:.8em; } .SubPanelMargin .BoxHeader { padding:0; } .ListBoxHeader { float: left; max-width: 95%; } .ListBoxImg{ float: right; *position: absolute; /*IE7*/ *right: 12px; /*IE7*/ *margin-top: 2px; /*IE7*/ } .BoxHeaderGuides { background-image: url(../eit-images/fieldsep.gif); font-size: 0.9em; color: rgb(1,50,21); padding: 3px 5px; } .IndianRedBG { background-color:#7E2217; color: #FFF; } .BoxHeader_white { background-color:#EEEEEE; border: 1px solid #889932; font-weight: normal; font-size: 12px; color: #000000; padding: 5px 4px; } .EntityCaption { background-color:rgb(210,210,210); /* border-right: 2px solid #FFF;*/ /* border-bottom: 1px solid rgb(175,175,175); */ font-size: 1.3em; color: rgb(255,255,255); /* background-repeat: no-repeat; background-image: url(../eit-images/act-foldbg.gif); background-position: right top;*/ width: 928px; font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; } .ExpandLinkSearch{ /* float: right; padding: 3px 10px; */ padding: 4px; margin: 9px 8px 2px 10px; border-radius: 3px; border: 1px solid #999; background-color: #EEE; } .LegendPanel { clear:both; margin:5px 0; } .LegendPanel i { font-size:1.1em; } /* =================================================================================== */ /* Tables */ /* =================================================================================== */ .BlockInputPanel .TableHolder { background-color:var(--content-bg); } .BlockInputPanel .TableHolder .tblNoData { background-color:transparent; } .BlockInputPanel .BlockInputPanel .TableHolder .tblNoData { background-color:var(--table-row-bg); } .TableHolder { margin-top:4px; } /*.TableHolder { clear:both; position:relative; }*/ /*.TableContent { padding:0; clear:both; width:100%; background-color:#fff; }*/ /*.TableContent .os-content .actions-menu .dropdown-menu :not(.TableContent .os-content .inlineTable .actions-menu .dropdown-menu) { position:static !important; } .TableContent .actions-menu .dropdown-menu :not(.TableContent .inlineTable .actions-menu .dropdown-menu) { left:auto !important; top:auto !important; transform:translate3d(0px, 0px, 0px) !important; background:rgb(250, 250, 250); }*/ .TableContent .os-content .actions-menu .dropdown-menu:not(.absolute-menu) { position:static !important; } .TableContent .actions-menu .dropdown-menu:not(.absolute-menu) { left:auto !important; top:auto !important; transform:translate3d(0px, 0px, 0px) !important; background:rgb(250, 250, 250); } .TableContent .actions-menu .dropdown-content { display:none; position:absolute; background:#fff; z-index:1; padding:5px 0; box-shadow:1px 1px 2px #ddd; border-radius:0.25rem; font-size:1.1em; } .TableContent .actions-menu .action-link { padding:1px 0; } .TableContent .actions-menu .action-link i { margin:0; } .TableContent .actions-menu:hover { cursor:default; } .TableContent .actions-menu:hover .dropdown-content { display:block; } .TableContent.horizontalScroll { overflow-x:hidden; } /* padding-bottom:200px; margin-bottom:-200px; 'Hack' to prevent the action btn container from being hidden inside the table */ .modal-body .TableContent.horizontalScroll { padding-bottom:0 !important; margin-bottom:0 !important; } .TableContent .topCellHeader.rowheader_0 { font-size:12px !important; } /* background-color:rgb(248, 248, 248); */ .TableContent .topCellHeader.rowheader_1 { font-size:13px !important; } /* background-color:rgb(242, 242, 242); */ .TableContent .topCellHeader.rowheader_2 { font-size:14px !important; } /* background-color:rgb(236, 236, 236); */ .TableContent .topCellHeader.rowheader_3 { font-size:15px !important; } /* background-color:rgb(230, 230, 230); */ .TableContent .topCellHeader.rowheader_4 { font-size:16px !important; } /* background-color:rgb(224, 224, 224); */ .TableContent .topCellHeader.rowheader_5 { font-size:17px !important; } /* background-color:rgb(218, 218, 218); */ .TableContent .topCellHeader.rowheader_6 { font-size:18px !important; } /* background-color:rgb(212, 212, 212); */ .TableContent .topCellHeader.rowheader_7 { font-size:19px !important; } /* background-color:rgb(206, 206, 206); */ .TableContent .topCellHeader.rowheader_8 { font-size:20px !important; } /* background-color:rgb(200, 200, 200); */ .TableContent .topCellHeader.rowheader_9 { font-size:21px !important; } /* background-color:rgb(194, 194, 194); */ .TableContent .rowHeaderContainer { max-width:100%; padding:0 !important; } .TableContent .rowHeaderContainer .col { padding:0 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .TableContent .rowHeaderContainer .col > div { overflow:hidden; } .TableContent ._topCellHeader.row, .TableContent ._topCellHeader .rowHeaderContainer .row { margin-left:0 !important; margin-right:0 !important; } .TableContent .tbody > ._topCellHeader:not(:first-child) { margin-top:25px; } .TableContent ._topCellHeader { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px !important; font-size:1.2em; text-align:left; } .TableContent ._topCellHeader ul { margin:0; padding:0; } .TableContent ._topCellHeader li { list-style-type: none; } .TableContent ._topCellHeader .col { position:initial; } /*.TableContent .tbody .headerContent { background-color:#fff !important; }*/ /*.TableContent .tbody ._topCellHeader.rowheader_0 { background-color:rgb(255,238,244) !important; font-size:12px !important; border-top-left-radius:6px; border-top-right-radius:6px; border-width:1px 1px 0 !important; border-color:rgb(220,220,220) !important; border-style:solid !important; }*/ .TableContent .tbody ._topCellHeader.rowheader_0 { font-size:12px !important; } .TableContent .tbody ._topCellHeader.rowheader_1, .TableContent .tbody ._topCellHeader.rowheader_2 { padding-bottom:10px; } /*.TableContent .tbody ._topCellHeader.rowheader_2 { background-color:#fff; }*/ /*.TableContent .tbody .headerContent > ._topCellHeader.rowheader_0:first-child { margin-top:2px; }*/ .TableContent .tbody .headerContent > ._topCellHeader.rowheader_0:not(:first-child) { margin-top:25px; } .TableContent .tbody > ._topCellHeader.firstItem { font-size:1.4em !important; border-bottom:1px solid rgb(220,220,220); padding-bottom:10px; } .scrollTableContent { cursor:pointer; background-color:rgba(0,0,0,.2); text-align:center; height:40px; width:30px; display:none; } .scrollTableContent i { cursor:pointer; position:relative; top:12%; color:#2f2f2f; } .scrollTableContent.scrollright { border-radius:40px 0 0 40px; float:right; } .scrollTableContent.scrollright i { left:5px; } .scrollTableContent.scrollleft { border-radius:0 40px 40px 0; float:left; } .scrollTableContent.scrollleft i { right:5px; } .TableContent.WrapEllipsisColumn .tableEllipsisCol { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .TableContent.WrapEllipsisColumn .tableEllipsisCol p, .TableContent.WrapEllipsisColumn ._topCellHeader p { display:inline; } .TableContent.WrapEllipsisColumn .tableEllipsisCol ul:not(.dropdown-menu), .TableContent.WrapEllipsisColumn ._topCellHeader ul { display:inline; margin:0; padding:0;} .TableContent.WrapEllipsisColumn .tableEllipsisCol ul li, .TableContent.WrapEllipsisColumn ._topCellHeader ul li { list-style-type:none; display:inline; } .TableContent.WrapEllipsisColumn .tableEllipsisCol ol, .TableContent.WrapEllipsisColumn ._topCellHeader ol { display:inline; margin:0; padding:0; } .TableContent.WrapEllipsisColumn .tableEllipsisCol ol li, .TableContent.WrapEllipsisColumn ._topCellHeader ol li { list-style-type:none; display:inline; } .TableContent.WrapEllipsisColumn .tableEllipsisCol table, .TableContent.WrapEllipsisColumn ._topCellHeader table { display:none; } .TableContent.UnwrapEllipsisColumn .tableEllipsisCol, .pdfContent .TableContent .tableEllipsisCol { overflow:visible !important; white-space:normal !important; text-overflow:initial !important; word-wrap:break-word; } /*.TableContent.UnwrapEllipsisColumn .tableEllipsisCol p { display:block !important; }*/ .TableContent.ReviewTable .tbody .divRow { border-bottom-width:1px !important; border-bottom-style:dashed !important; } /*.TableContent.ReviewTable .divRow.cRow { border-bottom-color:var(--label-font-color); }*/ .TableContent.ReviewTable .tbody .divRow.cRow:hover{ background-color:var(--reviewtable-row-hover-bg) !important; color:var(--hover-color) !important; cursor:pointer; } .TableContent.ReviewTable .tbody .UnwrapEllipsisColumn .tableEllipsisCol { overflow:visible !important; white-space:normal !important; text-overflow:initial !important; } .TableContent.ReviewTable .ReviewSelection { text-align:center; } .TableContent.ReviewTable .ReviewSelection .btn-group { background-color:#fff; } .TableContent.ReviewTable .ReviewSelection .custom-control { float:none; } .TableContent.ReviewTable .ReviewDiff { background:transparent; } .TableContent.ReviewTable .ReviewDiff .col-form-label { color:rgb(75, 75, 75) !important; } .TableContent.ReviewTable .ReviewDiff .InputComponent { color:rgb(0, 0, 0) !important; } .TableContent .tableEllipsisCol.requirementMissingControl { background-color:rgb(255,238,244); color:#000 !important; border-radius:0; } .TableContent .tableEllipsisCol.requirementMissingControl a { color:#000 !important; } /* =================================================================================== */ /* Start new test layout */ /* =================================================================================== */ .divCol, .divRow.hRow { border:0 !important; border-radius:6px 6px 0 0; } .divCol { padding:8px 6px !important; vertical-align:middle; } .divColRow { display:block; border-width:0 1px !important; border-color:var(--table-row-border) !important; border-style:solid !important; padding:5px 5px 15px 10px !important; } .divRow.hRow .divCol { text-transform:uppercase !important; } .divRow.hRow .divCol > div { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .tbody .divRow.cRow:not(:last-child) { border-bottom-width:1px !important; border-bottom-style:solid !important; } .divRow { border-collapse:initial !important; } .TableContent .tbody ._topCellHeader.rowheader_0 { padding:8px 6px !important; font-size:1.1em !important; } .TableContent .topCellHeader { border:0 !important; } /*.TableContent ._topCellHeader { padding:8px 6px !important; font-size:1.1em !important; }*/ .TableContent.AssessmentTable .TableContent .divRow.hRow { background-color:var(--tabele-row-bg); border-bottom:1px solid var(--table-row-border) !important; } .TableContent.AssessmentTable .AssessmentActivities .toggleTableDataContent .divCol { padding:0 !important; } /*.AssessmentTable .toggleTableDataVisibility .divRow.cRow { border-bottom-width:0 !important; }*/ /*.AssessmentTable .toggleTableDataContent.AssessmentActivities .divRow.cRow { border-bottom-width:1px !important; }*/ .AssessmentTable .toggleTableDataContent.AssessmentActivities .divRow.cRow .divCol { padding:0 !important; } .AssessmentTable .tbody > .divRow:last-child, .AssessmentTable .headerContent > .divRow:last-child { border-radius:0; } .TableContent.AssessmentTable .AssessmentActivities .toggleTableDataVisibility, .TableContent.AssessmentTable .AssessmentActivities { margin-top:0 !important } .TableContent.AssessmentTable .toggleTableDataVisibility:not(a):not(.topCellHeader):not(.subCellHeaderSingleCol):not(.fas) { margin-top:0 !important; } .TableContent.AssessmentTable .toggleTableDataContent { margin-top:0 !important; } .AssessmentTable .assessRiskCol { padding:0 15px; background-color:var(--content-bg) !important; } /*.AssessmentTable .assessRiskCol .col-sm { padding:0; }*/ .assessment-content { margin-top:1px; } .assessment-content .input-group-append .custom-radio .custom-control-input { margin:-1px 0 0 !important; } .assessment-content .input-group-append > .form-control.read-only { padding:1px 2px 0 2px !important; } .assessment-content .input-group-append > .form-control.read-only .form-check-input { margin:4px 0 0 -1.3em !important; } .assessment-content .input-group-append .form-control .custom-control-label { margin:0 2px !important; } .assessment-content .input-group-append .custom-radio { margin:0 1px !important; } .assessment-content .input-group-append .custom-radio .custom-control-label { margin:0 2px !important; } .assessment-content .input-group-append .input-group-text { border:0; padding:0 1px; line-height:initial; margin:3px 2px 0 2px; background:transparent; color:var(--font-color); } .assessment-content input.form-check-input[type=radio] { margin-top:6px !important; } .assessment-content .input-group-append .input-group-text .custom-control-inline .form-check-label { margin-top:3px; } .divRow.cRow.assessRiskCol:hover .toggleVisibilityBtn, .divRow.cRow.assessRiskCol:hover .btn-primary, .divRow.cRow.assessRiskCol:hover .btn-success { color:var(--font-color) !important; } .divRow.cRow.ManageAttestRow:hover .btn-link, .divRow.cRow.ManageAttestRow:hover .openActionsWindow { color:var(--font-color) !important; } .divRow.cRow.ManageAttestRow .divRow.cRow:hover .openActionsWindow { color:var(--font-hover-color) !important; } /*.tbody .divRow.cRow.oddRow, .tbody .TableRowInformation.oddRow { background-color:rgb(245,245,245); }*/ .tbody .divRow.cRow.activeRow { border-left:2px solid #0084ff !important; } .tbody .divRow.cRow.activeRow > .divCol:first-child { padding-left:4px !important; } /* =================================================================================== */ /* End new test layout */ /* =================================================================================== */ .toggleRowInfoCol { text-align:center; vertical-align:middle; } .breadcrumbs { margin-bottom:10px; } .breadcrumbsHeader { color:var(--label-font-color); font-size:1.1em; margin-bottom:5px; } .breadcrumbs ul { padding: 0; margin: 0; } .breadcrumbs ul li { list-style-type: none; } .TableContent .BoxTableContent { padding:8px 10px 0 10px; clear:both; width:100%; background-color:#fff; border:1px solid #eee; box-shadow:1px 1px 0px #ddd; border-radius:6px; margin-bottom:10px; font-size:1.1em; } .TableContent .BoxTableContent .box-title { color:#666; margin-bottom:4px; } .TableContent .BoxTableContent .box-text { margin-bottom:8px; } .chart-pie { width:16.5%; min-width:200px; float:left; margin-bottom:15px; } /*.chart-pie .ChartStats { width:95%; margin:10px auto 0; }*/ .chart-pie .ChartStats .divRow.hRow .divCol { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .chart-target canvas:not(.mtrxcanvas) { border-width:0; background-color:var(--chart-bg); padding:2px; } .PlotPieStats { width:170px; } .PlotPieStats .tbody .divCol ,.PlotPieStats .thead .divCol { white-space: nowrap; text-overflow: ellipsis; } .PlotPieStats .thead .divCol { display: block; overflow: hidden; width: 160px; font-weight: normal; } .PlotPieStats i { font-size:1.3em; } .ChartStats { max-width:500px; z-index:1000; border:1px solid var(--content-bg); border-radius:6px; } /*box-shadow:1px 1px 2px -2px #999; */ .ChartStats .thead, .ChartStats .tbody { padding:0 1px 0 0; } .ChartStats .divRow.hRow { font-weight:normal; background:var(--table-header-bg); } .ChartStats .divRow.cRow .divCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ChartStats .divRow.cRow { background:var(--chart-bg); border-bottom-color:var(--content-bg); } .ChartStats .tbody > .divRow.cRow:last-child { border-radius:0 0 6px 6px; } .ChartStats i { font-size:1.1em; } #chartjs-tooltip { z-index:15100; } #chartjs-tooltip .row { margin:0; padding:0px; } #chartjs-tooltip .col-form-label, #chartjs-tooltip .col-form-value { padding:2px 4px 0 0; color:var(--label-font-color) !important; } #chartjs-tooltip .col-form-value { text-align:right; color:var(--font-color) !important; } .chartjs-tooltip { top:250px !important; left:50% !important; z-index:1000; margin-left:-250px !important; max-width:750px; } .chartjs-tooltip .tbody { margin-top:0; } .ChartStats .toggleChartDataSet, .ChartStats .toggleChartData { color:#0084ff; } .ChartStats .toggleChartDataSet.isHidden, .ChartStats .toggleChartData.isHidden { opacity:.4; } .ChartStats .toggleChartDataSet:hover, .ChartStats .toggleChartData:hover { cursor:pointer; text-decoration:underline; } .MonthSelect, .YearSelect { margin:5px 0; } .DaySelect { clear:both; padding:5px 0; } .DaySelect .Active { font-weight:bold; } .DaySelect li { text-align:center; } .DaySelect>.Week:not(:first-child), .MonthSelect>.pagination:not(:first-child) { margin-top:5px; } .Week span { display:block; } .WeekText { color:#666; font-size:.8em; margin-left:2px; } .WeekDay { font-size:9px; color:#999; } .CalendarNavLink:hover { cursor:pointer; } .TableStatisticsSection { margin: 10px 5px; } .TableStatisticsSectionHolder{ padding: 5px; border: 1px solid #ddd; } .ConfirmHolder { float:left; font-size:15px; margin-top:10px; } .NoDataText { padding:5px; } .tableOption { float:right; margin-right:5px; } .divCol .tableOption { float:none; margin:0; padding:0; } .tableOption .dropdown-button { display:block !important; border-radius:20px; padding:4px; margin:-4px -2px 0 0; } .divCol .tableOption .dropdown-button { padding:2px 4px; margin:0; } .tableOption:hover > .dropdown-button { background-color:#dedede; } .tableOption .dropdown-content { margin:0 !important; } .tableOption .dropdown-content a, .tableOption .dropdown-content button { font-size:14px !important; margin:0 !important; } /* =================================================================================== */ /* Message page */ /* =================================================================================== */ .dialogueUsers { float:right; } .dialogueUser { display:inline-block; background-color:var(--table-header-bg); width:20px; height:20px; border-radius:15px; text-align:center; line-height:1.9; font-size:11px; margin-left:3px; } .ReplyContainer .BlockInputHeader { padding:0 0 5px 0; text-align:right; } .ReplyContainer .Collapse { margin-bottom:10px; border: 1px solid var(--border-color); border-radius: .25rem; padding:5px; } .MessagesContainer { padding-top:5px; } .MessagesContainer .fa { font-size:1em !important; } .MessageContainerRight { width: 48%; color: #888; float: right; text-align: right; margin-bottom: 5px; clear: both; } .MessageRight { padding: 5px; position: relative; text-align: left; border-radius: .25rem; color: #fff; background-color: #0084ff; } .MessageRight a { color: #eee !important; } .MessageContainerLeft { width: 48%; color: #888; float: left; margin-bottom: 5px; clear: both; } .MessageLeft { padding: 5px; position: relative; text-align: left; border-radius: .25rem; color: #fff; background-color: #99969d; } .MessageLeft a { color: #666 !important; } .ReferenceContainer { padding-top:5px; margin-top:2px; border-top:1px solid #ddd; text-align:right; } /* =================================================================================== */ /* =================================================================================== */ /*.DropContainer { border:1px solid #eee; border-radius:6px; background:rgb(250, 250, 250); }*/ .DropContainer .DropHeader { padding:0 2px 4px; border-bottom:1px solid #efefef; color:#888; padding:5px; margin-bottom:5px; } .DropContainer .DropHeader i { margin-right:4px; } .DropContainer .DropButtons { padding:5px; } .DropContainer .DropButtons .btn { margin:-6px 5px 0 0; } .DropArea { min-height:150px; border:2px dashed #eee; border-radius:6px; padding:5px; background:#fff; } .DropArea label { color:#0084ff; } .DropArea label { width:100%; } .DropArea label i { float:right; margin:2px 0 0; } .DropArea.Dropping { background-color:#efefef; } .DropArea .file-label { font-size:1.1em; margin:2px 0; padding-bottom:2px; } .DropArea .file-label i { font-size:1.1em; line-height:1.3em; } .DropArea .file-label .FileInfo { float:left; } .DropArea .file-label .RemoveFile { float:right; } .DropArea .file-label .RemoveFile:hover { cursor:pointer; } .DropArea .file-label .FileText { margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; } .DropArea .FileRestrictions { opacity:.6; } .DropArea .FileRestriction .FileSize { float:right; } .DropSelectedFiles { display:none; } .DropSelectedFiles > .file-label:not(:last-child) { border-bottom:1px dotted #ddd; } .DropFile { opacity:0; width:.1px; height:.1px; position:absolute; z-index:-1; overflow:hidden; } .DropContainer .BlockInputPanel { border:0; box-shadow:none; margin-bottom:10px; } .DropContainer .BlockInputPanel .form-group { padding:5px; } .DropContainer .BlockInputPanel .InputComponent { margin:0; width:100%; } /*.DropContainer .BlockInputPanel .col-form-label { padding:0 !important; width:100%; margin-bottom:2px; }*/ /*Site selector*/ .SiteSelector { background-color: #dfdfdf; width: 84.7em; margin-right: auto; margin-left: auto; padding-right: 14px; text-align: left; padding-top: 4px; } .Break { clear: both; } /*Column settings*/ /* #LeftMetaColumn { float: left; width: 100%; } */ #MidAndRightColHolder { float:right; } #MidColum { float: left; } #RightColumn { float: right; } #MidHolderLogin { padding-top: 5px; float: left; width: 100%; background-color: #FFF; min-height:580px; height:auto !important; height:580px; background-position: center -55px; background-repeat: no-repeat; background-image: url(../eit-images/swipe.gif); } .HiddenBlockKeepSpace { visibility:hidden; } /*Hidden link to navigate to content of the link*/ .hidden { display:none; position: absolute; visibility: hidden; } H2.Rubrik1 { font-size:1.1em; padding-top: 8px; } #MidColum .NewsImageRight { float: left; } /*Listing*/ .List { padding-top: 0px; padding-bottom: 0px; clear: both; } .Event span.Date { display:block; } .Event .ListItem { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #989898; } .ListItem { padding-bottom: 2px; margin-bottom: 2px; padding-top: 2px; clear: both; float: left; width: 100%; } .List LI { list-style-type:none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #989898; padding-bottom: 2px; padding-top: 2px; } .List span { padding-left:4px; padding-right:2px; } .List .Date { color:#666; display: inline; } .List a:link, .List a:visited { display:block; width: 100%; } .List a:hover { background-color:#F3F3F3; text-decoration: none; } h3.ListItemHead { clear:both; font-size: 1em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #BDBCBC; } /*General floats*/ .More { padding-left: 14px; background-image: url(../eit-images/more.gif); background-repeat: no-repeat; background-position: left center; margin-top: 4px; clear: both; width: 85%; margin-bottom: 8px; display: block; } /*Right column - Item*/ .RcolItem { float: left; width: 100%; height: 100%; } .RcolItem h2.RcolHead { /* background-color:rgb(239,216,175); */ /* background-image: url(../eit-images/fieldsep.gif); */ font-weight: normal; font-size: 1.2em; color: rgb(1,50,21); padding-bottom: 3px; /* color: #555; font-weight: normal; font-size: 1.0em; */ /* line-height: 1.5em; padding-bottom: 2px; border-width: 0px; border-style: solid; border-color: rgb(125,125,125); */ } .RcolItem h2.RcolHead span { padding-left: 10px; } .RcolItem h2.RcolHeadLine { } .RcolItem h2.RcolHeadLine span { /* padding-left: 10px; */ } .RcolItemContent { padding: 4px; } .RcolItem fieldset { border:none; margin: 0px; padding: 0px; } .RcolItem Label { font-weight:normal; } .RcolItem legend { font-weight:bold; font-size:1em; color:#333; } .RcolEnd { clear:left; height: 12px; float: left; margin-bottom: 4px; border:1px solid #FFF; } .RcolItem .EditorContent { width: auto; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; } .Button { padding-top:22px; float: left; } .ListInfo { margin: 5px 0; /* float: left; */ /* width:98%; */ } .Group { float:left; } /*Link list*/ .ListLink:link, .ListLink:visited { width: 100%; display:block; text-decoration:none; } .ListLink:hover { background-color:#ededed; text-decoration: none; } .ListLink span { display: block; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; } .ListLink .Ingress { padding-top: 0px; padding-bottom: 0px; color:#000; } .ListLink .Date { padding-top: 0px; padding-bottom: 0px; color:#666; } .ListLink .Heading { font-size: 1.1em; font-weight: bold; padding-bottom: 0px; } /*Image text*/ .imagetext { font-style: italic; } /*Holder below tab navigation*/ #SubContent { margin:0 15px; } .TableContent a .btn i {margin:0;} /*.ReturnButton { padding:0 !important; color:#0084ff !important; } .ReturnButton i { font-size:1em !important; } .ReturnButton:hover, .ReturnButton i:hover {cursor:pointer; color:#007aff !important;}*/ /*.LockPanel { float:left; }*/ .LockButtonPanel button, .LockPanel button { margin:5px 8px 0 0; } .LockButtonPanel button:active, .LockButtonPanel button:focus, .LockButtonPanel button:hover { cursor:pointer; } .LockButtonPanel button.lock, .LockButtonPanel button.unlock { background:transparent; padding:0; } /*.LockButtonPanel button.lock i { color:#ff9f0a; }*/ .LockButtonPanel button.lock[disabled]{ display:none; } /*.LockButtonPanel button.unlock { background:transparent; color:#0084ff; background:#30d158; }*/ /*.LockButtonPanel button.unlock i { color:#30d158; }*/ .LockButtonPanel button.nopermissiondummy, .LockPanel button.isLocked{ cursor:not-allowed !important; background:#ff453a; color:#fff; border:0; padding:3px 5px; border-radius:6px; } .Disabled { color:#999; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } a.Disabled:hover { color:#999; text-decoration:none; } /* Dialogue buttons */ .SendMessage { margin-top: 5px; } /* Dialogue buttons */ /*Description*/ p.Description { padding-bottom: 8px; width: 50%; } .DataTabel .subTableHeader { border-collapse:collapse; } .DataTabel .subTableHeader TH { border:none; padding:0; } /*Data table*/ .DataTabel { padding: 0px; width: 100%; border-collapse: collapse; } .DataTabel .tableHeaderSortable a:link { color: #000; } .DataTabel .tableHeaderSortable a:link a:hover { text-decoration: none; } .DataTabel .tableHeaderSortable a:link :after{ content: ""; } .DataTabel a:hover { text-decoration:none; } .SpaceUnder td { padding-bottom:10px; } .DataTabel tr:hover { background-color: #EEEEEE; } .DataTabel .topCellHeader:hover { background-color: transparent; } .DataTabel Caption { text-align:left; background-color: #666666; font-size: 1.2em; font-weight: bold; padding: 3px; color: #FFF; } .DataTabel TH { text-align:left; padding: 2px; font-size: 13px; border: 1px solid #dddddd; } .DataTabel td { word-wrap: break-word; border: 1px solid #dddddd; font-size: 13px; padding: 2px; } .DataTabelHorizontalScroll { width:100%; table-layout:fixed; margin-bottom:17px; } .TableContent .toggleTableDataVisibility:not(.dropdown-item) { /* background-color:#eee; border-color:#eee; border-style:solid; border-width:1px 1px 0;*/ padding:4px 2px 4px 4px; display:block; } .TableContent .toggleTableDataVisibility:not(.firstItem):not(.mainItem) { border-right:0; } .TableContent > .topCellHeader:not(:first-child) { border-right:0; } .TableContent .toggleTableDataVisibility .toggleDiv { float:left; } .TableContent .toggleDiv .toggleTableDataVisibility, .TableContent .toggleDiv .toggleTableDataVisibilityInactive { margin-right:5px; border:0; background:transparent; font-size:.9em !important; } .TableContent .toggleDiv .toggleTableDataVisibilityInactive { color:#aaa; } .TableContent .toggleDiv .toggleTableDataVisibility:hover { cursor:pointer; } /*.TableContent .toggleTableDataContent { padding:4px 0 4px 6px; border-style:solid; border-color:rgb(245,245,245); border-width:0 1px 1px; }*/ .TableContent .toggleTableDataContent:not(.firstItem) { border-right:0; } .TableContent .toggleTableDataContent.mainItem { padding:0; border-color:#ddd; border-style:solid; border-width:0 1px 0 0; } .TableContent .toggleTableDataContent.lastItem { border:0; padding:0; } .TableContent .toggleTableDataContent .divRow.cRow > .divCol:last-child, .TableContent .toggleTableDataContent .divRow.hRow > .divCol:last-child { border-right:0; } /* .TableContent .toggleTableDataVisibility:not(:first-child) { margin-top:10px; border-right:0; } */ .TableContent .toggleTableDataVisibility:last-child { border-bottom:0; } /*.TableContent .tbody > .topCellHeader { border-left:1px solid #ccc; border-right:1px solid #ccc; } .TableContent .tbody .toggleTableDataVisibility.rowheader_0, .TableContent .tbody .toggleTableDataVisibility.rowheader_1, .TableContent .tbody .toggleTableDataVisibility.rowheader_2, .TableContent .tbody .toggleTableDataVisibility.rowheader_3, .TableContent .tbody .toggleTableDataVisibility.rowheader_4, .TableContent .tbody .toggleTableDataVisibility.rowheader_5 { border-top:1px solid #ccc; }*/ /*.TableContent .tbody > .toggleTableDataContent { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }*/ .TableContent .tbody > .topCellHeader:not(:first-child) { margin-top:30px; } .TableContent .toggleTableDataContent > .topCellHeader:not(:first-child) { margin-top:10px; } .TableContent.AssessmentTable .divCol { border-top-width:1px; } .TableContent.AssessmentTable .divRow.hRow .divCol { border-bottom:0; } .TableContent.AssessmentTable .toggleTableDataVisibility:not(a):not(.topCellHeader):not(.subCellHeaderSingleCol):not(.fas) { padding:0; margin-top:-1px; border:0; } .TableContent.AssessmentTable .toggleTableDataContent { margin-top:-1px; } .TableContent.AssessmentTable .AssessmentActivities .toggleTableDataVisibility, .TableContent.AssessmentTable .AssessmentActivities { padding:0; margin-top:-1px; border:0; } .TableContent.AssessmentTable .AssessmentActivities .toggleTableDataContent { padding:0; margin-bottom:-2px; margin-top:-1px; margin-right:6px; border-radius:0; border-width:0 1px 1px; } .TableContent.WorkflowQuestionTable .tbody > .divRow { border:0 !important; background:transparent; } .TableContent.WorkflowQuestionTable .divRow.cRow:hover{ background-color:transparent !important; } .TableContent.WorkflowQuestionTable .divCol { padding:2px 0 !important; } .TableContent.WorkflowQuestionTable .divCol input[type=radio], .TableContent.WorkflowQuestionTable .divCol input[type=checkbox] { float:left; margin-top:1px; } .TableContent.EventLogTable .divRow.hRow { border-top:0; } .TableContent .toggleTableDataContent.AssessmentActivities .hRow { display:none; } .TableContent .toggleTableDataContent.AssessmentActivities .divCol { border-top:0; padding:0; } .TableContent .toggleTableDataContent.assessmentContent { padding:0; } .TableContent a.LinkButton { padding:0 3px; } .TableContent a.LinkButton:hover { text-decoration:none; background:rgb(200, 200, 200); border-radius:.25rem; } /* Report controls specific */ /*.ControlReportActions { float:right; }*/ /*.ControlReportActions .dropdown-menu { font-size:1em !important; }*/ .ControlReportButtons .btn { margin-top:-5px !important; } .ControlReportButtons .Active, .ControlReportButtons .Active:focus, .ControlReportButtons .Active:active { text-decoration:underline !important; } .ControlReportActions .dropdown-menu .dropdown-item { font-size:1em !important; } .ReportControlTable .topCellHeader { font-size:14px !important; padding: 6px 2px 6px 4px !important; } .ReportControlTable .topCellHeader i { margin-top:1px; } .ReportControlTable .topCellHeader { background-color:rgb(255,238,244); margin-top:0 !important; border-bottom:1px solid #ddd; } .ReportControlTable .tbody > .topCellHeader:not(:first-child) { margin-top:10px !important; } .ReportControlTable.TableContent .form-control .controlColumn, .ReportControlTable.TableContent .form-control .statusColumn { width:auto; float:none; } .ReportControlTable.TableContent .form-control .statusColumn { padding-left:0; } /*.ReportControlTable.TableContent .rowHeaderContainer { max-width:none; width:auto; overflow:hidden; } .ReportControlTable.TableContent .rowHeaderContainer .row > .col:first-child { padding-left:0; } .ReportControlTable.TableContent .rowHeaderContainer .row > .col:last-child{ padding-right:0; }*/ /*.ReportControlTable.tbody > ._topCellHeader:first-child .topCellHeader { border-radius:0; }*/ .ReportControlTable.TableContent .toppCellHeader { border-bottom-color:var(--label-font-color) !important; } .ReportControlTable.TableContent .ReportControlRow.divRow.cRow { border-bottom-color:var(--label-font-color); } .ReportControlTable.TableContent .ReportControlRow .divRow:hover { background-color:var(--table-row-bg) !important; color:var(--font-color) !important; } .ReportControlTable.TableContent .ReportControlRow .divCol:hover, .ReportControlTable.TableContent .ReportControlRow .divCol:hover a { color:var(--font-color) !important; } .ReportControlTable.TableContent .ReportControlRow .divCol:hover a.btn:not(.btn-link):not(.btn-success):not(.btn-primary) { color:var(--font-color) !important; text-decoration:none !important; } .ReportControlTable.TableContent .ReportControlRow .divCol:hover a.btn.btn-success, .ReportControlTable.TableContent .ReportControlRow .divCol:hover a.btn.btn-primary, .assessmentContent .assessRiskCol:hover .btn.btn-success, .assessmentContent .assessRiskCol:hover .btn.btn-primary{ color:#fff !important; } .ReportControlTable.TableContent .ReportControlRow .divCol:hover button:not(.statusColumn .toggleVisibilityBtn):not(.trumbowyg-button-group button) { color:var(--font-color) !important; text-decoration:none !important; } .ReportControlTable.TableContent .ReportControlRow > .divCol { background-color:var(--table-row-bg); padding:0; border-color:#ddd; display:flex; align-items:stretch; width:auto !important; border-bottom-width:2px; flex-flow:row wrap; } .ReportControlTable.TableContent .ReportControlRow .statusColumn { flex-grow:2; width:600px; background-color:var(--table-row-border); } .ReportControlTable.TableContent .ReportControlRow .controlColumn { flex-grow:8; height:100%; width:calc(100% - 610px); } .ReportControlTable.TableContent .ReportControlRow .inlineTable .divCol { padding:2px 5px; } /*.ReportControlTable.TableContent .ReportControlRow .statusColumn .btn-group .btn { background-color:#fff; }*/ /*.ReportControlTable.TableContent .ReportControlRow .statusColumn .btn-group .btn:hover:not(.active) { background-color:#fff !important; }*/ /*.ReportControlTable.TableContent .ReportControlRow .ControlText:hover { cursor:pointer; }*/ .ReportControlTable.TableContent .ReportControlRow .ControlInfo { overflow:hidden; } .ReportControlTable.TableContent .ReportControlRow .ControlReportActions { margin-bottom:10px; } .ReportControlTable.TableContent .ReportControlRow .ControlReferences { display:block; margin:5px 0 0 15px; } .ReportControlTable.TableContent .ReportControlRow .controlColumn .BlockInputPanel { background:transparent; border:0; box-shadow:none; } .ReportControlTable.TableContent .ReportControlRow .controlColumn .ControlText { overflow:hidden; font-size:13px; margin-top:-2px; } .ReportControlTable.TableContent .ReportControlRow .controlColumn .ControlInfo { margin-left:15px; } .ReportControlTable.TableContent .ReportControlRow .controlColumn .ControlInfo .col-sm-4, .ReportControlTable.TableContent .ReportControlRow .controlColumn .ControlInfo .col-sm-8 { flex:unset; max-width:none; padding:0 !important; } /*.ReportControlTable.TableContent .ReportControlRow .controlColumn .ControlInfo .col-form-label { color:#999; }*/ .ReportControlTable.TableContent .ReportControlRow .controlColumn, .ReportControlTable.TableContent .ReportControlRow .statusColumn { padding:10px 6px; overflow:visible !important; white-space:normal !important; } .ReportControlTable.TableContent .ReportControlRow .controlColumn { padding-left:22px; } .ReportControlTable.TableContent .ReportControlRow .statusColumn .btn-group { background-color:#fff; } .ReportControlTable.TableContent .controlColumn .BlockInputHeader { display:none; } .ReportControlTable.TableContent .controlColumn .BlockInputPanel { margin:10px 1px 10px 0; } .ReportControlTable.TableContent .BlockInputHeader .btn { color:#888 !important; } .ReportControlTable.TableContent .BlockInputHeader .btn:hover { cursor:default; } .ReportControlTable.TableContent .BlockInputHeader .btn i { display:none; } /* Manage risk attest specific */ .ManageAttestTable .ManageAttestRow.divRow { background-color:var(--table-row-bg) !important; display:flex; align-items:stretch; width:auto !important; flex-flow:row wrap; padding:8px 6px; } .ManageAttestTable .ManageAttestRow.divRow:hover { background-color:var(--table-row-bg) !important; color:var(--font-color) !important; } .ManageAttestTable .ManageAttestRow .divCol { vertical-align:top; } .ManageAttestTable .ManageAttestRow .ManageAttestData { border-radius:0; flex-grow:8; width:400px; white-space:normal !important; overflow:visible !important; } .ManageAttestTable .ManageAttestRow .ManageAttestRequst { border-radius:0; flex-grow:2; width:400px; white-space:normal !important; overflow:visible !important; } .ManageAttestTable .ManageAttestRow .ManageAttestDesicion { background-color:var(--table-row-border) !important; border-radius:0; flex-grow:4; width:400px; white-space:normal !important; overflow:visible !important; } .ManageAttestTable.TableContent .ManageAttestDesicion .btn-group { background-color:#fff; } .MoreContentTable { border:0; border-collapse:collapse; } .MoreContentTable tr:hover { background-color: transparent; } tbody.rowWrapper:hover { background-color:#ABB76F; } .tableCompliance td{ border-top-color: rgb(200, 200, 200); border-left-color: rgb(200, 200, 200); } .topCellHeaderCompliance { font-size: 1.1em; } .subCellHeaderMultipleCol table { margin: 0px; padding: 0px; color: #000; background-color: #E1E1E1; font-size: 0.9em; } .topCellHeader ul { list-style: none; margin: 0; padding: 0; } .subCellHeaderMultipleCol ul { list-style: none; margin:0; padding:0; color: #000; } .td, .subCellHeaderMultipleCol td{ border-top: 0px; } .subCellHeaderSingleCol ul, .subCellHeaderCompliance ul { margin:0px; padding:0; color: #000; overflow: auto; list-style-type: none; min-height: 20px; } .topCellHeaderCompliance ul { list-style-type: none; margin: 10px 0px 0px; padding: 4px 5px 0px 2px; color: 444; background-color: #E1E1E1; border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; border-bottom: 1px dashed #999999; } .cellSpanHeader { /*color: #905000;*/ /*color: #ffccff;*/ /*padding: 0 5px;*/ background-color: #F5F5F5; font-size: 12px; color:#4B4B4B; } .divRow.rowHeader { background-color:#eee; width:100%; } .TableContent .AssessmentInputTable { padding:0 4px 0 30px; background-color:rgb(247, 247, 247); } .AssessmentInputTable table { border:1px solid #ddd; padding:5px; display:inline-block; width:100%; } .TableContent .AssessmentInputTable table { border-top-width:0; } .TableContent .AssessmentActivities .AssessmentInputTable table { border-top-width:1px; } .AssessmentInputTable tr > td:not(:first-child) { padding-left:10px; } .AssessmentInputTable tr > td:not(:last-child) { padding-right:10px; } .AssessmentInputTable tr:hover { background-color:transparent; } .AssessmentInputTable .inputLabel { margin: 15px 0 5px; } .AssessmentInputTable .inputLabel .InputLabel { display:block; } .AssessmentInputPanel { float:left; width:50%; padding-right:4px; } /* =================================================================================== */ /* Specific layout for table in Risk assessment.Assessment.1. Risks and activities */ /* See com.ais.eit.wt.workspaces.assessment.WorkspaceAssessmentPage */ /* =================================================================================== */ .RiskTopCellHeader ul { padding: 2px 0; margin: 10px 0 0; list-style: none outside none; color: #3D3D3D; border: 1px solid #999; background-color: #E1E1E1; } .NoBorderBottom ul {border-bottom: 0; } .RiskTopCellHeader li { display: block; float: left; padding: 0 3px; } .RiskCellHeader { background-color:#fff; } .RiskCellHeader .MoreContentTable tbody{ border:0; } .RiskCellHeader table, .ActivityRiskCellHeader table { background-color:#fff; border:0; border-collapse: collapse; } .RiskObject td { background-color:#E1E1E1; } .ActivityRiskCellHeader tbody { border-top:1px solid #999; } .RiskCellHeader th, .ActivityRiskCellHeader th { background-color:#fff; border:0; } .RiskCellHeader th { border-bottom:1px solid #999; background-color: #E1E1E1; } .RiskCellHeader td { word-wrap:break-word; border-top: 1px solid #999; } .ActivityRiskCellHeader td { border-top:1px solid #999; word-wrap:break-word; } .RiskCellHeader tr:hover, .ActivityRiskCellHeader tr:hover { background-color: transparent; } .RiskCellHeader ul, .ActivityRiskCellHeader ul { font-size:13px; list-style:none; margin:0; padding:2px 0 0 0; border-top:1px solid #999; } .GlobalFollowUpRiskCellHeader ul { border-bottom:0; } .ActivityFollowUpTable li{ float:none; } .ActivityFollowUpTable .RiskCellHeader ul{ margin-left:1px; padding:5px 0 5px 30px; border:0; } .ActivityFollowUpTable .ActivityRiskCellHeader ul{ margin-left:1px; padding:5px 0 5px 15px; border:0; } .ActivityFollowUpTable .RiskTopCellHeader li{ font-size:15px; } /*Selectbox column*/ .SelectCol { width:2%; } /*Scroll handling of table with dynamic heigth*/ .Row { clear: both; float: left; width: 100%; padding-bottom: 3px; } .Row .FloatLeft { width:40%; } /*Search area*/ .ButtonRow { clear: both; padding-top:5px; } .FormHolder { padding: 0px 8px 8px; width: 28em; margin-left: auto; margin-right: auto; } .FormHolder P { padding-bottom: 1px; padding-top: 5px; } .FormHolder legend { font-weight: bold; color: #333; } .btn-group.SavedFilterSelection { display:block; } /*Start page metaphores*/ .MetaPhoreArea { width: 100%; float: left; padding-top: 8px; } .MetaPhoreArea .Left { float: left; background-repeat: no-repeat; width:49%; background-position: left top; height: 170px; /* background-image: url(../eit-images/generic-bg.gif); */ } .MetaPhoreArea .Right { float: left; background-repeat: no-repeat; width:50%; background-position: left top; height: 170px; /* background-image: url(../eit-images/generic-bg.gif); */ } /*General link list*/ .LinkList { margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .LinkList li { list-style-type: none; } .LinkList span { display: block; padding:4px; } .LinkList span.Text { padding-top:0px; } .LinkList span.Date { padding-bottom:0px; padding-top: 2px; } .LinkList .LinkLink:link, .LinkList .LinkLink:visited { display: block; width: 100%; color: #333333; text-decoration: none; } .LinkList .LinkLink:hover { background-color:#EAEAEA; } .LoginHolder { position:absolute; left:50%; height:100%; } .LoginHolder .EITLogo { width:300px; margin:20px 0 20px -150px; text-align:center; } .LoginHolder .CustomerLogo { width:500px; margin:20px 0 20px -250px; text-align:center; } .LoginContainer, .loginErrorPanel { width:350px; margin-left:-175px; } .LoginContainer .BlockContent { background:transparent; } .LoginContainer .btn.btn-success, .LoginContainer .btn.btn-primary, .LoginContainer .btn.btn-default { width:100%; padding:8px !important; } .LoginContainer .SignInWithClientContriner .btn { text-align:left; } .LoginContainer .SignInWithClientContriner > button { margin-bottom:5px; } .LoginContainer .toggleVisibilityBtn { width:100%; text-align:center; font-size:1.1em !important; margin:10px 0; color:#444 !important; display:flex; } .LoginContainer .toggleVisibilityBtn i { padding:5px 0; } .LoginContainer .toggleVisibilityBtn:before, .LoginContainer .toggleVisibilityBtn:after { content:""; border-bottom:1px solid #ccc; height:12px; flex:1 0 auto; } .LoginContainer .toggleVisibilityBtn:before { margin-right:15px; } .LoginContainer .toggleVisibilityBtn:after { margin-left:15px; } .LoginContainer .ItemDescriptionText { background:transparent; } .LoginContainer .LoginLinkPanel a { display:block; margin:2px 0; font-size:1.1em; } .LoginContainer .LoginLinkPanel .btn-link { padding:0; margin:2px 0; font-size:1.1em; } .LoginContainer .LoginLinkPanel .btn-link:hover { text-decoration:underline !important; } .LoginContainer .form-floating > .form-control, .LoginContainer .form-floating > label { padding:1rem .75rem !important; font-size:1rem !important; } .LoginContainer .form-floating > .form-control:not(:placeholder-shown) { padding-top:1.625rem !important; padding-bottom:.615rem !important; } .LoginContainer .LoginLinkPanel { margin-top:10px; } .form-control.hasRealPerson { font-size:2rem !important; letter-spacing:10px; margin:2px 0 10px;text-transform:uppercase; } .loginInfotext { padding: 3px; font-size: 1.0em; font-weight: bold; color: #444; background-repeat: no-repeat; background-image: url(../eit-images/act-foldbg.gif); background-position: right top; width: 100%; font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; } .loginInfoPanel { padding: 8px; margin: 0 auto; } .loginErrorPanel { font-size: 1.2em; color: #ff453a; } .infotext { font-size:1em; color: #1B3367; } .infotext.Danger { background-color:rgb(255,238,244); display:block; padding:5px; border-radius:6px; } .infotext i { margin-right:4px; } .infotext.noContentText { font-size:1.3em; background:var(--content-bg); color:var(--font-color); } .infotext.noContentText i { margin-right:8px !important; color:var(--font-color); } .StandardBackground { background-color: #F3F3F3; } /* Scroll panel item boxes in edit pages */ .BoxScrollPanelBox { overflow: auto; } /*Table holder*/ .EntityContent { padding-top: 1px; /* 10px; */ padding-right: 2px; padding-bottom: 2px; padding-left: 2px; } /*Table scroll*/ .SubCScroll { height: 500px; } .inactive { color:#888; } .InfoArea { padding-left: 140px; padding-top: 25px; padding-right: 25px; background-repeat: no-repeat; background-position: -10px 40%; height: 130px; padding-top: 24px; margin-left: 20px; border: 1px solid #DDD; } .InfoArea P { height:80px; overflow:auto; margin-top: 8px; } .InfoAreaWithoutPic { padding-left: 25px; padding-top: 25px; padding-right: 25px; background-repeat: no-repeat; background-position: 9px 99%; height: 130px; padding-top: 24px; } .InfoAreaWithoutPic P { height:80px; overflow:auto; margin-top: 8px; } h2.IconHeading { color: #213F9A; font-size: 18px; } h2.IconHeading a:link, h2.IconHeading a:visited { color: #889932; } h2.IconHeading a:hover { text-decoration:underline; } body#OneWideColumn div#MidAndRightColHolder { float: left; width: 100%; } .SelectWidth150 { width:250px; } /* Section holding elements for history pages */ .HistorySection1 { overflow: auto; background-color: #f4f4f4; } /* Section acting container holding graphical elements on list pages .StdSection { height:190px; width: 930px; overflow: auto; background-color: #f4ccf4; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; clear: right; } /*Scroll abstractInputPage2BoxCss top view */ .SubBoxScrollPanelHolderLayout { overflow: auto; } /* #HtmlBoxCoverAll { float: left; height: 480px; width: 936px; margin: 2px; } .SubBoxCoverAllScroll { overflow: auto; } #HtmlBoxCoverTop { float: left; height: 320px; width: 936px; margin: 2px; } .SubBoxCoverTopScroll { overflow: auto; } #HtmlBoxCoverBottom { float: left; height: 160px; width: 936px; margin: 2px; } .SubBoxCoverBottomScroll { overflow: auto; } */ p.TextDescription { clear: both; } .ListInfoArea { float: left; width: 31%; padding-left: 3px; } .Wizard { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; font-size: 1.1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; margin-bottom: 8px; margin-top: 25px; } .PageHeaderLayout { padding: 3px; padding-top: 6px; padding-bottom: 2px; font-size: 1.3em; color: #889932; background-repeat: no-repeat; background-image: url(../eit-images/act-foldbg.gif); background-position: right top; width: 85%; font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; } .InformationPanel i { font-size:1.1em; margin-right:5px; } .InformationText { color: #000; } #progressOverlay { opacity:0.4; height:100%; width:100%; position:fixed; left:0; top:0; z-index:15020; background-color:#000; } #progressBar { position:fixed; text-align:center; top:30%; overflow:hidden; z-index:15021; background-color:var(--content-bg); padding:15px; font-size:1.7em; border-radius:6px; } #progressBar span { display:block; margin-bottom:10px; } .btn.btn-link.helpIcon { float:right; padding:0; margin:6px 0 0; font-size:1.1em; } .btn.btn-link.helpIcon:hover, .btn.btn-link.helpIcon:focus { text-decoration:none; } .Black { color:#000; } .White { color:#fff; } .Red { color:#f00; } .Green { color:#0f0; } .Blue { color:#00f; } .Inactive { color:#e5e4e2; } .Info { color:#ff453a; } .Primary { color:#0084ff; } .Success { color:#30d158; } .Warning { color:#ff9f0a; } .Danger { color:#ff453a; } .Observe { color:#ffcc00; } .NotApplicable { color:#bf5af2; } .Overdue { color:#6d6d6d; } .Options { color:#30b0c7; } .Start { color:#1c1c1e; } .Message { color:#0071a4; } .Organization { color:#30b0c7; } .Asset { color:#30b0c7; } .Risk { color:#d70015; } /*.Risk { color:#ffbe7c; }*/ /*.Risk { color:#683548; }*/ .Control { color:#409cff; } /*.Control { color:#50ac97; }*/ .Event { color:#ffb340; } .Education { color:#248a3d; } .Workspace { color:#7d7aff; } .Activity { color:#0071a4; } .Permission { color:#0071a4; } .Document { color:#0071a4; } .Site { color:#7d7aff; } .SystemGeneral { color:#0071a4; } .ActionOption { color:#0084ff; } .StatusActive { color:#30d158 !important; } .StatusProposal { color:#ff9f0a !important; } .StatusArchived{ color:#636366 !important; } .ActivitySuggestion { color:#0084ff !important; } .ActivityOngoing { color:#ff9f0a !important; } .ActivityImplemented { color:#30d158 !important; } .ActivityOverdue { color:#d70015 !important; } .IconDisabled { opacity:0.6; } /* =================================================================================== */ /* Reporting view specific */ /* =================================================================================== */ .BoxHeaderExpandLinkRight{ width: 100%; } .BoxHeaderClearRight { float: left; text-align: right; } .BoxHeaderExpandLinkRightText{ float: left; color: rgb(100, 100, 100); } .BoxHeaderExpandLinkRightImage{ float: left; } .ReportViewStepCol { /* background-image: url("../eit-images/down_arrow.gif"); background-repeat: no-repeat; background-position: center bottom; */ width: 100px; } /*.viewDemandStatusPanel { padding:20px 0 15px 0; }*/ .viewDemandStatusPanel .PanelEmbracerLayout { padding:20px 15px 15px 15px; } .viewDemandStatusPanel .container { max-width:none; padding:0; } /* =================================================================================== */ /* Sortable specific */ /* =================================================================================== */ .sortable { cursor: move; } .updateStatus { clear: both; display: block; } .success { color: green; } .failure { color: #ff453a; } /* =================================================================================== */ /* Education specific */ /* =================================================================================== */ .PaletteHolder { margin-top:10px; } .PaletteItem, .PaletteItemDisabled { border:1px solid var(--border-color); margin:5px; width:108px; height:95px; float:left; position:relative; z-index:600; text-align:center; border-radius:6px; } .PaletteItemDisabled { cursor:default; color:#999; } .PaletteItemText { position:absolute; bottom:5px; width:100%; text-align:center; } .HolderSettings { border: 1px solid var(--border-color); margin: 5px; width: 115px; height: 115px; float: left; position: relative; } .HolderItem { border-width: 1px; width: 200px; float: left; overflow: visible; } .HolderItemImage { border-width: 1px; float: left; overflow: visible; width: auto; height: auto; } .HolderItemReferences { border-width: 1px; float: left; height: auto; overflow: visible; } .HolderItem.highlight { box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .ItemContent { width: auto; height: inherit; overflow: auto; min-width: 3px; min-height: 3px; } .Holder img { max-height: 100%; max-width: 100%; } .HolderHeader { border: 1px solid #ddd; background-color: #FFF; position: absolute; right: 2px; top: 2px; z-index: 99999; padding:.15rem !important; } .HolderItem .HolderHeader i, .HolderItemImage .HolderHeader i, .HolderItemReferences .HolderHeader i { margin:0 !important; font-size:12px !important; } .HolderPanel { border-bottom:1px solid var(--border-color); margin:0; position:relative; min-height:50px; } .Holder { height: 100%; position: relative; } .PaletteItemButton, .PaletteItemButton:link { background-repeat: no-repeat; display: block; background-color: #FFFFFF; background-position: 4px; border: 1px solid #BBBBBB; border-radius: 3px; margin: 2px 3px 0 0; padding: 0 4px; overflow: visible; width:auto; cursor:pointer; float:left; color: #1B3367; font-size: 12px; } .PaletteItemButton:hover{ border:1px solid #BBBBBB; background-color: #0066FF; color: #FFFFFF; text-decoration: none; } .EducationSummary { margin:5px 0; } .EducationInformation { border: 1px solid #999; padding: 5px; margin: 5px; } /*.PerformEducationHeaderPanel { padding:5px 0; }*/ .PerformEducationHeaderPanel .PerformEducationHeader { border-bottom:1px solid var(--border-color); padding:10px; font-size:1em; } .PerformEducationHeaderPanel .PerformEducationHeader .fa-chevron-right { margin:0 5px; font-size:.9em; } .PerformEducationHeaderPanel #navLeft { float:left; padding:9px 0 0 10px; } .PerformEducationHeaderPanel #navRight{ float:right; padding:9px 10px 0 0; } .PerformEducationNavPanel { padding:5px 0; overflow:hidden; } .PerformEducationNavPanel #navPanel { white-space:nowrap; } .PerformEducationNavPanel #navPanel .section { font-size:1.4em; color:var(--font-color); font-weight:bold; display:inline-block; vertical-align:middle; padding:0 2px 2px; } .PerformEducationNavPanel #navPanel .btn { padding:0px 5px 2px !important; font-size:1.2em; } .PerformEducationNavPanel #navPanel .btn.questionStep { font-weight:bold !important; } .PerformEducationNavPanel #navPanel .btn.activeStep { background-color:#fff !important; color:#000 !important; cursor:default; } /* =================================================================================== */ /* Help specific */ /* =================================================================================== */ /*Pop-up window related*/ .InfoTextDiv { display:none; position: absolute; overflow: auto; background-color: #fff; border: 1px solid #ccc; z-index: 9999; padding: 3px; } .SystemInfo { width: 918px; } /*Pop-up window header*/ .InfoTextDiv .helpWindowHeader { display:block; padding: 5px; background-color: #D2D2D2; font-size: 1.2em; font-weight: normal; cursor: move; color:#000; } .InfoTextDiv .helpWindowHeader i { color:#000; margin-top:2px; } /*Level 1 headers*/ .InfoTextDiv .helpHeader1 { display:block; padding-top: 15px; background-color: #FFF; color: #1B3367; font-size: 15px; font-weight: bold; } /*Level 2 headers*/ .InfoTextDiv .helpHeader2 { display:block; padding-top: 15px; background-color: #FFF; color: #1B3367; font-size: 16px; font-weight: bold; } /*Level 3 headers*/ .InfoTextDiv .helpHeader3 { display:block; padding-top: 15px; background-color: #FFF; color: #1B3367; font-size: 14px; font-weight: bold; } /*Level 1 texts*/ .InfoTextDiv .helpText1 { display:block; padding-top: 5px; background-color: #FFF; color: #1B3367; font-size: 11px; font-weight: normal; } /*Numbered lists*/ .InfoTextDiv ol{ /* display:block; padding-top: 5px;*/ background-color: #FFF; color: #1B3367; font-size: 12px; font-weight: normal; } /*Example data tables*/ .InfoTextDiv .exampleTable{ /* display:block; padding-top: 5px;*/ /* border: 1px solid #1B3367;*/ background-color: #FFF; color: #1B3367; font-size: 12px; font-weight: normal; } /*Example data tables*/ .InfoTextDiv .exampleTableRowHeader{ /* display:block; padding-top: 5px;*/ /* border: 1px solid #1B3367;*/ background-color: #1B3367; color: #FFF; font-size: 12px; font-weight: Bold; } /*Example data tables*/ .InfoTextDiv .exampleTableRowEven{ background-color: #FFF; } /*Example data tables*/ .InfoTextDiv .exampleTableRowOdd{ background-color: #FFF; } /*Example data tables*/ .InfoTextDiv .exampleTableColID{ /* display:block; padding-top: 5px;*/ width: 150px; background-color: #FFF; color: #1B3367; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(225,225,225); } /*Example data tables*/ .InfoTextDiv .exampleTableColName{ /* display:block; padding-top: 5px;*/ width: 650px; background-color: #FFF; color: #1B3367; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(225,225,225); } /*Example data tables*/ .InfoTextDiv .exampleTableColField{ /* display:block; padding-top: 5px;*/ width: 150px; background-color: #FFF; color: #1B3367; font-size: 12px; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(225,225,225); } /*Example data tables*/ .InfoTextDiv .exampleTableColDescription{ /* display:block; padding-top: 5px;*/ width: 650px; background-color: #FFF; color: #1B3367; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(225,225,225); } .PortalTypeDevider { margin: 5px 0; height: 18px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; background-color: #EEE; text-align: center; } .PortalBox { border: 1px solid #ddd; margin:5px; padding:5px; width:287px; float:left; min-width:200px; } .PortalBoxHeader { border-bottom: 1px solid #ddd; font-size:1.1em; } .PortalBoxHeader span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; max-width:270px; } .PortalBoxRow { border-bottom:1px dashed #ccc; margin: 3px 0;} .PortalBoxRow .Right { float:right; width:180px; text-align:right; } .RiskMapSiteMapObject { border-top:1px solid #444; float:left; line-height:15px; padding:5px 5px 5px 0; color:#444; margin-bottom:5px; white-space:nowrap; } .RiskMapSiteMapObject .MainItem { font-size:12px; display: block; } .RiskMapSiteMapObject .SubItem { font-size:11px; margin-left:10px; display: block; } .RiskMapSiteMapObject .Active { font-weight:bold; } .RiskMapSiteMapObjectActive { width:8px; height:8px; border:1px solid #444; background-color:#444; position:relative; float:right; right:50%; top:-10px; } .RiskMapSiteMap { cursor:default; margin-top:5px; } #showHideSubItems { cursor:pointer; border:1px solid #000; height:8px; width:8px; line-height:8px; font-size:12px; padding:2px; float:left; text-align:center; margin-top:-6px; margin-right:2px; } .hover-dropdown { display:inline; } .hover-dropdown .dropdown-button { display:inline; } .hover-dropdown .dropdown-content { display:block; min-width:100px; box-shadow:1px 1px 2px var(--border-color); border:1px solid rgba(0, 0, 0, 0.15); border-radius:.25rem; margin-left:20px; z-index:100; visibility:hidden; opacity:0; } .hover-dropdown:hover > .dropdown-content { visibility:visible; opacity:1; } .navbar .hover-dropdown:hover > .dropdown-content { transition-delay:0.5s; } .TableContent .hover-dropdown .dropdown-content { position:absolute; margin:-25px 0 0 15px; background-color:var(--table-row-bg) !important; } .nav-item .hover-dropdown .dropdown-content { margin-left:0; margin-top:-1px; } .nav-item .hover-dropdown .dropdown-content .dropdown-item { font-size:13px; background-color:transparent !important; font-weight:400 !important; } .nav-item .hover-dropdown .dropdown-content .dropdown-item i { display:inline-block; font-size:13px; margin:0 5px; } .nav-item .hover-dropdown .dropdown-content .dropdown-item .badgeContainer .badge { padding:2px 3px 3px; } .AssessmentMethodThreat .hover-dropdown .dropdown-content, .AssessmentThreat .hover-dropdown .dropdown-content, .AssessmentObjectThreat .hover-dropdown .dropdown-content { margin:-16px 0 0 15px !important; position:fixed; } /*.hover-dropdown a:hover { background-color:#fff; }*/ .nav-item .hover-dropdown .dropdown-content .dropdown-header { padding:5px 8px; } .boxContent .dropdown-content { display:none; visibility:visible; opacity:1; position:absolute; top:27px; left:0; } .boxContent .hover-dropdown:hover > .dropdown-content { display:block; } .container.box-menu-container { margin:0; max-width:100%; } .MenuBox { position:relative; box-shadow:1px 1px 2px var(--border-color); border:1px solid var(--border-color); border-radius:6px; margin-bottom:10px; background-color:var(--table-row-bg) !important; } .MenuBox .header { font-size:1.3em; background-color:var(--table-header-bg); padding:5px; border-radius:6px 6px 0 0; } .MenuBox .header i { margin-right:4px; } .MenuBox .header .badge { position:absolute; right:5px; margin-top:3px; } .MenuBox .actions-link { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 25px 5px 5px !important; font-weight:400 !important; } .MenuBox .actions-link:hover { color:var(--font-color) !important; text-decoration:none; background-color:var(--hover-bg) !important; } .multiselect-container{ scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; } .multiselect-container::-webkit-scrollbar { width:2px; } .multiselect-container::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, 0.4); border-radius: 10px; } .multiselect-container::-webkit-scrollbar-track { background:transparent; margin: 1px; } /*::-webkit-scrollbar { display:none !important;width:50px !important; }*/ /* =================================================================================== */ /* bootstrap-select.css */ /* =================================================================================== */ /*span.multiselect-native-select{position:relative} span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px} .multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;min-width:200px;max-width:750px;} .PanelEmbracerLayout.PanelContainer .FilterHolder .multiselect-container{max-width:230px;} .multiselect-container .input-group{margin:5px} .multiselect-container li{padding:3px 5px;} .multiselect-container a.multiselect-all {border-width:0 0 1px 0; border-style:solid; border-color:#eee;} .multiselect-container li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700} .multiselect-container li.multiselect-group-clickable label{cursor:pointer} .multiselect-container li>a, .multiselect-container>li>a:hover{padding:0; color:#333;} .multiselect-container li.active>a, .multiselect-container>li.active>a:hover, .multiselect-container>li.active>a:focus { background-color:#f5f5f5; padding:0; } .multiselect-container button {padding:2px important;} .multiselect-container button label{margin:0;height:100%;cursor:pointer;font-weight:normal;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:100%;} .multiselect-container li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0} .multiselect-container li>a>label>input[type=checkbox]{margin:0 2px 2px 0; position:relative;} .multiselect-container li>a>.custom-control.custom-radio { padding:0 !important; } .multiselect-container li>a>.custom-control.custom-radio>.custom-control-label:before { visibility:hidden; } .multiselect-container li>a>.custom-control.custom-radio>.custom-control-label:after { background:none; } .btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px} .form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px} .form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}*/ .form-control.multiSelect, .multiselect.form-control { color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:left; font-weight:normal !important; } .ControlButtonsBox .form-control .dropdown-toggle, .ControlButtonsBox .multiselect.form-control { max-width:250px; font-size:1.2em !important; padding:3px 6px !important; margin-top:-1px; } .ControlButtonsBox .bootstrap-select { float:left !important; margin-right:10px; max-width:250px; background:transparent; } .form-control.multiSelect:hover { text-decoration:none; } /* .multiselect.dropdown-toggle .multiselect-selected-text { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left; } */ .multiselect.dropdown-toggle .caret {position:absolute; right:5px; margin-top:3px;} .multiselect-filter .input-group { width:auto; } .multiselect-filter i { margin:0; } .multiselect.form-control.is-invalid { background-position:right calc(1.375em + 0.1875rem) center; } .multiselect-container .custom-control { float:none !important; } /* =================================================================================== */ /* Printpage specific */ /* =================================================================================== */ .PdfPrintInfo { padding:5px; } .FilterSection, .DashBoardSection { border: 1px solid #ddd; margin: 5px 0; padding: 5px; } .PrintPdf .DashBoardSection { width:700px; margin:auto; } .PrintPdf .DashBoardSection .linePlot { padding-right:300px; } .FilterSectionHeader { margin: 5px; text-align:center; color:#7D7D7D; font-size:1.2em; page-break-after: avoid; } .PrintPageDevider { height: 18px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; background-color: #EEE; text-align: center; } #PrintPageTopHolder { margin: 10px 0; } #PrintPageFooter { border-top: 3px solid #D89F43; padding: 0; } .PageBreak { display:none; } a.DocumentInstanceItem { color:inherit; } a.DocumentInstanceItem:hover { color:inherit; text-decoration:none; } /* =================================================================================== */ /* PDF specific */ /* =================================================================================== */ .pdfContent { margin:0 10px;} .printPageComponent { page-break-before:always; } /*.pdfDashboardPanel { height:1000px !important; }*/ /*.pdfDashboardTab { page-break-inside:avoid; }*/ .pdfDashboardTab .row { page-break-inside:avoid; padding:10px; margin:0; } .pdfDashboardTab .BlockInputPanel { height:30px; } .pdfDashboardTab .container { max-width:none; } .pdfFirstPage { padding:200px; font-size:14px; } .pdfSearchFilters { padding:10px 5px; } .pdfSearchFilterItem { margin-bottom:10px; font-size:14px; } /* =================================================================================== */ /* Responsive design specific */ /* =================================================================================== */ /* jQueryUI */ /* TF updates 20110121 */ /* Component containers ----------------------------------*/ /* tab widget area */ .ui-widget-content { border: 1px solid #dddddd; /* background: #ffffff; */ color: #333333; } /* tabs area .ui-widget-header { border: 1px solid #dddddd; background: #ffffff; color: #ffffff; font-weight: bold; height: 22px;} */ .ui-widget-header { border: 1px solid #dddddd; background-color:transparent; color: #ffffff; font-weight: bold; } /* tabs */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:rgb(235, 235, 235); font-weight:normal; color:rgb(0, 0, 0); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {/* border: 1px solid #D2D2D2; */ background:rgb(102, 102, 102); font-weight:normal; color:rgb(255, 255, 255);} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active :hover:not(.close-tab) { /* background:#fff; */ /* color:#595959 */; cursor:default; } /* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover { text-decoration:underline; } */ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #595959; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0; background: rgb(230, 230, 230); font-weight: normal; color: #000000; } .ui-state-active.ui-state-hover, .ui-widget-content .ui-state-focus { background-color:rgb(230, 230, 230); } .ui-state-hover a, .ui-state-hover a:hover { /* color: #595959; */ text-decoration: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { /* color: #595959; */ text-decoration: none; } .ui-widget :active { outline: none; } /* Vertical Tabs ----------------------------------------------------------*/ .ui-tabs-vertical { } .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em !IMPORTANT; float: left; width: 25%; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; } .ui-tabs-vertical .ui-tabs-panel { padding: 0; float: right; width: 73%; } /* Datepicker */ #ui-datepicker-div { border: 1px solid #999; border-radius: 3px; background-color:#fff; z-index:999 !important; } #ui-datepicker-div th { width:20px; } #ui-datepicker-div .ui-datepicker-header { color:#000; border:1px solid #999; border-radius:3px; } #ui-datepicker-div .ui-state-default { color:#fff; background-color:#0084ff; border:1px solid #0084ff; text-align:center; } #ui-datepicker-div .ui-timepicker-select { color:#000; background-color:transparent; border:1px solid #ccc; min-width:inherit; } #ui-datepicker-div .ui-state-hover { background-color:#66abda; border:1px solid #66abda; font-weight:bold; } #ui-datepicker-div .ui-state-active { background-color:#fff; border:1px solid #0084ff; color:#0084ff; } #ui-datepicker-div .ui-datepicker-prev span { position:relative; width:15px; } #ui-datepicker-div .ui-datepicker-prev-hover { cursor:pointer; background-color:#fff; border:0; } #ui-datepicker-div .ui-datepicker-next span { position:relative; width:15px; } #ui-datepicker-div .ui-datepicker-next-hover { cursor:pointer; background-color:#fff; border:0; } #ui-datepicker-div .ui-state-highlight { background-color:#66abda; } /* End Datepiclker */ /* HI Test updates */ .DashboardPanel .ui-tabs { margin-bottom:30px; margin-top:5px; } /*.DashboardPanel .ui-tabs .ui-tabs-nav { margin-bottom:-1px; }*/ #tabPanel .container .DashboardPanel .tabPanel { border-width:1px; border-style:solid; border-radius:0 6px 6px 6px; } .ui-tabs { position: relative !important; padding:0px !important; transform: scale(1); border:0 !important; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .ui-widget-header { border: 0px; color: #ffffff; font-weight: normal; } .ui-widget-content { border: 0px; color: #333333; } /*.ui-tabs .ui-tabs-panel .tabPanel { border:1px solid #ddd; box-shadow:0 1px 2px -2px #999; }*/ .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-panel.PanelEmbracerLayout { padding:0 !important; margin:0 !important; } .ui-tabs .ui-tabs-nav li, .overflow-selector { margin:0 5px -1px 0; border-style:solid; border-radius:6px 6px 0 0; font-size:1.2em; } .ui-tabs .ui-tabs-nav li a { font-weight:400 !important; } .ui-tabs .ui-tabs-nav li.ui-state-active { padding-bottom:0 !important; } .ui-tabs li .close-tab { color:#888; padding:6px 4px 0 0; float:right; } .ui-tabs li .close-tab:hover { cursor:pointer; } .HomeMenuStartPage .ui-tabs .ui-tabs-nav, .DashboardPanel .ui-tabs .ui-tabs-nav { margin-bottom:-1px; } .ui-tabs .ui-tabs-nav { padding:0 !important; border:0 !important; } /*height:38px;*/ /*.ui-tabs .ui-tabs-nav li.ui-state-active { border-color:#ddd #ddd transparent; }*/ .ui-tabs .ui-tabs-nav li.ui-state-active a { background-color:transparent; border:0; outline:none; } /*.EventTabs > .ui-tabs { background-color:rgb(245, 245, 245) !important; }*/ .EventTabs > .ui-tabs .ui-tabs-nav { height:35px; } .EventTabs .tabPanel .ui-tabs .ui-tabs-nav { height:36px; } .EventTabs > .ui-tabs .ui-tabs-nav li a { padding:6px 5px; } /*.EventTabs .ui-tabs .ui-tabs-nav li.ui-state-active { background-color:rgb(250, 250, 250); }*/ .EventTabs .DashboardPanel { margin-top:5px; } .EventTabs .DashboardPanel .ui-widget-content { margin:1px 0 30px 0; padding:0; } .EventTabs.ObjectEvents .ui-widget-content { margin:0; } .EventHeader { margin:-2px 0 10px -5px; min-height:18px; padding:7px 5px 5px; } .WorkflowEvent { margin-top:1px; } .TableRowInformation { padding:0 !important; margin:0; border-radius:0; } .TableRowInformation > div { padding-bottom:10px; margin:0; background-color:var(--content-bg) } .TableRowInformation.open > div { display:block; } .ToggleTableRowInfo:hover { cursor:pointer; } .tabs-info { background-color:var(--content-bg); padding:5px; } /*.tabs-info .infotext.Danger { border-radius:0; }*/ /* .ui-tabs .ui-tabs-nav { margin:0; padding:0; background-color:transparent; } .ui-tabs .ui-tabs-nav i:hover { cursor:pointer; } .ui-state-default.ui-corner-top.ui-state-active.ui-state-active { margin-bottom:-1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; background-color: #E1E1E1; } */ /* .ui-tabs .ui-tabs-panel { display: block; border-top:0; padding:0; margin: 0px;} */ /* .DashboardPanel .ui-tabs .ui-tabs-panel { background-color:#fff; } */ /* .ui-tabs .ui-tabs-nav li a { float: left; padding: 4px 10px 5px 12px; } */ /* .ui-tabs .ui-tabs-nav li a:hover { text-decoration: underline; background-color:#F0F0F0; cursor: pointer;} */ /* .ui-tabs .ui-tabs-nav li:not(.ui-state-active) a:hover { cursor: pointer;} .ui-tabs .ui-tabs-nav .ui-state-active li a:hover { text-decoration: underline; background-color: #D2D2D2; cursor: pointer;} */ /* .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover{ background-color: #E1E1E1;} */ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#595959; text-decoration: none; border:1px solid #ddd; border-bottom:0; } .DashboardPanel .ui-state-active a, .DashboardPanel .ui-state-active a:link, .DashboardPanel .ui-state-active a:visited { background:#fff; } /*.ui-widget-content a { color:#0084ff !important; }*/ /* .ui-resizable { position: relative;} */ .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 10px; width: 100%; top: 0px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 15px; width: 100%; bottom: -10px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 15px; right: -10px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 10px; left: 0px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 16px; height: 16px; right: -10px; bottom: -10px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-tooltip { padding: 4px; position: absolute; z-index: 999999; max-width: 400px; -webkit-box-shadow: 0 0 3px #444; box-shadow: 0 0 3px #444; text-align: left; border-radius: 3px; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } /* TimePicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; border:1px solid #999999; border-radius:3px; } .ui-spinner-up { top:0; } .ui-spinner-down { bottom:0; } .ui-spinner-button { width:16px; height:43%; padding:0; margin:0; text-align:center; position:absolute; cursor:default; overflow:hidden; right:0; } .ui-spinner-input { border:none; background:none; color:inherit; padding:0; margin:.2em 0; vertical-align:middle; margin-left:.4em; margin-right: 22px; } .ui-spinner .ui-icon { position:absolute; margin-top:-8px; left:0px; top:50%; } .ui-button-text-only .ui-button-text{ padding:5px; } .ui-button .ui-button-text { display:block; line-height:normal; } /* overflowtabs */ .ui-tabs-overflow { position:absolute; z-index:1000; display:block; min-width:200px; right:0; top:38px; border:1px solid #ddd; border-radius:6px; padding:0; font-size:1.1em; border:1px solid var(--border-color) !important; } .ui-tabs-overflow .ui-state-default { padding:5px 7px !important; border-width:0 0 1px 0 !important; } .ui-tabs-overflow .ui-state-default a { cursor:pointer; color:#0084ff; font-weight:400 !important; } .ui-tabs-overflow .ui-state-active { border-bottom:1px solid #0084ff; } .ui-tabs-overflow .ui-state-active a { border:0; } .ui-tabs-overflow .ui-state-active a:hover { cursor:default; } .overflow-selector { position:absolute; top:0; right:0; margin:0; padding:.5em 1em; text-align:center; cursor:pointer; border-width:1px; border-color:var(--tab-border); background-color:var(--tab-inactive-bg); } .overflow-selector i { cursor:pointer; margin-left:5px; } .overflow-selector .total { font-weight:normal; } .PanelContainer .PanelEmbracerLayout.JointJsContainer { background-color:var(--content-bg); padding:0 !important; margin-left:-4px; } .JointJSContentLoading { background-color:var(--table-row-bg); color:var(--font-color); border:1px solid var(--border-color); width:fit-content; position:fixed; left:50%; border-radius:6px; font-size:1em; padding:10px; z-index:2000; } .JointJSContentLoading div { text-align:center; } .JointJSContentLoading > div:first-child { margin-bottom:10px; } .JointJSContentEmpty { display:none; padding:5px; } /* Play+ */ .PlayHomePage { padding:0 15px; background:var(--menu-bg); color:var(--menu-font-color); } .PlayHomePage .header, .PlayHomePage .info, .PlayHomePage .dataHeader, .PlayDirectoryPage .header, .PlayDirectoryPage .info, .PlayDirectoryPage .dataHeader{ text-align:left; margin:10px 0; } .PlayHomePage .header, .PlayDirectoryPage .header { font-size:1.5em; } .PlayHomePage .info, .PlayHomePage .dataHeader { font-size:1.3em; } .PlayHomePage .dataHeader { border-top:2px solid var(--border-color); padding:15px 0 0; margin:20px 10px 0; } .PlayHomePage .container, .PlayDirectoryPage .container { margin:0; max-width:none !important; padding:10px 0; } .PlayHomePage .container .returnBtn, .PlayDirectoryPage .container .returnBtn { font-size:1.3em; } .PlayHomePage .row { margin:10px 0; } .PlayHomePage .box { padding:0; } .PlayHomePage .row > .box { margin-right:15px; } .PlayHomePage .box .boxContent { background:var(--table-row-bg); border:1px solid var(--border-color); border-radius:6px; padding:0; height:250px; margin:0; position:relative; } .PlayHomePage .box .boxContent .counterContainer { position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); } .PlayHomePage .box .boxContent .counterContainer .counter { font-size:5em; } .PlayHomePage .box .boxContent .counterContainer .counterDetails { font-size:1.2em; position:absolute; right:50px; text-align:left; transform:translateY(-50%); top:50%; } .PlayHomePage .box .boxContent .counterContainer .counterDetails a { display:block; } .PlayHomePage .box .boxContent .settingsContainer { margin-top:10px; text-align:left; font-size:1.2em; } .PlayHomePage .box .boxContent .settingsContainer a { display:block; padding-left:15px; } .PlayHomePage .box .boxContent .boxHeader { font-size:1.3em; text-transform:uppercase; background-color:var(--tabpanel-content-header-bg); padding:10px; border-radius:6px 6px 0 0; text-align:left; } .PlayHomePage .box .boxContent .boxFooter { font-size:1.1em; position:absolute; bottom:10px; left:0; width:100%; } .PlayHomePage .box .boxContent .waterMark { font-size:8em; position:absolute; top:50%; left:25%; transform:translateX(-50%) translateY(-50%); } .PlayHomePage .box .boxContent#settings .waterMark { left:auto; right:10%; } .PlayHomePage .TableRowInformation .PlayPorductItems { padding:5px; background-color:var(--table-row-border); } .PlayHomePage .TableRowInformation .PlayPorductItems .PlayPorductItemCount { font-size:1.2em; padding:5px; } .PlayDirectoryPage { padding:0 10px; background:var(--menu-bg); color:var(--menu-font-color); } .trumbowyg-fullscreen { position:absolute !important; margin:4px !important; background:transparent !important; width:calc(100% - 10px) !important; } .trumbowyg-fullscreen .trumbowyg-editor { height:100% !important; } .trumbowyg-button-pane button.trumbowyg-textual-button { line-height:inherit !important; } .trumbowyg-fontfamily-button::before { line-height:inherit !important; } .trumbowyg-dropdown { z-index:500 !important; } .ConfirmAsessmentSelections { box-shadow:1px 1px 2px var(--border-color); border:1px solid var(--border-color); border-radius:6px; margin-bottom:10px; background-color:var(--table-row-bg) !important; } .ConfirmAsessmentSelectionStepsHeader { font-size:1.2em; background-color:var(--table-header-bg); padding:5px; border-radius:6px 6px 0 0; } /* =================================================================================== */ /* Responsive design specific */ /* =================================================================================== */ @media only screen and (max-width:800px) { .ui-tabs-overflow, .overflow-selector {width:100%; border:0;} .overflow-selector { position:relative; margin-bottom:-1px; } } @media only screen and (max-width:500px) { } /* jQueryUI */ @media only screen and (max-width:1800px) { .ControlReportActions { display:block; float:none; margin-bottom:5px; } } @media only screen and (max-width:1500px) { .ReportControlTable.TableContent .ReportControlRow.Detailed .statusColumn { width:400px; } .ReportControlTable.TableContent .ReportControlRow.Detailed .controlColumn { width:calc(100% - 410px); } } @media only screen and (max-width:1100px) { .Paging.Top { float:none; margin:0; min-height:25px; margin-top:5px; width:max-content; } /*.RefreshArea, .PagingArea, .PageNavigation, .Paging .PagingInfo, .tableOption { float:left; }*/ .ReportControlRow .statusColumn, .ReportControlRow .controlColumn{ float:none !important; width:100% !important; margin:0 !important; } .navbar-nav .dropdown-menu { position:absolute !important; } } @media only screen and (max-width:992px) { /* .HeadNavigation {width:100%; left:0;} */ .PageHeader .LeftPanel {width:50%;} .PageHeader .CenterPanel {display:none;} .PageHeader .RightPanel {width:50%;} .PageHeader .RightPanel .customer-logo {display:none;} .PageHeader .RightPanel .user-container {margin:0;} .PageHeader .RightPanel .user-container #userdropdown {padding:4px 0;} .LoginContainer .LoginRightButton {float:none; margin:5px 0 0;} .SearchHolder .FilterSelection, .SearchComponent .multiselect-native-select .btn-group, .SearchComponent .multiSelect, .SearchComponent .multiselect.form-control { width:100%; } .SearchArea .row .col-3 { flex:auto; max-width:none; } .PanelEmbracerLayout.PanelContainer .FilterHolder { float:none !important; width:100% !important; margin-bottom:10px; position:initial; } .ContentPanel { margin-left:0 !important; } .toggleEntityMenu, .EntityNavigation { display:none !important; } .BlockContentContainer { margin-left:0 !important; } /* .ControlButtonsBox { float:none; } .ControlButtonsBox li { margin:0 0 5px 0; }*/ /*.Paging { margin-top:-36px; }*/ .PagingInfoArea .input-group input[type=text] { max-width:55px; } /* .ControlButtonsBox.FixedButtonPanel { bottom:0; right:15px; } .ControlButtonsBox.FixedButtonPanel li { float:left; margin:0; } .ControlButtonsBox.FixedButtonPanel button { padding:5px 30px; }*/ .NavigationButtonContainer .LargeButtons > button { width:auto; } .NavigationButtonContainer .LargeButtons > button i { display:inline; font-size:1em; margin:0 4px 0 0; } .LoginContainer .LoginRightButton { float:none; margin-left:0; } .LoginContainer .LoginRightButton > .btn-group { margin-bottom:5px; } .EventEntityNavigation { display:none; } .WorkflowEvent .navbar, .WorkflowEvent .navbar-container { margin-left:0 !important; border-left:0 !important; } } @media only screen and (max-width:500px) { .PageHeader .RightPanel .EITLogo {width:150px;} } @media print { .HideInPrint { display:none; } .tableEllipsisCol { overflow:visible; white-space:normal; text-overflow:intial; } }