.cookie-banner { position: relative; z-index: 3; color: #ffffff; background: #C6DFE7; display: none; text-align: center; width: 100%; padding: 0; max-height: 100%; } .cookie-banner-container { margin: 0 auto; padding: 8px; max-width: 1200px; min-width: 0; } .cookie-banner-container p { margin: 0; } .cookie-banner-accept-button { display: inline-block; padding: 2px 12px; color: #ffffff !important; background: #004666; cursor: pointer; font-size: 18px; text-decoration: none; outline: none; border: 1px #8DBFCF solid; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .cookie-banner-accept-button:hover { background: #8DBFCF; color: #ffffff !important; border: 1px #8DBFCF solid; text-decoration: none; } .cookie-banner-text-link { color: #004666; text-decoration: underline; } .cookie-banner-text-link:hover { color: #ffffff !important; } .pagination { display: block !important; width: 360px; position: absolute; padding-top: 8px; height: 8px; } .pagination a { width: 8px; height: 8px; margin: 0 4px 0 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .pagination a.selected { cursor: default; } .pagination a span { display: none; } .current-page { background-color: #fff; float: left; width: 78px; height: 40px; line-height: 37px; -moz-box-shadow: inset 0px 0 2px #a8adb3; -webkit-box-shadow: inset 0px 0 2px #a8adb3; box-shadow: inset 0px 0 2px #a8adb3; } .current-page input { color: #004666; } input.process-counter { text-align: center; background: transparent; border: 1px solid transparent !important; padding: 0; width: 25px; outline: none; margin-left: 10px; height: 36px; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .focus input.process-counter { margin-left: 9px; margin-top: -1px; } .search-pagination, #load-more-manually { float: right; margin-top: 24px; border: 1px solid #a5a9aa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .search-pagination .page-left, #load-more-manually .page-left { border-left: 0; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px; } .search-pagination .page-right, #load-more-manually .page-right { border-right: 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0; border-radius: 0 5px 5px 0; } .search-pagination-top { margin-top: 40px; } #opg-media-pagination a { cursor: default; } .current-page.focus, .search-pagination .current-page.focus, #load-more-manually .current-page.focus { border: 1px solid #004666; line-height: 36px; height: 38px; width: 76px; } .pagination-items, .process-pagination .pagination-items { height: 40px; overflow: hidden; width: 160px; float: right; } .pagination-link, #load-more-manually { color: #4c5356; font-size: 26px; text-align: center; background: #f6f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); background-image: -moz-linear-gradient(#ffffff, #e4e4e5); background-image: -webkit-linear-gradient(#ffffff, #e4e4e5); background-image: linear-gradient(#ffffff, #e4e4e5); } .pagination-link:hover, #load-more-manually:hover { text-decoration: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e5), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#e4e4e5, #ffffff); background-image: -webkit-linear-gradient(#e4e4e5, #ffffff); background-image: linear-gradient(#e4e4e5, #ffffff); } .pagination-link i, #load-more-manually i { display: block; line-height: 40px; } .pagination-link.page-left, .page-left#load-more-manually, .pagination-link#page-left { border-right: 1px solid #7f8789; } .pagination-link.page-right, .page-right#load-more-manually, .pagination-link#page-right { border-left: 1px solid #7f8789; } .process-pagination .pagination-items { width: 161px; } .process-pagination .pagination-items .pagination-link.page-left, .process-pagination .pagination-items .page-left#load-more-manually, .process-pagination .pagination-items #page-left { border-left: 1px solid #7f8789; } .searchresults .simple-pagination { float: right; margin-top: 24px; } .quickview-indicator, #organigram .item-content .person-quickview-indicator { position: absolute; display: none; overflow: hidden; font-size: 20px; line-height: 67px; padding-top: 1px; width: 40px; cursor: pointer; border-top: 1px solid transparent; border-left: 1px solid transparent; top: -1px; right: -33px; z-index: 51; } @media screen and (max-width: 800px) { .quickview-indicator, #organigram .item-content .person-quickview-indicator { transform: rotate(90deg); right: 0; border: 0 none; top: 16px; } } .quickview-indicator.search, #organigram .item-content .search.person-quickview-indicator { display: block; height: 71px; margin-left: 597px; margin-top: -36px; top: 50%; right: auto; z-index: 0; } .quickview-indicator.search.active, #organigram .item-content .search.active.person-quickview-indicator { background: #f6f7f7; } @media screen and (max-width: 800px) { .quickview-indicator.search, #organigram .item-content .search.person-quickview-indicator { display: none !important; } } .quickview-indicator i, #organigram .item-content .person-quickview-indicator i { color: #a8adb3; font-size: 26px; position: relative; left: 10px; } .quickview-indicator i:last-child, #organigram .item-content .person-quickview-indicator i:last-child { margin-left: -3px; } .quickview-indicator.active, #organigram .item-content .active.person-quickview-indicator, .quickview-indicator #organigram .item-content .active.person-quickview-indicator, #organigram .item-content .person-quickview-indicator #organigram .item-content .active.person-quickview-indicator { border-left: 1px solid #e4e4e5; border-top: 1px solid #e4e4e5; border-bottom: 1px solid #e4e4e5; background-color: #fff; } .quickview-indicator.display, #organigram .item-content .display.person-quickview-indicator { display: block; } .quickview-content { border: 1px solid #e4e4e5; background: #fff; width: 52%; min-height: 206px; position: absolute; display: none; right: -64.4%; top: 0; bottom: 0; margin-top: -106px; padding: 32px 20px 36px 20px; z-index: 50; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 1px 0 4px #7f8789; -webkit-box-shadow: 1px 0 4px #7f8789; box-shadow: 1px 0 4px #7f8789; } @media screen and (max-width: 800px) { .quickview-content { position: relative; right: 0; margin-top: 0 !important; width: auto; min-height: 0; } } .quickview-content h3 { font-family: "Verdana", Arial, Helvetica, sans-serif; color: #000; font-size: 12px; } .quickview-content .link-button { margin-top: 10px; } .quickview-content.display { display: block; } .quickview-content .contact { font-size: 12px; margin: 12px 0 18px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .quickview-content .short-description { font-size: 12px; line-height: 19px; margin: 0 0 20px; } .quickview-content.search { border: 1px solid #e4e4e5; background-color: #f6f7f7; height: auto; bottom: auto; margin-left: 637px; padding: 16px 7px 0; right: auto; min-height: 552px; width: 344px; top: 50%; position: fixed; z-index: 3; overflow: hidden; } @media screen and (max-width: 800px) { .quickview-content.search { display: none !important; } } .quickview-content.search:hover .opg-media-arrow { visibility: visible !important; display: block !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .quickview-content.search:hover .opg-media-arrow:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .quickview-content.search:hover .opg-media-arrow.invisible { visibility: hidden !important; } .quickview-content.search h3 { color: #4c5356; margin-bottom: 16px; margin-left: 13px; margin-right: 30px; } .quickview-content .media-box { width: 100%; height: 487px; position: relative; -moz-box-shadow: 0 1px 4px #000000; -webkit-box-shadow: 0 1px 4px #000000; box-shadow: 0 1px 4px #000000; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .quickview-content .media-box .media-item, .quickview-content .media-box img { margin: 0; width: 344px; } .quickview-content .media-box .media-item a, .quickview-content .media-box img a { display: block; height: 474px; margin: 0; width: 344px; } .quickview-content .media-box .media-item a img, .quickview-content .media-box img a img { width: 344px; max-width: 344px !important; } .quickview-content .media-box .media-item { height: 487px; } .quickview-content .media-box img { height: auto; } .quickview-content .media-box ul { padding: 0; } .quickview-content .opg-media-slider { height: 100%; margin: 0; } .quickview-content .ie-helper { width: 100%; height: 100%; } .quickview-content .close { position: absolute; right: 13px; top: 6px; } .quickview-content .close:hover { text-decoration: none; } .quickview-content .navigator { position: absolute; width: 112px; height: 52px; bottom: 40px; left: 50%; margin-left: -56px; } .quickview-content .pagination { text-align: center; width: 344px; height: 19px; font-size: 12px; line-height: 19px; padding: 17px 0; position: absolute; bottom: 0; } .quickview-content .opg-media-arrow { text-align: center; border: none !important; position: relative; height: 52px !important; width: 52px !important; background: #4c5356 !important; background-image: none !important; margin: 0 !important; float: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-transition: opacity, ease 0.3s; -o-transition: opacity, ease 0.3s; -webkit-transition: opacity, ease 0.3s; transition: opacity, ease 0.3s; } .quickview-content .opg-media-arrow:hover { text-decoration: none; } .quickview-content .opg-media-arrow.next { left: 6px; } .quickview-content .opg-media-arrow i { display: block; line-height: 50px; font-size: 46px; color: #ffffff; } .quickview-content.formular, .quickview-content.status, .quickview-content.upload { background-color: #fff; border: 0; right: 0; margin-top: -85px; text-align: center; padding: 20px; min-height: 177px; width: 280px; } @media screen and (max-width: 800px) { .quickview-content.formular, .quickview-content.status, .quickview-content.upload { width: auto; margin-top: 0; left: 0 !important; } } .quickview-content.formular.show, .quickview-content.status.show, .quickview-content.upload.show { display: block; } .quickview-content.formular:before, .quickview-content.formular:after, .quickview-content.status:before, .quickview-content.status:after, .quickview-content.upload:before, .quickview-content.upload:after { position: absolute; content: ""; -webkit-transform: rotate(360deg); -moz-border-style: inset; display: block; height: 0px; width: 0px; border-left: none; } .quickview-content.formular:after, .quickview-content.status:after, .quickview-content.upload:after { top: 95px; left: -11px; border-right: solid 11px white; border-bottom: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-top: 10px solid transparent; } .quickview-content.formular:before, .quickview-content.status:before, .quickview-content.upload:before { top: 93px; left: -13px; border-right: solid 13px #e4e4e5; border-bottom: 12px solid transparent; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-top: 12px solid transparent; } .quickview-content.formular .center, .quickview-content.status .center, .quickview-content.upload .center { position: absolute; width: 100%; left: 50%; top: 50%; bottom: auto; right: auto; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .quickview-content.formular h3, .quickview-content.status h3, .quickview-content.upload h3 { font-size: 15px; font-family: "Verdana", Arial, Helvetica, sans-serif; margin-top: 17px; color: #7f8789; line-height: 52px; font-weight: bold; } .quickview-content.formular h3 span, .quickview-content.status h3 span, .quickview-content.upload h3 span { font-weight: 400; } .quickview-content.formular h3.green, .quickview-content.status h3.green, .quickview-content.upload h3.green { color: #6a9000; } .quickview-content.formular .progress-status, .quickview-content.formular .document-titel, .quickview-content.status .progress-status, .quickview-content.status .document-titel, .quickview-content.upload .progress-status, .quickview-content.upload .document-titel { margin: 18px 0; } .quickview-content.formular h2, .quickview-content.formular .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .quickview-content.formular h2, .quickview-content.formular .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .quickview-content.formular a, .quickview-content.status h2, .quickview-content.status .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .quickview-content.status h2, .quickview-content.status .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .quickview-content.status a, .quickview-content.upload h2, .quickview-content.upload .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .quickview-content.upload h2, .quickview-content.upload .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .quickview-content.upload a { font-weight: 400; margin-top: 17px; color: #6a9000; } .quickview-content.formular .document-titel i, .quickview-content.status .document-titel i, .quickview-content.upload .document-titel i { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .quickview-content.formular .document-titel i.icon-picture, .quickview-content.formular .document-titel i.icon-docs, .quickview-content.status .document-titel i.icon-picture, .quickview-content.status .document-titel i.icon-docs, .quickview-content.upload .document-titel i.icon-picture, .quickview-content.upload .document-titel i.icon-docs { color: #6a9000; font-size: 29px; color: #004666; padding: 0 20px 0 0; } .quickview-content.formular .cancel, .quickview-content.status .cancel, .quickview-content.upload .cancel { position: absolute; text-align: center; bottom: 29px; width: 88%; display: block; } .quickview-content.formular { left: 238px; } .quickview-content.upload { left: 323px; } .quickview-content.upload .transmitted { font-family: "Cellini"; color: #6a9000; font-size: 50px; } .quickview-content.status { left: 383px; } .active { display: block; } #content-right.organisation { margin-top: 97px; padding-top: 24px; } #info h4, #plan h4 { font-family: "TheSans", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; color: #7f8789; } #info .single-person, #plan .single-person { padding: 27px 40px 40px; } #info .single-person .person, #plan .single-person .person { float: left; } #info .single-person .person > img, #plan .single-person .person > img { border: 5px solid #fff; -moz-box-shadow: 0 1px 1px #7f8789; -webkit-box-shadow: 0 1px 1px #7f8789; box-shadow: 0 1px 1px #7f8789; } #info .single-person .person-info, #plan .single-person .person-info { padding-left: 110px; } #info .single-person .person-info .show-location, #plan .single-person .person-info .show-location { margin-top: -3px; display: block; } #info .single-person .person-info.orga, #plan .single-person .person-info.orga { padding-left: 127px; } #info .single-person .person-info h1, #plan .single-person .person-info h1 { font-size: 22px; padding-bottom: 0; margin-bottom: 0; } #info .single-person .person-info h3, #plan .single-person .person-info h3 { font-size: 15px; font-weight: normal; color: #4c5356; padding-bottom: 5px; line-height: 22px; padding: 0; margin: 0; } #info .single-person .person-info h3.address, #plan .single-person .person-info h3.address { padding-top: 10px; line-height: 18px; } #info .single-person .map, #plan .single-person .map { padding-top: 20px; } #info .single-person .description, #plan .single-person .description { padding-top: 20px; } #info .single-person .description h4, #plan .single-person .description h4 { margin: 0; padding-bottom: 6px; padding-top: 12px; } #info .single-person .description p, #plan .single-person .description p { padding: 0; margin: 0; } #orga, .single-person { border-left: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5; padding-top: 94px; overflow-x: hidden; overflow-y: auto; height: 600px; } #organigram-overlay { height: 50px; width: 537px; background: url(../images/organigram-overlay.png) repeat-x left top; margin-top: -94px; position: absolute; z-index: 7; } #organigram { margin: 0; padding: 0; } #organigram ul, #organigram li { zoom: 1; } #organigram .personen ul { clear: left; } #organigram .item { list-style: none; margin-bottom: 20px; } #organigram .item .item-meta { position: relative; height: 16px; } #organigram .item .item-meta.item-meta-start { float: left; height: 63px; } #organigram .item .level-lines { position: absolute; border: 0px solid #a8adb3; } #organigram .item .start-lines { height: 63px; width: 24px; top: 0px; } #organigram .item .start-lines .end-lines { border-bottom-width: 1px; border-right-width: 1px; height: 100%; width: 4px; bottom: 0; left: 0px; } #organigram .item.last-of-level .end-lines { border-bottom-width: 0; } #organigram .item.last-of-level .item:not(.last-of-level) .end-lines { border-bottom-width: 1px; height: 100%; bottom: 0; } #organigram .item .clicker { font-size: 12px; width: 17px; text-align: center; height: 24px; padding: 49px 0; position: absolute; left: 25px; top: -60px; } #organigram .item .clicker:hover, #organigram .item .clicker:focus { text-decoration: none; } #organigram .item.open .clicker i:before { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); } #organigram .item:not(.open) .clicker i:before { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } #organigram .item.no-children .clicker { display: none; } #organigram .item .item-content { padding: 0; margin: -62px 0 0 24px; display: inline-block; width: 505px; } #organigram .item.selected > .item-meta a.clicker { color: #fff; } #organigram .item.selected > .item-meta a.clicker i { color: #fff; } #organigram .item.selected > .item-content .person { background: #004666; } #organigram .item.selected > .item-content .person-info .person-title a, #organigram .item.selected > .item-content .person-info .person-title span, #organigram .item.selected > .item-content .person-info .person-subtitle, #organigram .item.selected > .item-content .person-info .location a { color: #fff; } #organigram .bereich { font-size: 12px; font-family: "TheSans", Arial, Helvetica, sans-serif; color: #cb4b22; position: absolute; width: 520px; } #organigram .bereich.bereich-start, #organigram .bereich.bereich-end { display: block; } #organigram .bereich span { font-weight: bold; background: #fff; line-height: 1; padding-bottom: 1px; } #organigram .lv-1 { padding-left: 0; margin-left: 10px; display: block; } #organigram .lv-1 .item { margin-top: 80px; border-left: 1px solid #a8adb3; } #organigram .lv-1 .item:first-child { margin-top: 0; } #organigram .lv-1 .item .start-lines { border-top-width: 1px; border-left-width: 1px; left: -1px; } #organigram .lv-1 .item > .end-lines { left: 20px; width: 20px; border-right-width: 0; } #organigram .lv-1 .item .bereich-end { margin-left: -1px; font-weight: bold; color: #7f8789; } #organigram .lv-1 .item .bereich-end span { color: #cb4b22; } #organigram .lv-2 { padding: 32px 0 0 5px; margin: 0 0 0 -1px; display: none; } #organigram .lv-2 .item { margin: 60px 0 0; border-left: 1px solid #fff; } #organigram .lv-2 .item:first-child { margin-top: 50px; } #organigram .lv-2 .item .clicker { left: 20px; } #organigram .lv-2 .item .item-content { margin-bottom: 5px; margin-left: 19px; } #organigram .lv-2 .item .start-lines { border-left-width: 0; left: -5px; } #organigram .lv-2 .item.last-of-level > .item-meta .start-lines { padding-bottom: 20px; } #organigram .lv-2 .item.open { border-left-color: #a8adb3; } #organigram .lv-2 .item.open > .item-meta .start-lines { left: -5px; width: 24px; } #organigram .lv-2 .item.open > .item-meta .start-lines .end-lines { border-bottom-width: 0; border-left-width: 0; height: 130%; bottom: -30%; } #organigram .lv-2 .item.open + .item { margin-top: 75px; } #organigram .lv-2 .bereich-start { margin-top: -85px; } #organigram .lv-2 li.last .end-lines { border-bottom-width: 0; } #organigram .lv-3 { padding: 27px 0 0 0; margin: 0 0 0 -1px; display: none; } #organigram .lv-3 .item { margin: 60px 0 0; padding-left: 5px; border-left: 1px solid #a8adb3; } #organigram .lv-3 .item:first-child { margin-top: 50px; } #organigram .lv-3 .item .clicker { left: 16px; } #organigram .lv-3 .item .item-content { margin-left: 14px; } #organigram .lv-3 .item > .item-meta { margin-left: -1px; } #organigram .lv-3 .item > .item-meta .start-lines { left: -5px; width: 19px; border-left-width: 1px; } #organigram .lv-3 .item .lv-4 .last-of-level .end-lines { padding-bottom: 0; border-bottom-width: 0; } #organigram .lv-3 .item.last-of-level > .item-meta .start-lines { padding-bottom: 20px; } #organigram .lv-3 .item.last-of-level .lv-4 .last-of-level .end-lines { padding-bottom: 0px; } #organigram .lv-3 .item.open > .item-meta .start-lines { left: -5px; width: 19px; } #organigram .lv-4 { padding: 28px 0 0 0; margin: 0 0 0 -1px; display: none; border-left: 1px solid #a8adb3; } #organigram .lv-4 .item { margin: 60px 0 0; padding-left: 5px; border-left-width: 0; } #organigram .lv-4 .item .clicker { left: 11px; } #organigram .lv-4 .item .item-content { margin-left: 10px; } #organigram .lv-4 .item > .item-meta .start-lines { width: 15px; } #organigram .item.no-person { margin-top: 0; } #organigram .item.no-person > .item-meta-start .bereich, #organigram .item.no-person > .item-meta-start .clicker { display: none; } #organigram .item.no-person > .item-meta-start .start-lines { border-bottom: 1px solid #a8adb3; width: 10px; } #organigram .item.no-person > .item-meta-start .start-lines .end-lines { border-bottom-width: 0; } #organigram .item.no-person + .item-meta-end .bereich { display: none; } #organigram .item.no-person > .item-content { display: none; } #organigram .item.no-person > ul { display: block; clear: none; margin-top: 4em; padding-top: 0; } #organigram .item.no-person > ul .item { margin-left: 5px; border-left-color: #fff; } #organigram .item.no-person > ul .item .item-meta .bereich { margin-left: -5px; } #organigram .item.no-person > ul .item .item-meta .clicker { left: 12px; } #organigram .item.no-person > ul .item .item-meta .start-lines { padding-bottom: 0; width: 14px; } #organigram .item.no-person > ul .item .item-meta .start-lines .end-lines { border: 0; } #organigram .item.no-person > ul .item .item-content { margin-left: 10px; } #organigram .item.no-person > ul .item.last-of-level { border-left-color: #fff; } #organigram .item.no-person > ul .item.last-of-level .item-content { margin-left: 10px; } #organigram .item.no-person > ul .item.last-of-level .start-lines .end-lines { height: 130%; bottom: -30%; } #organigram .item.no-person > ul .item.open { border-left-color: #a8adb3; } #organigram .item.no-person > ul .item.open .clicker i:before { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); } #organigram .item.no-person > ul .item.open:not(.open) .clicker i:before { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } #organigram .item.no-person > ul .item ul { border-left: 0; margin-left: -11px; } #organigram .item.no-person > ul .item ul .item { border-left: 1px solid #a8adb3; } #organigram .item.no-person > ul .item ul .item .item-meta .bereich { margin-left: 0px; } #organigram .item.no-person > ul .item ul .item .item-meta .start-lines .end-lines { border-right: 1px solid #a8adb3; height: 130%; bottom: -30%; } #organigram .item.no-person > ul .item ul .item .item-content { margin-left: 10px; } #organigram .item.no-person.last-of-level .item-meta .start-lines { padding-bottom: 0; } #organigram .item.no-person.last-of-level ul .item ul .item .item-meta-start { border: 0; margin-left: -5px; } #organigram .item.no-person.last-of-level ul .item ul .item .item-meta-start .bereich { margin-left: 5px; } #organigram .item.no-person.last-of-level ul .item ul .item .item-meta-start .start-lines { border-top-width: 1px; border-right-width: 0; border-bottom-width: 0; width: 15px; } #organigram .item.no-person.last-of-level ul .item ul .item .item-content { margin-left: -10px; } #organigram .item.no-person.last-of-level ul .item ul .item.last-of-level .item-meta-start .start-lines .end-lines { height: 130%; bottom: -30%; } #organigram .item.no-person.last-of-level ul .item.last-of-level .item-meta-start { border-top: 1px solid #a8adb3; width: 25px; margin-left: -15px; } #organigram .item.no-person.last-of-level ul .item.last-of-level .item-meta-start .clicker { left: 26px; } #organigram .item.no-person.last-of-level ul .item.last-of-level .item-meta-start .start-lines { border-top-width: 0; border-left-width: 0; border-right-width: 1px; border-bottom-width: 1px; left: 0; width: 9px; } #organigram .item.no-person.last-of-level ul .item.last-of-level .item-meta-start .start-lines .end-lines { border-right: 1px solid #a8adb3; height: 100%; bottom: 0; } #organigram .item.no-person.last-of-level ul .item.last-of-level .item-content { margin-left: 0; } #organigram .item.no-person.last-of-level ul .item.last-of-level ul .item .item-meta-start { border: 0; margin-left: -5px; } #organigram .item.no-person.last-of-level ul .item.last-of-level ul .item .item-meta-start .bereich { margin-left: 5px; } #organigram .item.no-person.last-of-level ul .item.last-of-level ul .item .item-meta-start .start-lines { border-top-width: 1px; border-right-width: 0; border-bottom-width: 0; width: 15px; } #organigram .item.no-person.last-of-level ul .item.last-of-level ul .item.last-of-level .item-meta-start { width: 10px; } #organigram .item.no-person.last-of-level ul .item.last-of-level ul .item.last-of-level .item-meta-start .start-lines .end-lines { height: 130%; bottom: -30%; } #organigram .item.no-person.last-of-level ul .item.last-of-level ul .item.last-of-level .item-content { margin-left: 6px; } #organigram .item.no-person + .item { margin-top: 90px; } #organigram .item.no-person ul.lv-4 { border-left: 1px solid #fff; } #organigram .person { width: 430px; padding: 20px 17px; border: 1px solid #e4e4e5; } #organigram .person .person-portrait { border: 5px solid white; -webkit-box-shadow: 0 1px 1px #7f8789; -moz-box-shadow: 0 1px 1px #7f8789; box-shadow: 0 1px 1px #7f8789; } #organigram .person .person-info { width: 73%; margin-left: 30px; } #organigram .person .person-info .person-title { margin: 0; } #organigram .person .person-info .person-title a { color: #c6dfe7; cursor: pointer; } #organigram .person .person-info .person-title span { color: #004666; } #organigram .person .person-info .person-subtitle { margin-top: 0; color: #7f8789; } #organigram .person .person-info .icon-location:before { text-align: left; } #organigram .item.selected > .item-content .person { border: 1px solid #e7f3f3; } #organigram .clicker, #organigram .person, #organigram .person-portrait, #organigram .person-info { float: left; } #organigram .item-content .person-quickview-indicator { margin-top: 36px; width: 35px; height: auto; float: left; position: relative; z-index: 10; right: 0; top: 0; font-size: 20px; } #organigram .item-content .person-quickview-indicator.active { background: #f6f7f7 !important; border-right-width: 0; } #organigram .item-content .person-quickview-content { position: absolute; left: 568px; width: 320px; display: none; background: #f6f7f7; color: #4c5356; z-index: 9; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 1px 0 4px #7f8789; -webkit-box-shadow: 1px 0 4px #7f8789; box-shadow: 1px 0 4px #7f8789; border: 1px solid #f6f7f7; padding: 20px; } #organigram .item-content .person-quickview-content h2, #organigram .item-content .person-quickview-content .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header #organigram .item-content .person-quickview-content a, #organigram .item-content .person-quickview-content h3, #organigram .item-content .person-quickview-content p { margin-top: 0; } #organigram .item-content .person-quickview-content h3 { margin-bottom: 0; line-height: 1; font-size: 15px; font-weight: bold; color: #4c5356; } #organigram .item-content .person-quickview-content p, #organigram .item-content .person-quickview-content .contact, #organigram .item-content .person-quickview-content .einheiten { font-size: 13px; } #organigram .item-content .person-quickview-content .contact, #organigram .item-content .person-quickview-content .einheiten { padding-top: 10px; border-top: 1px solid #f6f7f7; } #organigram .item-content .person-quickview-content .contact span { display: inline-block; width: 165px; } #organigram .item-content .person-quickview-content .einheiten ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%; text-align: left; padding: 0; } #organigram .item-content .person-quickview-content .close { position: absolute; right: 20px; } #organigram .item-content .person-quickview-content.active { display: block; } #organigram .item-content.hover > .person-quickview-indicator { display: block; } #organigram .item-content.active .person-quickview-indicator { display: block; background: #f6f7f7; } html.lt-ie8 #orga { height: auto; } html.lt-ie8 #orga .clicker, html.lt-ie8 #orga ul, html.lt-ie8 #orga li { position: relative; } html.lt-ie8 #orga ul { width: 100%; } html.lt-ie8 #orga .clicker i { margin-left: 5px; } html.lt-ie8 #orga .lv-2 .item.no-person .start-lines { position: relative; margin-top: -15px; } html.lt-ie8 #orga .lv-2 .item.no-person .lv-3 { margin-top: -94px; } html.lt-ie8 #orga .lv-3 .item { padding-left: 0; padding-top: 10px; } html.lt-ie8 #orga .lv-3 .item .start-lines { width: 22px; } html.lt-ie8 #orga .lv-4 { margin-left: -1px; } html.lt-ie8 #orga .lv-4 .item { padding-top: 10px; } html.lt-ie8 #orga .lv-4 .item .start-lines { width: 18px; } html.lt-ie8 #orga .lv-4 .item .item-content { margin-left: 13px; } .hr-sidebar { margin: 0 0 4px -39px; border: 0; height: 1px; } .hr-sidebar-excerpt { margin: 0 2.5%; height: 1px; border: 0; } .document-container, .tasks-container { position: relative; margin: 24px 0 0; padding: 0; } .system-container, .document-container, .tasks-container, .media-container, .sidebar-header, .sidebar { position: relative; font-size: 12px; padding: 24px 0 0 0; max-width: 360px; } .system-container.system, .document-container.system, .system.tasks-container, .media-container.system, .sidebar-header.system, .sidebar.system { margin-top: 40px; padding: 12px 0; text-align: center; } .system-container.system > img, .document-container.system > img, .system.tasks-container > img, .media-container.system > img, .sidebar-header.system > img, .sidebar.system > img { max-width: 180px !important; } .system-container.questions-box .single-document .single-document-title, .system-container.questions-box .tasks-container .single-task .single-document-title, .tasks-container .system-container.questions-box .single-task .single-document-title, .tasks-container .single-task .system-container.questions-box .single-document .single-task-title, .system-container.questions-box .tasks-container .single-task .single-task-title, .tasks-container .system-container.questions-box .single-task .single-task-title, .system-container.questions-box .list-item .single-document-title, .system-container.questions-box .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .system-container.questions-box .list-item .single-task-title, .document-container.questions-box .single-document .single-document-title, .questions-box.tasks-container .single-document .single-document-title, .document-container.questions-box .tasks-container .single-task .single-document-title, .tasks-container .document-container.questions-box .single-task .single-document-title, .questions-box.tasks-container .single-task .single-document-title, .tasks-container .single-task .document-container.questions-box .single-document .single-task-title, .document-container.questions-box .tasks-container .single-task .single-task-title, .tasks-container .document-container.questions-box .single-task .single-task-title, .questions-box.tasks-container .single-task .single-task-title, .document-container.questions-box .list-item .single-document-title, .questions-box.tasks-container .list-item .single-document-title, .document-container.questions-box .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .document-container.questions-box .list-item .single-task-title, .questions-box.tasks-container .list-item .single-task .single-task-title, .questions-box.tasks-container .single-task .list-item .single-task-title, .media-container.questions-box .single-document .single-document-title, .media-container.questions-box .tasks-container .single-task .single-document-title, .tasks-container .media-container.questions-box .single-task .single-document-title, .tasks-container .single-task .media-container.questions-box .single-document .single-task-title, .media-container.questions-box .tasks-container .single-task .single-task-title, .tasks-container .media-container.questions-box .single-task .single-task-title, .media-container.questions-box .list-item .single-document-title, .media-container.questions-box .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .media-container.questions-box .list-item .single-task-title, .sidebar-header.questions-box .single-document .single-document-title, .sidebar-header.questions-box .tasks-container .single-task .single-document-title, .tasks-container .sidebar-header.questions-box .single-task .single-document-title, .tasks-container .single-task .sidebar-header.questions-box .single-document .single-task-title, .sidebar-header.questions-box .tasks-container .single-task .single-task-title, .tasks-container .sidebar-header.questions-box .single-task .single-task-title, .sidebar-header.questions-box .list-item .single-document-title, .sidebar-header.questions-box .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .sidebar-header.questions-box .list-item .single-task-title, .sidebar.questions-box .single-document .single-document-title, .sidebar.questions-box .tasks-container .single-task .single-document-title, .tasks-container .sidebar.questions-box .single-task .single-document-title, .tasks-container .single-task .sidebar.questions-box .single-document .single-task-title, .sidebar.questions-box .tasks-container .single-task .single-task-title, .tasks-container .sidebar.questions-box .single-task .single-task-title, .sidebar.questions-box .list-item .single-document-title, .sidebar.questions-box .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .sidebar.questions-box .list-item .single-task-title { padding-left: 0; } .system-container.questions-box .likes, .document-container.questions-box .likes, .questions-box.tasks-container .likes, .media-container.questions-box .likes, .sidebar-header.questions-box .likes, .sidebar.questions-box .likes { margin-left: 1px; color: #6a9000; /* remove regarding BPAPM-2437 font-weight: $bold-font-weight; */ } .system-container.questions-box .likes:after, .document-container.questions-box .likes:after, .questions-box.tasks-container .likes:after, .media-container.questions-box .likes:after, .sidebar-header.questions-box .likes:after, .sidebar.questions-box .likes:after { content: "\e82a"; font-family: 'fontello'; font-size: 16px; color: #6a9000; display: inline-block; position: relative; top: -1px; left: 4px; } .system-container.questions-box .category, .document-container.questions-box .category, .questions-box.tasks-container .category, .media-container.questions-box .category, .sidebar-header.questions-box .category, .sidebar.questions-box .category { display: block; color: #c6dfe7; margin-top: -3px; } .system-container.instructions-box, .document-container.instructions-box, .instructions-box.tasks-container, .media-container.instructions-box, .sidebar-header.instructions-box, .sidebar.instructions-box { padding: 0 !important; } .system-container.instructions-box .sidebar-meta, .document-container.instructions-box .sidebar-meta, .instructions-box.tasks-container .sidebar-meta, .media-container.instructions-box .sidebar-meta, .sidebar-header.instructions-box .sidebar-meta, .sidebar.instructions-box .sidebar-meta { border: none; } .system-container ul li, .document-container ul li, .tasks-container ul li, .media-container ul li, .sidebar-header ul li, .sidebar ul li { line-height: 22px; } .system-container .popeye, .document-container .popeye, .tasks-container .popeye, .media-container .popeye, .sidebar-header .popeye, .sidebar .popeye { background-color: #004666; } .system-container strong, .document-container strong, .tasks-container strong, .media-container strong, .sidebar-header strong, .sidebar strong { color: #4c5356; } .system-container.shadow, .document-container.shadow, .shadow.tasks-container, .media-container.shadow, .sidebar-header.shadow, .sidebar.shadow { padding: 17px 20px 20px; margin: 24px 0 0; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .system-container.shadow .hr-sidebar, .document-container.shadow .hr-sidebar, .shadow.tasks-container .hr-sidebar, .media-container.shadow .hr-sidebar, .sidebar-header.shadow .hr-sidebar, .sidebar.shadow .hr-sidebar { display: none; } .system-container.news-overview, .document-container.news-overview, .news-overview.tasks-container, .media-container.news-overview, .sidebar-header.news-overview, .sidebar.news-overview { background: #004666; padding: 16px 20px; height: 120px; width: 280px; border: 20px solid #e4e4e5; } .system-container.news-overview strong, .system-container.news-overview p, .document-container.news-overview strong, .news-overview.tasks-container strong, .document-container.news-overview p, .news-overview.tasks-container p, .media-container.news-overview strong, .media-container.news-overview p, .sidebar-header.news-overview strong, .sidebar-header.news-overview p, .sidebar.news-overview strong, .sidebar.news-overview p { color: #ffffff; width: 85%; } .system-container.news-overview strong, .document-container.news-overview strong, .news-overview.tasks-container strong, .media-container.news-overview strong, .sidebar-header.news-overview strong, .sidebar.news-overview strong { font-size: 15px; } .system-container .document-title, .system-container .media-title, .document-container .document-title, .tasks-container .document-title, .document-container .media-title, .tasks-container .media-title, .media-container .document-title, .media-container .media-title, .sidebar-header .document-title, .sidebar-header .media-title, .sidebar .document-title, .sidebar .media-title { font-weight: bold; font-family: "TheSans", Arial, Helvetica, sans-serif; margin: 0; font-size: 12px; padding-bottom: 5px; } .system-container.mt, .document-container.mt, .mt.tasks-container, .media-container.mt, .sidebar-header.mt, .sidebar.mt { margin: 70px 0 0 0; } .system-container .faq-single-box, .document-container .faq-single-box, .tasks-container .faq-single-box, .media-container .faq-single-box, .sidebar-header .faq-single-box, .sidebar .faq-single-box { padding-bottom: 12px; } .system-container .sidebar-inner, .document-container .sidebar-inner, .tasks-container .sidebar-inner, .media-container .sidebar-inner, .sidebar-header .sidebar-inner, .sidebar .sidebar-inner { position: absolute; padding-left: 20px; top: 25px; } .system-container .sidebar-inner h2, .system-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .system-container .sidebar-inner h2, .system-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .system-container .sidebar-inner a, .system-container .sidebar-inner p, .document-container .sidebar-inner h2, .tasks-container .sidebar-inner h2, .document-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .document-container .sidebar-inner h2, .tasks-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .tasks-container .sidebar-inner h2, .document-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .document-container .sidebar-inner a, .tasks-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .tasks-container .sidebar-inner a, .document-container .sidebar-inner p, .tasks-container .sidebar-inner p, .media-container .sidebar-inner h2, .media-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .media-container .sidebar-inner h2, .media-container .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .media-container .sidebar-inner a, .media-container .sidebar-inner p, .sidebar-header .sidebar-inner h2, .sidebar-header .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .sidebar-header .sidebar-inner h2, .sidebar-header .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .sidebar-header .sidebar-inner a, .sidebar-header .sidebar-inner p, .sidebar .sidebar-inner h2, .sidebar .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .sidebar .sidebar-inner h2, .sidebar .sidebar-inner .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .sidebar .sidebar-inner a, .sidebar .sidebar-inner p { color: #ffffff; } .system-container .sidebar-inner p, .document-container .sidebar-inner p, .tasks-container .sidebar-inner p, .media-container .sidebar-inner p, .sidebar-header .sidebar-inner p, .sidebar .sidebar-inner p { font-size: 12px; margin: 13px 0 20px 0; width: 75%; } .system-container .phone-nr, .document-container .phone-nr, .tasks-container .phone-nr, .media-container .phone-nr, .sidebar-header .phone-nr, .sidebar .phone-nr { color: #004666; } .system-container .system-title, .system-container .media-title, .system-container .document-title, .system-container .sidebar-title, .document-container .system-title, .tasks-container .system-title, .document-container .media-title, .tasks-container .media-title, .document-container .document-title, .tasks-container .document-title, .document-container .sidebar-title, .tasks-container .sidebar-title, .media-container .system-title, .media-container .media-title, .media-container .document-title, .media-container .sidebar-title, .sidebar-header .system-title, .sidebar-header .media-title, .sidebar-header .document-title, .sidebar-header .sidebar-title, .sidebar .system-title, .sidebar .media-title, .sidebar .document-title, .sidebar .sidebar-title { color: #4c5356; font-weight: 700; line-height: 19px; font-size: 12px; padding-bottom: 5px; max-width: 100%; width: 100%; } .system-container .system-tile-ul, .document-container .system-tile-ul, .tasks-container .system-tile-ul, .media-container .system-tile-ul, .sidebar-header .system-tile-ul, .sidebar .system-tile-ul { list-style: circle url("../images/dot.png"); list-style-position: inside; padding: 0; margin: 0; margin-top: 21px; } .system-container .system-tile-ul li, .document-container .system-tile-ul li, .tasks-container .system-tile-ul li, .media-container .system-tile-ul li, .sidebar-header .system-tile-ul li, .sidebar .system-tile-ul li { position: relative; margin-bottom: 10px; padding-left: 0; } .system-container .system-tile-ul li .icon, .document-container .system-tile-ul li .icon, .tasks-container .system-tile-ul li .icon, .media-container .system-tile-ul li .icon, .sidebar-header .system-tile-ul li .icon, .sidebar .system-tile-ul li .icon { position: relative; left: -12px; top: 3px; } .system-container .system-tile-ul li .icon .icon-dot, .document-container .system-tile-ul li .icon .icon-dot, .tasks-container .system-tile-ul li .icon .icon-dot, .media-container .system-tile-ul li .icon .icon-dot, .sidebar-header .system-tile-ul li .icon .icon-dot, .sidebar .system-tile-ul li .icon .icon-dot { font-size: 33px; color: #b4b7bc; text-shadow: none; } .system-container .system-tile-ul li a, .document-container .system-tile-ul li a, .tasks-container .system-tile-ul li a, .media-container .system-tile-ul li a, .sidebar-header .system-tile-ul li a, .sidebar .system-tile-ul li a { font-size: 12px; padding-left: 6px; } .system-container .single-document, .system-container .tasks-container .single-task, .tasks-container .system-container .single-task, .system-container .list-item, .document-container .single-document, .tasks-container .single-document, .tasks-container .single-task, .document-container .list-item, .tasks-container .list-item, .media-container .single-document, .media-container .tasks-container .single-task, .tasks-container .media-container .single-task, .media-container .list-item, .sidebar-header .single-document, .sidebar-header .tasks-container .single-task, .tasks-container .sidebar-header .single-task, .sidebar-header .list-item, .sidebar .single-document, .sidebar .tasks-container .single-task, .tasks-container .sidebar .single-task, .sidebar .list-item { position: relative; font-size: 12px; } .system-container .single-document.first, .system-container .tasks-container .first.single-task, .tasks-container .system-container .first.single-task, .system-container .list-item.first, .document-container .single-document.first, .tasks-container .single-document.first, .tasks-container .first.single-task, .document-container .list-item.first, .tasks-container .list-item.first, .media-container .single-document.first, .media-container .tasks-container .first.single-task, .tasks-container .media-container .first.single-task, .media-container .list-item.first, .sidebar-header .single-document.first, .sidebar-header .tasks-container .first.single-task, .tasks-container .sidebar-header .first.single-task, .sidebar-header .list-item.first, .sidebar .single-document.first, .sidebar .tasks-container .first.single-task, .tasks-container .sidebar .first.single-task, .sidebar .list-item.first { margin-top: 21px; } .system-container .single-document .single-document-title, .system-container .tasks-container .single-task .single-document-title, .tasks-container .system-container .single-task .single-document-title, .tasks-container .single-task .system-container .single-document .single-task-title, .system-container .tasks-container .single-task .single-task-title, .tasks-container .system-container .single-task .single-task-title, .system-container .list-item .single-document-title, .system-container .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .system-container .list-item .single-task-title, .document-container .single-document .single-document-title, .tasks-container .single-document .single-document-title, .tasks-container .single-task .single-document-title, .tasks-container .single-task .single-task-title, .document-container .list-item .single-document-title, .tasks-container .list-item .single-document-title, .document-container .list-item .tasks-container .single-task .single-task-title, .tasks-container .list-item .single-task .single-task-title, .tasks-container .single-task .list-item .single-task-title, .media-container .single-document .single-document-title, .media-container .tasks-container .single-task .single-document-title, .tasks-container .media-container .single-task .single-document-title, .tasks-container .single-task .media-container .single-document .single-task-title, .media-container .tasks-container .single-task .single-task-title, .tasks-container .media-container .single-task .single-task-title, .media-container .list-item .single-document-title, .media-container .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .media-container .list-item .single-task-title, .sidebar-header .single-document .single-document-title, .sidebar-header .tasks-container .single-task .single-document-title, .tasks-container .sidebar-header .single-task .single-document-title, .tasks-container .single-task .sidebar-header .single-document .single-task-title, .sidebar-header .tasks-container .single-task .single-task-title, .tasks-container .sidebar-header .single-task .single-task-title, .sidebar-header .list-item .single-document-title, .sidebar-header .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .sidebar-header .list-item .single-task-title, .sidebar .single-document .single-document-title, .sidebar .tasks-container .single-task .single-document-title, .tasks-container .sidebar .single-task .single-document-title, .tasks-container .single-task .sidebar .single-document .single-task-title, .sidebar .tasks-container .single-task .single-task-title, .tasks-container .sidebar .single-task .single-task-title, .sidebar .list-item .single-document-title, .sidebar .list-item .tasks-container .single-task .single-task-title, .tasks-container .single-task .sidebar .list-item .single-task-title { color: #004666; margin-top: 0; padding-left: 19px; width: 93%; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .system-container .single-document .document-icon, .system-container .tasks-container .single-task .document-icon, .tasks-container .system-container .single-task .document-icon, .system-container .list-item .document-icon, .document-container .single-document .document-icon, .tasks-container .single-document .document-icon, .tasks-container .single-task .document-icon, .document-container .list-item .document-icon, .tasks-container .list-item .document-icon, .media-container .single-document .document-icon, .media-container .tasks-container .single-task .document-icon, .tasks-container .media-container .single-task .document-icon, .media-container .list-item .document-icon, .sidebar-header .single-document .document-icon, .sidebar-header .tasks-container .single-task .document-icon, .tasks-container .sidebar-header .single-task .document-icon, .sidebar-header .list-item .document-icon, .sidebar .single-document .document-icon, .sidebar .tasks-container .single-task .document-icon, .tasks-container .sidebar .single-task .document-icon, .sidebar .list-item .document-icon { position: absolute; top: 5px; } .system-container .single-document .single-document-version, .system-container .tasks-container .single-task .single-document-version, .tasks-container .system-container .single-task .single-document-version, .system-container .list-item .single-document-version, .document-container .single-document .single-document-version, .tasks-container .single-document .single-document-version, .tasks-container .single-task .single-document-version, .document-container .list-item .single-document-version, .tasks-container .list-item .single-document-version, .media-container .single-document .single-document-version, .media-container .tasks-container .single-task .single-document-version, .tasks-container .media-container .single-task .single-document-version, .media-container .list-item .single-document-version, .sidebar-header .single-document .single-document-version, .sidebar-header .tasks-container .single-task .single-document-version, .tasks-container .sidebar-header .single-task .single-document-version, .sidebar-header .list-item .single-document-version, .sidebar .single-document .single-document-version, .sidebar .tasks-container .single-task .single-document-version, .tasks-container .sidebar .single-task .single-document-version, .sidebar .list-item .single-document-version { padding-left: 19px; } .system-container .single-document .single-document-version, .system-container .tasks-container .single-task .single-document-version, .tasks-container .system-container .single-task .single-document-version, .system-container .single-document .single-document-date, .system-container .tasks-container .single-task .single-document-date, .tasks-container .system-container .single-task .single-document-date, .system-container .list-item .single-document-version, .system-container .list-item .single-document-date, .document-container .single-document .single-document-version, .tasks-container .single-document .single-document-version, .tasks-container .single-task .single-document-version, .document-container .single-document .single-document-date, .tasks-container .single-document .single-document-date, .tasks-container .single-task .single-document-date, .document-container .list-item .single-document-version, .tasks-container .list-item .single-document-version, .document-container .list-item .single-document-date, .tasks-container .list-item .single-document-date, .media-container .single-document .single-document-version, .media-container .tasks-container .single-task .single-document-version, .tasks-container .media-container .single-task .single-document-version, .media-container .single-document .single-document-date, .media-container .tasks-container .single-task .single-document-date, .tasks-container .media-container .single-task .single-document-date, .media-container .list-item .single-document-version, .media-container .list-item .single-document-date, .sidebar-header .single-document .single-document-version, .sidebar-header .tasks-container .single-task .single-document-version, .tasks-container .sidebar-header .single-task .single-document-version, .sidebar-header .single-document .single-document-date, .sidebar-header .tasks-container .single-task .single-document-date, .tasks-container .sidebar-header .single-task .single-document-date, .sidebar-header .list-item .single-document-version, .sidebar-header .list-item .single-document-date, .sidebar .single-document .single-document-version, .sidebar .tasks-container .single-task .single-document-version, .tasks-container .sidebar .single-task .single-document-version, .sidebar .single-document .single-document-date, .sidebar .tasks-container .single-task .single-document-date, .tasks-container .sidebar .single-task .single-document-date, .sidebar .list-item .single-document-version, .sidebar .list-item .single-document-date { color: #7f8789; padding-right: 16px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .commercial { text-align: center; } .commercial .sidebar { margin-top: 20px; margin-bottom: 30px; } .commercial > span { background: #fff; color: #4c5356; font-size: 15px; padding: 0 10px; z-index: 2; } .commercial .divider { border-bottom: 1px solid #a8adb3; height: 8px; margin-top: -21px; } .commercial ol li { text-align: left; float: left; padding-bottom: 10px; width: 50%; } .sidebar-meta { padding: 17px 20px 21px 20px; border-left: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5; } .sidebar-meta h3 { color: #4c5356; } .excerpt .text-excerpt { font-size: 12px; line-height: 19px; } .excerpt .media-item { cursor: pointer; height: 180px; margin: 16px 0 17px; width: 100%; float: none; } .excerpt .link-button { margin: 17px 0 20px; } .button-wrapper { text-align: center; padding: 98px 0 25px 0; } .faq-box { margin-top: 20px; padding: 17px 20px 20px; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .faq-box h3 { color: #000; font-size: 15px; } .faq-box .link-button { margin-top: 7px; } .excerpt { padding-bottom: 12px; } .excerpt .link-button { margin-top: 12px; } .excerpt .caption { text-align: center; } .excerpt .caption span { width: 100%; } .hr-sidebar { margin: 0 0 4px -39px; border: 0; height: 1px; } .commercial { text-align: center; } .commercial .sidebar { margin-bottom: 30px !important; } .commercial > span { background: #fff; color: #4c5356; font-size: 15px; padding: 0 10px; z-index: 2; } .commercial .divider { border-bottom: 1px solid #a8adb3; height: 8px; margin-top: -21px; } .commercial ol li { text-align: left; float: left; padding-bottom: 10px; width: 50%; } .sidebar { position: relative; padding: 24px 0 0 0; max-width: 360px; } .sidebar ul { list-style: none; padding: 0; margin: 10px 0; } .sidebar.shadow { padding: 17px 20px 20px; margin: 24px 0 0; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .sidebar.sidebar-header ul { list-style: none; padding: 0; margin: 10px 0; } .sidebar.news-overview { background: #004666; padding: 16px 20px; height: 120px; width: 280px; border: 20px solid #e4e4e5; } .sidebar.news-overview strong, .sidebar.news-overview p { color: #ffffff; width: 85%; } .sidebar.news-overview strong { font-size: 15px; } .sidebar.faq-box h3 { color: #000; font-size: 15px; } .sidebar .sidebar-title, .sidebar strong { font-family: "TheSans", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #4c5356; font-weight: bold; margin: 0; padding-bottom: 5px; } .sidebar .system-tile-ul { list-style: circle url("../images/dot.png"); list-style-position: inside; padding: 0; margin: 0; margin-top: 21px; } .sidebar .system-tile-ul li { margin-bottom: 10px; } .sidebar .system-tile-ul li a { padding-left: 6px; } .sidebar .list-item { position: relative; } .sidebar .list-item.first { margin-top: 21px; } .sidebar .list-item .list-item-title, .sidebar .list-item .list-item-version { padding-left: 19px; } .sidebar .list-item .document-icon { position: absolute; top: 5px; } .sidebar .list-item .list-item-version, .sidebar .list-item .list-item-date { color: #7f8789; padding-right: 16px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .sidebar .link-button { margin-top: 7px; } .document-phone { padding-top: 29px; } .button-wrapper { text-align: center; padding: 98px 0 25px 0; } .excerpt { padding-bottom: 12px; } .excerpt .media-item { cursor: pointer; height: 180px; margin: 16px 0 17px; width: 100%; float: none; } .excerpt .link-button { margin-top: 12px; } .excerpt .caption { text-align: center; } .excerpt .caption span { width: 100%; } .gremien .toolbar-wrapper { margin: 70px 0 0 -73px; } .toolbar-wrapper { position: fixed; height: 261px; width: 72px; margin: 225px 0 0 -73px; border: 1px solid #e4e4e5; background: #fff; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 1px 1px 1px 1px #7f8789; -webkit-box-shadow: 1px 1px 1px 1px #7f8789; box-shadow: 1px 1px 1px 1px #7f8789; } .toolbar-wrapper.example { position: relative; width: 300px; height: 64px; margin: 0; z-index: 9; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .toolbar-wrapper.example .toolbar, .toolbar-wrapper.example .process-base .toolbar { padding: 8px 7px 8px 8px; height: 48px; width: auto; margin: 0; position: relative; } .toolbar-wrapper.example .toolbar a, .toolbar-wrapper.example .process-base .toolbar a { width: 44px; } .toolbar-wrapper.example:before { content: ""; -webkit-transform: rotate(360deg); display: block; height: 0px; position: absolute; right: 300px; top: 21px; width: 0px; border-left: none; border-right: solid 13px #e4e4e5; border-bottom: 12px solid transparent; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-top: 12px solid transparent; -moz-border-style: inset; } .toolbar-wrapper.example:after { content: ""; -webkit-transform: rotate(360deg); display: block; height: 0px; position: absolute; right: 300px; top: 22px; width: 0px; border-left: none; border-right: solid 11px white; border-bottom: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-top: 10px solid transparent; -moz-border-style: inset; } .toolbar-wrapper.no-margin { margin-top: 0; } .toolbar-wrapper:after { border-left: solid 11px #fff; content: ""; top: 120px; -webkit-transform: rotate(360deg); -moz-border-style: inset; display: block; height: 0px; position: absolute; right: -11px; width: 0px; border-bottom: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-top: 10px solid transparent; -moz-border-style: inset; } .toolbar-wrapper:before { border-left: solid 13px #e4e4e5; content: ""; top: 118px; -webkit-transform: rotate(360deg); -moz-border-style: inset; display: block; height: 0px; position: absolute; right: -13px; width: 0px; border-bottom: 12px solid transparent; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-top: 12px solid transparent; -moz-border-style: inset; } .toolbar { padding: 8px 8px 7px; z-index: 1; } .toolbar a { display: block; width: 46px; height: 24px; margin-bottom: 1px; cursor: pointer; padding: 12px 6px; float: left; font-family: 'fontello'; text-align: center; line-height: 24px; font-size: 24px; margin-right: 1px; background: #f6f7f7; color: #004666; -moz-transition: all, 0.1s; -o-transition: all, 0.1s; -webkit-transition: all, 0.1s; transition: all, 0.1s; } .toolbar a:hover { background: #004666; color: #fff; text-shadow: none; text-decoration: none; } .toolbar a:hover .icon-matrix-big { background-position: 22px 24px; } .toolbar a .icon-matrix-big { background-image: url("../images/matrix/vwgoa/matrix_slider.png"); background-position: 0px 24px; display: inline-block; height: 24px; width: 22px; } .toolbar i { text-shadow: rgba(127, 135, 137, 0.2) 1px 1px 0; } @media only screen and (max-width: 1160px) { .toolbar-helper-right { margin-top: -87px; } .toolbar-wrapper, .process-base .toolbar-wrapper { position: relative; width: 300px; height: 64px; margin: 0 0 -97px 0; z-index: 9; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .toolbar-wrapper .toolbar, .toolbar-wrapper .process-base .toolbar, .process-base .toolbar-wrapper .toolbar, .process-base .toolbar-wrapper .process-base .toolbar { padding: 8px 7px 8px 8px; height: 48px; width: auto; margin: 0; position: relative; } .toolbar-wrapper .toolbar a, .toolbar-wrapper .process-base .toolbar a, .process-base .toolbar-wrapper .toolbar a, .process-base .toolbar-wrapper .process-base .toolbar a { width: 44px; } .toolbar-wrapper:before, .process-base .toolbar-wrapper:before { content: ""; -webkit-transform: rotate(360deg); display: block; height: 0px; position: absolute; right: 300px; top: 21px; width: 0px; border-left: none; border-right: solid 13px #e4e4e5; border-bottom: 12px solid transparent; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-top: 12px solid transparent; -moz-border-style: inset; } .toolbar-wrapper:after, .process-base .toolbar-wrapper:after { content: ""; -webkit-transform: rotate(360deg); display: block; height: 0px; position: absolute; right: 300px; top: 22px; width: 0px; border-left: none; border-right: solid 11px white; border-bottom: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-top: 10px solid transparent; -moz-border-style: inset; } .process-base .toolbar-wrapper { margin: 30px 0 -25px 0; } } .sidebar.fix { position: fixed; } .sidebar.fix.example { position: relative; } .sidebar.fix .sidebar-title { padding: 0 0 9px 16px; margin: 0; width: auto; } .sidebar.fix .sidebar-accordion { border-left: none; border-right: none; } .sidebar.fix .sidebar-accordion .accordion-section { border-top: 2px solid #e4e4e5; } .sidebar.fix .sidebar-accordion .accordion-section .content { padding-bottom: 0; margin-left: 0; } .sidebar.fix .sidebar-accordion .accordion-section.sub-item { border-top: 1px solid #e4e4e5; } .sidebar.fix .sidebar-accordion .accordion-section.first { border-top: none; } .sidebar.fix .sidebar-accordion .accordion-section .trigger { cursor: pointer; padding: 3px 0; -moz-transition: all, 0.6s; -o-transition: all, 0.6s; -webkit-transition: all, 0.6s; transition: all, 0.6s; } .sidebar.fix .sidebar-accordion .accordion-section .trigger.sub-item { padding: 0 16px; line-height: 25px; } .sidebar.fix .sidebar-accordion .accordion-section .trigger.sub-item .arrow { font-size: 12px; line-height: inherit; } .sidebar.fix .sidebar-accordion .accordion-section .trigger.active { border-left: 2px solid #6a9000; } .sidebar.fix .sidebar-accordion .accordion-section .trigger.active h3 a { color: #000; } .sidebar.fix .sidebar-accordion .accordion-section .trigger.active.sub-item { color: #004666; padding-left: 0; } .sidebar.fix .sidebar-accordion .accordion-section .trigger:hover { background: #f6f7f7; } .sidebar.fix .sidebar-accordion .accordion-section .trigger h3 { margin: 0; padding-left: 16px; line-height: 24px; width: 96%; } .sidebar.fix .sidebar-accordion .accordion-section .trigger .arrow { color: #4c5356; font-size: 16px; line-height: 24px; float: right; padding-right: 12px; } .sidebar.fix .sidebar-accordion .accordion-section .trigger .arrow i:before { display: block; -moz-transition: rotate, 0.6s; -o-transition: rotate, 0.6s; -webkit-transition: rotate, 0.6s; transition: rotate, 0.6s; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .sidebar.fix .sidebar-accordion .accordion-section .trigger .arrow.anim i:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sidebar.fix ul { list-style: none; margin: 0; padding: 0; } .sidebar.fix ul li { line-height: 16px; padding: 0 0 0 32px; margin: 8px 0; -moz-transition: all, 0.6s; -o-transition: all, 0.6s; -webkit-transition: all, 0.6s; transition: all, 0.6s; } .sidebar.fix ul li:first-child { margin: 0; } .sidebar.fix ul li.active { padding: 0; } .sidebar.fix ul li.active a { color: #000; border-left: 2px solid #6a9000; padding-left: 16px; } #dashboard { background: #f6f7f7; top: 290px; padding: 36px 12px 16px 12px; position: fixed; width: 358px; } #dashboard.example { position: relative; top: 0; } #dashboard .droppable { padding-top: 39px; width: 100%; } #dashboard .droppable.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #dashboard .droppable.disabled a { cursor: default; } #dashboard .droppable .empty { background: #fff; background: rgba(255, 255, 255, 0.4); border: 1px solid #fff; } #dashboard .droppable .empty.first { border: 1px solid #c6dfe7; background: #e7f3f3; } #dashboard .droppable .drag { position: absolute; background: url("../images/icons-doc/system-drag-drop-holder.png") no-repeat; background-position-y: 0; top: 15px; right: 0; padding-right: 20px; height: 32px; width: 18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity, ease 0.3s; -o-transition: opacity, ease 0.3s; -webkit-transition: opacity, ease 0.3s; transition: opacity, ease 0.3s; } #dashboard .sidebar-title { float: left; } #dashboard .role-thumb { font-family: "TheSans", Arial, Helvetica, sans-serif; top: 27px; right: 59px; white-space: nowrap; } #dashboard .role-thumb:before { border-right: none; border-left: 8px solid #335f7d; position: absolute; left: 100%; } #dashboard .document-title { float: left; padding-left: 10px; color: #4c5356; font-family: "TheSans", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 14px; margin: 0; padding-bottom: 5px; width: auto; } #dashboard .editable { display: table; position: relative; float: left; color: #004666; font-size: 12px; padding: 0; margin: 24px 0 0 0; text-align: center; background: transparent; border: 1px solid #fff; padding: 10px 20px; margin: 12px 8px; height: 65px; width: 163px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #dashboard .editable.visuallyhidden { cursor: default; } #dashboard .editable:hover { text-decoration: none; } #dashboard .editable.full { background: #fff; border: 1px solid #c6dfe7; } #dashboard .editable.full:hover .drag { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } #dashboard .editable.active-row { color: #fff; background: #004666; -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } #dashboard .editable span.center { display: table-cell; vertical-align: middle; height: 43px; width: 131px; } #dashboard .editable .drag-dash { position: absolute; background: url(../images/icons-doc/system-drag-drop-holder.png) no-repeat; top: 15px; background-position-y: 0; left: 0; padding-right: 20px; height: 32px; width: 18px; } .system-overview .process-wrapper.editable .single-process .icon { display: none; } .system-overview .process-wrapper .single-process a.disabled { color: #e4e4e5; } .system-overview .process-wrapper .single-process a.active-row { color: #ffffff; background: #004666; font-family: "TheSans", Arial, Helvetica, sans-serif; display: block; top: -25px; z-index: 999; -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } .system-overview .process-wrapper .single-process a.active-row.editable { color: #ffffff; background: #004666; border: 1px solid #c6dfe7; display: table; position: relative; font-size: 12px; list-style: none; text-align: center; padding: 10px 20px; height: 45px; width: 130px; } .system-overview .process-wrapper .single-process a.active-row.editable .drag { top: 15px; background-position-y: -31px; } .system-overview .process-wrapper .single-process a.active-row .drag { background: url("../images/system-drag-drop-holder.png") no-repeat; background-position-y: -31px; height: 32px; width: 18px; } .system-overview .process-wrapper .single-process span.drag { position: absolute; background: url("../images/system-drag-drop-holder.png") no-repeat; top: 19px; right: 18px; height: 32px; width: 18px; } .tab { -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .tab-wrapper.search { margin-bottom: 30px; margin-top: 20px; } .tab-wrapper.search .tab-content-wrapper { padding: 10px 0; } .tab-wrapper.search .tab-content-wrapper .tab { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .tab-wrapper.search .tab-nav { padding: 0 0 0 20px; width: auto; list-style: none; margin: 0; } .tab-wrapper.search .result-counter { font-weight: 700; } .tab-wrapper { margin-top: 12px; } .kbp-new-design .tab-wrapper{ margin-top: 0; } .tab-content-wrapper { max-width: 600px; -moz-transition: all, ease-in-out 0.4s; -o-transition: all, ease-in-out 0.4s; -webkit-transition: all, ease-in-out 0.4s; transition: all, ease-in-out 0.4s; } .tab-content-wrapper.padding { padding: 27px 40px 40px; -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } .tab-content-wrapper.np { padding: 0; } .tab-content-wrapper.shadow { -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } .tab-content-wrapper.shadow .tab { box-shadow: none; } .tab-content-wrapper .count { color: #7f8789; padding-left: 3px; } .tab-content-wrapper #protocol, .tab-content-wrapper #guide, .tab-content-wrapper #information, .tab-content-wrapper #tab1, .tab-content-wrapper #tab2, .tab-content-wrapper #tab3 { box-shadow: none; } .tab-content-wrapper #protocol .small, .tab-content-wrapper #guide .small, .tab-content-wrapper #information .small, .tab-content-wrapper #tab1 .small, .tab-content-wrapper #tab2 .small, .tab-content-wrapper #tab3 .small { font-family: "TheSans", Arial, Helvetica, sans-serif; font-size: 16px; color: #4c5356; } .tab-content-wrapper #protocol .single-document-title, .tab-content-wrapper #protocol .tasks-container .single-task .single-task-title, .tasks-container .single-task .tab-content-wrapper #protocol .single-task-title, .tab-content-wrapper #guide .single-document-title, .tab-content-wrapper #guide .tasks-container .single-task .single-task-title, .tasks-container .single-task .tab-content-wrapper #guide .single-task-title, .tab-content-wrapper #information .single-document-title, .tab-content-wrapper #information .tasks-container .single-task .single-task-title, .tasks-container .single-task .tab-content-wrapper #information .single-task-title, .tab-content-wrapper #tab1 .single-document-title, .tab-content-wrapper #tab1 .tasks-container .single-task .single-task-title, .tasks-container .single-task .tab-content-wrapper #tab1 .single-task-title, .tab-content-wrapper #tab2 .single-document-title, .tab-content-wrapper #tab2 .tasks-container .single-task .single-task-title, .tasks-container .single-task .tab-content-wrapper #tab2 .single-task-title, .tab-content-wrapper #tab3 .single-document-title, .tab-content-wrapper #tab3 .tasks-container .single-task .single-task-title, .tasks-container .single-task .tab-content-wrapper #tab3 .single-task-title { width: 90%; } .tab-content-wrapper #protocol ul, .tab-content-wrapper #guide ul, .tab-content-wrapper #information ul, .tab-content-wrapper #tab1 ul, .tab-content-wrapper #tab2 ul, .tab-content-wrapper #tab3 ul { margin: 0; padding: 0; } .tab-content-wrapper #protocol ul li .doc-wrapper, .tab-content-wrapper #guide ul li .doc-wrapper, .tab-content-wrapper #information ul li .doc-wrapper, .tab-content-wrapper #tab1 ul li .doc-wrapper, .tab-content-wrapper #tab2 ul li .doc-wrapper, .tab-content-wrapper #tab3 ul li .doc-wrapper { float: none; padding: 16px 0 12px 0; } .tab-nav { position: relative; list-style: none; margin: 0; padding: 0 20px; margin-bottom: 0; height: 40px; width: 560px; z-index: 2; } .tab-nav.index { z-index: 0; } .tab-nav.orga { margin-bottom: 0; border-bottom: 1px solid #e4e4e5; z-index: 9; position: relative; } .tab-nav > li, .tab-nav .tab-navigator { float: left; text-align: center; padding: 4px 0; line-height: 16px; height: 32px; } .tab-nav > li.active, .tab-nav > li.tab_selected, .tab-nav .tab-navigator.active, .tab-nav .tab-navigator.tab_selected { background: #dcdee1; } .tab-nav > li.active a, .tab-nav > li.tab_selected a, .tab-nav .tab-navigator.active a, .tab-nav .tab-navigator.tab_selected a { color: #4c5356; } .tab-nav > li.active:after, .tab-nav > li.tab_selected:after, .tab-nav .tab-navigator.active:after, .tab-nav .tab-navigator.tab_selected:after { position: relative; content: ""; top: 14px; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #dcdee1 transparent transparent transparent; } .tab-nav > li.active:hover, .tab-nav > li.tab_selected:hover, .tab-nav .tab-navigator.active:hover, .tab-nav .tab-navigator.tab_selected:hover { background: #dcdee1; } .tab-nav > li > a, .tab-nav .tab-navigator > a { display: block; padding: 8px 20px 0 20px; text-decoration: none; height: 30px; font-weight: bold; } .tab-nav > li > a i, .tab-nav .tab-navigator > a i { margin-left: 6px; } .tab-nav > li > a:hover, .tab-nav .tab-navigator > a:hover { text-decoration: none; } .tab-nav > li:hover, .tab-nav .tab-navigator:hover { background: #f6f7f7; } /* special tabs for angular */ .scrtabs-tab-container * { box-sizing: border-box; } .scrtabs-tab-container { height: 40px; } .scrtabs-tab-container .tab-content { clear: left; } .scrtabs-tab-wrapper-container.force-height { height: 40px; } .scrtabs-tabs-fixed-container { height: 40px; overflow: hidden; width: 100%; margin-left: 20px; margin-right: 20px; } .scrtabs-tabs-movable-container { position: relative; } .scrtabs-tabs-movable-container .tab-content { display: none; } .scrtabs-tab-scroll-arrow { border: 1px solid #dddddd; border-top: none; color: #428bca; cursor: pointer; font-size: 12px; height: 40px; width: 20px; } .scrtabs-tab-scroll-arrow:hover { background-color: #eeeeee; } .scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; } .scrtabs-tab-content-outside-movable-container { clear: left; } .scrtabs-tab-content-outside-movable-container .nav-tabs { display: none; } .st_text_image_block figure img { width: auto; max-width: 100%; } .st_text_image_block .block { margin: -5px 0 17px; } .figcaption-mi24video{ color: #7F8789; font-size: 13px; padding: 9px 9px 29px 0; line-height: 19px; font-style: italic; text-align: center; } .st_text_image_block.large-4 .text { clear: both; } .media-box { background: #dcdee1; width: 360px; height: 184px; margin-top: 24px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 2px #7f8789; -webkit-box-shadow: inset 0 1px 2px #7f8789; box-shadow: inset 0 1px 2px #7f8789; } .media-box:hover .opg-media-arrow { display: block; visibility: visible; text-decoration: none; } .media-box:hover .opg-media-arrow > .icon-left-dir, .media-box:hover .opg-media-arrow > .icon-right-dir { display: block; } .media-box:hover .opg-media-arrow.invisible { display: none; } .media-box #opg-media-slider { position: relative; width: 1200px; margin: 12px 0 12px 16px; padding: 0; height: 160px; display: block; overflow: hidden; } .media-box #opg-media-slider .media-item { width: 184px; height: 160px; overflow: hidden; position: relative; float: left; margin-right: 16px; display: block; } .media-box #opg-media-slider .media-item .caption { color: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzVmN2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #335f7d)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #335f7d); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #335f7d); background-image: linear-gradient(rgba(0, 0, 0, 0), #335f7d); } .media-box #opg-media-slider .media-item .caption:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Nzg3OWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #67879d)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #67879d); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #67879d); background-image: linear-gradient(rgba(0, 0, 0, 0), #67879d); } .media-box #opg-media-slider .media-item .caption span { position: absolute; text-align: center; font-weight: 700; font-size: 12px; width: 184px; margin-left: 0; display: block; bottom: 8px; } .media-box #opg-media-slider .media-item .album { background: #ffffff; background: rgba(255, 255, 255, 0.8); display: block; font-size: 26px; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; top: 0; width: 40px; -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } .media-box .pagination { display: block; width: 360px; position: absolute; padding-top: 8px; height: 8px; text-align: center; line-height: 5px; } .media-box .pagination.search { height: 45px; width: 100%; } .media-box .pagination.search li { float: left; margin-right: 6px; } .media-box .pagination.search li:last-child { margin-right: 0; } .media-box .pagination.search > div { margin-top: 6px; font-size: 15px; } .media-box .pagination.search a { background: transparent; margin: 0 6px 0 0; cursor: pointer !important; width: auto; height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .media-box .pagination.search a.selected { font-weight: 700; background: transparent; } .media-box .pagination.search a i { margin-left: 5px; } .media-box .pagination.search a span { font-weight: 700; font-size: 15px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 22px; } .media-box .pagination a { background: #dcdee1; width: 8px; height: 8px; margin: 0 4px 0 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .media-box .pagination a:hover { text-decoration: none; } .media-box .pagination a.selected { background: #004666; } .media-box .opg-media-arrow { position: absolute; border: 1px solid #a8adb3; width: 24px; height: 24px; display: none; text-align: center; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); background-image: -moz-linear-gradient(#ffffff, #e4e4e5); background-image: -webkit-linear-gradient(#ffffff, #e4e4e5); background-image: linear-gradient(#ffffff, #e4e4e5); text-shadow: 0 1px 0 #333333; } .media-box .opg-media-arrow.prev { margin: -105px 0 0 -14px; } .media-box .opg-media-arrow.prev i { margin: 0 0 0 -3px; } .media-box .opg-media-arrow.next { margin: -105px 0 0 350px; } .media-box .opg-media-arrow.next.fw { margin: -105px 0px 0px 587px; } .media-box .opg-media-arrow.next i { margin: 0 0 0 3px; } .media-box .document-phone { font-size: 12px; padding-top: 29px; } #wrap-login { background: url(../images/placeholder/world-map.png) no-repeat center center; background-size: contain; } #wrap-login .alert { text-align: center; top: 23px; padding: 0 3px; width: 178px; margin: 0; float: right; } #wrap-login .alert p { font-weight: normal; font-size: 12px; margin: 0; padding: 0; } #wrap-login .tab-nav { border-bottom: 1px solid #e4e4e5; margin: 0 auto; width: 187px; } #wrap-login .one { padding: 48px 0; } #wrap-login .one img { position: relative; left: 50%; margin: 0 0 0 -47px; height: 55px; width: 94px; } #wrap-login .reveal-modal-bg { background: #fff; background: rgab(255, 255, 255, 0.85); } #wrap-login form .errors { display: none; color: #a21e4d; } #wrap-login form input[type="text"] { margin: 1px 0; } #wrap-login form .hint { text-align: center; color: #633a0e; font-weight: normal; font-size: 12px; display: block; padding: 3px 6px; background: #faf2de; display: block; width: 178px; margin: -28px 20px 0 0; float: right; } #wrap-login form h4 { margin: 20px 0 8px 0; } #wrap-login form fieldset { padding-left: 20px; } #wrap-login form fieldset > span { display: block; padding-bottom: 5px; margin-left: -20px; } #wrap-login form fieldset.fl { float: left; margin-right: 40px; } #wrap-login form fieldset.fl .name { margin-top: 20px; } #wrap-login form fieldset.pt { padding-top: 95px; } #wrap-login form fieldset.mt { margin-top: 32px; } #wrap-login form fieldset .row-left, #wrap-login form fieldset .row-right { margin-top: 20px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } #wrap-login form fieldset .row-left { padding-right: 20px; } #wrap-login form fieldset .select-type { width: 278px; } #wrap-login form fieldset .select-type ul { list-style: none; margin: 0; padding: 0; } #wrap-login form .filetype-value { width: 247px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } #wrap-login form .filetype-value span { color: #7f8789; } #wrap-login form .filetype-value:hover, #wrap-login form .filetype-value:active, #wrap-login form .filetype-value:focus { text-decoration: none; } #wrap-login form .filetype-value .icon-input { position: relative; height: auto; width: 100%; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } #wrap-login form .filetype-filters { display: none; left: 2px; top: 32px; width: 285px; } #wrap-login form .filetype-filters.display { display: block; } #wrap-login form label { display: block; padding: 3px 0 3px 3px; float: none; } #wrap-login form label.first { padding: 3px 0 9px 3px; } #wrap-login form input { margin: 0; width: 250px; } #wrap-login form input#user-id { width: 185px; } #wrap-login form input.cta-button { float: left !important; margin-left: 20px; width: auto; } #wrap-login form .filter-list-wrapper { position: relative; } #wrap-login form .cta-button { margin-top: 40px; } .logo-container { padding-bottom: 80px; } .logo-container .first-row { margin: 0 auto; padding: 0 0 20px 0; overflow: auto; list-style: none; width: 600px; } .logo-container .first-row li { float: left; width: 95px; height: 60px; padding-right: 6px; background: url(../images/placeholder/login-placeholder.png) no-repeat; } .logo-container .first-row li:last-child { padding-right: 0; } .logo-container .first-row li .last { padding-right: 0; } .logo-container .center { text-align: center; } .logo-container .center .second-row { margin: 0; padding: 0 0 60px 0; list-style: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .logo-container .center .second-row li { float: left; padding-right: 6px; width: 95px; height: 60px; background: url(../images/placeholder/login-placeholder.png) no-repeat; } .logo-container .center .second-row li:last-child { padding-right: 0; } .logo-container .center .second-row li .last { padding-right: 0; } .login-panel { position: relative; margin: 40px auto 0; padding: 40px; width: 520px; height: auto; text-align: center; border: 1px solid #f6f7f7; background: #fff; z-index: 10; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .login-panel:after { position: absolute; display: block; top: 53%; left: 50%; margin: 0 0 0 -275px; width: 550px; height: 20px; border-radius: 100% 75%; z-index: -10; content: ""; } .login-panel h1 { font-size: 50px; line-height: 52px; } .login-panel p.welcome { display: block; margin-bottom: 0; } .login-panel .cta-button.panel { margin: 53px 0 32px 0; } .login-panel .md-trigger { cursor: pointer; } .hint-valid { position: absolute; background: #c2cca6; background: #386a00; display: none; text-align: left; padding: 1px 15px; top: 0; margin: 0 auto; left: 0; width: 573px; z-index: 999; } .hint-valid.show { display: block; } .hint-valid p { width: 70%; font-weight: 700; color: #6a9000; } .hint-valid a { position: absolute; display: block; cursor: pointer; color: #6a9000; font-size: 25px; right: 8px; top: 6px; z-index: 9999; } .ui-draggable-helper { background: #004666 !important; border: 1px solid #fff !important; padding: 10px 20px; height: 45px; width: 131px; font-size: 12px; font-family: "TheSans", Arial, Helvetica, sans-serif; color: #fff !important; line-height: 19px; text-align: center; z-index: 99; -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } .ui-draggable-helper a { color: #fff !important; } .ui-draggable-helper .process-letter, .ui-draggable-helper .icon { display: none; } .ui-draggable-helper .center { display: table-cell; vertical-align: middle; height: 43px; width: 131px; } .ui-draggable-helper .drag { position: absolute; background: url(../images/icons-doc/system-drag-drop-holder.png) no-repeat; background-position-y: -31px; top: 15px; right: 0; padding-right: 20px; height: 32px; width: 18px; } .tile { background: #fff; width: 600px; overflow: hidden; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .tile strong { color: #b4b7bc; } .tile strong span { font-weight: 400; } .tile .head { position: relative; padding: 0 0 0 20px; height: 43px; z-index: 2; -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); } .tile .head h3 { font-size: 15px; line-height: 43px; color: #4c5356; } .tile .head .drag { float: right; background: url(../../images/icons-doc/system-drag-drop-holder.png) no-repeat; background-position-y: 0; height: 32px; width: 18px; } .tile .head .dots { float: right; margin: 0 6px 0 0; } .tile .head .dots .icon { font-size: 34px; margin: 0 4px 0 0; } .tile .head .dots .icon .icon-dot { color: #b4b7bc; text-shadow: none; } .tile .teaser { position: relative; height: 160px; padding: 25px 40px; background: #f6f7f7; border-bottom: 1px solid #f6f7f7; z-index: 1; } .tile .teaser h2, .tile .teaser .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .tile .teaser h2, .tile .teaser .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .tile .teaser a { margin: 4px 0 0 0; } .tile .teaser p { margin-bottom: 0; } .tile .teaser ul li { position: absolute; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity, ease 0.3s; -o-transition: opacity, ease 0.3s; -webkit-transition: opacity, ease 0.3s; transition: opacity, ease 0.3s; } .tile .teaser ul li.active { z-index: 99; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .tile .list { position: relative; padding: 0 40px 30px 40px; -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); } .tile .list ul li { position: relative; padding: 15px 0 10px 0; border-bottom: 1px solid #f6f7f7; } .tile .list ul li:last-child { border: none; } .tile .list ul li.active .icon-dot { color: #004666; } .tile .list ul li .icon-dot { color: #b4b7bc; -moz-transition: color, ease 0.3s; -o-transition: color, ease 0.3s; -webkit-transition: color, ease 0.3s; transition: color, ease 0.3s; } .tile .list ul li .icon { position: absolute; font-size: 34px; left: -20px; top: 50%; bottom: auto; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tile .list ul li p { font-size: 12px; margin: 0; } .tile .footer { background: #f6f7f7; height: 35px; text-align: center; } .tile .footer a { font-size: 12px; line-height: 35px; font-weight: 700; } .tile.small { width: 360px; } .tile.small .teaser, .tile.small .icon, .tile.small .hidden-text { display: none; } .tile.small .head { padding: 17px 20px 0 20px; height: 23px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .tile.small .head h3 { font-size: 12px; line-height: 23px; } .tile.small .list { padding: 7px 20px 20px; } .tile.small .list ul li { border: none; padding: 5px 0 4px 0; } .tile.small .footer a { font-weight: 400; } .tile.popeye .teaser { background: url("../../images/POPeye.png") no-repeat top right; background-color: #004666; height: 140px; } .tile.popeye .teaser h2, .tile.popeye .teaser .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .tile.popeye .teaser h2, .tile.popeye .teaser .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .tile.popeye .teaser a, .tile.popeye .teaser h3 { color: #ffffff; } .tile.popeye .list { padding: 0 40px 30px 70px; } .tile.popeye .list .icon { font-size: 16px; left: -50px; } .tile.popeye .list .icon + .icon { left: -27px; } .tile.popeye .list .icon i { position: absolute; color: #004666; } .tile.popeye.small .list { padding: 7px 20px 20px; } .dashboard-item .cta-button, .iconbtn .cta-button { text-align: left; margin: 3px 0; padding: 10px 0px 10px 56px; position: relative; display: block; } .dashboard-item .cta-button i[class^="icon-"], .iconbtn .cta-button i[class^="icon-"] { float: left; } .dashboard-item .cta-button span, .iconbtn .cta-button span { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position: relative; } .dashboard-item .cta-button i, .iconbtn .cta-button i { padding-left: 20px; padding-right: 20px; max-width: 25px; display: inline-block; min-width: 25px; left: 0; position: absolute; } .dashboard-item .cta-button i[class^="icon-"], .iconbtn .cta-button i[class^="icon-"] { float: left; } .dashboard-item .cta-button i.iconbtn-default, .iconbtn .cta-button i.iconbtn-default { float: left; height: 22px; } .dashboard-container { margin-top: 20px; } .dashboard-container .dashboard-item { border: 1px solid #f6f7f7; padding: 10px 20px; margin-bottom: 20px; position: relative; } .dashboard-container .dashboard-item:hover .setting-icon a { text-decoration: none; } .dashboard-container .dashboard-item:hover .setting-icon i { opacity: 1; } .dashboard-container .dashboard-item .hint-text { width: 100%; } .dashboard-container .dashboard-item .dashboard-item-title { color: #004666; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-right:30px; } .dashboard-container .dashboard-item .setting-icon { position: absolute; right: 10px; top: 9px; } .dashboard-container .dashboard-item .setting-icon i { color: #004666; opacity: 0.7; } .dashboard-container .dashboard-item .more-button { text-align: center; background: transparent; box-shadow: none; border: 2px solid #004666; border-radius: 3px; font-size: 32px; max-width: 99%; height: 15px; } .dashboard-container .dashboard-item .more-button i { color: #004666; top: 6px; left: 50%; position: absolute; margin-left: -12.5px; } .dashboard-container .dashboard-item .cta-wrapper { padding: 0; } .dashboard-container .dashboard-item .system-item { width: 100%; display: inline-block; margin-top: -5px; position: relative; } .dashboard-container .dashboard-item .system-item:first-child { margin-top: 0px; } .dashboard-container .dashboard-item .system-item a:hover .icon-rocket { color: #004666; } .dashboard-container .dashboard-item .system-item a:hover .system-name { background: #dcdee1; } .dashboard-container .dashboard-item .system-item .system-icon { position: absolute; left: 0; padding: 10px 10px 10px 5px; } .dashboard-container .dashboard-item .system-item .system-name { padding: 10px; margin-left: 30px; border-left: 1px solid #f6f7f7; text-align: left; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .dashboard-container.calculated[firstlet] { display: flex; align-items: stretch; } .dashboard-container > .dashboard-item:not(.profilbox-container):not(.supportbox-container):not(.document-container):not(.tasks-container) { width: 100%; padding-bottom: calc(25px + 38px + 25px) !important; } .dashboard-container > .dashboard-item:not(.profilbox-container):not(.supportbox-container):not(.document-container):not(.tasks-container) .bottom-button { position: absolute; top: auto !important; bottom: 25px; left: 25px !important; right: auto; float: none; padding: 0; } .dashboard-container > .dashboard-item:not(.profilbox-container):not(.supportbox-container):not(.document-container):not(.tasks-container) .bottom-button.more-button.cta-button { right: 25px; height: 36px; margin-top: 0px !important; margin-bottom: 0px !important; } .dashboard-container .st_tabs .dashboard-item, .dashboard-container .st_accordion .dashboard-item { padding: 0 !important; box-shadow: none !important; border: 0 none !important; } .portlet-column.dashboard-container .dashboard-item .cta-button { margin: 0; } .portlet-column.dashboard-container .dashboard-item .cta-button i[class^='icon-'] { position: static; margin-left: 0; } html.touch .setting-icon i { opacity: 1 !important; } .topnews-container { border: 1px solid #f6f7f7; padding: 10px 20px; overflow: hidden; margin-bottom: 20px; } .topnews-container .topnews-title { color: #004666; } .topnews-container .topnews-item { margin: 10px 0; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; padding: 17px 30px; overflow: auto; } .topnews-container .topnews-cat { display: block; font-size: 12px; font-weight: 700; color: #7f8789; } .topnews-container .topnews-cat strong { display: block; padding-left: 0; text-transform: uppercase; } .topnews-container .more-container { -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; padding: 10px; text-align: center; display: block; } .news .sidebar { padding: 0 !important; margin: 0 !important; } .news .sidebar .contacts-container { margin-bottom: 24px; } .iframe-container iframe{ max-width: 100%; } .iframe-container iframe[width=""]{ width:100%; } .iframe-container iframe[height=""]{ height:768px; } @media screen and (max-width: 800px){ .iframe-container iframe{ width:100%; } } /* Brand Specific Styles */ .large-8 .owl-carousel .owl-item .desc p, .large-8 .owl-slider .owl-item .desc p { font-size: 12px; line-height: 1.6; } .owl-slider .owl-item, .owl-slider .item { position: relative; } .owl-slider .item img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; width: 100%; } .owl-slider .item .desc { padding: 13px 20px 20px; position: absolute; background-color: rgba(255, 255, 255, 0.65); width: 255px; top: 25px; bottom: 25px; right: 25px; } .owl-slider .item .desc.left { left:25px; right:0; } .owl-slider .item .desc .btn { color: #000; background: #fff; padding: 9px 19px; position: absolute; bottom: 20px; right: 20px; font-size: 16px; transition: all 0.5s ease-in-out; } .owl-slider .item .desc .btn:hover { background: #004666; color: #fff; text-decoration: none; } .owl-slider .item .desc h1 { color: #333333; font-size: 32px; margin: 0 0 21px; } .owl-slider .item .desc p { color: #333333; } .owl-slider .owl-controls .owl-pagination { display: block; position: absolute; bottom: 20px; width: 100%; text-align: center; } .owl-slider .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; margin: 0 5px; background: #053654; display: inline-block; opacity: 0.6; cursor: pointer; } .owl-slider .owl-controls .owl-pagination .owl-page.active { border: 1px solid #7f8789; opacity: 1; } .owl-slider .owl-controls .owl-pagination .owl-page:hover { border: 1px solid #7f8789; opacity: 1; } .owl-slider .owl-controls .owl-buttons { display: none; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper :after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer .autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .load-icon-wrapper .incorrect { visibility: visible; opacity: 1; } #change-password label { display: inline; } h1.colored a { color: #004666; } .news .sub-head { font-size: 30px; } .news .document-container .document-title { margin-bottom: 5px; } .news .document-container .single-document { border-bottom: 0; padding: 0; margin-bottom: 15px; } .news .document-container .single-document .document-icon { top: 6px !important; } .news .document-container .single-document .single-document-version { width: 100%; } .dashboard-container .dashboard-item .system-item .system-name { float: initial; } #toolbox .dashboard-item-title, #topsystems .dashboard-item-title { font-size: 22px; font-weight: 400; } .topnews-container .topnews-title { color: #004666; } .twitter-typeahead { display: block !important; } .twitter-typeahead+.twitter-typeahead { position:absolute !important; top:0; } /*! jQuery UI - v1.11.4 - 2016-06-21 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, menu.css, selectmenu.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/ * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .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-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Component containers ----------------------------------*/ .ui-widget { font-family: TheSans,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: TheSans,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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: 1px solid #999999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } /* Preload images */ body:after { content: url(/one-kbp-pub/media/system_media/images/close.png) url(/one-kbp-pub/media/system_media/images/loading.png) url(/one-kbp-pub/media/system_media/images/prev.png) url(/one-kbp-pub/media/system_media/images/next.png); display: none; } body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; margin: 0 auto; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } h1 { font-family: "TheAntiqua",serif; } h2, .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .result-header a { font-family: "TheAntiqua",serif; } h3 { font-family: "TheAntiqua",serif; } h1 { color: #053654; } h2, .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .result-header a { color: #053654; } h3 { color: #053654; } h4 { color: #053654; } h2 .count, .st_tabs.searchresults .sidebar-accordion.system h2 .count, .st_tabs.searchresults .sidebar-accordion.system .result-header a .count { color: #a8adb3; } h3 { font-size: 17px; font-weight: 400; } h4 { font-family: "TheSans", Arial, Helvetica, sans-serif; font-weight: bold; } .profil-page #profil .profile-adjustments ul li > p a, .profil-page #profil .profile-adjustments ul li > a p, .kbp_support a, .block a { font-weight: bold; color: #053654; position: relative; } .profil-page #profil .profile-adjustments ul li > p a:after, .profil-page #profil .profile-adjustments ul li > a p:after, .kbp_support a:after, .block a:after { position: absolute; content: ""; width: 100%; height: 0; border-bottom: 1px dotted #053654; left: 0; bottom: -2px; display: inline-block; } .profil-page #profil .profile-adjustments ul li > p a:hover, .profil-page #profil .profile-adjustments ul li > a p:hover, .kbp_support a:hover, .block a:hover { color: #55738A; text-decoration: none; } .profil-page #profil .profile-adjustments ul li > p a:hover:after, .profil-page #profil .profile-adjustments ul li > a p:hover:after, .kbp_support a:hover:after, .block a:hover:after { border-bottom-color: #55738A; } ul li { //list-style-type: square; } @media screen and (max-width: 800px) { .large-1 { width: 100%; } .large-2 { width: 100%; } .large-3 { width: 100%; } .large-4 { width: 100%; } .large-5 { width: 100%; } .large-6 { width: 100%; } .large-7 { width: 100%; } .large-8 { width: 100%; } .large-9 { width: 100%; } .large-10 { width: 100%; } .large-11 { width: 100%; } .large-12 { width: 100%; } } html, body, #wrap { min-width: 320px; } #wrap { height: 100%; width: 100%; position: relative; } .container { max-width: 1256px; width: 95%; margin: 0 auto; height: 100%; } .profil-page #profil .profile-adjustments:after, .profil-page #language .language-adjustments:after, .profil-page #pwd .new-wrapper:after, table tr:after, .simple-pagination:after { content: ""; display: table; clear: both; } .twitter-typeahead{ text-align:left; } .twitter-typeahead .tt-dropdown-menu{ margin-left: -1px; width: 100%; } .filter { background: transparent; padding: 0 !important; width: 100%; box-sizing: border-box; } .filter .filter-form.search { background: #ffffff !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e4e4e5') !important; /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e4e4e5')" !important; /* IE8 */ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)) !important; background-image: -moz-linear-gradient(#ffffff, #e4e4e5) !important; background-image: -webkit-linear-gradient(#ffffff, #e4e4e5) !important; background-image: linear-gradient(#ffffff, #e4e4e5) !important; border: 1px solid #38adb3; position: relative; } .filter .filter-form.search input { background: none; box-shadow: none; border: none; width: 100%; width: calc(100% - 40px); } .filter .filter-form.search button { background: none; box-shadow: none; padding: 8px 10px 7px; font-size: 20px; color: #004666; right: 0; position: absolute; } .filter ul { padding: 0; margin: 0; } .filter ul li { border-bottom: 1px solid; display: block; text-align: left; } .filter ul li a { padding: 15px 0; color: #9ca1a6; display: block; font-size: 12pt; } .filter ul li a span.filter-notification { float: right; background: #4c5356; border-radius: 100px; padding: 0 15px; font-size: 10pt; display: block; color: #ffffff; font-weight: 700; } @media screen and (max-width: 800px) { .filter { background: none; padding-right: 0; padding-top: 0; padding-bottom: 5px; } .filter .filter-form.search { border-color: #979DA4; } .filter ul li { border-color: #d3d6d9; } .filter ul li:last-child { border-bottom: none; } .filter ul li a { color: #7f8789; } } .filter-dropdowns li a { font-size: 12px !important; } .content-header { margin-bottom: 25px; } .content-header h1 { color: #004666; } ul.link-list { margin: 30px 0; padding: 0; } ul.link-list li { display: block; list-style-type: none; padding: 20px 0; border-top: 1px solid #DFE0E2; } ul.link-list li:last-child { border-bottom: 1px solid #DFE0E2; } ul.link-list li a { font-weight: bold; color: #053654; } ul.link-list li a:hover { color: #55738A; text-decoration: none; } .kbp-plus-box { display: inline-block; background: #000000; height: 40px; width: 40px; } .kbp-plus-box .kbp-plus-box-inner { position: relative; display: block; height: 100%; width: 100%; transition: background .2s; border-bottom: solid #D3D6D9; } .kbp-plus-box .kbp-plus-box-inner:before, .kbp-plus-box .kbp-plus-box-inner:after { content: ""; position: absolute; width: 20px; height: 1px; background: #ffffff; top: 19.5px; left: 10px; transition: background .2s, opacity .2s; } .kbp-plus-box .kbp-plus-box-inner:before { width: 1px; height: 20px; top: 10px; left: 19.5px; } .status-icon { position: absolute; top: 35px; border-radius: 10px; height: 17px; width: 69px; line-height: 17px; font-size: 10px; font-weight: 700; color: #fff; text-align: center; } .status-icon.green { background-color: #95a844; } .status-icon.grey { background-color: #a8adb3; } .status-icon.grey-light { background-color: #d3d6d9; } .status-icon.yellow { background-color: #d8aa00; } .status-icon.blue { background-color: #67879d; } ul.link-list { margin: 30px 0; padding: 0; } ul.link-list li { display: block; list-style-type: none; padding: 20px 0; border-top: 1px solid #DFE0E2; } ul.link-list li:last-child { border-bottom: 1px solid #DFE0E2; } ul.link-list li a { font-weight: bold; color: #053654; } ul.link-list li a:hover { color: #55738A; text-decoration: none; } .container { max-width: 1256px; width: 95%; margin: 0 auto; height: 100%; } figure a, figure div { /*position: relative;*/ display: block; } figure > span { position: relative; display: block; } figure a .kbp-plus-box, figure div .kbp-plus-box { display: none; position: static; background: #ffffff; background: rgba(255, 255, 255, 0.75); cursor: pointer; width:23px; height:23px; font-size: 21px; padding-top: 1px; padding-left: 1px; } figure a .kbp-plus-box:before, figure a .kbp-plus-box:after, figure div .kbp-plus-box:before, figure div .kbp-plus-box:after { color: #053654; } figure a:hover .kbp-plus-box, figure div:hover .kbp-plus-box { background: #55738A; } figure a:hover .kbp-plus-box:before, figure a:hover .kbp-plus-box:after, figure div:hover .kbp-plus-box:before, figure div:hover .kbp-plus-box:after { color: #ffffff; } figure > span{ position:relative; display:block; } figure a[data-lightbox], figure a[data-featherlight] { padding: 4px; position: absolute; bottom: 6px; right: 6px; } @media screen and (max-width:800px){ figure a[data-lightbox], figure a[data-featherlight] { display:none; } } figure a[data-lightbox] .kbp-plus-box, figure a[data-featherlight] .kbp-plus-box { display: inline-block; } figure figcaption { /*text-align: left;*/ } figure img { width: auto; max-width: 100%; } input, textarea, select{ font-family: "TheSans", Arial, Helvetica, sans-serif; } /** * Featherlight - ultra slim jQuery lightbox * Version 1.5.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, No├½l Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; text-align: center; white-space: nowrap; cursor: pointer; background: #333; background: transparent; } .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; } .featherlight .featherlight-content { position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: hidden; padding: 25px 25px 0; border-bottom: 25px solid transparent; margin-left: 5%; margin-right: 5%; max-height: 95%; max-width: 90%; background: #fff; cursor: auto; white-space: normal; } .featherlight .featherlight-inner { display: block; } .featherlight .featherlight-close-icon { position: absolute; z-index: 9999; top: 0; right: 0; line-height: 25px; width: 25px; cursor: pointer; text-align: center; font-family: "TheSans", Arial, sans-serif; background: #fff; background: rgba(255, 255, 255, 0.3); color: #000; } .featherlight .featherlight-image { width: 100%; } .featherlight iframe { border: 0; } .featherlight * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .featherlight-iframe .featherlight-content { border-bottom: 0; padding: 0; } } /** * Featherlight Gallery ÔÇô an extension for the ultra slim jQuery lightbox * Version 1.5.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, No├½l Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; } .featherlight-previous .icon-left-open-big, .featherlight-next .icon-left-open-big, .featherlight-previous .icon-right-open-big, .featherlight-next .icon-right-open-big{ color:#fff; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, 0.25); } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0 0 5px #fff; color: #fff; font-style: normal; font-weight: 400; } .featherlight-loading .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-first-slide.featherlight-last-slide .featherlight-previous { display: none; } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next span { right: 5%; left: auto; } } .content-title{ margin-top: -7px !important; } .columns>.content-title{ margin-top: -16px !important; } .entry_detail table td p{ font-size: inherit; color: currentColor; margin: 0; } @media screen and (max-width: 1600px) { .hint-icon .hint-txt { right: -4px; left: auto !important; } } @media screen and (max-width: 1600px) { .hint-icon .hint-txt:before { right: 10px; } } #back-to-top { right: 24px; } .top-navigation { border-top: 1px solid #d3d6d9; } .top-navigation > .container { max-width:1226px; } @media screen and (min-width: 801px) { .top-navigation { height: auto !important; } } .top-navigation ul { display: block; text-align: center; height: 100%; padding: 0; box-sizing: border-box; } @media screen and (max-width: 800px) { .top-navigation ul { height: auto; } } .top-navigation ul li.burger { position: absolute; top: 25px; left: 2.5%; cursor: pointer; border: none !important; display: inline-block; } @media screen and (min-width: 801px) { .top-navigation ul li.burger { display: none; } } .top-navigation ul li.burger .burger-inner { padding: 10.5px 5px; display: block; } .top-navigation ul li.burger .burger-inner span { width: 40px; height: 5px; display: block; background: #DFE0E2; margin-top: 7px; opacity: 1; transition: all 0.2s; } .top-navigation ul li.burger .burger-inner span:first-child { margin-top: 0; } .nav-open .top-navigation ul li.burger .burger-inner { padding: 0; position: relative; height: 50px; width: 50px; } .nav-open .top-navigation ul li.burger .burger-inner span { margin: 0; } .nav-open .top-navigation ul li.burger .burger-inner .center { display: none; opacity: 0; } .nav-open .top-navigation ul li.burger .burger-inner .top, .nav-open .top-navigation ul li.burger .burger-inner .bottom { height: 2px; width: 50px; position: absolute; top: 25px; left: 0; } .nav-open .top-navigation ul li.burger .burger-inner .top { transform: rotate(45deg); } .nav-open .top-navigation ul li.burger .burger-inner .bottom { transform: rotate(-45deg); } .top-navigation ul li.burger .burger-inner:hover span { background: #979DA4; } .top-navigation ul .nav-item { display: inline-block; //position: relative; } .top-navigation ul .nav-item.has-subfolders > a > .clicker { display: none; position: absolute; top: 0; right: 0; width: 60px; height: 100%; } @media screen and (max-width: 800px) { .top-navigation ul .nav-item.has-subfolders > a > .clicker { display: block; } } .top-navigation ul .nav-item.has-subfolders > a > .clicker:before, .top-navigation ul .nav-item.has-subfolders > a > .clicker:after { position: absolute; background: #979DA4; top: 50%; transition: background .2s, opacity .2s; content: ""; } .top-navigation ul .nav-item.has-subfolders > a > .clicker:before { width: 1px; height: 17px; right: 18.5px; margin-top: -8.5px; } .top-navigation ul .nav-item.has-subfolders > a > .clicker:after { width: 17px; height: 1px; margin-top: -0.5px; right: 10px; } .top-navigation ul .nav-item > a { font-family: "TheAntiqua",serif; font-size: 22px; color: #7f8789; padding: 0 20px; display: block; position: relative; } .top-navigation ul .nav-item > a:hover { color: #053654; text-decoration: none; } @media screen and (max-width: 800px) { .top-navigation ul .nav-item > a { width: 100%; display: block; box-sizing: border-box; padding: 20px 5px 20px 5px; text-align: left; } } @media screen and (max-width: 800px){ .top-navigation ul .nav-item.mobile-active > a { color: #053654; } .top-navigation ul .nav-item.mobile-active > a > .clicker:before, .top-navigation ul .nav-item.mobile-active > #navigation > ul > li.nav-item > a > .clicker:before { opacity: 0; } } .top-navigation ul .nav-item .filter { display: none; } .top-navigation ul:hover li.kbp-active > a { color: #7f8789; } .top-navigation ul:hover li:hover > a { color: #053654; } @media screen and (max-width: 800px) { .top-navigation { height: 0; } .nav-open .top-navigation { height: calc(100vh - 100px); overflow: scroll; background: #fff; } .nav-open .top-navigation .nav-item { display: block; } .nav-open .top-navigation .nav-item.kbp-active .filter { display: inline-block; } .top-navigation ul { margin: 0; } .top-navigation ul .nav-item { border-bottom: 1px solid #d3d6d9; display: none; } .top-navigation ul .nav-item:last-child { border: none; } } .nav-open { overflow: hidden; height: 100%; } #preview_note { display: none; } #footer { height: 41px; min-height: 41px; } #footer .icon-print { font-size: 15px; } @media screen and (max-width: 800px) { #footer { height: auto; } #footer .left { margin-top: 5px; } #footer .left .icon-print { font-size: 25px; } #footer .right { float: none !important; } #footer .right a, #footer .right .divider { line-height: 50px; } } @media screen and (max-width: 420px) { #footer { height: auto; } #footer .right { float: none !important; } #footer .right a { display: inline-block; padding-right: 20px; } #footer .right .divider { display: none; } } .accordion-section { position: relative; border-top: none; border-bottom: 1px solid #DFE0E2; margin-top: 20px; } .accordion-section.no-border { padding-top: 0 !important; } .accordion-section .clicker { position: static; } .accordion-section .clicker .kbp-plus-box { position: absolute; left: 0px; top: 0px; background: #DFE0E2; z-index: 5; } .accordion-section .clicker .kbp-plus-box .kbp-plus-box-inner:before, .accordion-section .clicker .kbp-plus-box .kbp-plus-box-inner:after { background: #053654; } .accordion-section .clicker h3 { margin-left: 60px; line-height: 40px; font-size: 17px; font-weight: 400; color: #053654 !important; font-family: "TheSans",Arial,Helvetica,sans-serif; } .accordion-st-processvisualization .clicker h3 { line-height: 40px; font-size: 17px; font-weight: 400; color: #053654 !important; font-family: "TheSans",Arial,Helvetica,sans-serif; } .accordion-section .clicker h3:hover { color: #55738A !important; } .accordion-section .clicker:hover .kbp-plus-box { background: #55738A; } .accordion-section .clicker:hover .kbp-plus-box .kbp-plus-box-inner:before, .accordion-section .clicker:hover .kbp-plus-box .kbp-plus-box-inner:after { background: #ffffff; } .accordion-section .content { padding-left: 0; padding-bottom: 60px; padding-top: 20px; overflow: visible; width:100%; } .accordion-section .content:after { content:""; clear:both; float:none; width:100%; display:block; } .accordion-section.open .kbp-plus-box { background: #979DA4; } .accordion-section.open .kbp-plus-box .kbp-plus-box-inner:before { opacity: 0; } .accordion-section.open .kbp-plus-box .kbp-plus-box-inner:after { background: #ffffff; } .accordion-section h1 { margin-bottom: 19px; } .accordion-section h2, .accordion-section .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .accordion-section h2, .accordion-section .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .accordion-section a, .accordion-section h3 { font-weight: normal; } .accordion-section h3 { line-height: 22px; } .accordion { clear: both; } .preview-mode .st_accordion .clicker{ min-height:40px; } .sidebar-accordion .accordion-section{ padding-left:0; } .sidebar-accordion.system .accordion-section-wizard .content li, .sidebar-accordion.system .accordion-section .content li { margin-left: 17px; } form .ui-selectmenu-button, form input[type="text"] { background: #ffffff !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e4e4e5') !important; /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e4e4e5')" !important; /* IE8 */ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)) !important; background-image: -moz-linear-gradient(#ffffff, #e4e4e5) !important; background-image: -webkit-linear-gradient(#ffffff, #e4e4e5) !important; background-image: linear-gradient(#ffffff, #e4e4e5) !important; border: 1px solid #979DA4; padding: 10px; width: 100%; max-width: 400px; outline: none; } form .ui-selectmenu-button:focus, form input[type="text"]:focus { border: 2px solid #053654; } form .ui-selectmenu-button.err, form input[type="text"].err { border: 2px solid #84002C; } form .ui-selectmenu-button.tt-input:not(.tt-hint), form input[type="text"].tt-input:not(.tt-hint) { background: transparent !important; } form .ui-selectmenu-button { width: 100% !important; max-width: 400px !important; border-radius: 0; box-sizing: border-box; -moz-box-shadow: inset 0 1px 2px #7f8789; -webkit-box-shadow: inset 0 1px 2px #7f8789; box-shadow: inset 0 1px 2px #7f8789; color: #000000; height: 38px; } form .ui-selectmenu-button:focus, form .ui-selectmenu-button.err { border: 1px solid #979DA4; } form .ui-selectmenu-button span.ui-icon { background-image: none; font-family: 'fontello'; font-weight: normal; font-style: normal; text-indent: 0; overflow: visible; border-left: 1px solid #979DA4; width: 17px; text-align: right; line-height: 16px; margin-right: 5px; } form .ui-selectmenu-button span.ui-icon:after { content: '\e873'; } form .ui-selectmenu-button span.ui-selectmenu-text { padding: 0; font-size: 15px; line-height: 18px; text-shadow: none !important; } form .ui-selectmenu-button.ui-corner-top span.ui-icon:after { content: '\e875'; } input[type="checkbox"], input[type="radio"] { display: none; } input[type="checkbox"] ~ span, input[type="radio"] ~ span { padding-left: 55px; position: relative; line-height: 50px; cursor: pointer; } input[type="checkbox"] ~ span:before, input[type="radio"] ~ span:before { content: ""; border: 1px solid #979DA4; height: 40px; width: 40px; position: absolute; left: 0; top: -12px; } input[type="checkbox"]:checked ~ span:before, input[type="radio"]:checked ~ span:before { border-color: #053654; } input[type="checkbox"]:checked ~ span:after, input[type="radio"]:checked ~ span:after { content: ""; background: #053654; height: 12px; width: 12px; position: absolute; left: 15px; top: 3px; } .lt-ie9 form input[type="checkbox"], .lt-ie9 input[type="radio"] { display: inline-block; } .lt-ie9 input[type="checkbox"] + span:before, .lt-ie9 input[type="checkbox"] + span:after, .lt-ie9 input[type="radio"] + span:before, .lt-ie9 input[type="radio"] + span:after { display: none; } input[type="radio"] ~ span:before{ top:-15px; } input[type="radio"] ~ span:before, input[type="radio"] ~ span:after { border-radius: 100%; } input[type="radio"]:checked ~ span:after { top:0; } form fieldset { margin: 20px 0; } body .ui-selectmenu-menu ul.ui-menu { border-radius: 0; } body .ui-selectmenu-menu ul.ui-menu li { padding: 10px; font-size: 15px; line-height: 18px; } body .ui-selectmenu-menu ul.ui-menu .ui-state-hover, body .ui-selectmenu-menu ul.ui-menu .ui-widget-content .ui-state-hover, body .ui-selectmenu-menu ul.ui-menu .ui-widget-header .ui-state-hover, body .ui-selectmenu-menu ul.ui-menu .ui-state-focus, body .ui-selectmenu-menu ul.ui-menu .ui-widget-content .ui-state-focus, body .ui-selectmenu-menu ul.ui-menu .ui-widget-header .ui-state-focus { border: none; background: #DFE0E2; } .searchbar form input[type="text"]{ max-width:none; } .st_tabs { clear: both; } .st_scrollable_tabs .tab-nav { padding: 0 40px; } .st_scrollable_tabs .tab-nav li { background: #053654; list-style-type: none; } .st_scrollable_tabs .tab-nav li a { font-family: "TheAntiqua",serif; color: #ffffff; font-weight: normal; } .st_scrollable_tabs .tab-nav li:hover { background: #55738A; } .st_scrollable_tabs .tab-nav li.act { background: #DFE0E2; } .st_scrollable_tabs .tab-nav li.act a { color: #053654; } .st_scrollable_tabs .tab-nav li.act:after { display: none; } .st_scrollable_tabs .tab-nav > li.active:after, .st_scrollable_tabs .tab-nav > li.tab_selected:after, .st_scrollable_tabs .tab-nav .tab-navigator.active:after, .st_scrollable_tabs .tab-nav .tab-navigator.tab_selected:after { display: none; } .st_scrollable_tabs .scroll_tab_left_button, .st_scrollable_tabs .scroll_tab_right_button, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-left, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-right { background: #053654; color: #ffffff; width: 40px !important; font-family: 'fontello'; font-weight: normal; font-style: normal; text-align: center; font-size: 24px; z-index: 3; } .st_scrollable_tabs .scroll_tab_left_button:before, .st_scrollable_tabs .scroll_tab_right_button:before, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-left:before, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-right:before { padding: 0 !important; } .st_scrollable_tabs .scroll_tab_left_button:hover, .st_scrollable_tabs .scroll_tab_right_button:hover, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-left:hover, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-right:hover { background: #55738A; } .st_scrollable_tabs .scroll_tab_left_button, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-left { border-right: 1px solid #ffffff; } .st_scrollable_tabs .scroll_tab_left_button:before, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-left:before { content: "\e910" !important; } .st_scrollable_tabs .scroll_tab_right_button, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-right { border-left: 1px solid #ffffff; } .st_scrollable_tabs .scroll_tab_right_button:before, .st_scrollable_tabs .scrtabs-js-tab-scroll-arrow-right:before { content: "\e874" !important; } .st_scrollable_tabs .tab-content-wrapper { background: #DFE0E2; box-shadow: none; boder: none; } @media screen and (max-width: 420px) { .st_scrollable_tabs .tab-content-wrapper { background: none; } } @media screen and (min-width: 421px) { .st_scrollable_tabs .tab { margin-top: 0; } .st_scrollable_tabs .tab .content { /*display: block !important;*/ } } @media screen and (max-width: 420px) { .st_scrollable_tabs .tab { display: block !important; } .st_scrollable_tabs .tab .content { padding-left: 0px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 421px) { .st_scrollable_tabs .tab .clicker { /*display: none;*/ } } /* special tabs for angular */ .scrtabs-tab-container * { box-sizing: border-box; } .scrtabs-tab-container { height: 40px; } .scrtabs-tab-wrapper-container { position: relative; } .scrtabs-tab-container .tab-content { clear: left; } .scrtabs-tab-wrapper-container.force-height { height: 40px; } .scrtabs-tabs-fixed-container { height: 40px; overflow: hidden; width: 100%; float: left; margin-left: -1px; margin-right: 0; } .scrtabs-tabs-movable-container { position: relative; } .scrtabs-tabs-movable-container .tab-content { display: none; } .scrtabs-tab-scroll-arrow { float: left; position: relative; height: 40px; z-index: 3; } .scrtabs-tab-scroll-arrow:before { margin-top: 10px; display: block; } .scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; } .scrtabs-tab-content-outside-movable-container { clear: left; } .scrtabs-tab-content-outside-movable-container .nav-tabs { display: none; } .link-button, .accordion-section .link-button, .accordion-section-wizard .link-button { font-family: "TheAntiqua",serif; font-size: 15px; padding: 15px 20px; line-height: 1; box-sizing: border-box; } .link-button.invert, .accordion-section .link-button.invert, .accordion-section-wizard .link-button.invert { background-color: #ffffff; color: #004666; border: 1px solid #004666; } .link-button.invert:hover, .accordion-section .link-button.invert:hover, .accordion-section-wizard .link-button.invert:hover { color: #ffffff; } input[type="submit"].link-button { background-image: none; font-size: 13px; padding: 15px 20px; } input[type="submit"].link-button:hover { background-image: none; } input[type="submit"].link-button[disabled="disabled"] { background-color: #004767; opacity: 0.6; } button, input[type="button"], .stageslider.owl-slider .item .desc a.btn, .profil-page #pwd .input-wrapper input[type="submit"] { font-family: "TheSans", Arial, Helvetica, sans-serif; background: #335f7d; border-radius: 0; border: none; box-shadow: none; padding: 10px 20px; font-weight: 700; font-size: 12px; text-transform: uppercase; } button.border-btn, input[type="button"].border-btn, .stageslider.owl-slider .item .desc a.border-btn.btn, .profil-page #pwd .input-wrapper input.border-btn[type="submit"] { background: none; border: 1px solid #053654; color: #053654; } button.border-btn.active, input[type="button"].border-btn.active, .stageslider.owl-slider .item .desc a.border-btn.active.btn, .profil-page #pwd .input-wrapper input.border-btn.active[type="submit"] { background: #053654; border: none; color: white; display: inline-block; } button.border-btn.active:hover, input[type="button"].border-btn.active:hover, .stageslider.owl-slider .item .desc a.border-btn.active.btn:hover, .profil-page #pwd .input-wrapper input.border-btn.active[type="submit"]:hover { background: #55738A; } button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, .stageslider.owl-slider .item .desc a.btn:hover, .profil-page #pwd .input-wrapper input[type="submit"]:hover, .stageslider.owl-slider .item .desc a.btn:active, .profil-page #pwd .input-wrapper input[type="submit"]:active, .stageslider.owl-slider .item .desc a.btn:focus, .profil-page #pwd .input-wrapper input[type="submit"]:focus { color: white; background: #55738A; border-color: transparent; } .dashboard-container { margin-top: 0; } .dashboard-container .dashboard-item, .dashboard-container .kbp-item { border: 1px solid #e5e6e8; padding: 25px; position: relative; box-sizing: border-box; } .dashboard-container .dashboard-item:after, .dashboard-container .kbp-item:after { clear: both; content: ""; display: table; } .dashboard-container .dashboard-item .dashboard-item-title, .dashboard-container .kbp-item .dashboard-item-title { float: none; line-height: inherit; margin-bottom: 20px; } .dashboard-container .dashboard-item .drag-icon, .dashboard-container .kbp-item .drag-icon { position: absolute; top: 15px; right: 15px; } .dashboard-container .dashboard-item .drag-icon a, .dashboard-container .kbp-item .drag-icon a { color: #e4e5e5; } .dashboard-container .dashboard-item .drag-icon a:hover, .dashboard-container .kbp-item .drag-icon a:hover { text-decoration: none; } .dashboard-container .dashboard-item .link-button, .dashboard-container .kbp-item .link-button { float: right; margin-top: 25px; } .teaserbox-container:after { clear: both; content: ""; display: table; } .dashboard-container .teaserbox-container { padding: 25px 15px; } .teaserbox-container .link-button { margin-right: 10px; } .st_teaserbox .teaser-content { background-color: #f2f2f4; margin-bottom:0 !important; padding-top: 30px; padding-right: 30px; padding-left: 30px; padding-bottom: 72px !important; } .st_teaserbox .headline { font-size: 14px; font-weight: 700; margin: 10px 0 4px 0 !important; padding: 0px 0px; } .st_teaserbox .content { display: block !important; } .st_teaserbox > .btn-wrap{ bottom:8px !important; } .st_teaserbox .more { float: right; background-color: #053654; padding: 10px 20px; color: #ffffff; margin-right: 20px; margin-bottom: 20px; text-transform: uppercase; font-weight: 700; font-size: 12px; } .st_teaserbox .more:hover { text-decoration: none; background-color: #67879c; } .st_teaserbox .meta:after { clear: both; content: ""; display: table; } .st_teaserbox .meta ul { list-style: none; padding: 0; margin: 5px 0 10px 0; } .st_teaserbox .meta li { float: left; list-style: none; } .st_teaserbox .meta .news-category:before { content: "|"; margin: 0 10px; } .st_teaserbox .content p { margin-top: 0; } #newswidget .st_teaserbox .headline, #newswidget .st_teaserbox .content { padding-left: 0; padding-right: 0; } #newswidget .st_teaserbox figure { width: 100%; position: relative; overflow: hidden; } #newswidget .st_teaserbox figure:before { padding-top: 56.25%; content: ""; display: block; } #newswidget .st_teaserbox figure a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #newswidget .st_teaserbox figure a img { display: block; } .profilbox-container, .supportbox-container { margin-top: 38px; } .dashboard-container .profilbox-container:first-child, .dashboard-container .supportbox-container:first-child { margin-top: 0; } .profilbox-container .profilbox-content, .profilbox-container .supportbox-content, .supportbox-container .profilbox-content, .supportbox-container .supportbox-content { padding-top: 5px; } .profilbox-container .profilbox-content span, .profilbox-container .supportbox-content span, .supportbox-container .profilbox-content span, .supportbox-container .supportbox-content span { display: block; } .profilbox-container .profilbox-content span.profilbox-name, .profilbox-container .supportbox-content span.profilbox-name, .supportbox-container .profilbox-content span.profilbox-name, .supportbox-container .supportbox-content span.profilbox-name { font-family: "TheAntiqua", serif; font-size: 18px; font-weight: 700; color: #000; } .profilbox-container .profilbox-content span.profilbox-number, .profilbox-container .supportbox-content span.profilbox-number, .supportbox-container .profilbox-content span.profilbox-number, .supportbox-container .supportbox-content span.profilbox-number { margin-top: 5px; } .profilbox-container .profilbox-content ul, .profilbox-container .supportbox-content ul, .supportbox-container .profilbox-content ul, .supportbox-container .supportbox-content ul { list-style: none; padding: 0; margin: 10px 0 0 0; } .profilbox-container .profilbox-content ul li, .profilbox-container .supportbox-content ul li, .supportbox-container .profilbox-content ul li, .supportbox-container .supportbox-content ul li { list-style: none; } .document-container, .tasks-container { max-width: 100%; } .document-container:after, .tasks-container:after { clear: both; content: ""; display: table; } .document-container .single-document, .tasks-container .single-document, .tasks-container .single-task { border-bottom: 1px solid #e5e6e8; padding: 30px 0; } .document-container .single-document.first, .tasks-container .single-document.first, .tasks-container .first.single-task { border-top: 1px solid #e5e6e8; } .document-container .single-document .document-icon, .tasks-container .single-document .document-icon, .tasks-container .single-task .document-icon { top: 12px; } .document-container .single-document .single-document-title, .tasks-container .single-document .single-document-title, .tasks-container .single-task .single-document-title, .tasks-container .single-task .single-task-title { font-size: 14px; font-weight: 700; } .document-container .single-document .single-document-size, .tasks-container .single-document .single-document-size, .tasks-container .single-task .single-document-size, .document-container .single-document .single-document-cat, .tasks-container .single-document .single-document-cat, .tasks-container .single-task .single-document-cat { color: #7f8789; display: inline-block; padding-right: 0; vertical-align: middle; } .document-container .single-document .single-document-size, .tasks-container .single-document .single-document-size, .tasks-container .single-task .single-document-size { padding-left: 0px; } .document-container.details .simple-pagination, .details.tasks-container .simple-pagination { float: right; margin-top: 25px; } @media screen and (max-width: 420px) { .document-container.details .simple-pagination, .details.tasks-container .simple-pagination { float: none; text-align: center; } } @media screen and (max-width: 420px) { .document-container.details .simple-pagination ul, .details.tasks-container .simple-pagination ul { display: inline-table; } } .news-container .icon-level-down { display: none; } .news-container .single-news.list-item { border-bottom: 1px solid #e5e6e8; padding: 8px 0; } .news-container .single-news.list-item.first { border-top: 1px solid #e5e6e8; } .news-container .single-news .single-news-title { font-size: 12px; font-weight: 700; width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-container .link-button { float: right; } .news-container .link-button.invert { float: left; } @media screen and (max-width: 420px) { .news-container.details .link-button:not(.invert) { float: none; margin: 40px 0 0 57px; } } #alertingMessageList .link-button { margin-bottom: 20px; margin-top: 20px; } #alertingMessageList .table-cell-delete { cursor: pointer; } #alertingMessageList .table-cell-subject, .lt-ie10 #alertingMessageList .table-cell-subject a { overflow: hidden; white-space: nowrap; max-width: 100px; text-overflow: ellipsis; } .lt-ie10 #alertingMessageList .table-cell-subject a { display: block; width: 377px; max-width: 377px; } @media all and (min-width: 501px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 80px; } } @media all and (min-width: 551px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 130px; } } @media all and (min-width: 601px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 180px; } } @media all and (min-width: 651px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 230px; } } @media all and (min-width: 701px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 280px; } } @media all and (min-width: 751px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 330px; } } @media all and (min-width: 801px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 180px; } } @media all and (min-width: 851px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 230px; } } @media all and (min-width: 901px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 280px; } } @media all and (min-width: 951px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 330px; } } @media all and (min-width: 1001px) { .lt-ie10 #alertingMessageList .table-cell-subject a { width: 380px; } } #news-table .clickable { cursor: pointer; } .tasks-container .single-task .single-task-title { padding-left: 84px; } .tasks-container .single-task .single-task-date { color: #7f8789; display: inline-block; padding-right: 0; vertical-align: middle; padding-left: 84px; } .cta-button { background-color: #e5e6e8; background-image: none; background-size: 100% auto; border: 0 none transparent; border-radius: 0px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; padding: 12px 15px !important; margin-bottom: 1px !important; text-shadow: none; transition: all 0s ease 0s, all 0.2s ease 0s; vertical-align: middle; width: auto; box-sizing: border-box; } .cta-button, .cta-button:visited { color: #004666; } .cta-button:hover, .cta-button:visited:hover { color: #fff; } .cta-button i[class^="icon-"] { text-align: center; color: #3c4447; padding-left: 0 !important; font-size: 20px; } .cta-button span { float: left; width: auto; } #toolbox .dashboard-item-title, #topsystems .dashboard-item-title { float: none !important; } #toolbox .icon-plus, #topsystems .icon-plus { padding-right: 0 !important; } .searchbox { padding-bottom: 15px; } .searchbox .filter-dropdowns span { margin-bottom: 15px; } .searchbox .filter-dropdowns fieldset { margin-bottom: 0px; } .searchbox .filter-dropdowns fieldset span:last-child { margin-bottom: 0px; } .searchbox .filter-dropdowns .accordion-section { border-bottom: 0 none; } .st_tabs.searchresults { padding: 0px; margin-top: -16px; } .st_tabs.searchresults .tab-content-wrapper{ background:transparent; } .st_tabs.searchresults .tab-nav li a { font-family: "TheAntiqua",serif; font-size: 18px; } .st_tabs.searchresults .st_scrollable_tabs .tab-content-wrapper { background: none; } .st_tabs.searchresults .sidebar-accordion.system { padding: 0px; font-size: 100%; } .st_tabs.searchresults .sidebar-accordion.system .category, .st_tabs.searchresults .sidebar-accordion.system .result-meta { margin-top: 0px; margin-bottom: 0px; font-size: 12px; font-weight: bold; } .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header a { color: #004666; width:100%; margin-left: 30px; } .st_tabs.searchresults .sidebar-accordion.system li, .st_tabs.searchresults .sidebar-accordion.system .single-search-result, .st_tabs.searchresults .sidebar-accordion.system .news-wrapper { position:relative; list-style-type: none; border-bottom: 1px solid #e4e4e5; padding-top: 30px; padding-bottom: 30px; } .st_tabs.searchresults .sidebar-accordion.system .icon { vertical-align: text-bottom; margin-right: 5px; position:absolute; right:10px; top:34px; } .st_tabs.searchresults .sidebar-accordion.system .result-icon { position: absolute; } .st_tabs.searchresults .sidebar-accordion.system .block { margin: 0; } .st_tabs.searchresults button { background: #053654; border-radius: 0; border: none; box-shadow: none; padding: 10px 20px; font-family: "TheAntiqua",serif; margin-left: auto; margin-right: auto; display: block; } .st_tabs.searchresults button:hover, .st_tabs.searchresults button:active, .st_tabs.searchresults button:focus { color: #ffffff; background: #55738A; border-color: transparent; } .site-navigation .search .submit { position: absolute; right: 0; top: 0; font-size: 25px; padding: 9px; cursor:pointer; } .filter-dropdowns fieldset label { background-color: #fff; padding: 5px; } .filter-dropdowns fieldset .content { background: #fff; padding: 0; } .filter-dropdowns fieldset .content ul li a { padding: 5px; } .filter-dropdowns fieldset .content ul li a:hover { color: inherit; } .sub-tab { padding-left: 0 !important; } .sub-tab ul{ margin-bottom: 10px; } .sub-tab ul > li.result-counter{ margin-left: -16px; } .sub-tab ul > li:first-child{ margin-left: 0 !important; } .accordion-section-wizard .clicker .arrow, .accordion-section .clicker .arrow { right: 15px; top: 5px; border-left: 1px solid #979DA4; padding-left: 12px; line-height: 19px; } .searchbox .filter-dropdowns span { margin-bottom: 0; line-height: 19px; font-size: 12px; } #searchresultApp .facet-count { vertical-align: baseline !important; } #searchresultApp .document-icon .small { display: inline-block; margin-right: 6px; margin-top: 4px; } .nbs input[type=text] { background: white !important; padding: 10px !important; border-bottom: 0 !important; color: #7f8789; } .filter-form.search .searchbar .google-logo, .filter-form.search .searchresult .google-logo { position: absolute; right: 35px; top: 6px; z-index: 0; } .filter-form.search .searchbar.focus .google-logo, .filter-form.search .searchresult.focus .google-logo { display: none; } .google-logo { position: absolute; background: url('/one-kbp-pub/media/system_media/images/google_logo.png') no-repeat; height: 33px; width: 77px; } .secure-notification { margin-bottom: 10px; } .secure-notification .secure-content { padding-left: 15px; margin-top: 10px; display: inline-block; } .secure-notification .secure-button { float: right; } .stageslider.owl-slider .item .desc { background: rgba(141, 191, 207, 0.9); } .stageslider.owl-slider .item .desc a { color: #ffffff; } @media screen and (max-width: 800px) { .stageslider.owl-slider .item .desc { position: static; background: #8dbfcf; width: auto; padding-bottom: 60px; } } .stageslider .owl-item:before { padding-top: 56.25%; /*16:9*/ content: ""; display: block; } .stageslider .owl-item .item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .stageslider.wide .owl-item:before { padding-top: 50%; /*16:8*/ } .profil-page .profil-header { margin: 10px 0 30px; } .profil-page .profil-header h3 { font-size: 25px; } .profil-page hr { margin: 40px 0; } .profil-page #profil { box-shadow: none; padding: 0; margin-top: 0; } .profil-page #profil ul li { padding: 0; } .profil-page #profil .profile-info { margin-bottom: 30px; } .profil-page #profil .profile-info h3 { font-size: 22px; color: #4c5356; } .profil-page #profil .profile-info ul { margin-top: 30px; float: none !important; } .profil-page #profil .profile-info ul li { list-style-type: none; } .profil-page #profil .profile-info ul li:first-child { font-size: 15px; font-size: 1em; color: #4c5356; margin-bottom: 0; } .profil-page #profil .profile-info .address ul { margin: 0 0 8px 0; padding-left: 0; } .profil-page #profil .profile-info .address ul li { border-top: 0 none; color: currentColor; } .profil-page #profil .profile-info .address, .profil-page #profil .profile-info .phone, .profil-page #profil .profile-info .email { margin-bottom: 20px; } .profil-page #profil .profile-adjustments ul { float: left; width: 50%; } .profil-page #profil .profile-adjustments ul li { border-top: none; overflow: visible; list-style-type: none; margin-bottom: 20px; } .profil-page #profil .profile-adjustments ul li p span { display: block; } .profil-page #profil .profile-adjustments ul li a { padding: 0; display: inline-block; width: auto; } .profil-page #profil .profile-adjustments ul li a:hover { background: none; } .profil-page #profil .profile-adjustments ul li a span { float: none; margin-left: 3px; text-decoration: none !important; } @media screen and (max-width: 420px) { .profil-page #profil .profile-adjustments ul { width: 100%; } } .profil-page #language .language-adjustments button { min-width: 150px; text-align: center; margin-right: 10px; margin-bottom: 10px; float: left; } .profil-page #language .language-adjustments button.active { border: 1px solid #053654; } @media screen and (max-width: 420px) { .profil-page #language .language-adjustments button { min-width: 1px; width: calc(50% - 5px); } .profil-page #language .language-adjustments button:nth-child(even) { margin-right: 0; } } .profil-page #pwd form > .load-icon-wrapper, .profil-page #pwd .new-wrapper { margin-bottom: 20px; position: relative; padding-bottom: 48px; width: 50%; } @media screen and (max-width: 800px) { .profil-page #pwd form > .load-icon-wrapper, .profil-page #pwd .new-wrapper{ width: 100%; } } .profil-page #pwd .new-wrapper{ width: 100%; } .profil-page #pwd .load-icon-wrapper .icon-input.load-input { background: #ffffff !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgipZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==") !important; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)) !important; background-image: -moz-linear-gradient(#ffffff, #e4e4e5) !important; background-image: -webkit-linear-gradient(#ffffff, #e4e4e5) !important; background-image: linear-gradient(#ffffff, #e4e4e5) !important; position:absolute; bottom: 0; left: 0; right: 20px; opacity: 1; } .profil-page #pwd .load-icon-wrapper .icon-input.load-input input[type='password'] { background-color: transparent; } .profil-page #pwd .disabled .load-icon-wrapper .icon-input.load-input { opacity: 0.6; } .profil-page #pwd .new-wrapper .load-icon-wrapper { float: left; width: 50%; box-sizing: border-box; padding-bottom: 48px; position: relative; } .profil-page #pwd .new-wrapper .load-icon-wrapper.first { padding-right: 20px; } @media screen and (max-width: 800px) { .profil-page #pwd .new-wrapper .load-icon-wrapper { width: 100%; float: none; } } .profil-page #pwd .input-wrapper input[type="submit"].disabled { background: #053654; } #settings .row { /*JAPE: trial of grid extension*/ margin-left: -10px; margin-right: -10px; } .kbp_support { padding: 20px; background: #DFE0E2; } .kbp_support p, .kbp_support strong, .kbp_support div { font-size: 12px; margin: 0; } .st_contacts .kbp_support ul { margin-top:0; padding:0; } .kbp_support h3 { font-size: 22px; margin-bottom: 10px; } .kbp_support .row > div { margin: 10px 0; } .message-meta-info { background-color: #DFE0E2; padding: 20px 20px 20px 20px; overflow: hidden; margin-bottom: 1px; } .message-meta-info .item-col { float: left; margin: 0px; width: 20%; } @media screen and (max-width: 800px) { .message-meta-info .item-col { width: 100% !important; } } .message-meta-info .item-col.size1 { width: 20%; } .message-meta-info .item-col.size2 { width: 80%; } .message-meta-info .item-col.subject { font-weight: bold; } .message-meta-info .item-col .label { font-size: 12px; color: #7f8789; } .message-meta-info .item-col p { margin-top: 0px; margin-bottom: 0px; } .message-meta-info .item-col .tag-category { border-radius: 100px; background-color: #67879d; width: 30px; height: 20px; float: left; margin-top: 1px; margin-right: 5px; } .message-meta-info .wrapper-buttons { float: right; } .message-meta-info .wrapper-buttons .bg-btn { font-family: 'fontello'; height: 39px; width: 42px; } .message-meta-info .wrapper-buttons .bg-btn.prev:before { content: "\e910"; } .message-meta-info .wrapper-buttons .bg-btn.next:before { content: "\e874"; } .wrapper-table-scroll { margin: -15px -60px -15px -15px; } @media screen and (max-width: 800px) { .wrapper-table-scroll { overflow-x: auto; } } @media screen and (max-width: 420px) { .wrapper-table-scroll { margin: 0; } } table { font-size: 14px; width: 100%; border-collapse: separate; border-spacing: 15px; } table .ts-header { position: relative; cursor: pointer; } table .ts-header .icon { position: absolute; right: 0; } @media screen and (max-width: 420px) { table { display: block; border-collapse: collapse; border-spacing: 0; } } @media screen and (max-width: 420px) { table thead tr { border: none; } } .table-head-mobile { display: none; position: absolute; right: 35px; z-index: 999; border: 1px solid #979DA4; padding: 8px; color: #004666; font-weight: 400 !important; } @media screen and (max-width: 420px) { .table-head-mobile { display: block; } } .table-head-mobile-icon { display: none; position: absolute; right: 20px; margin-top: 5px; z-index: 999; } @media screen and (max-width: 420px) { .table-head-mobile-icon { display: block; } } @media screen and (max-width: 420px) { table thead tr .table-cell-checkbox { top: 10px; } } table tr { position: relative; } @media screen and (max-width: 420px) { table tr { display: block; border-bottom: 1px solid #e4e4e5; padding: 15px 0; } } table thead td { color: #004666; border-bottom: 2px solid #e4e4e5; font-weight: 400 !important; padding: 12px 0; } @media screen and (max-width: 420px) { table tr th { border: none; padding: 0; display: none; } table thead td:not(.table-cell-checkbox):not(.table-cell-sort-mobile) { display: none; } } table tr td { border-bottom: 1px solid #e4e4e5; padding: 10px 0 25px 0; position: relative; } @media screen and (max-width: 420px) { table tr td { display: inline-block; padding: 0; border: none; } } table tr.new .table-cell-date, table tr.new .table-cell-task, table tr.new .table-cell-subject { font-weight: 700; } table.system-table { border-spacing: 0; } .large-4 table.system-table thead { display: none; } table.system-table thead th { padding-left: 4px; padding-right: 4px; } table.system-table thead th:first-child { padding-left: 23px; } .large-4 table.system-table thead th { display: block; } table.system-table .single-document-size { white-space: nowrap; } table.system-table .language-line:after { content: none; } table.system-table tr:hover { background: transparent !important; } .large-4 table.system-table .single-document, .large-4 table.system-table .tasks-container .single-task, .tasks-container .large-4 table.system-table .single-task { display: block; padding-top: 15px; padding-bottom: 15px; } table.system-table .single-document td, table.system-table .tasks-container .single-task td, .tasks-container table.system-table .single-task td { padding-left: 4px; } .large-4 table.system-table .single-document td:first-child, .large-4 table.system-table .tasks-container .single-task td:first-child, .tasks-container .large-4 table.system-table .single-task td:first-child { display: block; } table.system-table .single-document td .document-icon, table.system-table .tasks-container .single-task td .document-icon, .tasks-container table.system-table .single-task td .document-icon { top: 10px; margin-left: 0; } .large-4 table.system-table .single-document td, .large-4 table.system-table .tasks-container .single-task td, .tasks-container .large-4 table.system-table .single-task td { display: inline-block; padding: 0; border: none; padding-left: 19px; } .large-4 table.system-table .single-document td .document-icon, .large-4 table.system-table .tasks-container .single-task td .document-icon, .tasks-container .large-4 table.system-table .single-task td .document-icon { top: 2px; margin-left: -18px; } .large-4 table.system-table .single-document td .single-document-title, .large-4 table.system-table .tasks-container .single-task td .single-document-title, .tasks-container .large-4 table.system-table .single-task td .single-document-title, .large-4 table.system-table .single-document td .tasks-container .single-task .single-task-title, .tasks-container .single-task .large-4 table.system-table .single-document td .single-task-title, .large-4 table.system-table .tasks-container .single-task td .single-task-title, .tasks-container .large-4 table.system-table .single-task td .single-task-title { width: 100%; padding-left: 0; } @media screen and (max-width: 420px) { table.system-table thead { display: none; } table.system-table th { display: block; } table.system-table .single-document, table.system-table .tasks-container .single-task, .tasks-container table.system-table .single-task { padding-top: 15px; padding-bottom: 15px; } table.system-table .single-document td, table.system-table .tasks-container .single-task td, .tasks-container table.system-table .single-task td { display: inline-block; padding: 0; border: none; padding-left: 19px; } table.system-table .single-document td:first-child, table.system-table .tasks-container .single-task td:first-child, .tasks-container table.system-table .single-task td:first-child { width: 100%; } table.system-table .single-document td .document-icon, table.system-table .tasks-container .single-task td .document-icon, .tasks-container table.system-table .single-task td .document-icon { top: 2px; margin-left: -18px; } table.system-table .single-document td .single-document-title, table.system-table .tasks-container .single-task td .single-document-title, .tasks-container table.system-table .single-task td .single-document-title, table.system-table .single-document td .tasks-container .single-task .single-task-title, .tasks-container .single-task table.system-table .single-document td .single-task-title, table.system-table .tasks-container .single-task td .single-task-title, .tasks-container table.system-table .single-task td .single-task-title { width: 100%; padding-left: 0; } } table .table-cell-sort-mobile { display: none; float: right; text-align: right; width: 100%; } @media screen and (max-width: 420px) { table .table-cell-sort-mobile { //display: block; } } table .table-cell-status { width: 70px; text-align: center; } @media screen and (max-width: 420px) { table .table-cell-status { position: absolute; bottom: 17px; } } table .table-cell-status .status-icon { position: static; width: 100%; } table .table-cell-delete, table .table-cell-fav { width: 40px; text-align: center; } @media screen and (max-width: 420px) { table .table-cell-delete, table .table-cell-fav { float: right; } } table .table-cell-delete .icon-trash, table .table-cell-fav .icon-trash { cursor: pointer; } table .table-cell-delete .icon-trash:before, table .table-cell-fav .icon-trash:before { font-size: 20px; } table .table-cell-delete .icon-plus-circled:before, table .table-cell-fav .icon-plus-circled:before { font-size: 21px; color: #4c5356; } table .table-cell-checkbox { width: 42px; text-align: center; } @media screen and (max-width: 420px) { table .table-cell-checkbox { position: absolute; top: 15px; left: 0; } } table .table-cell-checkbox input[type="checkbox"] ~ span { padding-left: 28px; line-height: 28px; } table .table-cell-checkbox input[type="checkbox"] ~ span:before { height: 28px; width: 28px; top: -8px; left: -2px; } table .table-cell-checkbox input[type="checkbox"]:checked ~ span:after { left: 7px; top: 1px; } table .table-cell-cat .status-icon { width: 25px; top: 17px; } @media screen and (max-width: 420px) { table .table-cell-cat .status-icon { top: 3px; } } table .table-cell-cat span { padding-left: 34px; } @media screen and (max-width: 420px) { table.tasks-table .single-task { padding: 15px 0; } } table.tasks-table .single-task .table-cell-task { width: 64%; color: #004666; } @media screen and (max-width: 420px) { table.tasks-table .single-task .table-cell-task { width: 100%; } } table.tasks-table .single-task .table-cell-date { width: 20%; } @media screen and (max-width: 420px) { table.tasks-table .single-task .table-cell-date { width: 100%; margin-bottom: 10px; } } @media screen and (max-width: 420px) { table.tasks-table .single-task .table-cell-status { left: 0; } } table.news-table .single-news .table-cell-subject { width: 44%; color: #004666; } @media screen and (max-width: 420px) { table.news-table .single-news .table-cell-subject { width: calc(100% - 50px); margin-left: 50px; } } table.news-table .single-news .table-cell-date { width: 21%; } @media screen and (max-width: 420px) { table.news-table .single-news .table-cell-date { width: calc(100% - 50px); margin: 0 0 10px 50px; } } table.news-table .single-news .table-cell-cat { width: 15%; } @media screen and (max-width: 420px) { table.news-table .single-news .table-cell-cat { margin-left: 140px; } } @media screen and (max-width: 420px) { table.news-table .single-news .table-cell-status { left: 50px; } } @media screen and (max-width: 420px) { table.document-table .single-document, table.document-table .tasks-container .single-task, .tasks-container table.document-table .single-task { padding: 15px 0; } } table.document-table .single-document td, table.document-table .tasks-container .single-task td, .tasks-container table.document-table .single-task td { vertical-align: top; } table.document-table .single-document .table-cell-name .document-icon, table.document-table .tasks-container .single-task .table-cell-name .document-icon, .tasks-container table.document-table .single-task .table-cell-name .document-icon { top: 17px; } @media screen and (max-width: 420px) { table.document-table .single-document .table-cell-name .document-icon, table.document-table .tasks-container .single-task .table-cell-name .document-icon, .tasks-container table.document-table .single-task .table-cell-name .document-icon { top: 5px; } } table.document-table .single-document .table-cell-name .single-document-size:after, table.document-table .tasks-container .single-task .table-cell-name .single-document-size:after, .tasks-container table.document-table .single-task .table-cell-name .single-document-size:after { content: ""; } table.document-table .single-document .table-cell-date, table.document-table .tasks-container .single-task .table-cell-date, .tasks-container table.document-table .single-task .table-cell-date { font-weight: 700; } @media screen and (max-width: 420px) { table.document-table .single-document .table-cell-date, table.document-table .tasks-container .single-task .table-cell-date, .tasks-container table.document-table .single-task .table-cell-date { width: calc(100% - 19px); margin: 0 0 10px 19px; } } @media screen and (max-width: 420px) { table.document-table .single-document .table-cell-cat, table.document-table .tasks-container .single-task .table-cell-cat, .tasks-container table.document-table .single-task .table-cell-cat { margin-left: 19px; } } table.document-table .single-document .table-cell-cat .status-icon, table.document-table .tasks-container .single-task .table-cell-cat .status-icon, .tasks-container table.document-table .single-task .table-cell-cat .status-icon { top: 13px; } @media screen and (max-width: 420px) { table.document-table .single-document .table-cell-cat .status-icon, table.document-table .tasks-container .single-task .table-cell-cat .status-icon, .tasks-container table.document-table .single-task .table-cell-cat .status-icon { top: 3px; } } .table-cell-cat { text-align: center; } .table-cell-cat a { padding-top: 9px; padding-bottom: 27px; padding-left: 10px; padding-right: 10px; text-decoration: none; } .simple-pagination{ float:right; margin-top:25px; } .simple-pagination ul { list-style: none; margin: 0; padding: 0; } .simple-pagination ul li { display: inline-block; list-style: none; float: left; } .simple-pagination ul li a, .simple-pagination ul li span { display: inline-block; border: 1px solid #e4e4e5; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #004666; font-family: "TheAntiqua",serif; font-size: 14px; margin-left:10px; } .simple-pagination ul li a:not(span):hover, .simple-pagination ul li span:not(span):hover { background-color: #67879d; border-color: #67879d; color: #ffffff; text-decoration: none; } .simple-pagination ul li a.prev, .simple-pagination ul li a.next, .simple-pagination ul li span.prev, .simple-pagination ul li span.next { background-color: #004666; border-color: #004666; } .simple-pagination ul li a.prev:hover, .simple-pagination ul li a.next:hover, .simple-pagination ul li span.prev:hover, .simple-pagination ul li span.next:hover { background-color: #004666; } .simple-pagination ul li a.prev:before, .simple-pagination ul li a.next:before, .simple-pagination ul li span.prev:before, .simple-pagination ul li span.next:before { font-family: 'fontello'; font-size: 20px; color: #ffffff; } .simple-pagination ul li a.prev:before, .simple-pagination ul li span.prev:before { content: '\e910'; } .simple-pagination ul li a.next:before, .simple-pagination ul li span.next:before { content: '\e874'; } .simple-pagination ul li span { background-color: #e4e4e5; } .process { margin-top: 50px; position: relative; } .process:before { content: ""; height: 100%; background: url("/one-kbp-pub/media/system_media/images/progress_dot.png"); width: 6px; display: block; position: absolute; left: 47px; top: 4px; } .large-8 .process:before { left: 19px; } @media screen and (min-width: 421px) and (max-width: 800px) { .process:before { left: 19px; } } @media all and (max-width: 640px) { .process:before { display: none; } } @media all and (max-width: 897px) { .large-8 .process:before { display: none; } } .large-4 .process:before { display: none; } .csb .mCustomScrollbar { -ms-touch-action: none; touch-action: none; } .csb .mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto; } .csb .mCSB_scrollTools { position: absolute; width: 21px; height: auto; left: auto; margin-bottom: 5px; right: 5px; top: 0; bottom: 0; } .csb .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .csb .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .csb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } .csb .mCSB_dragger_bar { border: 1px solid #a8adb3; width: 80px; height: 28px; margin: 0; background: #dcdee1; text-align: center; line-height: 27px; color: #f6f7f7; cursor: pointer; text-shadow: 1px 0 0 #4c5356; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); background-image: -moz-linear-gradient(#ffffff, #e4e4e5); background-image: -webkit-linear-gradient(#ffffff, #e4e4e5); background-image: linear-gradient(#ffffff, #e4e4e5); } .csb .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .csb .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } .csb .mCSB_draggerRail { border: 1px solid #a8adb3; width: 100%; height: 28px; margin: 0; background: #ccc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); background-image: -moz-linear-gradient(#ffffff, #e4e4e5); background-image: -webkit-linear-gradient(#ffffff, #e4e4e5); background-image: linear-gradient(#ffffff, #e4e4e5); } .alertify { transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); position: fixed; z-index: 99999; top: 110px; left: 50%; width: 550px; margin-left: -275px; opacity: 1; } .alertify-show { transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .alertify-log { transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); display: block; margin-top: 10px; position: relative; right: -300px; opacity: 0; } .alertify-hide { transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045); } .alertify-log-hide { transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045); transform: translate(300px, 0); opacity: 0; } .alertify-cover { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .alertify-cover-hidden { display: none; } .alertify-hidden { transform: translate(0, -150px); opacity: 0; display: none; } .alertify-logs { position: fixed; z-index: 5000; bottom: 10px; right: 10px; width: 300px; } .alertify-logs-hidden { display: none; } .alertify-log-show { right: 0; opacity: 1; } .alertify-dialog { background: url("../images/Portal-Exit.jpg") no-repeat center 25px; padding: 100px 25px 25px 25px; } .alertify-resetFocus { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .alertify-inner { text-align: center; padding-bottom: 7px; } .alertify-inner .alertify-message { font-size: 15px; padding-bottom: 0; } .alertify-inner p { font-size: 12px; padding-bottom: 32px; } .alertify-text { margin-bottom: 15px; width: 100%; box-sizing: border-box; font-size: 100%; } .alertify-button-cancel { background: none; padding: 0; box-shadow: none; background-image: none; text-decoration: none; border: none; outline: none; border: none; display: inline-block; cursor: pointer; margin-left: 40px; font-weight: normal; } .alertify-button-cancel:hover { background-image: none; color: #004666; } @media only screen and (max-width: 680px) { .alertify { width: 90%; box-sizing: border-box; left: 5%; margin: 0; } .alertify-logs { width: 90%; box-sizing: border-box; } } :root * > .alertify-hidden { display: block; visibility: hidden; } .alertify { background: #fff; -moz-box-shadow: 1px 0 32px #000000; -webkit-box-shadow: 1px 0 32px #000000; box-shadow: 1px 0 32px #000000; background-clip: padding-box; } .alertify-inner .alertify-message { font-size: 15px; color: #a21e4d !important; } .alertify-inner p { font-size: 12px; color: #4c5356; } .alertify-button-ok { border: none; outline: none; } .vjs-default-skin { color: #cccccc; } @font-face { font-family: 'VideoJS'; src: url("/one-kbp-pub/media/system_media/font/vjs_eot.eot"); src: url(/one-kbp-pub/media/system_media/font/vjs_eot.eot?#iefix) format("embedded-opentype"), url(/one-kbp-pub/media/system_media/font/vjs_woff.woff) format("woff"), url(/one-kbp-pub/media/system_media/font/vjs_ttf.ttf) format("truetype"), url(/one-kbp-pub/media/system_media/font/vjs_svg.svg#icomoon) format("svg"); font-weight: normal; font-style: normal; } .vjs-default-skin .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; background-color: #333333; background-color: rgba(51, 51, 51, 0.9); } .vjs-default-skin .vjs-slider:focus { -webkit-box-shadow: 0 0 2em #ffffff; -moz-box-shadow: 0 0 2em #ffffff; box-shadow: 0 0 2em #ffffff; } .vjs-default-skin .vjs-slider-handle { position: absolute; left: 0; top: 0; } .vjs-default-skin .vjs-slider-handle:before { content: "\e009"; font-family: VideoJS; font-size: 1em; line-height: 1; text-align: center; text-shadow: 0em 0em 1em #fff; position: absolute; top: 0; left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .vjs-default-skin .vjs-control-bar { display: none; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); } .vjs-default-skin.vjs-has-started .vjs-control-bar { display: block; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: block; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-default-skin.vjs-controls-disabled .vjs-control-bar { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display: none; } .vjs-default-skin.vjs-error .vjs-control-bar { display: none; } .vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } @media \0screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } .vjs-default-skin .vjs-control { outline: none; position: relative; float: left; text-align: center; margin: 0; padding: 0; height: 3.0em; width: 4em; } .vjs-default-skin .vjs-control:before { font-family: VideoJS; font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before { text-shadow: 0em 0em 1em #ffffff; } .vjs-default-skin .vjs-control-text { /* hide-visually */ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer; } .vjs-default-skin .vjs-play-control:before { content: "\e001"; } .vjs-default-skin.vjs-playing .vjs-play-control:before { content: "\e002"; } .vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value { font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content { width: 4em; left: -2em; list-style: none; } .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button { cursor: pointer; float: right; } .vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before { content: "\e006"; } .vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { content: "\e003"; } .vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { content: "\e004"; } .vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { content: "\e005"; } .vjs-default-skin .vjs-volume-control { width: 5em; float: right; } .vjs-default-skin .vjs-volume-bar { width: 5em; height: 0.6em; margin: 1.1em auto 0; } .vjs-default-skin .vjs-volume-level { position: absolute; top: 0; left: 0; height: 0.5em; width: 100%; background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width: 0.5em; height: 0.5em; left: 4.5em; } .vjs-default-skin .vjs-volume-handle:before { font-size: 0.9em; top: -0.2em; left: -0.2em; width: 1em; height: 1em; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { height: 0; width: 0; } .vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu, .vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing { border-top-color: rgba(7, 40, 50, 0.5); } .vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content, .vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content { height: 2.9em; width: 10em; } .vjs-default-skin .vjs-progress-control { position: absolute; left: 0; right: 0; width: auto; font-size: 0.3em; height: 1em; top: -1em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-default-skin:hover .vjs-progress-control { font-size: .9em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .vjs-default-skin .vjs-progress-holder { height: 100%; } .vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .vjs-default-skin .vjs-play-progress { background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-load-progress { background: #646464; background: rgba(255, 255, 255, 0.2); } .vjs-default-skin .vjs-load-progress div { background: #787878; background: rgba(255, 255, 255, 0.1); } .vjs-default-skin .vjs-seek-handle { width: 1.5em; height: 100%; } .vjs-default-skin .vjs-seek-handle:before { padding-top: 0.1em; } .vjs-default-skin.vjs-live .vjs-time-controls, .vjs-default-skin.vjs-live .vjs-time-divider, .vjs-default-skin.vjs-live .vjs-progress-control { display: none; } .vjs-default-skin.vjs-live .vjs-live-display { display: block; } .vjs-default-skin .vjs-live-display { display: none; font-size: 1em; line-height: 3em; } .vjs-default-skin .vjs-time-controls { font-size: 1em; line-height: 3em; } .vjs-default-skin .vjs-current-time { float: left; } .vjs-default-skin .vjs-duration { float: left; } .vjs-default-skin .vjs-remaining-time { display: none; float: left; } .vjs-time-divider { float: left; line-height: 3em; } .vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer; float: right; } .vjs-default-skin .vjs-fullscreen-control:before { content: "\e000"; } .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { content: "\e00b"; } .vjs-default-skin .vjs-big-play-button { left: 0.5em; top: 0.5em; font-size: 3em; display: block; z-index: 2; position: absolute; width: 4em; height: 2.6em; text-align: center; vertical-align: middle; cursor: pointer; opacity: 1; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); border: 0.1em solid #3b4249; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { left: 50%; margin-left: -2.1em; top: 50%; margin-top: -1.4000000000000001em; } .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button { display: none; } .vjs-default-skin.vjs-has-started .vjs-big-play-button { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #505050; background-color: rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0 0 3em #ffffff; -moz-box-shadow: 0 0 3em #ffffff; box-shadow: 0 0 3em #ffffff; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-default-skin .vjs-big-play-button:before { content: "\e001"; font-family: VideoJS; line-height: 2.6em; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; } .vjs-error .vjs-big-play-button { display: none; } .vjs-error-display { display: none; } .vjs-error .vjs-error-display { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .vjs-error .vjs-error-display:before { content: 'X'; font-family: Arial; font-size: 4em; color: #666666; line-height: 1; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -0.5em; width: 100%; } .vjs-error-display div { position: absolute; bottom: 1em; right: 0; left: 0; font-size: 1.4em; text-align: center; padding: 3px; background: #000000; background: rgba(0, 0, 0, 0.5); } .vjs-error-display a, .vjs-error-display a:visited { color: #F4A460; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; font-size: 4em; line-height: 1; width: 1em; height: 1em; margin-left: -0.5em; margin-top: -0.5em; opacity: 0.75; } .vjs-waiting .vjs-loading-spinner, .vjs-seeking .vjs-loading-spinner { display: block; -webkit-animation: spin 1.5s infinite linear; -moz-animation: spin 1.5s infinite linear; -o-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; } .vjs-error .vjs-loading-spinner { display: none; -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .vjs-default-skin .vjs-loading-spinner:before { content: "\e01e"; font-family: VideoJS; position: absolute; top: 0; left: 0; width: 1em; height: 1em; text-align: center; text-shadow: 0em 0em 0.1em #000; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .vjs-default-skin .vjs-menu-button { float: right; cursor: pointer; } .vjs-default-skin .vjs-menu { display: none; position: absolute; bottom: 0; left: 0em; width: 0em; height: 0em; margin-bottom: 3em; border-left: 2em solid transparent; border-right: 2em solid transparent; border-top: 1.55em solid #000000; border-top-color: rgba(7, 40, 50, 0.5); } .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; position: absolute; width: 10em; bottom: 1.5em; max-height: 15em; overflow: auto; left: -5em; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); } .vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu, .vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing { display: block; } .vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-default-skin .vjs-menu-button ul li.vjs-selected { background-color: #000; } .vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { outline: 0; color: #111; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 0 1em #ffffff; -moz-box-shadow: 0 0 1em #ffffff; box-shadow: 0 0 1em #ffffff; } .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-default-skin .vjs-subtitles-button:before { content: "\e00c"; } .vjs-default-skin .vjs-captions-button:before { content: "\e008"; } .vjs-default-skin .vjs-chapters-button:before { content: "\e00c"; } .vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content { width: 24em; left: -12em; } .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { -webkit-box-shadow: 0 0 1em #ffffff; -moz-box-shadow: 0 0 1em #ffffff; box-shadow: 0 0 1em #ffffff; } .video-js { background-color: #000; position: relative; padding: 0; font-size: 10px; vertical-align: middle; font-weight: normal; font-style: normal; font-family: "TheSans", Arial, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js:-moz-full-screen { position: absolute; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; _position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-poster { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .vjs-poster img { display: block; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .video-js.vjs-has-started .vjs-poster { display: none; } .video-js.vjs-audio.vjs-has-started .vjs-poster { display: block; } .video-js.vjs-controls-disabled .vjs-poster { display: none; } .video-js.vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { display: none; font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); } .video-js .vjs-subtitles { color: #ffffff; } .video-js .vjs-captions { color: #ffcc66; } .vjs-tt-cue { display: block; } .video-js.vjs-fullscreen .vjs-text-track { font-size: 3em; } .vjs-default-skin .vjs-hidden { display: none; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #ccc; background-color: #333; font-size: 18px; font-family: "TheSans", Arial, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #F4A460; } .reveal-modal.video-modal { max-height: 9999px; } .reveal-modal.video-modal .video-wrapper { background-color: #4b5356; margin: 0 -20px 53px; padding: 0; } .typeahead { width: 360px; height: 50px; outline: none; } .tt-hint { padding: 0 0 0 10px !important; color: #7f8789 !important; width: 360px; height: 50px; outline: none; } .tt-input { border: 2px solid #e4e4e5; padding: 0 0 0 10px !important; -moz-box-shadow: inset 0px 0px 2px #7f8789; -webkit-box-shadow: inset 0px 0px 2px #7f8789; box-shadow: inset 0px 0px 2px #7f8789; } .tt-dropdown-menu { width: 358px; margin-top: -1px; padding: 8px 0; background-color: #fff; border: 1px solid #f6f7f7; border: 1px solid rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } .tt-suggestion { padding: 3px 12px; line-height: 22px; cursor: pointer; word-break: break-word; } .tt-suggestion p, .tt-suggestion span { padding: 0; } .tt-suggestion.tt-is-under-cursor { color: #7f8789; } .tt-suggestion.tt-is-under-cursor a { color: #fff; } .tt-suggestion.tt-cursor { background-color: #f6f7f7; } .tt-suggestion p { margin: 0; } .help-text div > div { padding-bottom: 44px; } .help-text h2, .help-text .st_tabs.searchresults .sidebar-accordion.system h2, .st_tabs.searchresults .sidebar-accordion.system .help-text h2, .help-text .st_tabs.searchresults .sidebar-accordion.system .result-header a, .st_tabs.searchresults .sidebar-accordion.system .result-header .help-text a { color: #000; font-family: "TheSans", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 28px; } .help-text h1 { margin-bottom: 20px; } .help-text p { margin: 0; } body.scrollintent-ready { height: auto !important; } #ajax-loader { display: none; text-align: center; margin: 0 auto; height: 76px; width: 76px; background: url("/one-kbp-pub/media/system_media/images/kbp-loader.gif"); font-size: 0; color: transparent; } #load-more-manually { width: auto; font-size: 12px; height: auto; padding: 9px; cursor: pointer; margin-top: 0; } .news-header-small .left { float: left; } .news-header-small .right { margin-top: 20px; } .news-header-small.left-aligned { padding-left: 0; } .news-header-small.right-aligned { padding-right: 0; } .st_text_image_block .news-header-small.left-aligned { margin-right: 10px; } .news-header { position: relative; } .news-header .header-image img { width: 100%; } .news-header .news-header-small { padding: 20px 0 20px 20px; } .news-header .news-header-small .main-head { color: #7f8789; display: block; font-size: 12px; font-weight: 700; padding: 25px 0 14px 0; } .news-header .headline { position: absolute; padding-left: 28px; padding-right: 40px; } .news-header .headline.small { position: relative; padding-left:0; } .news-header .headline.small h1 { border-left: none; } .news-header .headline.small .main-head { color: #7f8789; text-shadow: none; } .news-header .headline.small .sub-head { padding: 0; } .news-header .headline h1 { position: relative; display: block; border-left: 14px solid transparent; overflow: visible; } .news-header .headline h1 span { padding: 2px 0; box-shadow: 14px 0 0 #fff, -14px 0 0 #fff; background-color: #fff; } .news-header .headline.small h1 span{ background:transparent; box-shadow: none; } .news-header .headline .main-head { color: #ffffff; display: block; font-size: 12px; font-weight: 700; padding: 25px 0 12px 0; text-shadow: 0 1px 3px #001e2b; } .news .sidebar-header { margin-top: 90px; background: transparent; } .news .sidebar-header.news-overview { margin-top: 0; } .news .sidebar-header ul { margin: 10px 0; } .news .top-article { padding: 17px 20px 14px 16px; margin: 32px 0 0 -17px; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .news-wrapper { padding-left: 28px; padding-right: 40px; max-width: 600px; position: relative; } .news-wrapper a.link-all { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background-image: url("about:blank"); } .news-wrapper .table-wrapper > strong { display: block; padding: 10px 0; } .news-wrapper p strong { padding: 10px 0; } .news-wrapper table { width: 100%; } .news-wrapper table td { padding: 9px 4px 7px 20px; } .news-wrapper table td.col-two { width: 235px; } .news-wrapper.small { padding: 17px 40px; } .news-wrapper.small .content img { float: right; margin-left: 10px; margin-bottom: 5px; } .news-wrapper.big .header strong, .news-wrapper.big .header span { position: absolute; padding: 17px 0 0 40px; } .news-wrapper.big .content { padding: 17px 40px; } .news-wrapper .header { height: auto; } .news-wrapper .header strong, .news-wrapper .header span { color: #ffffff; text-shadow: 0 1px 3px #001e2b; } .teaser-wrapper { display: table-row; } .teaser-wrapper strong { color: #ffffff; } .teaser-wrapper.full-width .left { text-align: left; width: 521px; } .teaser-wrapper .left, .teaser-wrapper .right { display: block; position: relative; padding: 29px 40px 0 40px; height: 100%; width: 219px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .teaser-wrapper .left:hover, .teaser-wrapper .right:hover { text-decoration: none; } .teaser-wrapper .left ul, .teaser-wrapper .right ul { position: relative; list-style: none; margin: 0; padding: 0; z-index: 9; } .teaser-wrapper .left ul li, .teaser-wrapper .right ul li { color: #ffffff; } .teaser-wrapper .left ul li.italic, .teaser-wrapper .right ul li.italic { font-size: 12px; font-style: italic; padding-bottom: 12px; } .teaser-wrapper .left ul li + li, .teaser-wrapper .right ul li + li { font-size: 12px; line-height: 22px; padding-bottom: 5px; } .teaser-wrapper .left ul li + li + li, .teaser-wrapper .right ul li + li + li { font-size: 15px; line-height: 22px; padding-bottom: 28px; } .teaser-wrapper .left { background: rgba(0, 70, 102, 0.8); text-align: right; } .teaser-wrapper .right { background: url("../images/placeholder/placeholder-teaser.png") no-repeat; float: right; } .teaser-wrapper .left, .teaser-wrapper .right { background-size: cover; } .teaser-wrapper .overlay { position: absolute; background: #e7f3f3; background: rgba(0, 70, 102, 0.8); height: 100%; width: 301px; left: 0; top: 0; z-index: 0; } .news-overview .commercial, .search-results .commercial { text-align: center; height: 26px; margin-top: 100px; } .news-overview .top-article, .search-results .top-article { margin: 32px 0 0 0; } .news-overview .news-wrapper, .search-results .news-wrapper { padding: 0; } .news-overview .news-wrapper.overview, .search-results .news-wrapper.overview { margin: 32px 0; padding: 0; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; } .news-overview .news-wrapper.overview.small h1, .search-results .news-wrapper.overview.small h1 { margin-top: 19px; } .news-overview .news-wrapper.overview.small .head .main-head, .search-results .news-wrapper.overview.small .head .main-head { color: #7f8789; text-shadow: none; } .news-overview .news-wrapper.overview .head, .search-results .news-wrapper.overview .head { color: #ffffff; display: block; font-size: 12px; font-weight: 700; text-shadow: 0 1px 3px #001e2b; } .news-overview .news-wrapper.overview .head .main-head, .search-results .news-wrapper.overview .head .main-head { position: absolute; } .news-overview .news-wrapper.overview .head .main-head.gray, .news-overview .news-wrapper.overview .head .main-head.gray a, .search-results .news-wrapper.overview .head .main-head.gray, .search-results .news-wrapper.overview .head .main-head.gray a { color: #7f8789; text-shadow: none; } .news-overview .news-wrapper.overview .head .main-head strong, .search-results .news-wrapper.overview .head .main-head strong { display: block; padding: 16px 0 0 30px; } .news-overview .news-wrapper.overview .news-content, .search-results .news-wrapper.overview .news-content { padding: 17px 30px; overflow: auto; } .news-overview .news-wrapper.overview .news-content .thumb, .search-results .news-wrapper.overview .news-content .thumb { float: right; margin: 25px 10px 10px 10px; min-height: 100px; width: 180px; } .news-overview .news-wrapper.overview .news-content .thumb span, .search-results .news-wrapper.overview .news-content .thumb span { background: url("/one-kbp-pub/media/system_media/images/button_bg/MI24-play-button.png") no-repeat; background-position: 50% 3%; width: inherit; height: 100%; position: absolute; } @media screen and (max-width: 800px) { .news-overview .news-wrapper.overview .news-content .thumb, .search-results .news-wrapper.overview .news-content .thumb { float: none; margin-left: 0; } } @media screen and (min-width: 801px) { .news-overview .news-wrapper.overview .news-content h1 a, .search-results .news-wrapper.overview .news-content h1 a { display: block; } } .video-wrapper { padding: 0; } .video-wrapper.overview { margin: 32px 0; padding: 0; -moz-box-shadow: 0 1px 2px #7f8789; -webkit-box-shadow: 0 1px 2px #7f8789; box-shadow: 0 1px 2px #7f8789; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .video-wrapper.overview.small h1 { margin-top: 19px; margin-left: 205px; } @media screen and (max-width: 420px) { .video-wrapper.overview.small h1 { margin-left:0; } } .video-wrapper.overview.small .hiddentext { margin-left: 205px; } @media screen and (max-width: 420px) { .video-wrapper.overview.small .hiddentext { margin-left:0; } } .video-wrapper.overview.small .meta { margin-left: 205px; } @media screen and (max-width: 420px) { .video-wrapper.overview.small .meta { margin-left:0; } } .video-wrapper.overview.small .head .main-head { color: #7f8789; text-shadow: none; } .video-wrapper.overview .head { color: #ffffff; display: block; font-size: 12px; font-weight: 700; text-shadow: 0 1px 3px #001e2b; } .video-wrapper.overview .head .main-head { position: absolute; } .video-wrapper.overview .head .main-head.gray, .video-wrapper.overview .head .main-head.gray a { color: #7f8789; text-shadow: none; } .video-wrapper.overview .head .main-head strong { display: block; padding: 16px 0 0 30px; } .video-wrapper.overview .video-content { padding: 17px 30px; overflow: hidden; } .video-wrapper.overview .video-content #video-icon { position: relative; margin-top: 25px; float: left; margin-right: 10px; background: url("/one-kbp-pub/media/system_media/images/icons/video-format-Icon.png") no-repeat; width: 24px; height: 23px; } .video-wrapper.overview .video-content .thumb { float: left; margin: 25px 25px 10px 0px; min-height: 100px; width: 180px; position: relative; } @media screen and (max-width: 420px) { .video-wrapper.overview .video-content .thumb { max-width:180px; width:100%; float:none; margin-left:auto; margin-right:auto; } } .video-wrapper.overview .video-content .thumb a { position: relative; min-height: 100px; width: 100%; display: block; } .video-wrapper.overview .video-content .thumb a:after { content: ""; background: url("/one-kbp-pub/media/system_media/images/button_bg/MI24-play-button.png") no-repeat; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; } .search-results .news-wrapper h1 { margin-top: 24px; margin-bottom: 10px; } .search-results .news-wrapper .meta { margin-top: 10px; font-size: 11px; } .portlet-column.news .st_text_image_block.large-8, .portlet-column.news .st_text_image_block.large-4, .portlet-column.news .text_notification.large-8, .portlet-column.news .text_notification.large-4, .portlet-column.news .text_section.large-8, .portlet-column.news .text_section.large-4, .portlet-column.news .sidebar .large-8, .portlet-column.news .sidebar .large-4, .portlet-column.news .basisseite-right .large-8, .portlet-column.news .basisseite-right .large-4, .portlet-column.process-step-wrapper .st_text_image_block.large-8, .portlet-column.process-step-wrapper .st_text_image_block.large-4, .portlet-column.process-step-wrapper .text_notification.large-8, .portlet-column.process-step-wrapper .text_notification.large-4, .portlet-column.process-step-wrapper .text_section.large-8, .portlet-column.process-step-wrapper .text_section.large-4, .portlet-column.process-step-wrapper .sidebar .large-8, .portlet-column.process-step-wrapper .sidebar .large-4, .portlet-column.process-step-wrapper .basisseite-right .large-8, .portlet-column.process-step-wrapper .basisseite-right .large-4, .process-base .st_text_image_block.large-8, .process-base .st_text_image_block.large-4, .process-base .text_notification.large-8, .process-base .text_notification.large-4, .process-base .text_section.large-8, .process-base .text_section.large-4, .process-base .sidebar .large-8, .process-base .sidebar .large-4, .process-base .basisseite-right .large-8, .process-base .basisseite-right .large-4 { width: 100%; } .portlet-column.news .st_text_image_block.column, .portlet-column.news .st_text_image_block.columns, .portlet-column.news .text_notification.column, .portlet-column.news .text_notification.columns, .portlet-column.news .text_section.column, .portlet-column.news .text_section.columns, .portlet-column.news .sidebar .column, .portlet-column.news .sidebar .columns, .portlet-column.news .basisseite-right .column, .portlet-column.news .basisseite-right .columns, .portlet-column.process-step-wrapper .st_text_image_block.column, .portlet-column.process-step-wrapper .st_text_image_block.columns, .portlet-column.process-step-wrapper .text_notification.column, .portlet-column.process-step-wrapper .text_notification.columns, .portlet-column.process-step-wrapper .text_section.column, .portlet-column.process-step-wrapper .text_section.columns, .portlet-column.process-step-wrapper .sidebar .column, .portlet-column.process-step-wrapper .sidebar .columns, .portlet-column.process-step-wrapper .basisseite-right .column, .portlet-column.process-step-wrapper .basisseite-right .columns, .process-base .st_text_image_block.column, .process-base .st_text_image_block.columns, .process-base .text_notification.column, .process-base .text_notification.columns, .process-base .text_section.column, .process-base .text_section.columns, .process-base .sidebar .column, .process-base .sidebar .columns, .process-base .basisseite-right .column, .process-base .basisseite-right .columns { padding: 0; float: none; } #preview_note { background-color: grey; color: red; font-weight: bold; border: 1px dotted red; padding: 10px; text-align: center; font-size: 2em; } #secure_note { height: 24px; padding: 10px; background: #95A844; color: #E5E6E8; position: absolute; right: 0; top: 0; font-size: 18px; z-index: 999; } #secure_note i[class^='icon'] { margin-right: 10px; display: inline-block; } #secure_note .notice { display: none; font-size: 0.8em; font-weight: normal; width: 320px; text-align: left; padding-top: 10px; } #secure_note:hover { height: auto; } #secure_note:hover .notice { display: block; } .mi-player .mi-big-play{ z-index: 2 !important; } /*
${i18nSearch.get("search.results.display.language")}: {{doc.sprache}} | ${i18nSearch.get("search.results.display.changes")}: {{doc.date}}
*/ .preview-mode .placeholder-element .content, .break-element { background-color: #AAA; background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.25) 35px, rgba(255, 255, 255, 0.25) 70px); } .placeholder-element { padding: 10px; position:relative; } .placeholder-element .content { height: 100px; width: 100%; } .break-element { height: 5px; display: none; } .preview-mode .break-element { display: block; } .news-wrapper .st_text_image_block.large-4 .news-header-small { width: 33.3333%; padding-left: 0; padding-right: 0; } .st_systemstartlinks .cta-wrapper { padding: 20px; } .preview-mode .st_systemstartlinks .row { overflow: hidden; } .preview-mode .st_systemstartlinks table { width: 100%; } .documentlist .document-container, .documentlist .tasks-container { margin-top: 0; padding-top: 0; max-width: 100%; } .documentlist .hr-sidebar { margin-left: 0; } .breadcrumb .breadcrumb-list li:last-child a { font-weight: bold; } .breadcrumb .breadcrumb-list li:last-child { font-weight: bold; } .breadcrumb { display: table; position: absolute; /* left: 22px; */ font-size: 12px; height: 56px; margin-left: 25px; max-width: 1206px; width: 95%; } @media screen and (max-width: 800px) { .breadcrumb { width: auto; position: relative; height: auto; margin-left:0; padding-left: 5px; padding-right: 20px; } } .breadcrumb .tooltip-reveal { width: 12px; } .breadcrumb .breadcrumb-list, .breadcrumb .context.tooltip-reveal { display: table-cell; vertical-align: middle; list-style: none; margin: 0; padding: 0; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; height: 56px; } .breadcrumb .breadcrumb-list:hover .edit-tooltip, .breadcrumb .breadcrumb-list:hover .context-tooltip, .breadcrumb .context.tooltip-reveal:hover .edit-tooltip, .breadcrumb .context.tooltip-reveal:hover .context-tooltip { display: block !important; } .breadcrumb .breadcrumb-list li, .breadcrumb .context.tooltip-reveal li { float: left; padding: 0 8px 0 0; list-style: none; color: #004666; } .breadcrumb .breadcrumb-list li:last-child a:after, .breadcrumb .context.tooltip-reveal li:last-child a:after { content: ""; } .breadcrumb .breadcrumb-list li a, .breadcrumb .context.tooltip-reveal li a { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; display: table-cell; vertical-align: middle; } .breadcrumb .breadcrumb-list li a:hover, .breadcrumb .context.tooltip-reveal li a:hover { text-decoration: none; } .breadcrumb .breadcrumb-list li a:after, .breadcrumb .context.tooltip-reveal li a:after { content: "\e871"; font-family: 'fontello'; font-size: 12px; color: #4c5356; display: inline-block; position: relative; top: 0; left: 4px; } .breadcrumb .breadcrumb-list li a:last-child, .breadcrumb .context.tooltip-reveal li a:last-child { padding-right: 0; padding-left: 0; display: table; } .breadcrumb .breadcrumb-list li a:last-child i, .breadcrumb .context.tooltip-reveal li a:last-child i { display: table-cell; padding: 0 6px; vertical-align: middle; } .breadcrumb .breadcrumb-list li .context, .breadcrumb .context.tooltip-reveal li .context { display: table-cell; vertical-align: middle; margin: 0; padding: 0; } .breadcrumb .breadcrumb-list li .context .context-icon, .breadcrumb .context.tooltip-reveal li .context .context-icon { margin-right: 8px; } .breadcrumb .breadcrumb-list li .context .context-icon i, .breadcrumb .context.tooltip-reveal li .context .context-icon i { display: inline-block; position: relative; top: 0; left: 0; } .breadcrumb .context-tooltip { top: 72%; left: -19px; } .breadcrumb .context-tooltip .box { top: 18px; } .breadcrumb .context-tooltip .box ul li { float: none; padding: 8px 20px; } .breadcrumb .context-tooltip .box ul li:hover { background-color: #dcdee1; } .breadcrumb .context-tooltip .box ul li a { display: block; line-height: 19px; font-size: 12px; } .breadcrumb .context-tooltip .box ul li a:after { content: ""; } ul.mini-profile{ position:absolute; top:-43px; right:-5px; font-size:12px; font-weight:bold; } @media screen and (max-width: 800px) { ul.mini-profile{ position:static; padding-left:0; } } ul.mini-profile li{ display:inline-block; padding-right:10px; } ul.mini-profile li:last-child{ padding-right:0; } .st_icon_button .iconbtn { width: 100%; } .st_icon_button .iconbtn:first-child { margin-top: 0; } .st_icon_button .iconbtn:last-child { margin-bottom: 0; } .iconbtn { margin: 0; width: 293.33333px; } .iconbtn:first-child { margin-top: 20px; } .iconbtn:last-child { margin-bottom: 20px; } .iconbtn .cta-wrapper { padding: 0; } .iconbtn .cta-button { width: 100%; text-align: left; margin-bottom: 10px !important; padding: 10px 0px; } .iconbtn .cta-button i { padding-left: 20px; padding-right: 20px; max-width: 25px; display: inline-block; min-width: 25px; } .iconbtn .cta-button i.iconbtn-default { float: left; height: 22px; } .iconbtn .cta-button i[class^="icon-"] { float: left; } .permission-container { margin: 40px 0; width: 100%; position: relative; overflow: hidden; background: rgba(0, 0, 0, 0.03); border: 1px solid #e4e4e5; border-radius: 5px; } .permission-container .permission-head { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgipZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); background-image: -moz-linear-gradient(#ffffff, #e4e4e5); background-image: -webkit-linear-gradient(#ffffff, #e4e4e5); background-image: linear-gradient(#ffffff, #e4e4e5); color: #004666; padding: 10px 4px; } .permission-container .permission-inner { margin-left: 20%; right: 0; background: #fff; overflow-x: scroll; } .permission-container .permission-inner thead { border: none; } .permission-container .permission-inner thead th { border-bottom: 2px solid #e4e4e5; } .permission-container .permission-inner tr:nth-child(odd) td { background: rgba(0, 0, 0, 0.05); } .permission-container .permission-inner tr.closed td:first-child:before { content: "+"; } .permission-container .permission-inner tr.node td:first-child { font-weight: bold; cursor: pointer; } .permission-container .permission-inner tr.node td:first-child:hover { color: #000; } .permission-container .permission-inner tr.page td:first-child:before { content: "\2022"; } .permission-container .permission-inner td:first-child:before { content: "-"; margin-right: 10px; color: #a21e4d; } .permission-container .permission-inner th, .permission-container .permission-inner td { white-space: pre; border-right: 1px solid #e4e4e5; } .permission-container .permission-inner th:first-child, .permission-container .permission-inner th:last-child, .permission-container .permission-inner td:first-child, .permission-container .permission-inner td:last-child { border-right: none; } .permission-container .permission-inner th:first-child, .permission-container .permission-inner td:first-child { position: absolute; left: 0; width: 20%; box-sizing: border-box; } .permission-container .permission-inner .lvl1 td:first-child { padding-left: 6px; } .permission-container .permission-inner .lvl2 td:first-child { padding-left: 12px; } .permission-container .permission-inner .lvl3 td:first-child { padding-left: 18px; } .permission-container .permission-inner .lvl4 td:first-child { padding-left: 24px; } .permission-container .permission-inner .lvl5 td:first-child { padding-left: 30px; } .permission-container .permission-inner .lvl6 td:first-child { padding-left: 36px; } .permission-container .permission-inner .lvl7 td:first-child { padding-left: 42px; } .video-suggestion strong { padding-bottom: 15px; display: block; } .video-suggestion .vs-item { margin: 0 0 30px; display: block; } .video-suggestion .vs-item:hover .vs-thumbnail img { opacity: .7; } .video-suggestion .vs-item:hover .vs-thumbnail:after { font-family: 'fontello'; font-weight: normal; font-style: normal; content: '\e891'; position: absolute; top: 50%; left: 50%; color: #fff; font-size: 3em; transform: translateX(-50%) translateY(-50%); } .video-suggestion .vs-item:hover .vs-thumbnail .vs-time { opacity: 0; } .video-suggestion .vs-item:hover .vs-meta *:not(.vs-date) { text-decoration: underline; } .video-suggestion .vs-item:after { content: ""; display: table; clear: both; } .video-suggestion .vs-thumbnail, .video-suggestion .vs-meta { float: left; } .video-suggestion .vs-thumbnail { width: 40%; position: relative; background: #000; } .video-suggestion .vs-thumbnail .vs-time { position: absolute; right: 3px; bottom: 4px; background: rgba(0, 0, 0, 0.9); padding: 1px 2px; font-size: .9em; line-height: 1.2em; color: #fff; } .video-suggestion .vs-meta { width: 50%; position: relative; padding-left: 5px; box-sizing: border-box; } .video-suggestion .vs-meta .vs-title { text-align: left; font-weight: bold; margin-top: -5px; } .video-suggestion .vs-meta .vs-date { color: #7f8789; text-decoration: none; } .hint-icon { right: 35px; top: 10px; position: absolute; } .preview-mode .placeholder-element .hint-icon{ top:10px; right:10px; } .hint-icon a i { color: #004666; opacity: 0.7; } .hint-icon a:hover { text-decoration: none; } .hint-icon a:hover i { opacity: 1; } .hint-icon .hint-txt { background: rgba(0, 0, 0, 0.9); border-radius: 4px; color: #fff; display: none; font-size: 14px; left: -4px; padding: 10px; position: absolute; top: 130%; top: calc(110% + 5px); width: 220px; z-index: 200; } .hint-icon .hint-txt:before { border: none; border-bottom: 5px solid rgba(0, 0, 0, 0.9); border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; display: block; height: 0; position: absolute; top: -5px; transform: scale(0.999); width: 0; } .hint-icon .hint-open + .hint-txt { display: block; } #opg-navigation-area #personal-nav.loggedout li a.text { height: 40px; display: block; } #opg-navigation-area #personal-nav.loggedout li a.text span { position: relative; bottom: 0; } /******************* BASIC STYLING **********************/ .scroll_tabs_container { position: relative; top: 0px; left: 0px; right: 0px; text-align: left; height: 40px; } ul.scroll_tabs_container { list-style: none; } .scroll_tabs_container div.scroll_tab_inner { height: 70px; } .scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li { font-size: 14px; cursor: pointer; } .scroll_tabs_container div.scroll_tab_inner li { display: -moz-inline-stack; display: inline-block; *display: inline; list-style-type: none; } .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher { padding: 0px; width: 0px; } .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher { padding: 0px; width: 0px; } .scroll_tabs_container .scroll_tab_left_button { height: 40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll_tabs_container .scroll_tab_left_button::before { content: "\25C0"; line-height: 40px; padding-left: 5px; } .scroll_tabs_container .scroll_tab_right_button { height: 40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll_tabs_container .scroll_tab_right_button::before { content: "\25B6"; line-height: 40px; padding-left: 5px; } .tab-nav .tab-navigator { float: none; border-right: 1px solid #dcdee1; } .tab-nav .tab-navigator:last-child, .tab-nav .tab-navigator.scroll_tab_last { border-right: none; } .tab-nav .tab-navigator.tab_selected { position: relative; } .tab-nav .tab-navigator.tab_selected:after { top: 40px; position: absolute; left: 50%; margin-left: -15px; } .st_tabs .tab-nav { width: auto; } .st_tabs .tab-content-wrapper { max-width: none; } .st_tabs .sidebar-accordion.system { padding: 20px; width: auto; } .st_contacts { font-size: 12px; } .st_contacts ul { list-style: none; padding: 0; margin: 10px 0; padding-left: 20px; } .st_contacts ul li { line-height: 22px; } .st_contacts .hr-sidebar { margin-left: 0; } .st_teaserbox{ position:relative; overflow:hidden; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .st_teaserbox > .btn-wrap{ bottom:30px; position:absolute; left:10px; right:10px; } .st_teaserbox .teaser-content { margin-bottom: 20px; padding-bottom: 20px; min-height:100%; } .st_teaserbox .headline { margin: 10px 0 10px 0; } .st_teaserbox .more { display: block; margin-top: 10px; } .popeye-system-overview .edit { float: right; padding-top: 29px; padding-right: 17px; } .popeye-system-overview .edit a.pen-edit { text-align: center; float: right; display: table; margin: 0; height: 25px; width: 38px; } .popeye-system-overview .edit a.pen-edit span { display: table-cell; vertical-align: middle; } .system-overview h1 { float: left; } .system-overview .jump-wrapper { clear: both; } .system-overview .process-wrapper .single-process { padding: 0; } .system-overview .process-wrapper .single-process.no-border { border: none; } .system-overview .process-wrapper .single-process a { font-family: "TheAntiqua",serif; display: block; padding: 21px 0 21px 42px; font-size: 22px; } .system-overview .process-wrapper .single-process a.active-row { display: block; top: -25px; z-index: 999; } .system-overview .process-wrapper .single-process a.active-row .drag { background: url("../images/icons-doc/system-drag-drop-holder.png") no-repeat; background-position-y: -31px; height: 32px; width: 18px; } .system-overview .process-wrapper .single-process a.active-row.editable { display: table; position: relative; font-size: 12px; padding: 0; list-style: none; text-align: center; padding: 10px 20px; height: 45px; width: 130px; } .system-overview .process-wrapper .single-process a.active-row.editable .drag { top: 15px; background-position-y: -31px; } .system-overview .process-wrapper .single-process a.active-row.editable span.center { display: table-cell; vertical-align: middle; } .system-overview .process-wrapper .single-process a.disabled .drag { display: none; } .system-overview .process-wrapper .single-process .icon { top: 20px; } .system-overview .process-wrapper .single-process .role-thumb a { font-family: "TheSans", Arial, Helvetica, sans-serif; font-size: 12px; } .system-overview .process-wrapper .single-process span.drag { position: absolute; background: url("../images/icons-doc/system-drag-drop-holder.png") no-repeat; top: 19px; right: 18px; height: 32px; width: 18px; } .form-wrapper { position: absolute; list-style: none; padding: 25px 0 0 40px; margin: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .form-wrapper li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .form-wrapper li form { margin: 0 !important; } .form-wrapper li .filetype-filters li { display: block; } a.pen-edit { text-align: center; float: right; display: table; margin-top: 25px; margin-right: 17px; height: 25px; width: 38px; } a.pen-edit span { display: table-cell; vertical-align: middle; } .lr #content-right, .lr #content-left, .lr #content-full, rl #content-right, rl #content-left, rl #content-full { width: auto; float: none; padding: 0; } .term-wrapper, .role-wrapper { position: relative; bottom: auto; height:400px; } @media screen and (max-width: 800px) { .term-wrapper, .role-wrapper{ height:auto; max-height:300px; } } .portlet-layout.container { width: 100%; max-width: none; margin: 0; } #role-filter .icon-input .input-icon, #term-filter .icon-input .input-icon{ width:77%; } .quickview-indicator.search, #organigram .item-content .search.person-quickview-indicator { margin-left: 0 !important; right: 0 !important; } .st_tabs.searchresults .sidebar-accordion.system li, .st_tabs.searchresults .sidebar-accordion.system .single-search-result { padding-right: 35px; } .st_tabs.searchresults .sidebar-accordion.system .quickview-content li.media-item { padding: 0px; } #term-filter .icon-input { padding-top: 6px; height: 32px; } .site-navigation .role-highlight { position: absolute; top: 0; right: 0; margin-top: 0; } .site-navigation li { position: relative; } .popeye-system-overview .iconrocket { position: absolute; top: 0; right: 0; } .popeye-system-overview .iconrocket .trooltip span { display: none; } .st_text_image_block .news-header-small.left-aligned { padding: 0; } .st_text_image_block .news-header-small.right-aligned { margin-left: 10px; padding: 0; } .st_text_image_block .news-header-small.right-aligned { margin-left: 10px; padding: 0; } .st_text_image_block .news-header-small.block-aligned { padding-left: 25%; padding-right: 25%; } .st_text_image_block .news-header-small.large-12 { padding: 0; } @media screen and (max-width: 800px) { .st_text_image_block .news-header-small.left-aligned { margin-right: 0; } .st_text_image_block .news-header-small.right-aligned { margin-left: 0; } .st_text_image_block .news-header-small.medium-12 { padding: 0; } } .st_text_image_block .large-12 + .text { clear: both; } @media screen and (max-width: 800px) { .st_text_image_block .medium-12 + .text { clear: both; } } .columns .document-container, .columns .tasks-container, .columns .tasks-container { margin-top: 0; } table tr th { color: #004666; border-bottom: 2px solid #e4e4e5; font-weight: 400 !important; padding: 12px 0; vertical-align: initial; } .adjustments.adjustments-right{ margin:0; padding:0; box-shadow:none; overflow-y:auto; -webkit-box-shadow:none; -moz-box-shadow:none; } .adjustments.adjustments-right .input-wrapper a { line-height: 41px; } .video-wrapper.overview { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-top:32px; padding-bottom:32px; margin-top:0; margin-bottom:0; } .filter-dropdowns li a { color: #9ca1a6 !important; } .toolkit-configuration-container .disabled-checkbox input[type="checkbox"] ~ span:before, .toolkit-configuration-container .disabled-checkbox input[type="radio"] ~ span:before, .toolkit-configuration-container .disabled-checkbox input[type="checkbox"][disabled] ~ span:before, .toolkit-configuration-container .disabled-checkbox input[type="radio"][disabled] ~ span:before { border-color: #ddd; } .toolkit-configuration-container label input[type="checkbox"][disabled] ~ span:before, .toolkit-configuration-container label input[type="radio"][disabled] ~ span:before { border-color: #ddd; } .searchtext::-ms-clear { display: none; } .searchtext { text-overflow: ellipsis; max-width: 80%; } @media screen and (max-width: 800px) { .dashboard-container.filter-wrapper .site-navigation { display: none; } } @media screen and (max-width: 800px) { .ogp-layout1 > .row, .ogp-layout1 > .portlet-layout > .row, #content-full > .row, #searchresultApp > .row { display: flex; flex-direction: column; } .ogp-layout1 > .row > .dashboard-container, .ogp-layout1 > .portlet-layout > .row > .dashboard-container, #content-full > .row > .dashboard-container, #searchresultApp > .row > .dashboard-container { order: 1; } } @media screen and (min-width: 801px) { #content-full{ margin-left: 0; margin-right: -10px; width: auto; } [firstlet=externalApplications]{ margin-right:10px; } .kbp-new-design.public #content-full{ margin-left:-10px; margin-right:-10px; } .ogp-layout1{ margin-left: -10px; margin-right: -10px; width: auto; } } .hint { padding-top: 9px; padding-bottom: 9px; } #alertingMessageWidget .hint-icon, #alertingTaskWidget .hint-icon { right: 10px; } [firstlet=task_widget].open { height: auto !important; } .news-wrapper, .news-wrapper.small { padding-left: 0; max-width: none; overflow: auto; } .news-wrapper .news-content:after { content: ""; clear: both; width: 100%; float: none; } .news-wrapper .news-content .thumb { float: right; width: 200px; } @media screen and (max-width: 800px) { .news-wrapper .news-content .thumb { float: none; } } .news-wrapper .news-content h1, .news-wrapper .news-content h1 a { font-size: 22px; line-height: 28px; display: block; } @media screen and (max-width: 421px) { .scroll_tabs_container { display: none !important; } .st_tabs.searchresults .scroll_tabs_container { display: block !important; } .st_tabs .sidebar-accordion.system { padding: 0; } .columns { padding-left: 0; padding-right: 0; } } .single-process, .document-wrapper .single-document, .document-wrapper .tasks-container .single-task, .tasks-container .document-wrapper .single-task{ width:auto; } .video-content h1 a{ font-size:22px; } .dashboard-item .cta-button span, .iconbtn .cta-button span{ display:block; margin-left:25px; } .dashboard-item .cta-button i[class^='icon-'], .iconbtn .cta-button i[class^='icon-']{ float:none; margin-left:10px; } .dashboard-item .cta-button i.icon-plus{ margin-left:-12.5px; } #toolbox .cta-button{ min-height:43px; margin-bottom: 5px !important; } #toolbox .cta-button:last-child{ margin-bottom: 0px !important; } #toolbox .cta-button.more-button{ min-height:0; margin-bottom:0 !important; } .cta-button span{ float:none; } .top-navigation .nav-item ul{ margin:0; } .news-container .single-news .single-news-title{ width:auto; } #searchresultApp>.container{ width:auto; } .glossar .content-title{ margin-bottom:20px; } #term-wrapper{ margin-top:45px; } form#term-filter input[type="text"]{ background:transparent !important; } .mega-dropdown { background: #fff; width: 100%; min-height: 468px; position: absolute; display: none; left: 0; top: 40px; z-index: 9; border-left: 1px solid #f6f7f7; border-right: 1px solid #f6f7f7; border-bottom: 1px solid #f6f7f7; -moz-box-shadow: 1px 2px 2px #7f8789; -webkit-box-shadow: 1px 2px 2px #7f8789; box-shadow: 1px 2px 2px #7f8789; } .popeye .mega-dropdown { display: block; } @media screen and (max-width: 800px) { .mega-dropdown { min-height: 0; position: relative !important; top: 0; border: 0 none !important; } } @media screen and (min-width: 801px) { .mega-dropdown.display { display: block; } } .mega-dropdown ul li a { color: #004666; } .mega-dropdown ul.second li a:hover { background: #dcdee1; } #kbp-navigation-area { left: 0; width: 100%; z-index: 100; } .preview-mode #kbp-navigation-area { z-index: 10000; position:relative; } @media screen and (max-width: 800px) { #kbp-navigation-area { position: static; } .preview-mode #kbp-navigation-area { position:static; } } #kbp-navigation-area li:hover > ul { display: block; } @media screen and (max-width: 800px) { #kbp-navigation-area li:hover > ul { display: none; } } #kbp-navigation-area.styleguide { position: relative; width: 1000px; } #kbp-navigation-area.styleguide.fixed { position: relative !important; top: 0; } #kbp-navigation-area.fixed { position: fixed !important; top: 0; } @media screen and (max-width: 800px) { #kbp-navigation-area.fixed { position: absolute !important; top: auto; } } #kbp-navigation-area #opg-navigation { display: inline-block; position: relative; height: 100%; width: 100%; } @media screen and (max-width: 800px) { #kbp-navigation-area #opg-navigation { position: static; } } #kbp-navigation-area .top-navigation { width: 100%; } #kbp-navigation-area .top-navigation li a:hover { text-decoration: none; } #kbp-navigation-area .top-navigation li a:hover .subnav-indicator .icon-right-open-big { color: #fff; } #kbp-navigation-area .top-navigation li.popeye a, #kbp-navigation-area .top-navigation li.system-dd a, #kbp-navigation-area .top-navigation li.orga-dd a { display: inline-block; } #kbp-navigation-area .top-navigation li.popeye:hover .text, #kbp-navigation-area .top-navigation li.system-dd:hover .text, #kbp-navigation-area .top-navigation li.orga-dd:hover .text, #kbp-navigation-area .top-navigation li.popeye.active .text, #kbp-navigation-area .top-navigation li.system-dd.active .text, #kbp-navigation-area .top-navigation li.orga-dd.active .text { color: #7f8789; } #kbp-navigation-area .top-navigation li .icon:hover i { color: #c6dfe7; text-shadow: 0 0 4px #004666; } #kbp-navigation-area .top-navigation li.burger-nav .burger-inner:hover span { background: #c6dfe7; -moz-box-shadow: 0 0 4px #004666; -webkit-box-shadow: 0 0 4px #004666; box-shadow: 0 0 4px #004666; } #kbp-navigation-area .top-navigation ul { width: auto; padding: 0; margin: 0; list-style-type: none; } #kbp-navigation-area .top-navigation ul li { vertical-align: bottom; } #kbp-navigation-area .top-navigation ul li.divider { width: 1px; height: 40px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3ODc5ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #67879d), color-stop(100%, #004666)); background-image: -moz-linear-gradient(#67879d, #004666); background-image: -webkit-linear-gradient(#67879d, #004666); background-image: linear-gradient(#67879d, #004666); } #kbp-navigation-area .top-navigation ul.child-menu { background: #fff; padding: 32px 0 28px 0; font-size: 15px; width: 25%; left: 0; min-height: 100%; height: auto !important; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul.child-menu { width: 100%; min-height: 0; padding: 0; left: 0; position: static !important; } } #kbp-navigation-area .top-navigation ul.child-menu li { float: none; font-weight: normal; line-height:15px; display: block; } #kbp-navigation-area .top-navigation ul.child-menu li ul li.selected a { background: #004666; color: #fff; } #kbp-navigation-area .top-navigation ul.child-menu li ul li h3 { padding: 4px 0 0 40px; } #kbp-navigation-area .top-navigation ul.child-menu li a { overflow: hidden; color: #004666; padding: 8px 4px 8px 16px; font-size: 14px; display: block; text-align: left; position:relative; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul.child-menu li a { font-size: inherit; } } #kbp-navigation-area .top-navigation ul.child-menu li a:hover, #kbp-navigation-area .top-navigation ul.child-menu li a.maintainHover { background: #dcdee1; } #kbp-navigation-area .top-navigation ul.child-menu li a:hover i:before, #kbp-navigation-area .top-navigation ul.child-menu li a.maintainHover i:before { color: #fff; } #kbp-navigation-area .top-navigation ul.child-menu li ul .one, #kbp-navigation-area .top-navigation ul.child-menu li ul .two, #kbp-navigation-area .top-navigation ul.child-menu li ul .three { width: 25%; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul.child-menu li ul .one, #kbp-navigation-area .top-navigation ul.child-menu li ul .two, #kbp-navigation-area .top-navigation ul.child-menu li ul .three { left: 0; position: static; width: 100%; } } #kbp-navigation-area .top-navigation ul.child-menu li ul.one { left: 25%; } #kbp-navigation-area .top-navigation ul.child-menu li ul.two { left: 50%; } #kbp-navigation-area .top-navigation ul.child-menu li ul.three { left: 75%; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul.child-menu li ul.one, #kbp-navigation-area .top-navigation ul.child-menu li ul.two, #kbp-navigation-area .top-navigation ul.child-menu li ul.three { left: 0; position: static; width: 100%; } } #kbp-navigation-area .top-navigation ul.child-menu li > ul { display: none; border-left: 1px solid transparent; position: absolute; top: 0; z-index: 5; background: transparent; left: 25%; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul.child-menu li > ul { border-left: 10px solid transparent; } } #kbp-navigation-area .top-navigation ul.child-menu li.hover > a { background: #dcdee1; } #kbp-navigation-area .top-navigation ul.child-menu li:hover > ul { display: block; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul.child-menu li:hover > ul { display: none; } } #kbp-navigation-area .top-navigation ul > li a { padding: 0 11px; text-decoration: none; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul > li a { padding: 20px 5px; } } #kbp-navigation-area .top-navigation ul > li a.text { border: 1px solid transparent; } #kbp-navigation-area .top-navigation ul#opg-nav-list > .nav-item > a, #kbp-navigation-area .top-navigation ul#opg-nav-list > .nav-item[firstlet=navigation] #navigation > .nav-item > a { line-height: 38px; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul#opg-nav-list > .nav-item > a, #kbp-navigation-area .top-navigation ul#opg-nav-list > .nav-item[firstlet=navigation] #navigation > .nav-item > a{ line-height: inherit; } } #kbp-navigation-area .top-navigation ul#opg-nav-list > li.search { display: none; } @media screen and (max-width: 800px) { .nav-open #kbp-navigation-area .top-navigation ul#opg-nav-list > li.search { display: block; } } #kbp-navigation-area .top-navigation ul#opg-nav-list > [firstlet=navigation] > div > ul > li > a{ line-height: 38px; margin-bottom:-1px; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation ul#opg-nav-list > [firstlet=navigation] > div > ul > li > a{ line-height: inherit; } } #kbp-navigation-area .top-navigation .notification-dropdown { background-color: #fff; border: 1px solid #e4e4e5; display: none; position: absolute; top: 40px; width: 400px; z-index: 99; -moz-box-shadow: 1px 0 4px #7f8789; -webkit-box-shadow: 1px 0 4px #7f8789; box-shadow: 1px 0 4px #7f8789; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation .notification-dropdown { width: 100%; left: 0; } } #kbp-navigation-area .top-navigation .notification-dropdown.display { display: block; } #kbp-navigation-area .top-navigation .notification-dropdown h3 { text-align: center; } #kbp-navigation-area .top-navigation .notification-dropdown a:after { display: none; } #kbp-navigation-area .top-navigation .notification-dropdown ul { overflow-y: scroll; display: block; height: 270px; overflow-y: auto; padding: 16px 0 12px; } #kbp-navigation-area .top-navigation .notification-dropdown ul li { cursor: default; line-height: 22px; position: relative; padding: 4px 40px; } #kbp-navigation-area .top-navigation .notification-dropdown ul li a { color: #004666; font-size: 15px; padding: 0; font-weight: normal; } #kbp-navigation-area .top-navigation .notification-dropdown ul li.new { background-color: #faf2de; } #kbp-navigation-area .top-navigation .notification-dropdown ul li .date { color: #7f8789; font-weight: normal; font-size: 12px; } #kbp-navigation-area .top-navigation .notification-dropdown .list-footer { border-top: 1px solid #e4e4e5; } #kbp-navigation-area .top-navigation .notification-dropdown .list-footer a { color: #004666; font-size: 15px; font-weight: 700; text-align: center; display: block; padding: 9px 0 13px; } #kbp-navigation-area .top-navigation .notification-dropdown .list-footer a:hover { background: #dcdee1; } #kbp-navigation-area .system-dd .mega-dropdown a.system-dropdown-trigger { display: none !important; } #kbp-navigation-area #system-dropdown { font-weight: normal; font-size: 15px; background: #fff; height:468px; } @media screen and (max-width: 800px) { #opg-navigation-area #system-dropdown { left: 0; width: 100%; height: auto; } } #kbp-navigation-area #system-dropdown .knollscroller { overflow-y: auto; float: left; height: 94%; width: 100%; padding-left:60px; margin-left:-60px; } @media screen and (max-width: 800px) { #kbp-navigation-area #system-dropdown .knollscroller { float: none; height: 100%; } } #kbp-navigation-area #system-dropdown ul { overflow: hidden; } #kbp-navigation-area #system-dropdown ul li { line-height: 38px; } #kbp-navigation-area #system-dropdown ul.head { color: #a8adb3; font-size: 12px; height: 30px; padding: 0px 0 0 15px; text-align:left; } #kbp-navigation-area #system-dropdown ul.head li.first { width: 30px; float: left; } #kbp-navigation-area #system-dropdown ul.head li.second { padding: 0 0 0 67px; } #kbp-navigation-area #system-dropdown ul.head li.third { display: none; } #kbp-navigation-area #system-dropdown ul.first { float: left; border-right: 1px solid #e4e4e5; overflow: visible; padding: 0px 10px 0 50px; width: 30px; min-height:100%; height:auto; } @media screen and (max-width: 800px) { #kbp-navigation-area #system-dropdown ul.first { padding-left: 15px; width: 58px; } } #kbp-navigation-area #system-dropdown ul.first li { clear: both; } #kbp-navigation-area #system-dropdown ul.first li .role-thumb { margin: -45px 0 0 0; left: 48px; line-height: 22px; } #kbp-navigation-area #system-dropdown ul.first li .role-thumb:before { left: -8px; border-right: solid 8px #335f7d; border-left: none !important; } #kbp-navigation-area #system-dropdown ul.first li .role-thumb:hover:before { border-right: solid 8px #004666; } #kbp-navigation-area #system-dropdown ul.first li.role-highlight { float: right; cursor: pointer; margin-right: 0; margin-top: 0; height: 38px; width: 40px; text-align: center; position:relative; } #kbp-navigation-area #system-dropdown ul.first li.role-highlight a { padding: 0; border: none; } #kbp-navigation-area #system-dropdown ul.first li.role-highlight .role-thumb { top:38px; } #kbp-navigation-area #system-dropdown ul.first li.role-highlight:hover .role-thumb { display: block; } @media screen and (max-width: 800px) { #kbp-navigation-area #system-dropdown ul.first li.role-highlight:hover .role-thumb { display: none; } } #kbp-navigation-area #system-dropdown ul.first li.hover-rocket-main { background: #f6f7f7; } #kbp-navigation-area #system-dropdown ul.first li.hover-rocket-main i { color: #004666; } #kbp-navigation-area #system-dropdown ul.first li.hover-rocket i { color: #004666; } #kbp-navigation-area #system-dropdown ul.second { border-right: 1px solid #f6f7f7; float: left; width: auto; width: calc(100% - 65px); min-height:100%; height:auto; } @media screen and (max-width: 800px) { #kbp-navigation-area #system-dropdown ul.second { float: none; } } #kbp-navigation-area #system-dropdown ul.second li { clear: both; width: 100%; } #kbp-navigation-area #system-dropdown ul.second li a { /* line-height: 32px; */ padding: 0 0 0 20px; width: 96%; } #kbp-navigation-area #system-dropdown ul.second li a.hover-state-second { color: #7f8789; } #kbp-navigation-area #system-dropdown ul.third { display: none; } #kbp-navigation-area #system-dropdown ul.third li { clear: both; width: 100%; } #kbp-navigation-area #system-dropdown ul.third li a { display: block; padding: 0 20px; } #kbp-navigation-area #system-dropdown ul.third li a:hover { color: #004666; background: #dcdee1; } #kbp-navigation-area .text { padding: 0 20px; } #kbp-navigation-area .vr { background: #e4e4e5; width: 1px; height: 92%; top: 32px; position: absolute; } @media screen and (max-width: 800px) { #kbp-navigation-area .vr { display: none; } } #kbp-navigation-area .vr.one { left: 25%; } #kbp-navigation-area .vr.two { left: 50%; } #kbp-navigation-area .vr.three { left: 75%; } #kbp-navigation-area #personal-nav { height: 100%; font-weight: normal; padding-right: 5px; float: right; } @media screen and (max-width: 800px) { #kbp-navigation-area #personal-nav { position: absolute; right: 0; top: 1px; } } #kbp-navigation-area #personal-nav li a { border: none; padding: 0 2px; } #kbp-navigation-area #personal-nav li a.text span { position: relative; bottom: 2px; } @media screen and (max-width: 800px) { #kbp-navigation-area #personal-nav li a.text span { display: none; } } #kbp-navigation-area #personal-nav li a.text:hover { color: #c6dfe7; text-shadow: 0 0 4px #004666; } #kbp-navigation-area #personal-nav li a.text:hover .icon-user { color: #c6dfe7; text-shadow: 0 0 4px #004666; } #kbp-navigation-area #personal-nav .user-dropdown { background: #fff; display: none; top: 40px; position: absolute; right: 0; width: 242px; z-index: 10; -moz-box-shadow: 0 1px 4px #7f8789; -webkit-box-shadow: 0 1px 4px #7f8789; box-shadow: 0 1px 4px #7f8789; } #kbp-navigation-area #personal-nav .user-dropdown.display { display: block; } #kbp-navigation-area #personal-nav .user-dropdown ul { height: 100%; list-style-type: none; margin: 0; padding: 0 0 7px; float: none; padding: 0; margin: 0; width: 100%; } #kbp-navigation-area #personal-nav .user-dropdown ul li a { color: #004666; display: inline-block; font-weight: 700; font-size: 15px; padding: 5px 20px 9px; width: 202px; } #kbp-navigation-area #personal-nav .user-dropdown ul li a:hover { background: #dcdee1; } #kbp-navigation-area #personal-nav .user-dropdown ul li a.text { line-height: 38px; } #kbp-navigation-area #personal-nav .user-dropdown .info { border-bottom: 1px solid #a8adb3; color: #a8adb3; font-size: 12px; line-height: 19px; /* margin-bottom: 13px; */ padding: 15px 0 7px; width: 100%; } #kbp-navigation-area #personal-nav .user-dropdown .info div { padding: 2px 20px; } #kbp-navigation-area #personal-nav .user-dropdown .info div span.user-id { text-transform: uppercase; font-weight: bold; } #kbp-navigation-area #personal-nav .user-dropdown .info div span { font-weight: bold; } @media screen and (max-width: 800px) { #kbp-navigation-area .mobile-collapse, #kbp-navigation-area .mobile-collapse > a { position: relative; } #kbp-navigation-area .mobile-collapse { width: 100%; } #kbp-navigation-area .mobile-collapse > a { width: auto; display: block !important; } #kbp-navigation-area .burger-nav { width: 40px; height: 40px; position: relative; } #kbp-navigation-area .burger-nav .burger-inner { padding: 11.5px 8px; display: block; } #kbp-navigation-area .burger-nav .burger-inner span { width: 24px; height: 2px; display: block; background: #c6dfe7; -moz-box-shadow: 0 0 4px #004666; -webkit-box-shadow: 0 0 4px #004666; box-shadow: 0 0 4px #004666; margin-top: 5px; opacity: 1; transition: all 0.2s; } #kbp-navigation-area .burger-nav .burger-inner span:first-child { margin-top: 0; } #kbp-navigation-area .burger-nav .burger-inner:hover span { background: magenta; } #kbp-navigation-area .burger-nav.nav-open .burger-inner { padding: 0; position: relative; height: 40px; width: 40px; } #kbp-navigation-area .burger-nav.nav-open .burger-inner span { margin: 0; } #kbp-navigation-area .burger-nav.nav-open .burger-inner .center { display: none; opacity: 0; } #kbp-navigation-area .burger-nav.nav-open .burger-inner .top, #kbp-navigation-area .burger-nav.nav-open .burger-inner .bottom { height: 2px; width: 24px; position: absolute; top: 20px; left: 10px; } #kbp-navigation-area .burger-nav.nav-open .burger-inner .top { transform: rotate(45deg); } #kbp-navigation-area .burger-nav.nav-open .burger-inner .bottom { transform: rotate(-45deg); } } #kbp-navigation-area .system-dd .mega-dropdown { width: 100%; max-width: 748px; margin-left: 50%; left: -378px; } @media screen and (max-width: 800px) { #kbp-navigation-area .system-dd .mega-dropdown { margin-left: 0; left: 0; } } #kbp-navigation-area .system-dd .mega-dropdown .mega-dropdown { width: 100%; } #kbp-navigation-area .mega-dropdown { background: #fff; width: auto; min-height: 468px; position: absolute; display: none; left: 0; right: 0; top: 40px; z-index: 9; border-left: 1px solid #f6f7f7; border-right: 1px solid #f6f7f7; border-bottom: 1px solid #f6f7f7; -moz-box-shadow: 1px 2px 2px #7f8789; -webkit-box-shadow: 1px 2px 2px #7f8789; box-shadow: 1px 2px 2px #7f8789; } .popeye #kbp-navigation-area .mega-dropdown { display: block; } @media screen and (max-width: 800px) { #kbp-navigation-area .mega-dropdown { min-height: 0; position: relative !important; top: 0; left: 0; right: 0; border: 0 none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } } @media screen and (min-width: 801px) { #kbp-navigation-area .mega-dropdown.display { display: block; } } #kbp-navigation-area .mega-dropdown ul li a { color: #004666; } #kbp-navigation-area .mega-dropdown ul.second li a:hover { background: #dcdee1; } #kbp-navigation-area .subnav-indicator { color: #7f8789; font-size: 12px; margin-left: 8px; display: inline-block; vertical-align: top; position: absolute; right: 0; padding: 8px 20px; top: 0; } @media screen and (max-width: 800px) { #kbp-navigation-area .subnav-indicator { padding: 8px 14px; margin: -8px 0 -9px -6px; position: relative; } } #kbp-navigation-area .nav-alert { background: #a21e4d; color: #fff; width: 26px; height: 17px; font-size: 10px; line-height: 16px; position: absolute; text-align: center; font-weight: bold; margin-top: -12px; margin-left: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 #004666; -webkit-box-shadow: 0 1px 0 #004666; box-shadow: 0 1px 0 #004666; } #kbp-navigation-area .nav-alert.fixed-nav { margin-top: 0; } @media all and (max-width:800px){ .top-navigation ul .nav-item > a{ padding:20px 5px !important; } } @media screen and (min-width: 801px) { .large-display { display: block !important; } } @media screen and (max-width: 800px) { .mobile-display { display: block !important; } } @media screen and (max-width: 800px) { #opg-navigation-area .mobile-active .mega-dropdown { display:block; } } @media screen and (min-width: 801px) { #opg-navigation-area .active .mega-dropdown { display:block; } } @media screen and (max-width: 800px) { .mobile-absolute { position: absolute; background: white; left: 0; right: 17px; padding-bottom: 9px; } .mobile-absolute + ul { margin-top: 47px !important; } } #kbp-navigation-area .child-menu .nav-item > a { font-family: "TheSans",sans-serif !important; color: #004666 !important; display: block !important; padding: 8px 4px 8px 16px !important; } @media screen and (max-width: 800px) { #kbp-navigation-area .child-menu .nav-item > a { font-family: "TheAntiqua",serif !important; } } #kbp-navigation-area .child-menu .nav-item > a:hover { text-decoration: none !important; } #kbp-navigation-area .child-menu .nav-item > a:hover:after { height: 0 !important; } #kbp-navigation-area .top-navigation li.system-dd:hover .text { color: #053654 !important; } .system-dd .mega-dropdown { width: 748px; margin: 0 auto; left: 250px; } #system-dropdown ul.second li a { text-align: left; } #kbp-navigation-area .top-navigation .child-menu { width: 25%; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation .child-menu { width: auto; } } #kbp-navigation-area .top-navigation .child-menu .child-menu { width: 25%; left: 25%; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation .child-menu .child-menu { width: auto; left: 0; } } #kbp-navigation-area .top-navigation .child-menu .child-menu .child-menu { left: 100%; width: 100%; } @media screen and (max-width: 800px) { #kbp-navigation-area .top-navigation .child-menu .child-menu .child-menu { width: auto; left: 0; } } .kbp-support-content a { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .text.right-aligned ol { padding-left: 35px; } #settings .alertingEmailNotificationHeadline { margin-top: 30px; } #settings .alertingEmailNotificationItem { border-bottom: 1px solid #e4e4e5; } #settings .alertingEmailNotificationItem:last-child { border-bottom: 0 none; } #settings .alertingEmailNotificationSelect { padding: 5px 10px; margin-top:6px; margin-bottom:6px; } #settings .process:before { display: none; } @media screen and (max-width: 800px) { #settings { display: flex; flex-direction: column; } #settings > #content-left, #settings > #content-full { position: relative; } #settings > #content-right { position: relative; order: -1; } } .public-documents { display: flex; flex-direction: column; } .public-documents .single-document, .public-documents .tasks-container .single-task, .tasks-container .public-documents .single-task { order: 2; width: 100%; } .news-wrapper .st_text_image_block { margin-top: 20px; } .reveal-modal.video-modal .video-wrapper { padding: 0 47px; } .document-container .single-document .document-icon{ top:36px; } .document-container .single-document .single-document-date{ padding-left:19px; } .kbp-new-design .portlet-column.large-3.column h4{ word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .video-suggestion .sidebar { padding-top:0; }