.kbee .browser .grid .grid-body .col .eform {line-height: 21px;} .kbee .browser .grid .grid-body .col .eform .control-label {font-size:1em; width: 25%; float:left;} .kbee .browser .grid .grid-body .col .eform .control-label label {text-transform:none; float:left;padding-left: 0; padding-top: 3px; padding-bottom: 3px; float: left; margin:0;} .kbee .browser .grid .grid-body .col .eform .control { float:left;} .kbee .browser .grid .grid-body .col .eform .form-group {margin:0; } .kbee .bold {font-weight: bold;} .kbee .square {border: 1px solid #ced5d8; padding:0px 0px; background:white; text-align:center; border-radius:4px;position:relative; float:left; height:56px; font-size:13px;} .kbee .page-header-left-tools {width: initial; display: table; padding-top: 0; position: absolute; bottom: 0px; right: 0;} .kbee .task-info {width:100%; float:left;} .kbee .task-info td {padding-left: 0; padding-top:3px; padding-bottom:3px; float:left;} .kbee .task-info td .label {font-weight:bold;} /* --------- */ /* File List */ /* --------- */ .kbee .icon .media-left { float: left; padding: 0px 0 0 0; margin-right: 15px; margin-top: 2px;} .kbee .media-left .fal {font-size:30px; margin-top:0px;} .kbee .detail .media {float:left; width:100%;} .kbee .detail li.media {margin-top: 0em; padding: 18px 10px;} .kbee .detail .media-body {float: left; clear: right; margin-left: 0px;} .kbee .detail .media-left {float:left;} .kbee .detail ul li.media:first-child {margin-top: 0;} .kbee .thumbnail { display: block; padding: 0; margin-bottom: 0px; line-height: inherit; background-color: inherit; border: none; border-radius: 0; -webkit-transition: none; -o-transition: none; transition: none; } /** -------------------------------- EFORMS **/ .kbee .detail .media-body { margin-left: 40px; float:none; width:auto; display:block; margin-top:0; margin-left:0;} .kbee .eform .icon .media-body, .kbee .detail .icon .media-body { margin-left: 40px; float:none; width:auto; display:block; margin-top:0; } .kbee .eform .thumbnail .media-left, .kbee .detail .thumbnail .media-left {height:initial; margin:0;} .kbee .eform .thumbnail .media-left > img, .kbee .detail .thumbnail .media-left > img, .kbee .eform .thumbnail .media-left a > img, .kbee .detail .thumbnail .media-left a > img {margin: 0px auto 0px auto; position: relative; max-width: 100%; max-height: 100%; top: initial; left: initial; transform: none;} .kbee .eform .thumbnail .media-body, .kbee .detail .thumbnail .media-body {margin-left:142px;} .kbee .eform .thumbnail_large .thumbnail, .kbee .detail .thumbnail_large .thumbnail {padding: 0; height: initial !important; overflow: hidden; background: #f7f7f7; border: 1px solid #f7f7f7; position: initial;} .kbee .eform .thumbnail_large .thumbnail a img, .kbee .eform .thumbnail_large .thumbnail {max-height:480px;} .kbee .detail .thumbnail_large .thumbnail a img, .kbee .detail .thumbnail_large .thumbnail {max-height:560px;} .kbee .eform .thumbnail_large .thumbnail a img, .kbee .detail .thumbnail_large .thumbnail a img {margin: 0px auto 0px auto; position:relative; max-width:100%; top: initial; left: initial; transform: none;} .kbee .eform .thumbnail_large li.media:nth-of-type(2n+1), .kbee .detail .thumbnail_large li.media:nth-of-type(2n+1) {border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;} .kbee .eform .thumbnail_large li.media, .kbee .detail .thumbnail_large li.media {border:1px solid #eeeeee; border-top: none;} .kbee .eform .thumbnail_large .media-body, .kbee .detail .thumbnail_large .media-body {text-align: center;width: 100%; max-height: initial; overflow: auto; margin-top: 15px;} .kbee .eform .thumbnail_large li.media, .kbee .detail .thumbnail_large li.media {height: initial;} .kbee .control-label {font-size:0.88em;} .kbee .form-container label, .kbee .eform label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; font-size: inherit; color: #303436; text-transform: uppercase;} .kbee .eform .section-container {margin-bottom:15px;} .kbee .task-editor .alert-outside-container {width:100%; float:left;padding:2px;} /** --- */ .kbee a:disabled i {color:red !important;} .kbee .vertical-tabbed-panel .one-panel {border-right: none !important; right: 0 !important;} .kbee .icon-flipped { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1);} .kbee .onepad {padding:30px 30px;} .kbee .expanddown {margin-top: 0px; width:100%; float:left;} .kbee .expanddown .internal-hideshow {margin-top:0px; float:right;} .kbee .notexpanddown {margin-top: 0px; position: relative;} .kbee .notexpanddown .internal-hideshow {margin-top: 0px; position: absolute; right: 0; top: 0; float: right; z-index: 999999;} .kbee h2 .suffix {font-size:0.8em; font-weight:normal; color:inherit;margin-left:5px;} .kbee .console-page-header h1 a {color: #007cba;} .kbee .atright { margin-left: 6px;} /** -------------------------------- PORTAL **/ .kbee .page-structure .tabs .nav>li>a {padding: 7px 20px; color: #007cba; border-radius: 4px 4px 0 0;} .kbee .fleft {float:left;} .kbee .fright {float:right;} .kbee .nav a.selected {background:#f9f9fa;} .kbee .atleft {float:left; border-right: 1px solid #eeeeee; left: 1px;} .kbee .kbpanel-flat .block-internal-panel-body { margin-top: 0px; background: white; border: 1px solid #eeeeee; } .kbee .kbpanel-flat .block-panel-container {padding:1px; width:100%; float:left;} .kbee .kbpanel-hierarchy .controller .head {border: 1px solid #f7fafd; border-top: none; border-bottom: none;} .kbee .kbpanel-hierarchy .block-internal-panel-body {margin-top:0 !important;} .kbee .kbpanel-hierarchy .block-panel-container {margin:1px;} .kbee .kbpanel-hierarchy .area-body-container {padding: 1px 15px 0 15px;} .kbee .kbpanel-hierarchy .block-list {padding:0px;} .kbee .kbpanel-hierarchy .block-list .kbpanel-hierarchy {padding:0; border:none;} .kbee .kbpanel-flat .kbpanel-selected > .controller, .kbee .kbpanel-selected > .controller {background-color: #414d61; color:white;} .kbee .kbpanel-flat .kbpanel-selected > .controller .head, .kbee .kbpanel-selected > .controller .head {background-color: #414d61; color:white;} .kbee .kbpanel-hierarchy .controller, .kbee .kbpanel-hierarchy .head {background-color: #eaf0f7;} .kbee .kbpanel-flat .head, .kbee .kbpanel-flat > .controller {background-color: #eaf0f7;} .kbee .kbpanel-selected > .controller > .head .highlight, .kbee .kbpanel-selected > .controller > .head a, .kbee .kbpanel-selected > .controller > .head a.btn-mini > .fal, .kbee .kbpanel-selected > .controller > .head a.btn-mini > .far, .kbee .kbpanel-selected > .controller > .head .kbee a.btn-mini > .fa {color: white;} .kbee .kbpanel-selected > .controller > .head .dropdown-menu a {color: #303436;} .kbee .page-structure {margin-top:0px;} .kbee .page-structure .main-panel {border-left: 1px solid #eeeeee; padding:15px; min-height: calc(100vh - 268px);} .kbee .page-structure .editor-panel {border-right: 1px solid #eeeeee; left: 1px;} .kbee .page-structure .internal-hideshow .dmenu {margin-right:15px;} .kbee .editor-panel {padding:15px;} .kbee .kbpanel .dropdown-menu > li > span > em, .kbee .kbpanel .dropdown-menu > li > div > a, .kbee .kbpanel .dropdown-menu > li > a { padding: 5px 20px; font-size:12px;} .kbee .list-group-item a.dmenu { padding-top: 12px; padding-bottom: 12px; padding-right: 10px; padding-left: 10px;} .kbee .list-group-item a.imenu { padding-top: 0px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px; margin-right: 15px;} .kbee .portal-error, .kbee .site-error, .kbee .page-error, .kbee .pagesection-error, .kbee .area-error, .kbee .block-error {width: 100%; background-color: #fae8e9; border-left: 12px solid #d01a1f; color: #7b1c1c; border-radius: 4px; float: left; height: initial; display: block; padding: 15px; margin: 0; font-size:13px;} .kbee .area-internal-panel-body {min-height:120px; float:left; width:100%; background: #fefefc; padding:15px; border: 1PX SOLID #EEEEEE; MARGIN-TOP:1PX;} .kbee .block-internal-panel-body {min-height:100px; float:left; width:100%; background: #fefefc; padding:15px; border: 1PX SOLID #EEEEEE; MARGIN-TOP:1PX; } .kbee .dummy-block-body {width: 100%; background: #f9f9fa; border: none; float: left; height: 80px; display: block; padding: 15px; margin: 0; font-size:13px;} .kbee .dummy-area-header { width: 100%; background: #f9f9fa; border: none; float: left; height: auto; display: block; padding: 5px 15px; margin: 0; font-size: 13px; line-height: 1.5em;} .kbee .kbpanel h3 { font-size: 12px; text-transform: uppercase; margin-top: 0;} .kbee .kbpanel {border-bottom: none; float:left; width:100%; padding:0px;} .kbee .kbpanel-hierarchy {border-right: 15px solid white; border-left: 15px solid white;border-top:1px solid white;} .kbee .kbpanel-flat {border-right: none; border-left: none; } .kbee .kbpanel-flat .kbpanel-subpanel, .kbee .kbpanel-hierarchy .kbpanel-subpanel { width:100%; float:left; } .kbee .kbpanel .head a {color:#22528e;} .kbee .head {border: none; } .kbee .kbpanel-flat .head {margin-top: 0px; border: 1px solid white; border-top: none;} .kbee .page-header-container, .kbee .pagesection-header-container, .kbee .block-header-container, .kbee .area-header-container {padding: 10px 15px; background: #f9f9fa; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;} .kbee .kbpanel .controller { width: 100%; float:left; border: none; font-size: 13px; color: #3e526b;} .kbee .kbpanel .head .highlight {color: #dc5029;} .kbee .kbpanel .controller h2, .kbee .kbpanel .controller h3 {font-size:12px;} .kbee .kbpanel .controller .ago {color:inherit; font-size: inherit;} .kbee .kbpanel .controller .head {font-size:12px; text-transform: uppercase; margin-bottom: 0px; float: left; line-height: 25px; padding:5px 15px; width:100%; } .kbee .kbpanel .controller .list-group {padding: 5px 15px; /*border:1px solid #d0dcf1;*/ border-radius: 4px;} .kbee .kbpanel .controller .list-group-item {padding: 4px 0px;} .kbee .kbpanel .controller .list-group-item .label {font-weight: bold; width: 15em; max-width:50%; float: left; text-align: left;} .kbee .kbpanel .row {margin:0;} .kbee .kbpanel .col-lg-12, col-lg-11, col-lg-10, col-lg-9, col-lg-8, col-lg-7, col-lg-6, col-lg-5, col-lg-4, col-lg-3, col-lg-2, col-lg-1 {padding-left:0; padding-right:0;} .kbee .kbpanel .col-md-12, col-lg-md, col-md-10, col-md-9, col-md-8, col-md-7, col-md-6, col-md-5, col-md-4, col-md-3, col-md-2, col-md-1 {padding-left:0; padding-right:0;} .kbee .kbpanel .col-xs-12, col-xs-11, col-xs-10, col-xs-9, col-xs-8, col-xs-7, col-xs-6, col-xs-5, col-xs-4, col-xs-3, col-xs-2, col-xs-1 {padding-left:0; padding-right:0;} .kbee .kbee .block-panel-container {width:100%; float:left;} .kbee .block-panel {width:100%; float:left;} .kbee .area-panel-container {width:100%; float:left;} .kbee .block-list {width:100%; float:left;} .kbee .block {width:100%; float:left;} .kbee .block-panel {width:100%; float:left;} .kbee .ps-panel-container {width:100%; float:left;} .kbee .area-list {width:100%; float:left;} .kbee .area {width:100%; float:left;} .kbee .area-panel {width:100%; float:left;} .kbee .ps-top {width:100%; background:#f9f9fa; float:left;} .kbee .ps-main {width:100%; float:left;} .kbee .ps-main-left {float:left; background: inherit;} .kbee .ps-list-left {width:100%; float:left;} .kbee .ps-left {width:100%; float:left;} .kbee .ps-main-right {float:left; background:#cccccc;} .kbee .ps-right {width:100%; float:left; } .kbee .ps-bottom {width:100%; background:#f9f9fa; float:left;} .kbee .w30 {width:30%;} .kbee .w70 {width:70%;} .kbee .w100 {width:100%;} /** --------------------------------**/ .kbee .input-container {border:1px solid #dededf; width:100%;border-radius:4px;} .kbee .container-panel .input-container input.form-control {width:calc(100% - 64px); border:none; } .kbee .container-panel-centered .input-container input.form-control {padding-left: 43px; width: calc(100% - 43px); border: none; padding-right: 0;} .kbee .input-container .tools-container {float:right; right:0;} .kbee .input-container .tools-container .help {font-size: 11px; float: right; padding: 12px 8px; margin-right: 1px; margin-top: -40px;} .kbee .input-container .tools-container .preview {float: right; padding: 12px 10px 6px 10px; margin-right: 1px; margin-top: -40px;} /** -------------------------------- REAPLAGE -------------------------------**/ .kbee .grid-row a {color: #007cba;} .kbee .grid-row a.btn-link {text-decoration:none;} .kbee .toast-info { color: white; background-color: #007cba; border-color: #d2e5f3;} .kbee .toast-success { color: white; background: #205608;} .kbee .bootstrap-select button.dropdown-toggle {padding: 9px 10px;} .kbee .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .kbee .bootstrap-select {width:100%; min-width:72px;} .kbee i.info {color:#007cba;} .kbee .grid .comfortable i.info {font-size:40px; padding:0 15px;} .kbee .grid i.info {font-size:30px; padding:0 15px;} .kbee .dropdown-menu .bootstrap-select.btn-group .dropdown-menu li a {padding: 4px 12px; } .kbee .dropdown-menu .bootstrap-select-container {padding: 0; color: #303436; margin: 0 0px; float:right; border-radius: 0px; box-sizing: border-box; font-weight: normal;} .kbee .dropdown-menu .bootstrap-select .btn {padding: 7px 25px 7px 12px;} .kbee .dropdown-menu .bootstrap-select { margin:0; padding:0; width:100%;} .kbee .grid-toolbar .dropdown-menu .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%;} .kbee .toolbar-buttons .bootstrap-select {margin-top: 0px;} .kbee .bootstrap-select.btn-group .btn .caret {margin-top:-2px;} .kbee .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #dededf; border-radius: 3px; background-color: #fff; transition: none; } .kbee .section-body .keyc {display: table-cell; float: none; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee;} .kbee .section-body .keyc .label {font-weight:bold;} .kbee .section-body .valuec {display: table-cell; float: none; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eeeeee;} .kbee .grid-header .selector .dropdown-menu { min-width: 260px; right:initial;} .kbee .grid-header .dropdown-menu { min-width: 340px; right: -15px;} .kbee .grid-header .dropdown-menu a.btn-mini {background:none; padding:5px 0; margin:0; border-radius:4px; float:left; width:50%; font-size: 10px; margin-bottom:0; text-align:center;} .kbee .grid-header .dropdown-menu a.btn-mini:hover {background:#f2f2f2;} .kbee .browser .grid-header .dropdown-menu a.btn-mini .fal, .kbee .browser .grid-header .dropdown-menu a.btn-mini .fa {font-size: 13px;} .kbee .console-top .head-right {min-height: calc(100vh - 120px);} .kbee .member-main-panel .vertical-tabbed-panel .internal-console {margin: -15px -15px;} .kbee .member-main-panel .internal-console .tab-pane {padding-top:0;} .kbee .member-main-panel .browser .grid .row-container, .kbee .member-main-panel .browser .grid .grid-header {border-left:1px solid #eceeef;} .kbee .browser .grid .row-container {border-top: 1px solid #eceeef; padding:0;} .kbee .progress-bar { float: left; width: 0; height: 100%; font-size: 11px; line-height: 18px; color: #fff; text-align: center; background-color: #007cba; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .kbee .border-bottom {border-bottom: 1px solid #dededf;} .kbee .border-top {border-top: 1px solid #dededf;} .kbee .border-separator {border-right: 1px solid #dededf;} .kbee .issort-icon {margin-right:12px;} .kbee .browser .grid .grid-header .col:hover .header-col-menu {display:block;} .kbee .header-col-menu {display:none; float:right; position:absolute; right: 15px; background: RGBA(249,249,250,0.75) } .kbee .header-col-menu a i:hover, .kbee .header-col-menu a.btn-link:hover {cursor:pointer;} .kbee .dropdown-menu > li {margin-bottom:0;} .kbee .dropdown-menu .section-header {padding: 15px 15px 5px 20px; font-weight:bold; text-transform: uppercase;} .kbee .only-root {font-size: 12px ; color: #FF6437; font-style:italic; font-weight:normal;} .kbee .table-header-bck thead tr {background:#f9f9fa;} .kbee .panel > .table-responsive > .table-lateral-border {border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;} .kbee .alert p {margin:0;} .kbee .browser .nav-tabs > li > a, .kbee .browser .nav-tabs > li.active > a, .kbee .browser .nav-tabs > li.active > a:hover, .kbee .browser .nav-tabs > li.active > a:focus {color:#007cba;} /** -------------------------------- Detail **/ .kbee .list-group-item .dropdown {position:inherit;} .kbee .detail .media-left .fal {font-size: 30px;} .kbee .attribute-name label {margin:0;} .kbee .attribute-value label {margin:0;} .kbee .section-classification .attribute-name {padding:10px 15px; border-right:1px solid #eeeeee;} .kbee .detail .section-classification .attribute-name {padding:10px 15px; border-right:1px solid #eeeeee;} .kbee .section-classification .attribute-value {padding:10px 12px; border-left:1px solid #eeeeee; margin-left:-1px;} .kbee .detail .section-classification .attribute-value {padding:10px 15px; border-left:1px solid #eeeeee; margin-left:-1px;} .kbee .detail .detail-area {border: none; width:100%; float:left;} .kbee .section {border: none; float:left; width:100%; margin-bottom:30px;} .kbee .detail ul.section-classification > li {padding-top: 0px; padding-bottom:0px;} .kbee .detail { float: left; padding: 15px 0; width: 100%; min-height: calc(100vh - 112px);} .kbee .detail p {margin:0;} .kbee .detail ul.classification {padding:0;} .kbee .detail ul.classification li.section {margin-bottom:30px;} .kbee .detail ul.classification li.section:last-child {margin-bottom:0;} .kbee .checkout-icon {float: left; padding: 7px 4px 0 0; color:#efc075; margin-left: -25px;} .kbee .version-icon {float: left; padding: 6px 10px 6px 10px; color: #a90000; margin-left: -40px;} .kbee .section > ul {width:100%;} .kbee .detail li.media:hover {background: none; } .kbee .task {color:#FF6437;} .kbee .meta {color:#FF6437; font-style:italic;} .kbee .detail .text-viewer ul li { list-style-type: square; width: calc(100% - 20px); float: left; line-height: 1.75em; padding: 2px 12px; margin-left: 20px;} .kbee .form-container .form-group:last-child {margin-bottom: 25px;} .kbee .content-class-workflow-editor .launcher-editor-container {width:100%; border:1px solid #eeeeee; padding:15px; float:left; border-radius: 4px;} .kbee .procedure-editor .launcher-editor-container {width:100%; border:none; padding:0; float:left; border-radius: 0;} .kbee .detail h1 {font-size:23px;line-height: 1.4em;} .kbee .detail h2 {margin:0 0 10px 0;} .kbee h2.section-header, .kbee .task-form h2.section-header, .kbee .detail-area h2.section-header, .kbee .detail .section-header {margin:0; padding:8px 15px; border:1px solid #eeeeee; border-radius:0; background:#f9f9fa; border-radius: 4px 4px 0 0; float:left; width:100%;} .kbee .detail .section-header h2 {line-height:22px; margin:0;} .kbee .browser .list-group-item a.dmenu { padding-top: 12px; padding-bottom:12px; padding-right:10px; padding-left:10px;} .kbee .detail ul.classification li dl {margin:0;} .kbee .detail ul.media-list {margin:0;} .kbee .detail label {margin:0;} .kbee .detail .classification {margin:0;} .kbee .detail .main-area {backgroud:red;} .kbee .detail .media-body {float:left;} .kbee .detail h4 { font-size: 14px;} .kbee .detail ul.classification li { adding: 0;} .kbee .bookmarks .list-group-item a.dmenu {position:absolute; top:0; right:0;} .kbee .home .bookmarks {padding-left:0; padding-right:0;} .kbee .home .bookmarks .nav > li > a {padding-top:3px; padding-bottom:3px;} .kbee .home .nav-horizontal {border-bottom: 1px solid #EBF0F2;} .kbee .home .tabs ul.nav-pills > li > a {text-transform: uppercase; } .kbee .home .tabs ul.nav-pills > li.active > a {text-transform: uppercase; font-weight: bold;} .kbee .home .tabs ul.nav-pills > li.active > a {border-bottom: 2px solid #007cba;margin-bottom: -2px;} .kbee .filelist {width:100%; float:left;} .kbee .abstract {font-size: 27px; color: #999999; width:100%; line-height: 1.35em; font-weight: 300; padding: 25px 5%; float: left;} .kbee h1.inst {font-size:37px; width:100%; color: #303436;} .kbee h2.inst {font-size: 1em; padding-bottom: 10px; position: relative; text-transform: none; font-size: 28px; font-weight: normal; color: #303436; padding: 22px 0 10px 0;} .kbee h3.inst {font-size: 1em; font-weight: bold; text-transform: uppercase; color: #007cba; margin-top: 15px;} .kbee h2.rp-heading {padding-top: 25px;} .kbee .detail ul.related-list li.list-group-item:first-child { margin-top:0;} .kbee .detail ul.related-list{ margin-top:15px;} .kbee .detail ul.related-list li.list-group-item { margin-top:15px;} .kbee .detail ul.related li.list-group-item:first-child { margin-top:0;} .kbee .detail ul.related li.list-group-item { border:none; padding:0; float:left; width:100%;} .kbee .detail .related .media-body { margin:0; float:left; width:100%;} .kbee li.media-resource-group {padding:0 10px;} .kbee .detail .tab-pane {padding-top:0;} .kbee .detail a.title {color: #303436;;} .kbee .main-searcher .side-form {margin: 0;padding: 0;width: 100%;top: calc(50% - 44px);position: absolute;} .kbee .main-searcher .side-form .suggester-container .tt-menu { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin: 1px 0; padding: 4px; font-size: 14px; width: 112%;} .kbee .panel-header { margin-bottom: 0px; float: left; width: 100%; position: relative; margin-top: 0px; height: 64px; border: 1px solid transparent; padding: 15px;} .kbee .detail .left-panel {border-right: 1px solid #eeeeee; box-sizing: border-box;} .kbee .detail .search-right-panel {border-left: 1px solid #eeeeee; min-height: calc(100vh - 180px); display: block; border-radius: 0px; top: 0; right:0; background: white; border-bottom: none; padding: 6px 25px; } /* Detail */ .kbee .detail .mt1em {margin-top: 1em;} .kbee .detail .mt2em {margin-top: 2em;} .kbee .detail .mt3em {margin-top: 3em;} .kbee .detail .mt4em {margin-top: 4em;} .kbee .detail .mt5em {margin-top: 5em;} .kbee .detail .mb1em {margin-bottom: 1em;} .kbee .detail .mb2em {margin-bottom: 2em;} .kbee .detail .mb3em {margin-bottom: 3em;} .kbee .detail .mb4em {margin-bottom: 4em;} .kbee .detail .mb5em {margin-bottom: 5em;} .kbee .detail .mb6em {margin-bottom: 6em;} .kbee .detail .pt6em {padding-top: 6em;} .kbee .detail .pdl0 {padding-left: 0 !important;} /* --------- */ .kbee .detail {width:100%;} .kbee .detail .main-area {width:100%;} .kbee .detail li.media:first-child {border-top: none;} .kbee .detail li.media { margin: 0; padding: 15px 15px; border-radius: 0; border: 1px solid #eeeeee; border-top: none;} .kbee .detail li.media:last-child {border-radius: 0 0 4px 4px;} .kbee .detail .media-left {margin-right: 20px;} /**.kbee .detail .media-body {width: calc(100% - 50px);}**/ .kbee ul.media-list .ago {color: inherit; font-size: inherit;} .kbee .resources-panel .btn-mini {padding:8px;} .kbee .media-body textarea {height: 84px; float:left; padding: 12px;} .kbee .media .open > .dropdown-menu { display: block; overflow: visible; float: right; margin-top: 8px; margin-right:0px} .kbee ul.media-list { border: none; float: left; display: block; padding: 0; margin-left: 0px;} .kbee ul.media-list li.bck:nth-of-type(odd) {background:#fcfcfc; border-top: 1px solid #eceeef; border-bottom: 1px solid #eceeef;} .kbee ul li.media:hover {background: #f4f4f4;} .kbee .thumbnail_large li.media .thumbnail:hover {background: inherit;} .kbee ul li.media {display: inline-block; overflow: initial; } .kbee ul li.media:first-child { margin-top: 0; } .kbee ul li.media {border-radius: 4px; overflow: visible;} ul.section-classification li:last-child .attribute-name {border-radius: 0 0 0 4px;} ul.section-classification li:last-child .attribute-value {border-radius: 0 0 4px 0px;} /* ------------------------------------------------------------------------------------------------------------------- */ .kbee a.btn-link .ago {text-decoration: none;} .kbee .table {margin:0;} .kbee .navigator a.btn-link {padding:10px;} .kbee li.media-resource-group {padding:0px;} .kbee .vertical-tabbed-panel .head-left {float:left; border-right: 1px solid #eeeeee; padding:15px 30px;} .kbee .vertical-tabbed-panel .head-right {float:right; border-left: 1px solid #eeeeee; padding:15px 30px;} .kbee .vertical-tabbed-panel .content-left {float:left; border-right: 1px solid #eeeeee; right:-1px; padding:15px 30px;} .kbee .vertical-tabbed-panel .content-right {float:right; border-left: 1px solid #eeeeee; left:-1px; padding:15px 30px;} .kbee .acl-editor .table > thead > tr > .principal {text-align: left !important;} .kbee .stacked-tabs .tabs ul.nav-stacked {margin-top:10px; width:100%;} .kbee .stacked-tabs .tab-pane .button-container button {margin:0;} .kbee .tabs ul.nav-stacked>li>a {opacity:1;} .kbee .value .relation-grid-editor label {font-weight:bold;} .kbee .tt-menu {max-height: 480px;} .kbee .page-header .navigator {padding-top:7px;} .kbee .page-header input {height:30px;} .kbee .page-header .input-group-btn .fal, .kbee .page-header .input-group-btn .far, .kbee .page-header .input-group-btn .fa {color: #37474F;} .kbee .page-header ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #777777 !important; font-size:13px; } .kbee .page-header ::-moz-placeholder { /* Firefox 19+ */ color: #777777 !important; font-size:13px;} .kbee .page-header ::-ms-input-placeholder { /* IE 10+ */ color: #777777 !important; font-size:13px;} .kbee .page-header ::-moz-placeholder { /* Firefox 18- */ color: #777777 !important; font-size:13px;} .kbee .page-header .suggester-container .tt-menu { width: 408px;} .kbee .page-header .suggester-container .input-group {border:1px solid #eeeeee; margin: 0 6px; padding:0; height:34px; float:left; display:table; } .kbee .page-header .suggester-container input {background: white; border: none !important; height: 32px; margin: 0; border: 1px solid white; font-size: 14px; padding: 0px 12px; margin-bottom: 0px; color: #303436; border-right: none !important; border-radius: 32px 0 0 32px; font-size: 12px; width:220px;} .kbee .page-header .suggester-container { margin-bottom: 0px; background: inherit;} .kbee .page-header .twitter-typeahead {background: inherit;} .kbee .page-header .fa-spin {font-size:14px; padding:5px 0px;} .kbee .page-header .input-group-btn:last-child > .btn, .kbee .page-header .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: 0px; padding: 2px 1px 1px 1px; border-radius: 0 32px 32px 0; background: inherit; color: #999999; border: 1px solid transparent; height: 32px; background: white; border-radius: 32px; box-shadow: none; border-right: none; width: 38px; margin-top:0; margin-bottom:0; } .kbee .list-group-item a.dmenu i {color: #007cba;} .kbee .list-group-item a.dmenu { top: calc(50% - 16px); padding: 6px 10px; position: absolute; right: 0;} .kbee .tab-panel .breadcrumb a {text-decoration: underline;} .kbee .tab-panel .breadcrumb .active a {text-decoration: none;} .kbee a.btn-mini .label {padding: 0 5px;} .kbee .internal-navigation {margin:0;} .kbee .internal-navigation .table-total {padding: 11px 5px; line-height:initial;} .kbee .application-main .internal-navigation .nav {padding:0;} .kbee .tab-pane .internal-navigation {background: #f9f9fa; border: 1px solid #eeeeee; padding: 2px 15px; border-radius:5px;} .kbee .tab-pane .internal-navigation .pagination {padding:3px 0; margin:0;} .kbee .site-manager .form-group:last-child, .kbee .site-manager .form-container {margin:0;} .kbee .site-manager h2 {margin-bottom: 10px;} .kbee .site-manager h2 {margin-bottom: 10px;} .kbee .site-manager .list-group-item {border:none; padding: 5px 0;} .kbee .site-manager .list-group-item a {color:#303436;} .kbee .site-manager .breadcrumb {background: none; font-size: 14px; color: #666666; margin: 0px 0px 10px 0;} .kbee .site-manager {font-size: 14px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border: 1px solid rgba(0, 0, 0, .15); float: left; position: fixed; right: 0; top: 0; width: 32%; height: 100vh; overflow: visible; z-index: 999999; padding:0; background: white;} .kbee .site-manager .topbar {height:56px; background:#303436;} .kbee .site-manager .topbar a.btn-mini > .fal, .kbee .site-manager .topbar a.btn-mini > .far, .kbee .site-manager .topbar a.btn-mini > .fa, .kbee .site-manager .topbar a > .fad, .kbee .site-manager .topbar a > .fa, .kbee .site-manager .topbar a > .far, .kbee .site-manager .topbar a > .fal, .kbee .site-manager .topbar a.dropdown-toggle, .kbee .site-manager .topbar .bootstrap-select a:not([href]), .kbee .site-manager .topbar .bootstrap-select a[aria-disabled="true"] {color: white;} .kbee .jqCron {line-height: 2em; float:left;} .kbee .jqCron-selector {position: relative; margin: 0 4px;} .kbee .jqCron-cross, .kbee .jqCron-selector-title {cursor: pointer; border-radius: 3px; border: 1px solid #ddd; margin: 0; padding: 4px 9px;} .kbee .jqCron-container.disable .jqCron-cross:hover, .kbee .jqCron-container.disable .jqCron-selector-title:hover, .kbee .jqCron-cross, .kbee .jqCron-selector-title { background: none; border-color: none;} .kbee .jqCron-cross:hover, .kbee .jqCron-selector-title:hover { background-color: #ddd; border-color: #aaa;} .kbee .jqCron-cross { border-radius: 1em; font-size: 80%; padding: 0 0.3em;} .kbee .jqCron-selector-list { background: white; border: 1px solid #dededf; -webkit-box-shadow: 2px 2px 3px #ccc; box-shadow: 2px 2px 3px #dededf; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 1.5em; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .kbee .jqCron-selector-list li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: default; display: inline-block; margin: 0; padding: 4px 20px 3px 10px; width: 100%;} .kbee .jqCron-selector-list li.selected { background: #0088cc; color: white;} .kbee .jqCron-selector-list li:hover { background: #5fb9e7; color: white;} .kbee .jqCron-selector-list.cols2 { width: 4em;} .kbee .jqCron-selector-list.cols2 li { width: 50%;} .kbee .jqCron-selector-list.cols3 { width: 6em;} .kbee .jqCron-selector-list.cols3 li { width: 33%;} .kbee .jqCron-selector-list.cols4 { width: 9em;} .kbee .jqCron-selector-list.cols4 li { width: 25%;} .kbee .jqCron-selector-list.cols5 { width: 12em; z-index: 100;} .kbee .jqCron-selector-list.cols5 li { width: 20%;} .kbee .jqCron-error .jqCron-selector-title { background: #fee; border: 1px solid #fdd; color: red;} .kbee .jqCron-container.disable * { color: inherit;} .kbee .jqCron-container.disable .jqCron-selector-title { padding: 4px 9px; background: none !important; color: #666666;} .kbee .control-container-border {border: 1px solid #dededf; padding: 15px; border-radius: 4px; float:left; width:100%;} .kbee .video-js {background: transparent;} .kbee .video .player-panel {background: inherit;} .kbee .console-top {margin-top: 0px; border-top:none; float:left; width:100%;} .kbee .info-top-panel {border: 1px solid #d2e5f3; border-left: 5px solid #007cba; color: #065a96; background-color: #E5F4FF; padding:15px; border-radius:4px; font-size:13px;} .kbee .warning-top-panel {border: 1px solid #eeeeee; border-left: 5px solid #FFC200; color:#674d08; background: #fff8de; padding:15px; border-radius:4px; font-size:13px;} .kbee .error-top-panel {border: 1px solid #eeeeee; border-left: 5px solid #a94442; color: #a94442; background: #f8eae9; padding:15px; border-radius:4px; font-size:13px;} .kbee .success-top-panel {border: 1px solid #eeeeee; border-left: 5px solid #2c760c; color: #205608; background: #e7f3e8; padding:15px; border-radius:4px; font-size:13px;} .kbee .error-top-panel a.btn-mini > .fal, .kbee .error-top-panel a.btn-mini > .far, .kbee .error-top-panel a.btn-mini > .fa, .kbee .error-top-panel a.btn-mini {color: #a94442;} .kbee .info-top-panel a.btn-mini > .fal, .kbee .info-top-panel a.btn-mini > .far, .kbee .info-top-panel a.btn-mini > .fa, .kbee .info-top-panel a.btn-mini {color: #007cba;} .kbee .success-top-panel a.btn-mini > .fal, .kbee .success-top-panel a.btn-mini > .far, .kbee .success-top-panel a.btn-mini > .fa, .kbee .success-top-panel a.btn-mini {color: #2c760c;} .kbee .warning-top-panel a.btn-mini > .fal, .kbee .warning-top-panel a.btn-mini > .far, .kbee .warning-top-panel a.btn-mini > .fa, .kbee .warning-top-panel a.btn-mini {color: #674d08;} .kbee .billboard .fa-spin {font-size:15px;} .kbee .billboard {max-height:320px; width:100%; float: left; border: none; background: none; padding: 0px ; padding:1px 0px; margin-top:0px; overflow:auto;} .kbee .billboard p { line-height: 1.4em; margin: 0 0 20px; color: #303436; float: none; margin: 0;} .kbee .billboard-panel-container { position: relative; border-radius: 3px; width: calc(100% - 4px); float: left; border-left: 5px solid #007cba; background: white; margin-top: 0px; padding: 20px; overflow: auto; margin-left: 2PX; margin-right: 2px; border: 1px solid #eeeeee; border-left: 5px solid #007cba;} .kbee .alert-info ::-webkit-scrollbar {background-color: transparent; color: red; height:6px; border:none;} .kbee .alert-info ::-webkit-scrollbar-track {background-color: transparent;} .kbee .alert-info ::-webkit-scrollbar-thumb {background-color: #c2d9e0; border-radius: 10px; border: 2px solid #c2d9e0;} .kbee .alert-info ::-webkit-scrollbar-thumb:hover {background:#b7d6ec; box-shadow:none; background-position: center center; cursor: pointer; } .kbee .directory-panel .inline-filter-container {margin: 0; padding: 0 0px 0px 0px; background: white; border-radius: 0 0 6px 6px; border: none; border-top: none;} .kbee .directory-panel .tag-container {width: 100%; float: left; padding: 5px 0px 5px 0px; background: white; border-radius: 0; border: none; border-bottom: none;} .kbee .navbar-nav .directory-panel .inline-filter-container input.field {border-radius: 6px; margin: 0px 1px 0px 1px; width: calc(100% - 2px); background: white; border: 1px solid #dededf; height: 40px; background: inherit;} .kbee .user-info-container {float:left; margin-top:1px; margin-bottom:-1px;} .kbee .photo-container {float: right; margin:-1px 16px 0 12px; width: 32px; height: 32px; border-radius: 50%; overflow: hidden;} .kbee .dropdown-menu .submenu > .menu-item > span > em, .kbee .dropdown-menu .submenu li > .menu-item > a { display: block; padding: 10px 20px; color: #303436; margin: 0 0px; border-radius: 0px;} .kbee .grid-header .dropdown-menu .submenu li > .menu-item > a { display: block; padding: 3px 20px; color: #303436; margin: 0 0px; border-radius: 0px; font-size:13px; font-weight:normal;} .kbee i.toright {float:right;} .kbee a.tag > i.fa, .kbee a.tag > i.fab, .kbee a.tag > i.far, .kbee a.tag > i.fal {color: #007cba; float:right; padding: 0px; font-size:18px;} .kbee .directory-panel {max-height: 720px; overflow-y: auto; width: 490px; background: white; display: block; padding:5px 15px;} .kbee .navbar-nav .directory-panel .inline-filter-container i {color: #111111;} .kbee .navbar-nav .directory-panel .inline-filter-container input:hover {cursor: initial;} .kbee .navbar-nav > li .directory-panel .result {padding:0;} .kbee .navbar-nav > li .directory-panel .list-panel a:hover {background: #f2f2f2;} .kbee .navbar-nav > li .directory-panel .list-panel a {color: #303436; padding:6px 20px; border-radius: 0; font-weight: normal; line-height: 1.5em; width:100%; float:left;} .kbee .inline-filter-container {width: 100%; float: left; margin-left: 0px; margin-top: 10px;} .kbee .inline-filter-container input.field {font-size: 0.95em; border: 1px solid #dededf; border-radius: 32px; padding: 4px 12px; width: 12em; } .kbee .inline-filter-container .fa-search {margin-left: -28px; top: 4px; color: #cccccc; font-size: 12px;} .kbee .tagnot-selected { background: white; border: none;} .kbee .tagselected {background: white; border: none;} .kbee .navbar-nav > li a.tagselected:hover, .kbee .navbar-nav > li a.tagselected {background: #eeeeee;} .kbee .navbar-nav > li a.tag, .kbee a.tag {font-size: 14px; width: calc(25% - 2px); margin: 0px 1px; border-radius: 6px; float: left; padding: 8px 15px; color: #303436; } .kbee .navbar-nav > li a.tag:hover, .kbee a.tag:hover {background: white; opacity: 0.8;} .kbee .browser .dropdown-menu .fad, .kbee .browser .dropdown-menu .label-no-selected i.fa-check , .kbee .browser .dropdown-menu .fad, .kbee .browser .dropdown-menu .label-selected i.fa-check {margin:0px 2px; font-size:14px; padding: 2px; border-radius:2px;} .kbee .browser-select {width:120px;} .kbee .mb15 {margin-bottom:15px;} .kbee .mb20 {margin-bottom:20px;} .kbee .side-form .mt20, .kbee .mt20 {margin-top:20px;} .kbee .mb20 {margin-bottom:20px;} .kbee .browser .list-group .user-photo-container {margin-left:0;} .kbee a.dropdown-toggle, .kbee .bootstrap-select a:not([href]), .kbee .bootstrap-select a[aria-disabled="true"] { font-style: normal; color: inherit; pointer-events: initial !important; text-decoration: none; } .kbee .dropdown-menu a.btn-mini:not([href]), .kbee .dropdown-menu a.btn-mini[aria-disabled="true"] { font-style: italic; color: currentColor; pointer-events: none; text-decoration: none; } .kbee .browser .notifications .list-group .list-group-item .dropdown a i {font-size: 18px; padding:2px;} .kbee .browser .notifications .list-group .list-group-item .dropdown a i {font-size: 18px; padding:2px;} .kbee .browser .notifications .list-group .list-group-item .icon-container {width: 56px; float:left; border-radius: 6px; border: 1px solid transparent; margin-right: 15px; border-radius: 6px;} .kbee .browser .notifications .list-group .list-group-item .icon-container i {font-size: 23px; padding: 13px 0; margin: 0; text-align: center; vertical-align: middle; width: 100%; height: 100%; background: none; border-radius: 4px;} .kbee .browser .notifications .list-group .list-group-item .icon-container i.read {color: #37474F;} .kbee .browser .notifications .list-group .list-group-item .icon-container i.unread {color: #37474F;} .kbee .browser .notifications .list-group .list-group-item .icon-container i.icon-unread { color: #d02424; top: initial; width: auto; margin: 0; padding: 0; font-size: 12px; border-radius: initial; margin-right: 7px; z-index: 1; position: absolute; bottom: 0; right: 0; margin-bottom: -29px; margin-right: 9px;} .kbee .browser .list-group-item .notification-action a.btn-link { font-size:13px; color: #007cba; text-decoration: underline;} .kbee .circle-separator {color: #666666; font-size: 7px; padding: 0 5px; top: -3px; position: relative; } .kbee .text-block a {text-decoration: underline;} .kbee .text-block { max-width: 1200px;} .kbee .browser .grid .grid-body .expanded .list-group-item { background: inherit; border-color: transparent;} .kbee .modal-body h3 {margin: 0 0 6px 0;} .kbee .modal-body section {margin: 0 0 20px 0; float:left; width:85%;} .kbee .modal-body a {text-decoration: underline;} /** ---------------------------------------------------------------------------------- KBEE SEARCH ---------------------------------------------------------------------------------- **/ .kbee .navkbee .search .input-group {background-color: inherit; border: 1px solid #aaaaaa;} .kbee .navkbee .form-control-static, .kbee .navkbee .form-control {color:white;} .kbee .navkbee .navbar-form .input-group-btn:last-child > .btn, .kbee .navkbee .navbar-form .input-group-btn:last-child > .btn-group {background-color: inherit; } .kbee .navkbee .input-group-btn .fal, .kbee .navkbee .input-group-btn .far, .kbee .navkbee .input-group-btn .fa {color: white;} .kbee .navkbee ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #eeeeee !important; font-size:13px; font-weight: 300; } .kbee .navkbee ::-moz-placeholder { /* Firefox 19+ */ color: #eeeeee !important; font-size:13px; font-weight: 300;} .kbee .navkbee ::-ms-input-placeholder { /* IE 10+ */ color: #eeeeee !important; font-size:13px; font-weight: 300;} .kbee .navkbee ::-moz-placeholder { /* Firefox 18- */ color: #eeeeee !important; font-size:13px; font-weight: 300;} .kbee .navkbee .suggester-container input {background: inherit; height: 30px; margin: 0; border: none; padding: 0px 12px; margin-bottom: 0px; color: white; border-right: none !important; border-radius: 32px 0 0 32px; font-size: 12px;} /**------- IDOC SEARCH */ .kbee .navbar-default input {height:30px;} .kbee .navidoc .input-group-btn .fal, .kbee .navidoc .input-group-btn .far, .kbee .navidoc .input-group-btn .fa {color: #bbbbbb;} /** ------------------------------------------------------------------------------------------------------- PlaceHolder -------------------------------------------------------------------------------------------------------- */ .kbee .navidoc ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666666 !important; font-size:13px; } .kbee .navidoc ::-moz-placeholder { /* Firefox 19+ */ color: #666666 !important; font-size:13px;} .kbee .navidoc ::-ms-input-placeholder { /* IE 10+ */ color: #666666 !important; font-size:13px;} .kbee .navidoc ::-moz-placeholder { /* Firefox 18- */ color: #666666 !important; font-size:13px;} .kbee .navidoc .suggester-container input {background: white; border: none !important; height: 30px; margin: 0; border: 1px solid white; font-size: 14px; padding: 0px 12px; margin-bottom: 0px; color: #303436; border-right: none !important; border-radius: 32px 0 0 32px; font-size: 12px;} .kbee .list-alerts {overflow-y: auto; max-height: 300vh; margin-bottom: 15px;} .kbee .error-block {color:#a94442;} .kbee .selector .form-vertical .form-group {padding-left:20px; padding-right:20px; padding-top:20px; } .kbee .selector .form-vertical .form-group {margin-bottom:0px;} .kbee .date-container .help-block {float:left; margin-top: 4px;} .kbee .help-block {margin:0; padding:1px 3px; float:left;} .kbee .field .help-block {color: #303436;} .kbee .booleanswitch-field .help-block {color: #303436;} .kbee .booleanswitch-field .control-container-border {border:1px solid #dededf; padding:15px; width:100%; float:left; border-radius:4px;} .kbee .booleanswitch-field .control-container-plain {border:none; padding:0;} .kbee .condition-field .help-block, .kbee .textarea-field .help-block, .kbee .choice-field .help-block, .kbee .acl-editor .help-block, .kbee .boolean-field .help-block, .kbee .text-field .help-block {margin:0px 0 0 0; padding: 2px 0px; background: none; border:1px solid transparent; border-top:none;} .kbee .booleanswitch-field .control-container .help-block {background: none;} .kbee .booleanswitch-field .control-container .help-block {border: none; padding:0;} .kbee .booleanswitch-field .control-container small {font-size:1em;} .kbee .booleanswitch-field .help-block {border: none; padding:4px 0; border: 1px solid transparent;} .kbee .selector .help-block {border: none; padding:0;} .kbee .modal .panel {margin-bottom: 1.25em;} .kbee .modal h3 { font-size: 12px; color: #666666; text-transform: uppercase; font-weight: bold;} .kbee .browser .navbar .btn-default .label {font-weight: normal; color: inherit; font-size: inherit;} .kbee .grid .task-comment .user-avatar-status-container {margin-left: 40px;} .kbee .grid .user-avatar-status-container {margin-left: 25px;} .kbee .user-avatar-status-container { border-radius: 50%; overflow: hidden; height: 28px; width: 28px; position: absolute; z-index: 1; margin-left: 30px; margin-top: 25px; border: none; margin-right:10px; } .kbee .grid-body .cell-container .user-avatar-status-container { margin-left: 24px; margin-top: 22px;} .kbee .comfortable .grid-body .cell-container .user-avatar-status-container { margin-left: 46px; margin-top: 46px;} .kbee .grid .compact .task-comment .user-photo-container .user-avatar-status-container, .kbee .grid .comfortable .task-comment .user-photo-container .user-avatar-status-container, .kbee .browser .user-photo-container .user-avatar-status-container { margin-left: calc( 23px + 15px );} .kbee .avatar-status { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; width:28px; height:auto;} .kbee .suggester-container .input-group-btn {vertical-align: top;} .kbee input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {background-color: white !important; background-image: none !important; color: rgb(0, 0, 0) !important;} .kbee .toolbar-buttons .label-container { height: auto; padding: 0; font-size: 1em; line-height: 20px; } .kbee .browser .navbar .toolbar-buttons .label-container .label { font-size: 0.9em; text-transform: uppercase; padding: 8px 20px; border-bottom: 1px solid #eeeeee; } .kbee .toolbar-buttons .label-container .label { padding: 8px 20px; color: #303436; margin: 0; border-radius: 4px; float: left; border: none; height: initial; width: 100%; text-align: left; } .kbee .browser .grid-toolbar {border: none; padding: 1px 0; border-radius: 4px; margin-bottom: 0;} .kbee .top-toolbar {padding:0;} .kbee .bottom-toolbar {padding:0;} .kbee .grid-toolbar .navbar-left {padding-left:5px;} .kbee .grid-toolbar .navbar-right {padding-right:5px;} .kbee .bottom-toolbar .toolbar-buttons {width:100%; padding-left: 5px;} .kbee .items-bottom-left {width:100%;} .kbee .bottom-toolbar ul.breadcrumb {width:100%; padding: 11px 12px; background: transparent;} .kbee .browser .left-panel .navbar .top-toolbar {padding: 10PX 10PX 10px 10px; border-radius: 4px; border:1px solid #eeeeee;} .kbee .browser .left-panel .toolbar-two-rows .top-toolbar {border:1px solid #eeeeee; padding: 4px 0;} .kbee .browser .left-panel .navbar .bottom-toolbar {padding: 3px 0px; margin-top: 1px; border-radius: 4px;} .kbee .browser .left-panel .toolbar-two-rows .bottom-toolbar {border:1px solid #eeeeee; padding: 4px 0;} .kbee .tree-branch { width:100%; float:left;} .tree-subtree {margin-left: 15px;} .kbee .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } .kbee .switch-container {width: auto; border: none; padding: 0; clear:right; float: right; border:none;} .kbee .mt25 {margin-top:25px;} .kbee .switch {padding: 4px 4px; min-width: 48px; border-radius: 32px; float: left; border: 1px solid #dededf; opacity: 1; } .kbee .switch-container .switch-on {font-size:17px; float: right; color:#007cba;} .kbee .switch-container .switch-off {font-size:17px; float: left;} .kbee .grid-body .canvas {margin:0; padding:0;} .kbee .browser .grid-body .panel {background: transparent; margin:0 0 30px 0; padding:0; max-width: 1300px;} .kbee .panel-bordered {padding: 20px;border:1px solid #dededf; border-radius:4px;} .panel tr:hover {background: #f8f8f8;} .panel tr { margin-bottom: 0; padding-top: 4px; padding-bottom: 4px; line-height: 1.4em;} .panel tr td {padding-top:4px; padding-bottom: 4px;} .panel tr td.label {argin-bottom: 0; padding: 0; font-weight: bold; width: 280px; float: left; text-align:left;} .panel tr td.value { ine-height: inherit; float: left; width: 360px; height: initial; border: none; padding: 0; float: none; display: inline-block; } .kbee a.btn-toggle h2 {color: inherit;} .kbee .treefileroot .fal {color: #f06000;} .kbee .treefilechild .fal {color: #999999;} .kbee .tree_file_directory {background: #eeeeee; padding:1px 4px; border-radius:2px;} .kbee .tree_file {line-height: 2em;} .kbee .tree_file .dirname_container {font-weight:bold; padding-left: 2px;} .kbee .tree_file .tree_file_kbfile {font-style:normal; padding-left: 10px; float: none; clear: left;} .kbee .browser .tree_file .fa, .kbee .browser .tree_file .far, .kbee .browser .tree_file .fal {font-size:16px;} .kbee tr.form-group .tree_file .label {font-weight: normal; padding: 0; margin: 0; width: auto; line-height: inherit; padding: 1px 6px; max-width: initial; float: none; padding: 1px 0 1px 8px; width: 100%;} .kbee .tree_file ul { border-left: 1px solid #999999; border-radius: 0px 0 0 0px;} .kbee .tree_file li { margin-left: 0em;padding-left: 4px;} .kbee .tree_file .level_0 {margin-left: 1em; } .kbee .tree_file .level_1 {margin-left: 2em; } .kbee .tree_file .level_2 {margin-left: 2em; } .kbee .expanded-hit-panel .tree_file .ago {margin-left:8px; color: #666666; font-size:90%;} .kbee .alert-info .ago {color: #568CB3;} .kbee .brand-kbee .fa-tasks:before {content: "\f0f4";} .kbee .brand-kbee .fa-folder:before {content: "\f66f";} .kbee .navigation li a {color: #303436;} .kbee .no-padding { padding: 0!important;} .kbee .sqltable nav .btn-mini { padding: 7px 9px; float: left; border-radius: 4px; margin: 4px 0px; border: 1px solid transparent; height: 34px; } .kbee .internal-right-panel .container ul li.media {font-size:13px; line-height:1.5em;} .kbee .internal-right-panel .container .metadata {font-size:13px; line-height: 1.5em;} .kbee .internal-right-panel .container .workflow-info .nav {margin-bottom: 15px; width:100%;} .kbee .internal-right-panel .container .classification {padding-bottom: 15px;} .kbee .workflow-info .tab-pane .internal-right-panel .container ul.classification li dl {padding:1px 0;} .kbee .internal-right-panel .container h4 {font-size: 13px;} .kbee .internal-right-panel .container {margin-top: 5px; margin-bottom: 0px; width: 100%; font-size: 14px; padding: 15px 10px; border: none; background: #f9f9f9; border-radius: 4px;} .kbee .workflow-info .tab-pane .internal-right-panel .container dt label.classifier {font-size:13px;} .kbee .workflow-info .tab-pane .internal-right-panel .container .member-element {font-size:13px;} .kbee .internal-right-panel .container .dropdown-menu {font-size:13px;} .kbee .internal-right-panel .container .fa, .kbee .internal-right-panel .container .far, .kbee .internal-right-panel .container .fal {font-size:16px;} .kbee .internal-right-panel .container .icon li.media {padding: 15px;} .kbee .internal-right-panel .resources-panel {padding-bottom: 15px;} .kbee .right-panel .internal-right-panel .tabs .nav>li>a { padding: 8px 12px;} .kbee .internal-right-panel .tab-pane {padding-top: 0;} .kbee .f_file {color: #303436; text-decoration: none;} .kbee .table .wicket_orderNone {text-transform: none; font-size:1em;} .kbee .grid .cell-container .iconcss {padding: 6px 6px 0 6px} .kbee .dropdown-menu .modal-backdrop.in {z-index:800 !important;} .kbee .taskpanel .tab-panel .form-container .list-group-item a {color: #303436; font-weight:bold; } .kbee .taskpanel .tab-panel .form-container .list-group-item a .list-group-item-heading {text-decoration: none;} .kbee .taskpanel .tab-panel .form-container .selector a {color: #007cba; font-weight:normal; } .kbee .taskpanel .tab-panel .form-container .dropdown a {font-weight: normal;} .kbee .taskpanel .tab-panel .readonly .list-group-item {border-color: transparent;} .kbee .content-wrapper .toolbar-buttons .alert-info .label { font-weight: normal; padding: 0 10px; font-size: 1em; color: #666666;} .kbee .content-wrapper .grid-container > .navbar .toolbar-buttons .alert-info { margin-bottom: 0; border: none; background: none; font-weight: normal; padding-left: 0;} .kbee .close {font-size:20px;} .kbee .modal {z-index: 300000;} .kbee .navbar .btn-mdx {margin-top:4px;} .kbee .btn-mdx { padding: 0; border-radius: 32px; width: 206px; height: 34px; font-size: 13px; line-height: 32px; box-shadow: none;} .kbee .tabs ul.nav-stacked>li>a, .kbee .tabs ul.nav-stacked a {color: #303436; font-weight:normal;} .kbee .tabs ul.nav-stacked > li.active > a {font-weight:normal;} .kbee .tabs .permissions ul.nav-stacked { height: inherit; margin-top: 0; margin-bottom: 0; margin-left: 0px; margin-right: 0; } .kbee .mb1em {margin-bottom: 1em;} .kbee .modal.in .modal-dialog-center .modal-body { max-height: 75vh; overflow-y: auto; min-height: 19vh; min-width:36vw; } .kbee .modal-body h4 {float:left; width:100%; color: #666666; font-size: 1em;} .kbee .modal-body p { float: left; width: 100%; margin: 0; } .kbee .nofloat {float:none !important;} .kbee .pad48 {padding: 4px 8px !important; } .kbee .table td > div {float:left; } .kbee .table td.text-center a {width:100%;} .kbee .table td.text-center a:hover {background: #f8f8f8;} .kbee .table .success { float: left; color: #2c760c; background: #d5fbcb; padding: 4px 8px; border-radius: 2px;} .kbee .table .stack { float: left; padding: 4px 0px 4px 0;} .kbee .table .danger { float: left; color: #a94442; background: #ffe9e8; padding: 4px 8px; border-radius: 2px;} .kbee .table .warning { float: left; color: #7c5e0c; background: #fff8de; padding: 4px 8px; border-radius: 2px;} .kbee .browser .comfortable .menu .btn-group { height: max-content;} .kbee .top-panel {padding-right: 2px; padding-left: 2px; padding-top: 0px; margin: 0 0 0 0;} .kbee .hastop .grid-container { margin-top: 0px;} .kbee .top-panel > form {margin: 0; margin-bottom: 0px; margin-top: 1px; padding: 15px 0 15px 0px; border: 1px solid #eeeeee; background: none; border-radius: 4px} .dropdown-menu > li > div > a > i.toright, .dropdown-menu > li > a > i.toright {float:right; margin-right:0;} .kbee .side-form {margin:0; padding:0; font-size:13px;} .kbee .side-form .form-group {margin-bottom:0px; padding-top: 2px; padding-bottom: 2px; } .kbee .side-form .form-control-static, .kbee .side-form .form-control {height: 34px; font-size:13px;} .kbee .side-form .form-group:last-child { margin-bottom: 0;} .kbee .side-form label {margin-bottom: 3px;} .kbee .with-filters .sqltable .table-responsive {height: calc(100vh - 168px);} .kbee .with-filters .sqlfilterspanel .sqltable .table-responsive {height: calc(100vh - 248px);} .kbee .without-filters .sqltable .table-responsive {height: calc(100vh - 74px);} .kbee .without-filters .sqlfilterspanel .sqltable .table-responsive {height: calc(100vh - 154px);} .kbee .sqltable .table-responsive {height: calc(100vh - 194px);} .kbee .sqlfilterspanel .sqltable .table-responsive {height: calc(100vh - 400px);} .kbee .side-form .btn-sm, .kbee .side-form .btn-group-sm > .btn { max-width: 100%; width: 132px; height: 34px; margin-top:0px; font-size:13px;} .kbee .wicket_orderNone {color: #303436; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 1.75em; text-transform: uppercase;} .kbee .sqltable {font-size: 13px;} .kbee .sqlpanel .table .headers {background: #f8f8f8; border: 1px solid #eceeef;} .kbee .sqlpanel .table > thead > tr > th {background: #f8f8f8;} .kbee .sqlfilterspanel nav {margin: 0; margin-bottom: 0px; margin-top: 1px; float: left; padding:15px 15px; border: 1px solid #eceeef; background: #f9f9fa;} .kbee .sqltable thead tr.headers {background:white;} .kbee .sqltable nav {background:white; padding:4px 15px; border: 1px solid #eceeef;} .kbee table.dataview {margin-bottom: 10px; border: none; margin-top: 4px; margin-bottom: 48px; min-width: 98%;} .kbee table.dataview tr {padding-top: 1px; padding-bottom: 1px; } .kbee table.dataview tr td {padding: 2px 6px; border-bottom: 1px solid #e6e6e6; } .kbee table.dataview tr th {color: white; padding-top:5px; padding-bottom: 5px; padding-left:6px; padding-right:6px; background-color: #cccccc; text-align: left; white-space: nowrap; vertical-align: middle; font-weight: bold; background-position: right; background-repeat:no-repeat;} .kbee table tr th.wicket_orderDown {background-colosr: #dededf; color: white;} .kbee table tr th.wicket_orderUp {background-color: #dededf; color: white;} /** ------------------------------------------------------------------------------------------- Login ----------------------------------------------------------------------------------------------*/ .kbee .login-container {float: left; padding: 17px 42px; border-radius: 0px; background: white; position: relative; top: 47%; transform: translateY(-50%); width:100%;} .loginmodal-container .feedbackPanel { margin: 0; padding: 0; width: 100%; text-align: center; border-radius: 4px;} .kbee li.feedbackPanelINFO {background: inherit; color: #303436; line-height: 1.5em; float: left; padding: 12px; border-radius: 4px; width: 100%;} .kbee li.feedbackPanelERROR {background-color: inherit; padding: 12px; border-color: #ebccd1; color: #a94442; line-height: 1.5em; float: left; padding: 12px; border-radius: 4px; width: 100%;} .loginmodal-container .panel {float: left; border-bottom: none; box-shadow: none;} .loginmodal-container-kb {position: fixed; top: 50%; left: 50%; margin: 0; width: 396px; transform: translate(-50%, -52%);} .forgot-panel {max-width: 472px; top:50%; left:50%; transform: translate(-50%, -50%); position: absolute;} .forgot-canvas { width: 100%; border: 1px solid #dededf; max-width: 460px; float: left; padding: 17px 42px; border-radius: 10px; background: white; float: left; padding: 17px 42px; border-radius: 9px; background: white; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%;} .login-container img {width: 75%; display: block; margin:auto; max-width: 248px;} .logo-container {margin-bottom: 60px;} .kbee .all {width: 100%; height: 100%; position: absolute; left:0; top:0;} .kbee .background { position: fixed; left: 0; right: 0; z-index: -1; display: block; background: url('/images/login/log21.jpg') no-repeat 0 0 scroll; width: 100%;height: 100%;background-size: cover;} .kbee .banner {float: left; display: block; position: fixed; top: 4%; right: 8%; z-index: 10; color: white; padding: 24px;} .kbee .login-container input.form-control {height: 38px; text-align: center;} .kbee .login-container .btn-primary {height: 38px;} .kbee .login-container .alert-danger { color:#EC231F; background-color: white; border-color: none; padding: 0; border: none;} .idoc .logo-container {position: relative; width:100%; float:left; margin: 40px 0 40px 0; height:60px;} .idoc .logo {height: 50px;} .idoc .logo-container .logo {position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;box-sizing:initial; float: left; display: block; width: 62%; max-width: 242px; height: initial;} .kbeelogin .logo-container .logo {position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;box-sizing:initial; float: left; display: block; height: 62px; transform: rotate(6deg);} .kbeelogin .login-container {float: left; padding: 26px; border-radius: 0px; background: white; position: relative; border:none; top: 49%; transform: translateY(-50%); width:100%;} /**.kbeelogin .login-container { float: left; padding: 41px; border-radius: 0px; background: white; position: relative; border: none; top: 49%; transform: translateY(-50%); width: 100%;}**/ /**.kbee .loginmodal-container-idoc {z-index: 9999999; left: 12px; top: 12px; background: white; height: calc(100% - 24px); position: absolute; border: 1px solid #dededf; width: calc(100% - 24px); max-width: 430px;}**/ .kbee .loginmodal-container-idoc {z-index: 9999999; left: 12px; top: 12px; background: white; height: calc(100% - 24px); position: absolute; border: 1px solid #dededf; width: calc(100% - 24px); max-width: 430px;} /**.kbee .loginmodal-container-idoc {z-index: 9999999; left: 0px; top: 0px; background: white; height: 100%; position: absolute; border: 1px solid #dededf; width: 100% ; max-width: 480px;}**/ .kbeelogin .login-container img.logo {width: initial; max-width:68px;} .kbeelogin .logo-container {position: relative; width: 100%; float: left; margin-bottom: 50px; margin-top: 50px;} .kbeelogin .login-form {margin-top: 54px; float:left;} .kbee .login-disclaimer-container {width:100%; float:left; margin-top: 30px; text-align: center; background:#f8f8f8; font-size: 13px; padding:20px; border-radius:4px; border:1px solid #eeeeee;} .kbee .login-learn-more-container {width:100%; float:left; text-align: center; position: absolute; left:0; bottom:5%;} .kbee .idoc .brand img {float:left; margin:0 0px; height: 22px; margin-top:1px;} .kbee .kbee .brand img {float:left; height: 24px; margin-top: -1px;} /** Task Resoulution panel: no header */ .kbee .task-form .text-editor .letter-header {display: block;} .kbee .task-form .response .letter-header {display: none;} .kbee .task-form .response {margin:0 0 24px 0; max-width: 880px;} /** * Resolution Modal * Resoultion Page */ .kbee .letter-header {display: block;} .kbee .audit-resolution .letter-header {display: block;} .kbee .audit-resolution .response {margin:0 auto; float: none; padding:6px 12px;} .kbee .audit-resolution .response-container {width: 100%; float: left; padding-top: 0;} .kbee .modal-body .response {margin:0 0 24px 0; max-height: calc(100vh - 224px); padding: 0 12px; max-width: 780px; overflow: auto; min-height: 50vh;} .kbee .modal-body .letter-header {display: block;} .kbee .modal-body .print-button { right: 12px;} .kbee .modal-body .response-container {width: 100%; min-height: calc(100vh - 300px); float: left; padding-top: 0px;} .kbee .response .text-image-container {margin:0;} .kbee h1, .kbee h2, .kbee h3, .kbee h4, .kbee h5, .kbee h6 { letter-spacing: initial; } .kbee .grid-body .separator {color:#cccccc;} .kbee .separator {padding: 0 8px; color: #999999;} .kbee .internal-separator {padding:0 2px;} .kbee .members-editor .fa-search { padding: 0px; font-weight: normal; } /* .kbee .members-editor .far { font-size: 14px; padding: 5px; font-weight: bold; opacity: 1; }*/ .kbee .not-set { padding: 5px 16px; border: 1px solid #eeeeee; border-radius: 3px; float: none; font-size: 11px; line-height: 25px;} .kbee .macro {background: #fff4f4; color: #982f2f; padding: 1px 3px; border-radius: 2px;} .kbee i.fa-fw {min-width: 20px;} .kbee .tabs ul.nav-pills > li.active > a { background: none; border: none; border-bottom: 5px solid #007cba; margin-bottom: -5px; border-radius: 0; color: #007cba; font-weight: 500; } .kbee .nav-pills > li {font-size:14px;} .kbee .nav-pills > li.active > a, .kbee .nav-pills > li.active > a:hover, .kbee .nav-pills > li.active > a:focus { color: inherit; background-color: white;} .kbee .console-page-header {/*width: 100%; height: 46px; padding-top: 0px; padding-bottom: 0px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.15); margin-bottom: 6px; position: fixed; top: 56px; left: 0; z-index: 990; background: white;*/} .kbee .browser .list-group-item a {color: #303436;} .kbee .browser .list-group-item-heading {text-decoration: none;} .kbee .browser .grid-header .selector .dropdown-menu {min-width:480px; max-height: 70vh; overflow: auto;} .kbee .browser .grid-header .selector .navbar { margin: 0; margin-bottom:0; margin-top: 0; padding: 0; border: none; border-radius: 0; font-size:1em;} .kbee .browser .grid-header .selector .toolbar-buttons { width:100%; float:left; padding: 0 0px; } .kbee .browser .grid-header .selector .toolbar-buttons li { width:100%; float:left;} .kbee .browser .grid-header .selector .btn-mini span:hover, .kbee .browser .grid-header .selector a.btn-mini:hover { opacity:1 !important;} /*.kbee .browser .grid-header .selector .btn-mini:hover { background:#f2f2f2;}*/ .kbee .browser .left-panel .grid-header .selector .btn-mini em .far, .kbee .browser .grid-header .selector .btn-mini em .fal, .kbee .browser .grid-header .selector .btn-mini em .fas, .kbee .browser .grid-header .selector .btn-mini em .far { color:#999999;} .kbee .browser .left-panel .grid-header .selector a.btn-mini .far, .kbee .browser .grid-header .selector a.btn-mini .fas, .kbee .browser .grid-header .selector a.btn-mini .fal, .kbee .browser .grid-header .selector a.btn-mini .far { color:#007cba;} .kbee .browser .left-panel .grid-header .selector .btn-mini .far, .kbee .browser .grid-header .selector .btn-mini .fas, .kbee .browser .grid-header .selector .btn-mini .fal, .kbee .browser .grid-header .selector .btn-mini .far {font-size: 16px; padding-top: 2px; margin-left: 0; margin-right: 15px;} .kbee .browser .grid-header .selector .btn-mini em .label { color: #999999;} .kbee .browser .grid-header .selector .btn-mini { line-height: 20px; padding: 8px 20px; color: #303436; margin:0; border-radius: 0px; float: left; border: none; height: initial; width:100%; } .kbee .browser .grid-header .selector .btn-mini .label { height: auto; padding:0; color: #303436; font-size:1em; line-height: 20px; } .kbee .browser .grid-header .selector a.btn-mini { color: #303436; font-size:1em; display: block; clear: both; font-weight: normal; line-height: 1.42857143; } .kbee .resources-panel a.resource .fa, .kbee .resources-panel a.resource .fas, .kbee .resources-panel a.resource .far, .kbee .resources-panel a.resource .fal {font-size: 28px;} .kbee ul.nav-stacked > li {margin-top: 1px; margin-left: 0; border: none; border-bottom: none;} .kbee .tabs ul.nav-stacked > li.active > a {background: none; border: none; border-bottom: none; margin-bottom:-1px !important; border-radius: 0; font-weight: normal; font-size:14px;} .kbee .tabs ul.nav-stacked>li>a { padding: 10px 15px; border-radius:0; font-size:14px; margin:0;} .kbee .main-tabs-stacked {display: inline-flex; flex-direction: row-reverse;} .kbee .application-main { float:left; width: 100%; margin-bottom: 2px; position: inherit; padding-top: 52px; margin-top:2px; padding-left: 2px; padding-right: 2px;} .kbee .application-main ul.nav-stacked {float:right; height:auto;} .kbee .application-main .stacked { float:left; height:auto; padding:0px;} .kbee .tabs ul.nav-stacked {border: 1px solid #e2e2e2; border-radius: 4px; float: right; height: auto; margin-left:2px;} .kbee ul.nav-stacked > li.active {border-left: 3px solid #007cba;} .kbee .stacked .tab-pane {padding: 15px; width: fit-content; border: none; border-radius: 4px; min-height: calc(100vh - 112px); width: 100%;} .kbee .tabs .stacked-tabs ul.nav-stacked {border: 1px solid #eeeeee;} .kbee .tabs ul.nav-stacked { border: none; border-radius: 4px; float: left; height: inherit; height: min-content; margin-top: 0; margin-bottom: 0; margin-left: 0px; margin-right: 0;} .kbee .acl-editor .tabs ul.nav-stacked {margin-top: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0; min-width: 15%;} .kbee .task-editor .content-container-internal {float:left; padding:15px 30px; width:100%;} .kbee .content-container-internal {float:left; padding:15px 30px; width:100%;} .kbee .stacked .panel { margin-bottom: 30px; } .kbee .panel-bck {border-color: #ddd; background: #f9f9fa; padding:15px;} .kbee .nav-horizontal { width: 100%; border-bottom: 4px solid #EBF0F2;} .kbee .application-main .nav { padding: 2px; } .kbee .application-main .tab-content { padding: 0; float: left; width:initial; } .kbee ul.table-striped .list-group-item:nth-of-type(2n+1) {background-color: rgb(252, 252, 252);} .kbee .list-group-item { border: 1px solid #dedeef;} .kbee .panel-header .navbar-right .fa-star { margin-top:0px;} .kbee .panel-header .navbar-right .fa-list { margin-top:0px;} .kbee .panel-header .navbar-right {margin-top: -3px; margin-right:0;} .kbee .panel-header .btn-mini {padding: 0 0 0 16px;} .kbee .browser .parameters-panel .fa-times {font-size: 11px; padding: 1px 2px; border: 1px solid #007cba; border-radius: 3px; margin-left: 6px; color: #007cba; margin-top: 5px; } .kbee .browser .parameters-panel .fa-times-square { font-size: 16px; margin-top: 4px; margin-left: 7px; } /*.kbee .list-group::-webkit-scrollbar { width: 8px;}*/ /*.kbee .content-wrapper ul {padding-left: 15px; padding-right:15px;}*/ .kbee .label {border: initial; text-transform: initial; border: initial; text-transform: initial; color: inherit; font-size: 1em; padding: 0; line-height: inherit; font-weight: normal; } .kbee .list-group .selected {background-color: #E5F4FF;} .kbee .table-bordered > thead > tr > th.centered {text-align: center;} .pagination > li > span > em {color: #999999;} .kbee .pagination > li.active > a {color:white;} .kbee .pagination > li > a {color: #007cba;} .kbee .console-page-header h1 {color:#303436; font-size: 17px; font-weight: bold; line-height:1.75em; padding: 2px 15px 2px; margin: 0;} .kbee .console-page-header h1 a {color:#303436;} .kbee .tab-panel .breadcrumb {padding: 0px 0 15px 0;} .kbee .tab-panel .breadcrumb, .kbee .console-page-header .breadcrumb {margin-bottom: 3px; list-style: none; background-color: inherit; line-height: 14px; font-size: 13px; position: relative; color: #303436; clear: left; float: left;} .kbee .console-page-header .breadcrumb {padding: 0px 15px 5px 0px;} .kbee .isavatar .breadcrumb {margin-bottom:8px;} .kbee .tab-panel .breadcrumb a, .kbee .console-page-header .breadcrumb a {line-height: 14px; color:#303436;} .kbee .tab-panel .breadcrumb .separator, .kbee .console-page-header .breadcrumb .separator {display: inline-block !important;} .kbee .tab-panel .breadcrumb > span, .kbee .console-page-header .breadcrumb > span {line-height: 14px; color:#303436;} .kbee .application-main .breadcrumb {margin-bottom: 00px; list-style: none; background-color: inherit;padding: 1px 15px 5px; line-height: 14px; font-size: 13px; position: relative; color: #303436; clear: left; float: left;} .kbee .application-main .breadcrumb a {line-height: 14px; color:#303436;} .kbee .application-main .breadcrumb .separator {display: inline-block !important;} .kbee .application-main .breadcrumb > span {line-height: 14px; color:#303436;} .kbee .bootstrap-select .btn-default {border-color: #e2e2e2; color:#303436;} .kbee .right-panel .panel-header .fa-times {top:0px; font-size:20px;} .kbee .browser .list-group .far, .kbee .browser .list-group .fal, .kbee .browser .list-group .fa {font-size: 18px;} .kbee .browser .list-group .far, .kbee .browser .list-group .fal, .kbee .browser .list-group .fa {font-size: 16px; color: #007cba;} /*.kbee .content-wrapper .far:hover {background:#f8f8f8;}*/ .kbee .fad, .kbee .fa, .kbee .far, .kbee .fal {font-size:20px;} .kbee a > .fad, .kbee a > .fa, .kbee a > .far, .kbee a > .fal {color: #007cba;} .kbee .browser .fad, .kbee .browser .fa, .kbee .browser .far, .kbee .browser .fal {font-size:20px;} .kbee .browser .nav .dropdown-menu .fad, .kbee .browser .nav .dropdown-menu .far, .kbee .browser .dropdown-menu .fal, .kbee .browser .dropdown-menu .far, .kbee .browser .dropdown-menu .fa {font-size: 16px; color:#007cba; margin-right: 8px;} /** -------------------------------------------------------------------------------------------------------- Audit -------------------------------------------------------------------------------------------------------- */ .kbee .modal .audit-trail ::-webkit-scrollbar { width: 10px;} /** -------------------------------------------------------------------------------------------------------- External Scrollbar -------------------------------------------------------------------------------------------------------- */ .kbee .external-scroll_x.scroll-scrollx_visible {display: hidden;} .kbee .external-scroll_x, .kbee .external-scroll_y {cursor: pointer; display: none; position: fixed; z-index: 999999999; } .kbee .external-scroll_x.scroll-scrollx_visible {display: block; height: 18px; left: 1px; bottom: 0px; border-radius: 2px; border: 1px solid #dededf; background: #efefef;} .kbee .layout-onepanel .external-scroll_x.scroll-scrollx_visible { width: calc(100% - 57px); } .kbee .report .layout-twopanels .external-scroll_x.scroll-scrollx_visible {width: 80.5%; } .kbee .layout-twopanels .external-scroll_x.scroll-scrollx_visible {width: 74.5%; } .kbee .scrollbar-external { overflow: auto; width: 100%; /* min-height: 80vh;*/} .kbee .scrollbar-external_wrapper { position: relative; width: auto !important; min-height: 80vh;} .kbee .external-scroll_x.scroll-scrollx_visible { display: block; height: 18px; left: 56px; bottom: 0px; border-radius: 2px; border: 1px solid #dededf; background: #efefef;} .kbee .external-scroll_y.scroll-scrolly_visible { display: block; height: 200px; left: 610px; top: 0; width: 10px; } .kbee .external-scroll_x div, .kbee .external-scroll_y div { height: 100%; left: 0; top: 0; position: absolute; width: 100%; } .kbee .external-scroll_x .scroll-bar:hover, .kbee .external-scroll_y .scroll-bar:hover {background: #999999;} .kbee .external-scroll_x .scroll-bar, .kbee .external-scroll_y .scroll-bar { background: #cccccc; z-index: 999999999; border: 1px solid white; } .kbee .external-scroll_x .scroll-bar { width: 30%; border-radius: 0px; } .kbee .external-scroll_y .scroll-bar { height: 100px; } .kbee .done {font-size: 12px; padding: 3px 6px; color: #5cb18b; background: #e6fff4;} .kbee .running { } .kbee .cancelled {font-size: 12px; padding: 3px 6px; color: #FD5F68; background: #ffeeee;} .kbee a.brand:hover {background: inherit; } .kbee .brand {height:56px;} .kbee .brand {padding-top:16px; padding-bottom:16px; float:left; padding-left: 10px; padding-right: 10px; line-height:24px;} .kbee .brand .title {font-size: 16px; line-height: 14px; font-weight: 400; color: white; float: left; margin-top: -3px; margin-bottom: 1px;} .kbee .brand .subtitle {float:left; clear:left;vertical-align: middle; color: #C9CDCF; margin:0; font-size: 12px; line-height: 18px; font-weight: 400;} .kbee .brand-kbee .title {font-size: 13px !important; line-height: 14px; font-weight: bold; color: white; float: left; margin-top: -3px; margin-bottom: 1px;} .kbee nav.internal .navbar-nav > li > a.userinfo {color: red;} .kbee nav.home .navbar-nav > li > a.userinfo {color: white;} .kbee .userinfo .subtitle {color: #C9CDCF; font-weight: 600; font-size: 11px;} .kbee .expired {color: #FF6437;} .kbee .due-today {color: #4fa200;} .kbee table {font-size: 14px; line-height: 1.5em;} .kbee .text-viewer p {margin:0;} .kbee .text-viewer a {text-decoration: underline;} .kbee .text-viewer button.btn-link {text-decoration: none;} .kbee .list-group-item .postit a { color: #007cba; text-decoration: none; text-decoration: underline;} .kbee .usernotes li.list-group-item:nth-of-type(odd) {background: white; } .kbee .usernotes li.list-group-item:nth-of-type(even) {background: inhertit;} .kbee .usernotes .list-notes .list-group-item .metadata {font-size:13px;} .kbee .usernotes p {margin:0;} .kbee .usernotes .list-group-item .metadata {float:right; font-size:1em; font-weight: normal; line-height: 1.6em;} .kbee .usernotes a.title {width:100%; float:left; text-decoration:none; font-weight: bold; color:#303436; padding-top: 4px; padding-bottom: 4px;} /*.kbee .usernotes .postit {padding: 20px; background: #fffdeb; line-height: 1.7em; margin:0; overflow-y: auto;}*/ .kbee .usernotes .postit {padding: 0px; background: none; line-height: 1.7em; margin:0; overflow-y: auto;} .kbee .usernotes button.btn-link {font-size: 13px; } .kbee .form-mini-editor-container body.mce-content-body {background:red;} .kbee .form-mini-editor-container .mce-container, .kbee .form-mini-editor-container .mce-container *, .kbee .form-mini-editor-container .mce-widget, .kbee .form-mini-editor-container .mce-widget *, .kbee .form-mini-editor-container .mce-reset {font-size:11px;} .kbee .form-mini-editor-container .mce-toolbar-grp { padding-bottom: 1px; padding-top: 1px;} .kbee .form-mini-editor-container .mce-path {padding: 2px 6px;} .kbee .form-mini-editor-container .mce-container, .kbee .form-mini-editor-container .mce-container *, .kbee .form-mini-editor-container .mce-widget, .kbee .form-mini-editor-container .mce-widget *, .kbee .form-mini-editor-container .mce-reset { background: #fffdeb;} .kbee .form-mini-editor-container .mce-btn button { padding: 3px 8px;} .kbee .form-mini-editor-container .mce-panel { border: 0px solid #e2ddac;} .kbee .form-mini-editor-container {margin-bottom: 15px;} .kbee .form-mini-editor-container .form-group {padding: 0; border-radius: 0; border: none; margin:0 0 4px 0;} .kbee .form-mini-editor-container .form-group input { padding: 10px 15px; font-weight:bold; border: 1px solid #eeeeee;} .kbee .form-mini-editor-container .form-group textarea.form-control {height: auto; padding: 12px 12px 24px 12px; line-height: 1.7em; float: left;font-size:14px; font-weight: normal;background: #fffdeb; border: 1px solid #e2ddac; border-radius: 0; min-height:260px; } .kbee .form-mini-editor-container .form-control-static, .kbee .form-mini-editor-container .form-control { width: 100%; height: initial; padding: 0 10px; color: #303436; border: none; -webkit-box-shadow: none; box-shadow: none;} .kbee .form-mini-editor-container button {font-size:13px;} .kbee .browser .pending {color: #FF6437;} .kbee .modal-backdrop.in {filter: alpha(opacity=50); opacity: .6; z-index: 15000;} .kbee .print-button {float: right;margin-right: 0px;bottom: -6px;position: absolute;right: 49px;} .kbee .audit-resolution .print-button {float: right;margin-right: 0px;top: 0px;position: absolute;right: 49px;} .kbee .modal-body .print-button {float: right; margin-right: 5px; bottom: 24px; position: absolute; right: 66px; top:0;} .kbee .browser .left-panel .tab-pane .row {margin: 0 -15px;} .kbee .browser .grid .grid-body .expanded h2.title {padding:0; font-size:14px;} .kbee .readonly-panel .form-control-static, .kbee .readonly-panel .form-control {width: 100%; background: inherit; height: inherit; padding: 0; color: #303436; border: none; -webkit-box-shadow: none; box-shadow: none;} .kbee .modal .audit-trail {font-size: 14px;} .kbee .modal .audit-trail .table > thead { padding-top:6px; padding-bottom:6px;} .kbee .modal .audit-trail .table > tbody > tr > td { padding-top:6px; padding-bottom:6px;} .kbee .modal .audit-trail .ago {font-size:inherit;} .kbee .grid .compact .task-comment .user-photo-container, .kbee .grid .comfortable .task-comment .user-photo-container, .kbee .browser .user-photo-container {margin-left: 15px;} .kbee .alert-info a {text-decoration: underline;} .kbee .alert-info .ago {color: inherit;} .kbee .process-history .ago {font-size: inherit; color: inherit;} .kbee .browser .left-panel .tab-pane ul.process-history li.row {margin:0;} .kbee ul.process-history li {padding: 15px 0; border-radius:5px; margin:0; border-top: 1px solid #eceeef;} .kbee ul.process-history ul.resources-list {padding:10px 0;} .kbee ul.process-history ul.resources-list li.resource {padding:0; border:none; background: none; padding: 3px 0;} .kbee ul.process-history ul.resources-list li.resource a.btn-link {text-decoration:none; color:#303436; } .kbee ul.process-history ul.resources-list i {padding:0 8px 0 0px;} .kbee .advanced-search ul {width:100%;} .kbee ul.process-history li:first-child {border-top: none;} .kbee ul.process-history li:nth-of-type(odd) {background: white; } .kbee ul.process-history li:nth-of-type(even) {background: #fcfcfc; } .kbee ul.process-history li:hover {background: #f4f4f4; } .kbee .tiny-white-border .mce-container {border-color: white;} .kbee .tiny-white-border .mce-container *, .kbee .tiny-white-border .mce-widget, .kbee .tiny-white-border .mce-widget *, .kbee .tiny-white-border .mce-reset { background: #efefef;} .kbee .metadata {white-space: initial; float:left;line-height: 1.7em; color:#666666; font-size:1em;} .kbee .task-metadata {margin: 0px 0 0 58px; line-height:1.7em;} .kbee .browser .task-metadata {margin: 0px 0 0 73px;} .kbee a.span.btn-mini {cursor:pointer;} .kbee .browser .navbar a .far, .kbee .browser .navbar a .fal, .kbee .browser .navbar a .fa {font-size:20px;} .kbee .browser .expanded .container {margin:0; margin-bottom: 28px; margin-top: 0px; padding:0;} .kbee .browser .process-history {width:100%; min-width: 800px;} .kbee .btn-xs, .kbee .btn-group-xs > .btn {padding: 6px 0; font-size: 12px; line-height: 1em; border-radius: 3px; border-radius: 32px; width: 76px;} .kbee .grid-body .tabs .nav>li>a {font-size: 14px;} .kbee .main-panel {padding: 24px 42px;} .kbee .content-header .breadcrumb { padding:2px 0 0 0; margin-bottom: 0px; list-style: none; font-size:12px; background: none; color: #303436; margin-left: 1px; float: left;} .kbee .breadcrumb .active {cursor: arrow;} .kbee .breadcrumb > li + li:before {padding: 0 0 0 4 px; color: #cccccc; content: "/\00a0"; float:left;} .kbee .breadcrumb a.dropdown-toggle {padding-right: 16px;} .kbee .breadcrumb a.dropdown-toggle:after { content: "\e9c6"; font-family: "icomoon"; font-size: 13px; display: block; position: absolute; top: 50%; margin-top: -5px; right: 0px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.1s ease-in-out; -o-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; color: #37474f; } .kbee .breadcrumb a.dropdown-toggle[aria-expanded="true"]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .kbee .page-content-header {margin-bottom:0;} .kbee .content-header .title-container {width: initial; height: auto; float: left;} .kbee .content-header .container {width: initial; height: auto; float: left;} .kbee .content-wrapper .content-header h1 {font-size:18px;} .kbee .content-header h1 {font-size:25px; line-height: 1.35em; margin: 3px 0;} .kbee .content-header .icon-container .far, .kbee .content-header .icon-container .fal, .kbee .content-header .icon-container .fa {color: #007cba; font-size: 28px; margin-right: 12px; border: none; padding: 12px; border-radius: 6px; border: 1px solid #dededf; max-width: 80px; text-align: center; min-width:54px;} .kbee .grid .compact .task-comment .user-photo-container, .kbee .grid .comfortable .task-comment .user-photo-container, .kbee .browser .user-photo-container {margin-left: 15px;} .kbee .browser .process-history .user-photo-container {margin-left: 0px; } .kbee .nav .caret {margin-left: 4px;} .kbee nav.sidebar .navbar-nav > li.divider, .kbee .dropdown-menu > li.divider { background-color: white; float: left; border-top: 1px solid #dededf; padding-top: 0px; margin-top: 6px; width: 100%; margin-bottom: 6px; padding-bottom: 0;} .kbee .browser .expanded .tab-pane {padding-top: 20px;} .kbee .browser .expanded .tabs ul.nav {border: none;} .kbee .browser .expanded .tabs .nav>li>a { padding-top: 10px; padding-bottom: 10px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #dededf;} .kbee .browser .expanded .tabs .nav-tabs > li.active > a, .kbee .browser .expanded .tabs .nav-tabs > li.active > a:hover, .kbee .browser .expanded .tabs .nav-tabs > li.active > a:focus {border-bottom-color: transparent;} .kbee address {line-height: 1.5em;} .kbee .browser .nav .btn-sm, .kbee .browser .nav .btn-md {margin-top: 4px; font-size:12px;} .kbee .reassign { padding: 1px 3px; border-radius: 3px; color: #007cba; background-color: #E5F4FF; border-color: #d2e5f3;} .kbee .layout-twopanels {min-height: 1400px;} /*.kbee .browser .compressed-list .list-group-item {border:none; border-radius:4px; padding: 6px 15px;}*/ /*.kbee .browser .compressed-list .list-group-item:last-child {border-bottom: none;}*/ .kbee .workflow-info a .list-group-item-heading {text-decoration: none; color: inherit;} .kbee .workflow-info .list-group-item a.btn-link {float:left; text-decoration: none; font-weight: bold; color: #303436;} .kbee .workflow-info .list-group-item {height: auto; float: left; margin-bottom:6px; width:100%;} .kbee .workflow-info .list-group-item:last-child {margin-bottom:0;} .kbee .workflow-info .list-group-item .metadata {width:100%; clear:left;} .kbee .workflow-context p {margin: 0px;} .kbee i.warning {background: none;} /** ------------------------------------------------------------------------------------------------------------- Lateral Menu ---------------------------------------------------------------------------------------------------------------*/ .kbee .navbar-inverse .navbar-nav > .open > a, .kbee .navbar-inverse .navbar-nav > .open > a:hover, .kbee .navbar-inverse .navbar-nav > .open > a:focus {color: #37474f; background-color: #f4f4f4; font-weight: bold;} .kbee nav.sidebar .caret {float: right; margin: 17px 0; color:#007cba;} .kbee nav.sidebar li > a:hover .caret {display:inline-block;} .kbee nav.sidebar .navbar-nav {overflow-y: auto; height: calc(100vh - 77px); background: white; margin-top: 10px; width: 100%;} .kbee nav.sidebar .main .row {padding: 0px;margin: 0px;} .kbee nav.sidebar.navbar {border-radius: 0px; background-color: white; font-size:14px; border-top:none; border: 1px solid #dededf; border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15); box-shadow: 0 6px 12px rgba(0, 0, 0, .15);} .kbee nav.sidebar, .kbee nav.sidebar .main { -webkit-transition: margin 200ms ease-out; -moz-transition: margin 200ms ease-out; -o-transition: margin 200ms ease-out; transition: margin 200ms ease-out; } .kbee nav.sidebar .main { padding: 10px 10px 0 10px; } .kbee nav.sidebar main { position: absolute; width: calc(100% - 40px); /*keeps 100% minus nav size*/ margin-left: 40px; float: right; } .kbee nav.sidebar:hover + .main {margin-left: 200px;} .kbee nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;} .kbee nav.sidebar .navbar-brand, nav.sidebar .navbar-header { text-align: center; width: 100%; margin-left: 0px;} .kbee nav.sidebar a {padding-right: 13px;} .kbee nav.sidebar .navbar-nav > li:first-child {border-top: 1px solid white; } .kbee nav.sidebar .navbar-nav > li {border-bottom: 1px solid white; width:100%; float: left;} .kbee nav.sidebar .navbar-nav > li > a {margin:0; width:100%; float:left;} .kbee nav.sidebar .navbar-nav .open .dropdown-menu {position: static;float: left;width: 100%;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;margin-bottom: 24px; margin-top:0; padding:1px 0; } .kbee nav.sidebar .navbar-collapse, nav.sidebar .container-fluid { padding: 0 0px 0 0px;} .kbee .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #303436; padding: 0 20px; margin: 0 10px; width: calc(100% - 20px); border-radius: 6px; } .kbee .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #303436; background-color: white; } .kbee nav.sidebar { width: 300px; height: 100%; margin-left: -160px; float: left; z-index: 99999999999999999; margin-bottom: 0px; position: fixed; top: 56px; } .kbee nav.sidebar li {width: 100%;} .kbee nav.sidebar:hover {margin-left: 0px;} .kbee .forAnimate {opacity: 0;} .kbee .main {width: calc(100% - 200px); margin-left: 200px; } .kbee nav.sidebar { margin-left: 0px; float: left; } .kbee nav.sidebar .forAnimate{opacity: 1;} .kbee nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, .kbee nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {background: #f4f4f4 ; line-height: inherit;} /* #37474f */ .kbee nav.sidebar .navbar-nav > li {line-height: 38px;} .kbee nav.sidebar .navbar-nav .dropdown-menu { min-width: auto; } .kbee nav.sidebar .navbar-nav .dropdown-menu > li { border-radius:0; margin:0; padding:0; } .kbee nav.sidebar .navbar-nav .dropdown-menu > li > a { text-decoration: none; color: #fff; line-height: inherit; padding: 0 32px; } .kbee nav.sidebar .navbar-nav > li > a {text-decoration: none; color: #303436; line-height: inherit; padding: 0 10px; margin: 0 10px; width: calc(100% - 20px); border-radius: 6px; } .kbee nav.sidebar .navbar-nav .glyphicon { padding-top: 22px; } .kbee nav.sidebar .navbar-nav > li > a:hover { background: #f4f4f4; } .kbee nav:hover .forAnimate { opacity: 1; } .kbee nav.sidebar section { padding-left: 15px; } .kbee nav.sidebar .navbar-nav .glyphicon { padding-top: 9px; color: #666666; float: left; margin-right: 16px; font-size: 16px; padding-left: 2px;} /* --------------------------------------------------------------------*/ .kbee .mce-menubar {border: none !important; } .kbee .mce-panel { border: 0 solid #eeeeee; background-color: #f0f0f0;} .kbee .mce-container, .kbee .mce-container *, .kbee .mce-widget, .kbee .mce-widget *, .kbee .mce-reset {font-size: 14px; color: #515356; background: #eeeeee;} .kbee .mce-btn-group .mce-btn { border-width: 0; border: none; box-shadow: none; } .kbee .mce-toolbar-grp { padding-bottom: 4px; padding-top: 4px;} .kbee .resource-viewer .user-photo-container { margin-top: 10px; float: left; width: 36px; margin-right: 12px; border: 1px solid #eeeeee; border-radius: 6px; height: 36px; padding: 0; background: none; overflow: hidden; position: relative; margin-left: 6px;} .kbee .video-panel {margin-bottom: 0px; top: calc(50% + 20px); left: 50%; position: absolute; TRANSFORM: translate(-50%, -50%);} .kbee .video-panel .title-container {padding: 12px 0 0 0;} .kbee .video-panel .title-container h1 {width: 100%; font-size: 20px; color:#303436;line-height: 1.45em; margin: 0;} .kbee .video-panel .abstract-container {padding: 24px 0 12px 0; width: 100%; } .kbee .video-panel .abstract {color: #303436; font-size: 1em; line-height: 1.45em;} .kbee .vjs-big-play-button { font-size: 2.75em; line-height: 1.5em; height: 1.5em; width: 3.25em; position: absolute; bottom: 4%; left: 4%; padding: 0; cursor: pointer; opacity: 1; border: none; background-color: #2B333F; background-color: #007cba; border-radius: 32px; transition: all 0.4s; top: initial; } .kbee .video .player-container {width: 100%; height: initial; height: inherit; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .kbee .video .player-panel {width: 100%; background: #000000; position: relative; } .kbee .image .player-container {width: 100%; height: initial; float: left; max-width: initial; max-height: initial;} .kbee .image .player img {max-height: 56vh;} .kbee .image .player-panel {width: 100%; float: left; background: inherit; height: initial; min-width: initial; } .kbee h3 {font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top:0;} .kbee .workflow-info h3 {margin-bottom: 4px; color: #007cba;} .kbee .browser .left-panel .navbar .modal-body .mandatory {font-size: 8px !important; padding-top: 6px !important; float: inherit;} .kbee .browser .left-panel .navbar .modal-body .glyphicon {font-size:12px; padding-top:4px;} .kbee .withbck {background: #f4f4f4; padding: 18px 18px; border-radius: 4px; border: 1px solid #e2e2e2;} /**------------------------------------------------------------------------------------------------------------------------------------ SQL -------------------------------------------------------------------------------------------------------------------------------------*/ .kbee .sql-console .error {margin-top: 70px;} .kbee .sql-console .error .canvas {margin:15px;} .kbee .table-total {float: right; line-height: 40px} .kbee .table-total .label {font-weight: bold; font-size: 1em; color: #303436;} .kbee .table-total .value {color: #666666;} .kbee .sqltable {margin-top:0px; } .kbee .sqltable .sqltools-twopanels {position: absolute; right: 0px; top: -70px; height: 100%; border-left: 1px solid #dededf; padding-top: 32px; padding-left: 24px;} .kbee .sqltable thead tr.headers {font-size:12px; font-weight:bold; border: 1px solid #eceeef;} .kbee .sqltable .table > tbody > tr > th, .kbee .sqltable .table > tfoot > tr > th, .kbee .sqltable .table > tbody > tr > td, .kbee .sqltable .table > tfoot > tr > td {padding: 8px 15px; max-width: 760px; border-right: 1px solid #eceeef;} .kbee .sqltools-twopanels .panel { margin-bottom: 40px;} .kbee .sqltable .table > thead > tr > th {padding: 6px 15px; text-transform: uppercase; border-right: 1px solid #eceeef;;} .kbee .sqltable .table tr:hover {background:#eaf9ff;} .kbee .sqltable .pagination {margin-bottom:0; padding-top:6px;} .kbee .sqltable .pagination > li > a, .kbee .sqltable .pagination > li > span { padding: 6px 10px;} .kbee .sqltable .table-total {float: right; line-height: 28px; padding: 8px 15px 0 15px; font-size: 14px;} .kbee .sqltable .pagination > li > a, .kbee .sqltable .pagination > li > span {font-size:13px;} .kbee .sqltools-twopanels .form-group {margin-bottom: 15px;} .kbee .small .list-group-item a .list-group-item-heading {text-decoration: none; color: inherit; line-height: 1.5em;} .kbee .small .list-group-item a { position: relative; display: block; font-size: 13px; color: #303436;} .kbee .small .list-group-item a .fal, .kbee .small .list-group-item a .far, .kbee .small .list-group-item a .fa {font-size:14px; padding:1px 2px;} .kbee .small .list-group-item { padding: 8px 12px;} .kbee .sqltools-twopanels { border-left: 1px solid #e2e2e2; right: -1px; height: calc(100vh - 104px); z-index: 12; overflow: auto; background: white; padding: 0 25px; margin-top: 0px; padding-top: 16px; } .kbee a .list-group-item-heading .kbee .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 160px;} .kbee .navbar {margin:0; min-height: auto; } .kbee .navbar {font-weight: normal; color: #999999;} .kbee .navbar .label {font-weight: bold; color: #303436; font-size: 14px; } .kbee .grid .resources-container {margin-left: 0; margin-bottom: 22px; float: left; width:100%;} .kbee b, .kbee strong {font-weight: 600;} /** -------------------------------------------------------------------------------------------------------- Icons -------------------------------------------------------------------------------------------------------- */ @font-face {font-family: Realpage-Icons; src: url('/fonts/0126_RealPage-Icons/fonts/RealPage-Icons.ttf'); src: url('/fonts/0126_RealPage-Icons/fonts/RealPage-Icons.ttf'); src: url('/fonts/0126_RealPage-Icons/fonts/RealPage-Icons.woff'); font-weight: normal;} [class*=" rp-icon-"], [class^=rp-icon-] { font-family: RealPage-Icons !important; font-variant: normal; text-transform: none; } [class*=" rp-icon-"], [class^=rp-icon-] { font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rp-global-nav-toggle:before {content: "\e94c";} .rp-icon-grid:before {content: "\e93c";} .rp-icon-grid-2:before {content: "\e93b";} .rp-global-nav-toggle:before { color: #fff; display: block; cursor: pointer; font-size: 20px; line-height: 40px; text-align: center; } .rp-global-nav-toggle:before {content: "\e94c";} .open .rp-global-nav-menu-item-label-toggle:before, .rp-global-nav-menu-item-label-toggle:before, .rp-global-nav-toggle:before {font-family: RealPage-Icons!important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .kbee .glyphicon-menu-down:before {content:"\e999" !important; font-family: 'RealPage-Icons'; } .kbee .glyphicon-add:before {content: "\e901"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-asterisk:before {font-family: 'Glyphicons Halflings'; } .kbee .glyphicon-trash:before {content: "\e979"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-edit:before {content: "\e926"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-cog:before {content: "\e939"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-option-horizontal:before {content: "\e954"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-tag:before {content:"\e973" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-remove:before {content:"\e91A" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-star:before {content:"\E96B" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-chevron-left:before {content:"\e99A" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-chevron-right:before {content:"\e99B" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-search:before {content:"\e9bd" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-help:before {content:"\e9aa" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-filter:before {content:"\e9a4" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-menu-up:before {content:"\e99c" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-take:before {content:"\e941" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-checkout:before {content:"\e941" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-task:before {content:"\e9ff" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-earphone:before {content:"\e9d0" ; font-family: 'RealPage-Icons'; } .kbee .glyphicon-exclamation-sign:before {content:"\e9a3"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-plus-sign:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-bulb:before {content:"\e9b0"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-stop:before {content:"\e9c0"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-building:before {content:"\e90c"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-tools:before {content:"\e977"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-equalizer:before {content:"\e928"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-empty:before {content:"\e9eb"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-editing:before {content:"\e926"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-defaults:before {content:"\e917"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-unchecked:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-icon-photo:before {content:"\e95a"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-icon-pdf:before {content:"\e931"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-icon-photography:before {content:"\e95b"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-menu-list:before {content:"\e94b"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-cloud-upload {content:"\e914"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-calendar:before {content:"\e9f7"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-refresh:before {content:"\e95f"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-export:before {content:"\e181"; font-family: 'Glyphicons Halflings';} .kbee .rp-icon-add:before {content:"\e901"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-th:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-bookmark:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-lock:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-cloud-upload:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-option-vertical:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-eye-open:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-info-sign:before {content:"\e9a8"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-floppy-disk:before {content:"\e937"; font-family: 'RealPage-Icons'; } /* Tasks */ .kbee .glyphicon-tasks:before {content:"\e941"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-pendingtasks:before {content:"\e9f8"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-monitor:before {content:"\e953"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-workflow:before {content:"\e139"; font-family: 'Glyphicons Halflings'; } /* Content */ .kbee .glyphicon-content:before {content:"\e90b"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-templates:before {content:"\e969"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-archive:before {content:"\e956"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-recycle:before {content:"\e95e"; font-family: 'RealPage-Icons'; } .kbee .rp-icon-cloud-download:before {content:"\e9b4"; font-family: 'RealPage-Icons'; } /* Security */ .kbee .glyphicon-users:before {content:"\e97b"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-groups:before {content:"\e97c"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-password:before {content:"\e9d3"; font-family: 'RealPage-Icons'; } /* DataSetValues */ .kbee .glyphicon-datasetmember:before {content:"\e9ef"; font-family: 'RealPage-Icons'; } /* System Logs */ .kbee .glyphicon-emaillog:before {content:"\e949"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-xplorer:before {content:"\e022"; font-family: 'Glyphicons Halflings';} .kbee .glyphicon-systemlog:before {content:"\e920"; font-family: 'RealPage-Icons'; } /* Information Model */ .kbee .glyphicon-datasets:before {content:"\e99d"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-classifiers:before {content:"\e118"; font-family: 'Glyphicons Halflings';} /* "\e938"; */ .kbee .glyphicon-attributes:before {content:"\e90f"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-contentclasses:before {content:"\e9d7"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-link:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-blackboard:before {font-family: 'Glyphicons Halflings';} .kbee .glyphicon-monitor2:before {content:"\e9ce"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-reassign:before {content:"\ea00"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-audit-trail:before {content:"\e9cb"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-support:before {content:"\e90a"; font-family: 'RealPage-Icons'; } .kbee .glyphicon-knowledgebase:before {content:"\e9c3"; font-family: 'RealPage-Icons'; } .kbee .rp-icon-paper-plane:before {content:"\e957"; font-family: 'RealPage-Icons'; } .kbee .browser .navbar .highlight, .kbee .btn-mini .highlight {color: #E55932;} .kbee .browser .navbar .highlight { padding: 5px 0px 5px 0px; color: #E55932; font-size: 12px; margin-top: 7px; margin-left: 0px; float: left; text-transform: uppercase; line-height: 18px; margin-right: 10px; border-radius: 2px;} .kbee .right-panel .facets, .kbee .facets { float:left; padding-left:0; padding-right: 0; } .kbee .facets .list-group-item { border: none; padding-left: 0px; } .kbee .facets .list-group { border-top: none; } .kbee .kbee .facets .member { padding-top: 0px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 8px; border-bottom: none; border-top:none; } .kbee .facets .panel-title { font-size: 14px; font-weight: bold; } .kbee .facets .panel-title:hover > a { text-decoration: none; } .kbee .facets .panel-title > a { text-decoration: none; } .kbee .facets .member .value { position:relative; display:block; margin-top:0px; margin-bottom:0px; padding-left: 0px; } .kbee .facets .panel .btn-apply { width: auto; padding-left: 5px; padding-right: 5px; } .kbee .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .kbee .value label { min-height: 20px; padding-left: 0px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .kbee .checkbox input[type="checkbox"]:onhover {background: red !important;} .checkbox input[type="radio"]:checked + label::after, .kbee .checkbox input[type="checkbox"]:checked + label::after, .kbee .panel-heading .accordion-toggle::before, .kbee .panel-heading .accordion-toggle::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: normal; } .kbee .panel-heading .accordion-toggle:after { font-family: 'Font Awesome 5 Pro'; content: "\f107"; float: left; color: #007cba; margin-right: 8px; font-size: 20px; margin-left: 0px; padding: 0px 2px; font-weight: 400; } .kbee .panel-heading .accordion-toggle.collapsed:after { font-family: 'Font Awesome 5 Pro'; /* symbol for "collapsed" panels */ content: "\f105"; margin-top:-1px;} /*.kbee .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {font-family: 'Font Awesome 5 Pro'; content: "\f00c";}*/ .kbee .checkbox input[type="checkbox"]:checked + label::after, .kbee .checkbox input[type="radio"]:checked + label::after {font-family: 'Font Awesome 5 Pro'; content: "\f00c"; color: #007cba; border-radius: 3px;} .kbee input[type="radio"], .kbee input[type="checkbox"] { margin: 0; line-height: normal;} .kbee .checkbox label::after { width: 20px; height: 20px; left: 3px; top: 1px; padding-left: 0px; padding-top: 0px; font-size: 12px; margin:0; } .kbee .browser .grid .row-container:last-child {border-bottom: 1px solid #eceeef;} .kbee .facets .panel-group .panel-heading + .panel-collapse > .list-group {border-top: none;} .kbee .facets h4.panel-title {font-size: 14px; font-weight: bold; text-transform: uppercase;} .kbee .browser .left-panel .navbar .modal-body .glyphicon-ok, .kbee .browser .left-panel .navbar .modal-body .glyphicon-remove { top: 20px; right: 0;} /** ------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------- */ .kbee .right-panel .tabs .nav>li>a {padding: 11px 24px;} .kbee .panel-header { margin-bottom: 0px; float:left; width: 100%; position: relative; margin-top: 0px; height:62px; border: 1px solid transparent; padding-top:24px; padding-left: 0; padding-right: 0; } .kbee .taskpanel .panel-header {margin-top:0;} .kbee .panel-header h2 {float: left; padding-top: 0px; margin-bottom: 0;} .kbee .list-alerts .close-panel { float: right; padding-top: 0px; cursor: pointer; font-size: 14px; right: 15px; position:absolute; margin-top: 2px;} .kbee .panel-header .close-panel { float: right; padding-top: 0px; cursor: pointer; font-size: 16px; right: 0; position: absolute; margin-top: 0px; color: #007cba;} .kbee p {line-height: 1.65em; margin: 0 0 20px; color:#303436;} .kbee p .highlight {color: #E55932;} .kbee .toleft {padding-left: 0px;} .kbee .toright {padding-right: 0px;} .kbee .actions-block {padding-top: 24px;} .kbee .blockseparator {margin-top: 30px; padding-top:30px; border-top: 1px solid #eeeeee;} .kbee .grid .blockseparator {margin-top: 0; padding-top:0; border-top: none;} .kbee .grid .task-comment {margin: 0; padding: 15px; border-top: none; background: #f3f3f3; border-radius: 6px; margin-left: 0; max-width: 100vw; float: left; width: 100%;} .kbee .tt {margin-left: 0px; margin-right: 6px; float:left;} .kbee .x-centered {float:left; position: relative; left:50%; transform:translateX(-50%);} .kbee .nopadding {padding:0;} .kbee .workflow-info {width: 100%;} .kbee .workflow-info .tab-pane .nav {margin-top:0; margin-bottom: 20px; min-height: initial;} .kbee .workflow-info .tab-pane .nav .btn-mini {padding: 7px; font-size: 14px; color: #666666;} .kbee .workflow-info .tab-pane .nav .btn-mini .glyphicon {font-size: 18px;} .kbee .workflow-info .tab-pane .nav .edx {padding-left:0;} .kbee .workflow-info .tab-pane .nav .label {margin-right: 3px;} .kbee .workflow-info .tab-pane .members-editor dl dd.elements-container {line-height: inherit; padding: 0; margin-left: 132px; float:none;} .kbee .workflow-info .tab-pane .members-editor dl.editing dd.elements-container {margin-left:0;} .kbee .members-editor .alert {margin-bottom:0;} .kbee .workflow-info .tab-pane .members-editor .form-group > .text-container, .kbee .workflow-info .tab-pane .members-editor .form-group > .suggester-container {margin-bottom: 0; margin-bottom: 0; background: #eeeeee; padding: 15px; border-radius: 4px;width: 100%; float: left;} .kbee .workflow-info .tab-pane .members-editor .suggester-container input {border: 1px solid #dededf; height: 40px; font-size: 12px; padding: 0 8px;} .kbee .workflow-info .tab-pane .members-editor .suggester-container .glyphicon {font-size: 12px;} .kbee .workflow-info .tab-pane .members-editor .suggester-container .input-group-btn > .btn {padding: 8px 10px 4px 10px;} .kbee .workflow-info .tab-pane .members-editor .suggester-container .help-block {float:left; margin-top: 6px; margin-bottom: 0px; padding-left: 0;} .kbee .workflow-info .tab-pane .members-editor input {height:40px;} .kbee ul.classification li .suggester-container a.text-info, .kbee .text-info {font-size: 13px;} .kbee .workflow-info .tab-pane .editing {background: none; padding: 0; border-radius: 0px; border: none; min-height: initial;} .kbee .workflow-info .tab-pane dl.editing dt {width: initial;} .kbee .workflow-info .tab-pane dt {line-height: inherit; float:left; width: 380px; max-width:48%;} .kbee .workflow-info .tab-pane dt label.classifier { margin-bottom: 0px; font-weight: bold; margin-left: 0px; font-size:14px;} .kbee .workflow-info .tab-pane .glyphicon-remove {font-size: 9px;} .kbee .workflow-info .tab-pane dl.editing dt label.classifier {font-size:15px;} .kbee .workflow-info .tab-pane dl.editing dd.elements-container {line-height: inherit; float: left; padding: 3px 0; margin-left:0;} .kbee .workflow-info .tab-pane dl dd.elements-container {padding:0; line-height: inherit; float: none; margin-left: 344px;} .kbee .workflow-info .tab-pane ul.classification li dl {margin-bottom: 0; padding: 5px 0; line-height: 1.45em;} .kbee .workflow-info .tab-pane ul.classification li dl.editing {margin-top: 2px; margin-bottom: 2px; padding: 3px 0; min-height: auto; border: 1px solid #dededf; padding: 15px; border-radius: 4px;} .kbee .workflow-info .tab-pane .member-item {display: inline; clear: none; margin-left: 0; margin-bottom: 0px; float: none; line-height: 1.45em;} .kbee .workflow-info .tab-pane .editing .member-item {display:inline; margin-left:0; margin-bottom: 0px; float:left; line-height:2em; clear:left;} .kbee .workflow-info .tab-pane .task-info .ago {color: inherit; font-size: inherit;} .kbee .workflow-info .tab-pane .task-comment {padding-left:0; padding-right:0;} .kbee .workflow-info .tab-pane .task-comment .ago {color: inherit; font-size: inherit;} .kbee .member-item {display:inline; line-height:24px; clear:left; margin-bottom: 6px; float:left;} .kbee .expanded-hit-panel {margin-left:0; margin-bottom: 24px; float:left; width:100%; max-width: 1640px;} .kbee .expanded-hit-panel table {width: 100%; border: none; border-bottom:none;} .kbee .expanded-hit-panel table tbody {width: 100%;} .kbee .expanded-hit-panel .ago {color: inherit;} .kbee .grid .grid-row .number-md .expanded-hit-panel .cell-container, .kbee .grid .expanded-hit-panel .cell-container > .number-md {float: left; width: initial;} .kbee .grid .grid-row .number-xl .expanded-hit-panel .cell-container, .kbee .grid .expanded-hit-panel .cell-container > .number-xl {float: left; width: initial;} .kbee .grid .expanded-hit-panel .label-container {width: 100%; float: left; } .kbee .grid .expanded-hit-panel .label-container > span {float: left;} .kbee .grid .expanded-hit-panel .usermodified {float: left; margin-left: 4px; clear:none;} .kbee .grid .expanded-hit-panel .cell-label .btn-link {font-weight: normal; color: inherit; text-decoration: underline;} .kbee .grid .expanded .expanded-hit-panel .btn-link {font-weight: normal; cursor: pointer; } .kbee .grid .expanded .expanded-hit-panel .userphotocolumn { position: relative; margin-top: 2px; margin-bottom: 6px; float: left; width: 48px; margin-right: 24px; border: 1px solid #eeeeee; border-radius: 50%; height: 48px; padding: 0; background: none; overflow: hidden; position: relative;} .kbee .expanded-hit-panel table tbody {float: left;} .kbee .expanded-hit-panel table tr {clear: left; width: 100%;} .kbee .workflow-info ul.classification li:hover, .kbee .workflow-info table tr:hover, .kbee .expanded-hit-panel table tr:hover {background:#f9f9fa;} .kbee .expanded-hit-panel table {float: left; font-size: 1em;} .kbee .workflow-info tr.form-group .label {width: 50%; max-width:48vw;} /** .kbee tr.form-group {margin:0; padding:0px 0; float:left; width:100%; border-radius: 0px; margin:0; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;} .kbee tr.form-group:last-child {border-bottom: 1px solid #eeeeee;} .kbee tr.form-group .label {width: 50%; max-width:48vw; line-height: 1.45em; float: left; color: #303436; font-size: 14px; text-align: left; font-weight: bold; padding:10px 15px;border-top:1px solid #eeeeee;border-left:none;border-right:1px solid #eeeeee;} .kbee tr.form-group .value {max-width: 48vw; padding:0;line-height: 1.45em; padding:10px 15px; border-top:1px solid #eeeeee; border-right: none; border-left: 1px solid #eeeeee; float:left; margin-left: -1px; width: calc(50% + 1px)} **/ .kbee tr.form-group {margin:0; padding:0px 0; float:left; width:100%; border-radius: 0px; margin:0; border-left: none; border-right:none;} .kbee tr.form-group:last-child {border-bottom: none;} .kbee tr.form-group .label {width: 50%; max-width:30em; line-height: 1.45em; float: left; color: #303436; font-size: 14px; text-align: left; font-weight: bold; padding:5px 0px;border-top: none; border-left:none;border-right:none;} .kbee tr.form-group .value {max-width: 48vw; padding:0;line-height: 1.45em; padding:5px 0px; border-top: none; border-right: none; border-left: none; float:left; margin-left: -1px; width: calc(50% + 1px)} .kbee .note {background: none; margin-top: 0px; float: left; line-height: 1.7em;} .kbee .process-history .note {font-style: italic; margin-bottom: 5px;} .kbee .one-panel tr.form-group .label {width: 182px;} .kbee .two-panels tr.form-group .label {width: 182px;} .kbee .infoblock {margin-top: 24px; border-top: 1px solid #dededf; padding-top: 24px; float:left; width:100%; margin-bottom:0; } .kbee .user-photo-container {margin-top: 0px;float: left; width: 48px;margin-right: 10px; border: none; border-radius: 50%; height: 48px;padding: 0; background: inherit; overflow: hidden;position: relative;} .kbee .user-photo-container img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 144%; max-height: 144%; width: auto; background: white; height: auto;} .kbee .user-editor .user-photo-container {width:80px; height:80px;} .kbee .user-editor .user-avatar-status-container {margin-left: 55px;margin-top: 57px; width:22px; height:22px;} .kbee .user-editor .user-avatar-status-container img { width:22px; height:22px;} .kbee .grid .compact .user-photo-container {margin-left: 0; margin-top: 3px;float: left; width: 40px;margin-right: 16px;border: 1px solid #eeeeee;border-radius: 50%; height: 40px;padding: 0;background: none; overflow: hidden;position: relative;} .kbee .grid .compact .user-photo-container img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 144%; max-height: 144%; width: auto; background: white; height: auto;} .kbee .grid .comfortable .user-photo-container {margin-left: 0; margin-top: 0px;float: left; width: 40px;margin-right: 16px;border: 1px solid #eeeeee;border-radius: 50%; height: 40px;padding: 0;background: none; overflow: hidden;position: relative;} .kbee .grid .comfortable .user-photo-container img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 144%; max-height: 144%; width: auto; background: white; height: auto;} .kbee .grid .compact .work-note {margin-left: 60px;} .kbee .grid .comfortable .work-note {margin-left: 3px; } .kbee .grid .work-note .metadata {width:100%;} .kbee .grid .work-note .text {clear:left; max-width: 880px; float:left;} .kbee .grid .work-note p {margin:0;} .kbee .grid .compact .work-note .text {display:none;} .kbee .grid .compact .work-note .text a {color: #007cba; text-decoration: underline;} .kbee .jumbo .browser .grid .compact .grid-row {padding: 0;} .kbee .jumbo .browser .grid .compact .grid-row .cell-container {padding:20px 0;} .kbee .jumbo .browser .grid .compact .grid-row .menu {padding-left: 12px; padding-right: 12px;} .kbee .jumbo .browser .grid .compact .grid-row .short {padding-left: 2px; padding-right: 2px;} .kbee .jumbo .browser .grid .compact .grid-row .short .label-container {padding:0;} /*.kbee .jumbo .browser .grid .compact .grid-row .expander {padding-left: 12px; padding-right: 12px; padding-top: 23px;}*/ .kbee .jumbo .browser .grid .compact .grid-row .expander {padding:0;} .kbee .jumbo .browser .grid .compact .grid-row .expander i {padding:20px 13px 20px 13px;} .kbee .danger {color: #a94442;} .kbee .success {color: #5db33a;} .atright {margin-left: 6px;} .mr6 {margin-right: 6px;} .ml6 {margin-left: 6px;} .kbee .jumbo .browser .grid .compact .grid-row .selector {padding-top:20px; padding-left: 6px} .kbee .jumbo .browser .grid .compact .grid-row .menu, kbee .jumbo .browser .grid .compact .grid-row .short {padding-left: 2px; padding-right: 2px; padding-top: 9px; padding-bottom: 0;} .kbee .jumbo .browser .grid .compact .grid-row .short .label-container {padding:0;} .kbee .jumbo .browser .grid .compact .grid-row .fa-square {padding-top:9px;} .kbee .jumbo .browser .grid .comfortable .grid-row .selector {padding-left: 6px; padding-top:24px;} .kbee .jumbo .browser .grid .comfortable .grid-row .menu { padding-left: 0; padding-right: 0; padding-top: 28px; padding-top: 8px !important;} .kbee .jumbo .browser .grid .comfortable .grid-row .expander {padding-left: 12px; padding-right: 12px; padding-top:28px;} .kbee .jumbo .browser .grid .comfortable .grid-row .fa-square {padding-top:6px;} /** -------------------------------------------------------------------------------------------------------- margins -------------------------------------------------------------------------------------------------------- */ .kbee .mt24 {margin-top: 24px;} .kbee .mb24 {margin-bottom: 24px;} .kbee .mb42 {margin-bottom: 42px;} .kbee .mb60 {margin-bottom: 60px !important;} .kbee .mt12 {margin-top: 12px;} .kbee .mb12 {margin-bottom: 12px;} .kbee .read-only {margin-top:20px;} .kbee .version-tag {padding: 20px 20px; float: left; background: #E55932; color: white; height: 56px; font-size: 14px; text-transform: uppercase; font-weight: normal; font-size: 13px;} /** -------------------------------------------------------------------------------------------------------- AuxPage [TB REMOVED] -------------------------------------------------------------------------------------------------------- */ .content-panel {width: 100%; float: left; margin-top: 32px; background: white;} .auxpage .content-panel {margin-top: 24px; } .content-panel .content-area {width: 62%; float: left;} .content-panel .content-area h1 {font-weight: 600; font-size: 32px; margin:0; line-height: 1.2em;} .content-panel .content-area .title {margin-bottom: 32px; width: 90%; float: left;} .content-panel .content-area .text {width: 100%; float: left;} .content-panel .content-area .text .block {margin-bottom: 4em; float: left; width: 100%;} .content-panel .content-area .text .block .label {font-weight: 500 ; margin-right: 0px; float: left;} .content-panel .content-area .text ul li {width: 100%; float: left; padding: 0px 0; line-height:2em;} .content-panel .content-area .text ul li:hover {background: #f2f2f2; border-radius: 4px; cursor: arrow;} .content-panel .content-area .text ul li.nobck:hover {background: none; border-radius: 0; cursor: initial;} .content-panel .content-area .text ul li .label {} .content-panel .content-area .text ul li .label:hover {cursor: default;} .content-panel .content-area .text ul li .value {color: #303436;} .content-panel .content-area .text ul li .value:hover {cursor: default;} .content-panel .content-area .text ul li .value span.description {color: #bbbbbb; font-size: 0.9em;} .content-panel .content-area .text .table {} .content-panel .content-area .text .table .header {float: left; with: 100%; background: #e2e2e2; font-weight: bold; height: 1.6em;} .content-panel .content-area .text .table .data {float: left; with: 100%; color: #666666;} .content-panel .content-area .text .table .colId {width: 48px; padding-left: 4px; float: left; margin: 0; padding-top: 0.2em;} .content-panel .content-area .text .table .colName {width: 140px;padding-left: 4px; float: left; margin: 0; padding-top: 0.2em;} .content-panel .content-area .text ul li a span.value {color: #2C79A6; } .content-panel .content-area .text ul li a span.value:hover {cursor: pointer;} .content-panel .content-area .text ul li a:hover span.value {cursor: pointer;} .content-panel .content-area .text ul li a:hover {cursor: pointer;} .content-panel .content-area .text .table .colStatus {width: 120px;padding-left: 4px; float: left; margin: 0; padding-top: 0.2em;} .content-panel .content-area .text .table .colTimestamp {width: 200px;padding-left: 4px; float: left; margin: 0; padding-top: 0.2em;} .content-panel .content-area .text .table .colUser {width: 180px;padding-left: 4px; float: left; margin: 0; padding-top: 0.2em;} .content-panel .content-area .text .table .colNumber {width: 80px;padding-right: 16px; float: left; margin: 0; text-align: right; padding-top: 0.2em;} .kbee .grid-body {padding-bottom: 400px; display: block; } /* min-height: calc(100vh - 172px); */ .kbee .kbee-content-main-area-container {overflow-y: hidden;} .kbee .facets ul li.list-group-item:last-child {padding-bottom: 0;} /*-------------------------------------------------------------------------------------------------------- Console -------------------------------------------------------------------------------------------------------*/ .kbee .content-wrapper {margin: 0; } .kbee .content-wrapper .page-header .content-header {padding-right: 15px; padding-left: 15px; padding-top: 3px; padding-bottom: 4px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.1); position: fixed; top: 56px; left: 0; z-index: 990; background: white } .kbee .content-wrapper .open-page-header .content-header {} .kbee .content-wrapper .onepanel {width: 100%;} .kbee .content-wrapper .twopanels {width: calc(75% - 12px);} .kbee .browser {width: 100%; display: block; margin-bottom: 0; position: relative; padding-bottom: 0px; float:left; min-height:90vh; } .kbee .browser .left-panel {float: left; overflow: auto; margin: 0 0 0 0; padding: 0; padding-right: 2px; padding-left: 2px; padding-top: 0px;} .kbee .content-wrapper .right-panel {padding-top:2px; margin-top: 0px; min-height: 90vh;top:0px; right: 0px;border-left: 1px solid #eeeeee;} .kbee .grid-container {margin-top:0px;} /**.kbee .content-wrapper .hastop .right-panel { top: 82px;}*/ .kbee .grid {overflow: auto; padding-bottom: 0px; padding: 0 0px;} .kbee .grid-header span.btn-link {width:initial; font-weight:bold; color: #303436; font-style: normal; text-decoration: none;} .kbee .grid-header span.btn-link em { font-style: normal; } .kbee .grid-header a.btn-link {font-weight:bold; color: #303436; font-style: normal; text-decoration: none; float:left; width:100%;} .kbee .grid-header .selector a.btn-link {width: initial;} /*.kbee .grid-header .selector a.dropdown-toggle i.caret:hover {background: red !important;}*/ .kbee .grid-header a.btn-link-selector {font-weight: bold; color: #303436; font-style: normal; text-decoration: none; float: none;} .kbee .grid-header .selector a.btn-link:hover {background:none !important;} .kbee .grid-header .no-sorting a.btn-link:hover {cursor: auto; color: inherit; background: none; opacity: 1;} .kbee .grid-header .no-sorting a.btn-link span:hover {cursor: auto; color: inherit; background: none; opacity: 1;} .kbee .membercount {color: #999999;} .kbee .panel-collapse {padding-left: 1px; padding-bottom: 24px; } .kbee .collapse.in {display: block; margin-top: 0px; float: left; } .kbee .ui-resizable {position: relative;} .kbee .ui-resizable-resizing {background: #f1f1f1; cursor: e-resize;} .kbee .ui-resizable {position: relative;} .kbee .ui-resizable-e {cursor: e-resize; height: 100%; right: -3px; top: 0px; border-right: none; background: none;} /* url("/images/panel-expander-hover2.png") */ .kbee .ui-resizable-e:hover {background: #777777; width: 6px; cursor: col-resize; z-index:9999999; height: 40px;} .kbee .ui-resizable-handle.ui-icon {display: block; position: absolute; cursor: col-resize; bottom: initial;border-style: solid; border-width: 0; border-color: inherit;} .kbee .ui-resizable-handle { position: absolute; font-size: initial; -ms-touch-action: none;} .kbee .grid-row .title-container {width:100%; float:left; cursor:pointer;} .kbee .grid-row .title-icon {color: #efc075; font-size: 13px; top: 1px; margin-right: 6px;} .kbee .grid-row .title-value {} .kbee .grid-row .tags-container {float:right; clear:right; } .kbee .compact .grid-row .title-cell {cursor: pointer; color:#007cba; } .kbee .compact .grid-row .label-container {float:left; padding-top: 3px; word-break: break-word;} .kbee .compact .grid-row .cell-label {} .kbee .compact .grid-row .cell-icon { font-size: 14px; margin-left: 0px; margin-top: 0px; color: #007cba;} .kbee .comfortable .grid-row .cell-icon { font-size: 14px; margin-left: 0px; margin-top: 0px; color: #007cba;} .kbee .comfortable .grid-row .cell-icon {top: 7px; margin-right: 0px; min-height: 20px;} /* square */ .kbee .comfortable .grid-row .glyphicon-stop {font-size: 8px; margin-left: 0px; margin-top: 7px; color: #007cba; top:1px;} .kbee .compact .grid-row .glyphicon-stop {font-size: 8px; margin-left: 0px; margin-top: 7px; color: #007cba; top:1px;} .kbee .page-header-content .fa-spin {font-size: 13px; padding: 0 6px;} .kbee .browser .grid .fa-spining {font-size: 16px;} .kbee .compact .grid-row .tags-container {float:right; clear: right; padding-top: 0px;} .kbee .comfortable .grid-row .btn-link {cursor: pointer; height:inherit; float:left; width:initial;} .kbee .comfortable .grid-row .title-cell {height:100%;} .kbee .comfortable .grid-row .cell-container {width:100%; float:left; } .kbee .comfortable .grid-row .label-container {padding-top: 0px; width: 100%; float:left;} .kbee .comfortable .grid-row .cell-label {} .kbee .comfortable .grid-row .tags-container {float:left; clear:left; padding-bottom:5px;} .kbee .browser .navbar {margin:0;} .kbee .enabled {color: inherit;} .kbee .disabled {color: #FF0084;} .kbee .archived {color: #ec48b2;} .kbee .draft {color: #AFB3B6;} .kbee .deleted {color: #EC231F;} .kbee .enterprise {color: initial; /*#FF0084;*/} .kbee .grid-body .cell-container .user-archived { color: #a748ec; margin-left: 10px; border-radius: 2px; padding: 2px 8px; color: #007cba; background-color: #E5F4FF; border-color: #d2e5f3; font-size:13px; } .kbee .indexing { color: white; background: #4dbb89; padding: 1px 6px; border-radius: 3px; } .kbee .browser .left-panel .navbar .btn-mini .fal, .kbee .browser .left-panel .navbar .btn-mini .far, .kbee .browser .left-panel .navbar .btn-mini .fa {float:left; } .kbee a.btn-mini > .fal, .kbee a.btn-mini > .far, .kbee a.btn-mini > .fa {color: #007cba; font-weight: 300;} .kbee span.btn-mini > .far, .kbee span.btn-mini > .fal, .kbee span.btn-mini > .fa, .kbee .btn-mini em > .far, .kbee .btn-mini em > .fal, .kbee .btn-mini em > .fa { color: #AFB3B6;} .kbee .browser .left-panel .navbar .glyphicon, .kbee .browser .left-panel .navbar .btn-mini .fal, .kbee .browser .left-panel .navbar .btn-mini .far, .kbee .browser .left-panel .navbar .btn-mini .fas, .kbee .browser .left-panel .navbar .btn-mini .fa, .kbee .browser .left-panel .navbar .btn-mini .glyphicon {font-size: 20px; margin-top:-1px;} .kbee .browser .left-panel .navbar .kbee .browser .left-panel .navbar { margin: 0; margin-bottom: 1px; margin-top: -1px; padding:1px; /*padding: 4px 10px;*/ border: 1px solid #eceeef; border-radius: 4px;} .kbee .content-wrapper > .container {margin:auto; min-height: calc(100vh - 56px);} .kbee .content-wrapper .container-fluid {margin:0; padding:0;} .kbee .browser .navbar .label {font-weight:bold; color: #303436; font-size: 14px;} .kbee .browser .navbar .sep {font-weight:normal; color: #666666;} .kbee .browser .navbar ul.toolbar-buttons > li {float:left;} .kbee .browser .navbar ul.toolbar-buttons > li:first-child {margin-left: 0px;} .kbee .browser .row {margin:0;} .kbee .report .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 320px;} .kbee .dropdown-toggle ul li .icon-container {margin-right: 6px;} .kbee .dropdown-toggle ul li .icon-container img {color: red;} .kbee .browser .grid .comfortable .grid-row .menu .cell-container {padding-bottom:0;} .kbee .browser .grid .grid-body .menu a.btn-mini {padding: 12px 10px 6px 10px;} .kbee .browser .grid .grid-body .menu a.btn-mini i {font-weight:400;} .kbee .compact .grid-row .cell-container {width:100%; float:left; min-height: 27px; padding-top: 6px; padding-bottom: 6px; min-height:39px;} .kbee .browser .grid .xgrid .grid-header .icon-column {border-right: 1px solid #eeeeee; border-left: 1px solid transparent; } .kbee .browser .grid .xgrid .grid-header .col {border-right: 1px solid #eeeeee; border-left: 1px solid transparent; } .kbee .browser .grid .xgrid .grid-body .col {border-right: 1px solid #eeeeee; border-left: 1px solid transparent; } .kbee .browser .grid .xgrid .grid-header .selector {border-right: 1px solid #eeeeee; border-left: 1px solid transparent; } .kbee .browser .grid .xgrid .grid-header .menu {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .xgrid .grid-header .expander {border-right: 1px solid #eeeeee; border-left: 1px solid transparent; } .kbee .browser .grid .xgrid .grid-body .selector {border-left: 1px solid transparent; border-right: 1px solid #eeeeee; } .kbee .browser .grid .xgrid .grid-body .menu {border-left: 1px solid transparent; border-right: 1px solid #eeeeee; } .kbee .browser .grid .xgrid .grid-body .expander {border-left: 1px solid transparent; border-right: 1px solid #eeeeee; } .kbee .browser .grid .grid-header .icon-column {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-body .icon-column {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-header .col {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-body .col {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-header .selector {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-header .menu {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-header .expander {border-right: 1px solid transparent; border-left: 1px solid transparent; } .kbee .browser .grid .grid-body .selector {border-left: 1px solid transparent; border-right: 1px solid transparent; } .kbee .browser .grid .grid-body .menu {border-left: 1px solid transparent; border-right: 1px solid transparent; } .kbee .browser .grid .grid-body .expander {border-left: 1px solid transparent; border-right: 1px solid transparent; } .kbee .browser .selector {margin-top:1px;} /*.kbee .browser .selector {margin-top:1px; background:#f9f9fa;}*/ .kbee .browser .grid .grid-body .expanded .selector, .kbee .browser .grid .grid-body .expanded .menu, .kbee .browser .grid .grid-body .expanded .expander, .kbee .browser .grid .grid-body .expanded .col {border-right: 1px solid transparent; border-left: 1px solid transparent; } /** -------------------------------------------------------------------------------------- spin */ .kbee .navbar-default .fa-spin {color: white; } .navbar-default .dropdown .fa-spin {margin-right: 5px; font-size: 12px;} .kbee .dropdown .fa-spin {color: #007cba; margin-right: 5px;} .kbee .dropdown .fa-spin {color: #007cba; margin-right: 5px;} .kbee .navbar-fixed-top .dropdown .fa-spin { color: white; margin-right: 0px; font-size: 18px; color: white; padding: 0px; width:20px;} .kbee .browser .grid .compact .header .fa-spin {font-size:14px; margin-right: 2px;} .kbee .content-wrapper .right-panel .panel-header .fa-spin {font-size: 16px; margin-top:3px;} .kbee .content-wrapper .right-panel .btn-primary .fa-spin {color:white;} .kbee .btn .fa-spin, .kbee button .fa-spin {font-size: 12px; margin: 0px; padding:0 4px;} .kbee button.btn-primary .fa-spin, .kbee .btn-primary .fa-spin {color:white;} .kbee .browser .grid .grid-header .col { padding-right: 15px; overflow: visible; box-sizing: border-box; padding-left: 15px} .kbee .browser .grid .col { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.75em; margin: 0; padding-left: 15px; padding-right: 15px;} .kbee .browser .grid .compact .grid-header .short {height: 40px; padding:0;} .kbee .browser .grid .short {margin-right:0; padding-left: 0px; width:20px;} .kbee .browser .grid .grid-body .short {padding-left: 0; } .kbee .grid-header .centered span {padding-right:0px;} .kbee .grid-body .grid-row .centered .label-container{width:100%; text-align: center;} .kbee .browser .grid .grid-body .mylist {color:#f65115; } /* nowrap */ .kbee .browser .grid .grid-body .col {box-sizing: border-box; white-space: initial; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; padding-top: 0px; padding-bottom: 0px; height: auto;} .kbee .browser .grid .grid-body .radio, .kbee .browser .grid .grid-body .checkbox {margin:0 0 0 4px;} .kbee .browser .grid .grid-body .comfortable { padding-top: 4px;} .kbee .browser .grid .selector {float: left; padding-top: 0; width:48px; padding-left: 6px; padding-top: 9px; } .kbee .browser .grid .header {overflow:hidden;} .kbee .grid-header {border-top: 1px solid #dededf; line-height: 25px; font-weight: bold; background: inherit; border-bottom: 1px solid #dededf;} /* #f9f9fa*/ .kbee .browser .grid-header .col:hover {background-color: #f8f8f8;} .kbee .browser .grid .grid-header .selector label {padding-top: 4px; padding-left:0;} .kbee .browser .grid .compact .headerWithMenu {overflow: visible !important;} .kbee .browser .grid .compact .header {padding-top:9px;padding-bottom:8px; overflow: hidden;} .kbee .browser .grid .compact .grid-header .selector {padding-top: 9px; padding-right:0;} .kbee .browser .grid .header {overflow:hidden;} .kbee .browser .grid .headerWithMenu {overflow: visible !important;} .kbee .browser .grid .compact .grid-row {padding-top: 0px; padding-bottom: 0px; min-height: 0px; display: flex; flex-direction: initial;} .kbee .browser .grid .comfortable .grid-body .expander {padding: 0;} .kbee .browser .grid .comfortable .grid-body .expander i { padding: 12px 13px 9px 13px; float: left;} .kbee .browser .grid .compact .expander { padding:0; /**padding-top: 11px; padding-left: 13px;**/} .kbee .browser .grid .compact .expander i { padding: 12px 13px 9px 13px; float: left;} .kbee .browser .grid .jumbo .expander { padding:0; /**padding-top: 11px; padding-left: 13px;**/} .kbee .browser .grid .jumbo .expander i { padding: 12px 13px 9px 13px; float: left;} .kbee .browser .grid .compact .selector { padding-top: 12px; padding-left: 6px; margin:0;} /**.kbee .browser .grid .compact .menu { padding-top: 11px;}*/ .kbee .browser .grid .compact .icon-column { padding-top: 14px; padding-left: 10px;} .kbee .browser .grid .icon-column { padding-top: 14px; padding-left: 10px;} .kbee .browser .grid .icon-column i {color:#007cba;} .kbee .browser .grid .grid-header .icon-column {padding-top: 8px; padding-bottom: 8px; padding-left: 10px; line-height:24px; font-size:14px;} .kbee .browser .grid .compact .grid-header .selector {height: 40px;} .kbee .browser .grid .compact .grid-header .menu {height: 40px; padding-top:8px;} .kbee .browser .grid .compact .grid-header .expander {height: 40px;} .kbee .browser .grid .hasselector .grid-header .menu {height: 40px; width: 0; padding: 0; margin: 0; border: none;} .kbee .browser .grid .hasselector .grid-header .expander {height: 40px; width: 0; padding: 0; margin: 0; border: none;} .kbee .browser .grid .xgrid .grid-body .icon-column { border-left: 1px solid transparent; border-right: 1px solid #eeeeee;} .kbee .browser .grid .comfortable .expander {padding-top: 3px;} .kbee .browser .grid-header a.dropdown-toggle {padding:0 10px;} .kbee .browser .grid-header a.dropdown-toggle:hover {background: #f2f2f2; cursor: pointer; } .kbee .browser .grid > .container {overflow: auto;width: 3900px; margin-left: 0; margin-bottom: 0px; padding: 0;} .kbee .browser .grid .row-container {border-top: 1px solid #eceeef; padding:0;} .kbee .browser .grid .row-container:first-child {border-top: none;} .kbee .browser .grid .bknone .row-container:nth-of-type(odd) {background: none;} .kbee .browser .grid .bkodd .grid-header {border-top: 1px solid #eceeef; padding:0; line-height: 25px; font-weight: bold; background: none; border-bottom: 1px solid #eceeef;} .kbee .browser .grid .bkodd .row-container:nth-of-type(odd) {background: #fcfcfc;} .kbee .browser .grid .bkodd .deleted-state:nth-of-type(odd) {background: #fff8fd;} .kbee .browser .grid .bknone .deleted-state:first-child, .kbee .browser .grid .bknone .deleted-state:nth-of-type(odd), .kbee .browser .grid .deleted-state {background: #fff8fd;} .kbee .browser .grid .bknone .archived-state:nth-of-type(odd) {background: inherit;} .kbee .browser .grid .archived-state {background: inherit;} .kbee .grid-header .selector span {float:right;} .kbee .browser .grid .comfortable .grid-header {border-top: 1px solid #eceeef; padding: 0; line-height: 25px; font-weight: bold; border-bottom: 1px solid #eceeef;} .kbee .browser .grid .bknone .grid-header {border-top: 1px solid #eceeef; border-bottom: 1px solid #eceeef;} .kbee .content-wrapper .bknone ul li.label, .kbee .content-wrapper .bkodd ul li.label {background: transparent; border: none;} .kbee .jumbo .browser .grid .comfortable .grid-row {padding-top:0px;padding-bottom:0px} .kbee .jumbo .browser .grid .comfortable .grid-row .cell-container {padding-top:20px;padding-bottom:20px} .kbee .jumbo .browser .grid-body .title .btn-link {font-weight:bold; color:#303436;} .kbee .browser .grid .comfortable .header {padding-top:15px;padding-bottom:15px; display:flex;} .kbee .browser .grid .comfortable .grid-row {padding-top: 0px; padding-bottom: 0px; display:flex;} .kbee .browser .grid .comfortable .grid-row .cell-container {padding-top: 20px; padding-bottom: 20px; display:flex;} .kbee .browser .grid .comfortable .grid-row .expander {padding:0 !important;} .kbee .browser .grid .comfortable .grid-row .expander i {padding-top: 20px; padding-bottom:24px;} .kbee .browser .grid .comfortable .grid-header .selector {padding-top: 14px; padding-bottom: 12px; width:42px; height: 55px; display: block;} .kbee .browser .grid .comfortable .grid-header .menu {padding-top: 15px; padding-bottom: 14px; height: 55px; } .kbee .browser .grid .comfortable .grid-header .expander {padding-top: 14px; padding-bottom: 14px; height: 55px;} .kbee .browser .grid .comfortable .grid-header .short {height:55px; padding:0;} .kbee .browser .grid .comfortable .selector {padding-top: 3px;} .kbee .browser .grid .grid-header .menu {font-size:1em; line-height: 1.75em;} .kbee .browser .grid .comfortable .grid-header .menu { line-height: 1.75em;} .kbee .parameters-container a.btn-link .fal, .kbee .parameters-container a.btn-link .far, .kbee .parameters-container a.btn-link .fa {font-size: 11px; padding: 1px 2px; border: 1px solid #007cba; border-radius: 3px; margin-left: 6px; color: #007cba; margin-top: 5px;} /**.kbee .browser .grid .menu {float: left; width:42px; padding-left: 10px; padding-top: 10px;}*/ .kbee .browser .grid .menu {float: left; width:42px; padding:0;} .kbee .browser .grid .comfortable .menu {padding-top: 3px;} .kbee .browser .grid .expander .glyphicon, .kbee .browser .grid .menu .glyphicon {font-size: 13px;} .kbee .browser .grid .grid-header .expander {padding-top: 0px; font-size:1px; height: 42px;} .kbee .browser .grid .expander {width: 42px; float: left; padding-top: 1px; padding-left: 9px; } .kbee em > .glyphicon {color: #aaaaaa;} .kbee .modal .checkbox label::after {top: -2px; } .kbee .compact .grid-row .fa-square { padding: 8px 6px; font-size: 8px; } .kbee .content-wrapper ul li.label {width: auto;background:#f9f9fa; border-radius: 2px;display: inline;float: right;} .kbee .content-wrapper .compact ul li.label {padding: 0px 9px 0px 9px; margin-left: 5px; margin-right: 0; margin-top: 3px; margin-bottom: 0;} .kbee .content-wrapper .comfortable ul li.label {padding: 1px 0px; margin-left: 0px; margin-right: 15px;} .kbee .content-wrapper ul li.label .title {font-size: 11px; font-weight: normal; vertical-align: middle; color: #303436; text-transform: uppercase; line-height:19px;} .kbee .content-wrapper .compact ul li.label .title {font-size: 11px;} .kbee .content-wrapper .comfortable ul li.label .title {font-size: 11px;} .kbee .content-wrapper ul li.label .fa-tag {font-size: 18px;} .kbee .content-wrapper .compact ul li.label .fa-tag {font-size: 18px; margin-top:3px;} .kbee .content-wrapper .comfortable ul li.label .fa-tag {font-size: 18px;} .kbee .content-wrapper .compact .tag-list {margin-top: 0px;} .kbee .content-wrapper .comfortable .tag-list {margin-top: 2px;} .kbee .content-wrapper .filtro-cl {padding-bottom: 8px;} .kbee .content-wrapper .parameters-panel {display: block; float: left; width: 100%; margin-bottom: 10px; float:left; width:100%;} /* plus 14px top of the facets panel */ .kbee .content-wrapper .parameters-panel .alert-info {border-width:1px; border-left: 1px solid #cfdde8; float:left; width:100%;} .kbee .content-wrapper .filters-button-parameters .parameters-panel { margin-bottom: 0px;} .kbee .content-wrapper .grid-container > .navbar .toolbar-buttons .filters-button-parameters .alert-info {padding:0;} .kbee .content-wrapper .browser .filters-button-parameters .parameters-panel .clear-button { float: left; text-decoration: underline; color: #007cba; font-size: 1em; padding: 6px 0 0 0; line-height: 15px; border: none; border-radius: 0; } .kbee .content-wrapper .browser .parameters-panel .navbar .fal, .kbee .content-wrapper .browser .parameters-panel .navbar .far, .kbee .content-wrapper .browser .parameters-panel .navbar .fa { font-size: 18px; color: #007cba; margin-top: 2px;} .kbee .content-wrapper .browser .parameters-panel .clear-button {float: left; text-decoration: none; color: #007cba; font-size: 12px; padding: 5px 18px; line-height: 15px; border: 1px solid #007cba; border-radius: 32px;} .kbee .content-wrapper .browser .parameters-panel a.bicon-link {color: #007cba; font-size: 14px; line-height: 20px; border: 1px solid transparent; padding: 0 0 0; margin: 0 0 0 0} .kbee .content-wrapper .browser .apply-or-container {padding-top: 12px; padding-left: 0px;float: left;width: 100%;} .kbee .content-wrapper .alert { line-height: 1.6em; border-radius: 4px; float: left; width: 100%; margin-top:0; margin-left:0; margin-right:0;} .kbee .content-wrapper .alert-info {padding:15px; border-style: solid; } .kbee .content-wrapper .parameters-panel a.btn-link {line-height: 26px; float: left; color: #303436; text-decoration: none; margin-right:15px; } .kbee .content-wrapper .right-panel .fa-spin {font-size: 14px; color: #007cba;} .kbee .content-wrapper .browser .parameters-panel .navbar .fa-spin {font-size:11px; color: #007cba;;} .kbee .content-wrapper .browser .parameters-panel .fa-spin {font-size:14px; color: #007cba; float:none;} .kbee .right-panel .panel-header h2 {line-height: 18px;} .kbee .right-panel .panel-header a {line-height: 18px; float:left;} .kbee .browser .grid-body .title .btn-link {color: inherit; text-decoration: none;} .kbee .report .browser .grid-body .btn-link {color: #007cba; text-decoration: none;} /*width:15px; height:15px;*/ .kbee .checkbox {margin: 0 0 0 0; display: inline-block; padding-top: 0px; padding-left:0;} .kbee .checkbox label {padding-left: 6px;} .kbee .checkbox input {width:25px; height:25px;} .kbee .checkbox input[type="checkbox"], .kbee .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: -1px; margin-left: -17px; left: 15px; } .kbee .compact .usermodified {clear:initial;} .kbee .comfortable .usermodified {clear:left;} .kbee .browser .public {} .kbee .browser .private {color: #e24183;} .kbee .browser .intranet {} .kbee .browser .external {color: #fd7903;} .kbee .browser .grid .comfortable .grid-row .selector {padding-top: 17px; margin:0;} .kbee .browser .grid .comfortable .grid-row .fa-square {padding: 7px 7px; font-size: 8px; } .kbee .browser .grid .comfortable .grid-row .menu { padding-top: 8px; padding-bottom: 0;} .kbee .browser .grid .comfortable .grid-row .icon-column { padding-top: 24px;} /** ------------------------------------------------------------------------------------------ Hitpanel ----------------------------------------------------------------------------------------------*/ .kbee .grid .thumbnail {background: none;} .kbee .grid ul li.media:hover {background: inherit;} .kbee .grid ul li.media h4 {font-size: 15px; font-weight: bold;} .kbee .grid .expanded .title {font-size: 17px;} .kbee .grid .expanded .title .btn-link {font-weight: bold; color: #303436;} .kbee .content-wrapper .compact .expanded .tag-list {margin-top: 5px;} .kbee .content-wrapper .compact .expanded ul li.label {padding: 8px 11px; margin-left: 5px; margin-right: 0; background: #f2f2f2; border-radius: 4px;} .kbee .content-wrapper .compact .expanded ul li.label .title {font-size: 11px; padding:0; line-height:20px; } .kbee .grid .compact .expanded ul li.label:nth-of-type(1) {margin-left: 0;} .kbee .compact .expanded .grid-row .tags-container {clear: left; padding:6px 0; float:left;} .kbee .browser .grid .compact .expanded .grid-row { padding-bottom: 20px;} .kbee .browser .grid .grid-body .expanded .title {overflow: visible; padding-left: 15px; line-height: 1.4em;} .kbee .browser .grid .grid-body .expanded .resources-panel {margin-left: 0px;} .kbee .browser .grid .grid-body .expanded .resources-panel ul li.media {padding-left:0;} .kbee .browser .grid .grid-body .expanded .resources-panel ul li.media:first-child {padding-top: 16px;} .kbee .grid .resources-panel {padding-bottom: 0px;} .kbee .grid .thumbnail .media-body {max-width: 800px;} .kbee .kbee-content-main-area-container .grid .fa-lock, .kbee .kbee-content-main-area-container .grid .glyphicon-lock {color: #eebd6a; font-size: 13px; padding: 5px 5px;} .kbee .kbee-content-main-area-container .grid .glyphicon-exclamation-sign {} .kbee .kbee-content-main-area-container .grid .expanded .fa-lock, .kbee .kbee-content-main-area-container .grid .expanded .glyphicon-lock {top: 4px;} .kbee .jumbo .browser .grid .expanded .work-note .text {margin-top:12px;} .kbee .jumbo .browser .grid .expanded .grid-row { padding-bottom: 112px; } .kbee .jumbo .browser .grid .compact .expanded .work-note .text {display: block;} .kbee .jumbo .browser .grid .expanded .title {font-size:1em; font-weight: normal;} .kbee .jumbo .browser .grid .grid-body .expanded .title {line-height: 1.75em;} .kbee .checkbox label { width: 20px; height:20px; padding-left:0;} /*-------------------------------------------------------------------------------------------------------- Tags --------------------------------------------------------------------------------------------------------*/ .kbee .tag {padding: 0px; text-align: left; border-radius: 0px; float: left;} .kbee .comfortable .tag {margin:0px 0;} .kbee .compact .tag {margin:3px 0 0 0;} .kbee .tag .label {font-size: 1em; font-weight: normal; display: inline; padding:0; white-space: nowrap; vertical-align: baseline; color: inherit;} .kbee .priority-low {background: none; border: none;} .kbee .priority-standard {color: #303436; border: none; } .kbee .priority-high {background: none; border: none; } .kbee .priority-urgent {background:none; color:#ef0404; border: none; } /** ------------------------------------------------------------------------------------------- Facets ----------------------------------------------------------------------------------------------*/ .kbee .facets .panel { border: none; padding-bottom: 0px; margin-bottom: 0px; width: 100%; float: left; display: block;} .kbee .facets .member .checkbox {margin-top:0px;margin-bottom:0px; line-height: 18px; width:initial; height:initial;} .kbee .facets .list-group-item:last-child { border-bottom: none;} .kbee .facets .list-group {width:100%;} .kbee .facets .list-group input.form-control {max-width: 132px; margin: 0 0 10px 0;} .kbee .facets input.form-control {height: 28px; font-size: 12px; border-radius:4px;} .kbee .facets input.form-control .placeholder {color: #666666; } .kbee .facets .list-group-item {padding:0 0 8px 0; margin-bottom: 0px; margin-top:0px;} .kbee .top-panel .suggester-container .tt-menu {font-size:13px;} .kbee .checkbox label::before { width: 20px; height: 20px; margin:0; /**margin-left: -23px;**/} .kbee .facets .checkbox label::before {content: ""; display: inline-block; top: 2px; position: absolute; width: 18px; height: 18px; left: 0; border: 1px solid #dededf; border-radius: 3px; background-color: inherit; -webkit-transition: none; transition: none; margin-top: -3px;} .kbee .facets .checkbox label::after {position: absolute; width: 18px; left: 3px; height:18px; top: -1px; margin-left: 0x; padding-left: 0; padding-top: 0px; font-size: 12px;} .kbee .facets .membername {cursor:pointer;} .more { font-size: 13px; margin-top: -7px; width: initial; display: block; float: left; padding: 4px 26px;} .more .membername {color:#007cba;} /*-------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------*/ .kbee .vtab-content-panel .standard-canvas {min-height: calc(100vh - 135px);} .kbee .taskpanel .task-form .content-header {padding-bottom: 30px;} .kbee .user-editor .button-container {margin-top: 0px;} .kbee .user-editor .is-expanddown .button-container {margin-top:15px;} .kbee .user-editor .content-header { display: inline-block; border-bottom: 1px solid #eeeeee; border-radius: 0px; padding: 0px; margin-top: 0; padding-bottom: 0; background: inherit; margin: 0; padding: 20px 0px 20px 30px; margin: 0 -30px; width: calc(100% + 60px); margin-top: -15px; } .kbee .content-header { width: 100%; display: inline-block; padding-bottom: 25px; padding-top: 48px; border: none; border-radius: 6px; padding: 30px 15px 30px 0px; margin-top: 15px; } /**.kbee .content-header background: #f9f9fa;**/ .kbee .content-header .img-circle {min-height: 90px; max-height:102px; float: left;} .kbee .facets .panel .panel-heading {color: unset; background: none; padding: 0 0 9px 0;} .kbee-content-main-area-container { margin-top:0; float:left; width:100%; overflow-x: hidden; } /*min-height: calc( 100vh - 74px)*/ .toolbar-console {position: fixed; z-index: 999999; height:60px;} .ago {color:#999999; font-weight: normal; font-size: 0.9286em;} .application-main .ago {color:#777777; font-weight: normal; font-size: 0.956em;} .SUCESS {background: #6CC79F; color:white;} .INFO {background: #007cba; color:white;} .WARNING {background: #FFFEE5; color:#FFC200;} .DISABLED {background: #FAFEFF; color:white;} .kbee .feedbackPanel {width:100%;} .kbee .navbar-right {float:right;} /* --------------------------------------------------------------------------------------------------------- TASK ----------------------------------------------------------------------------------------------------------*/ .kbee h4 {font-size: 15px; font-weight: bold; line-height: 1.4em;} .kbee .media-heading {margin-bottom: 2px;} .kbee .resource + .tooltip > .tooltip-inner { background-color: white; color: black; border: 1px solid black; padding: 15px; font-size: 15px;} .kbee .resource + .tooltip.right > .tooltip-arrow { border-right: 5px solid black; } .kbee .text-block {cursor:pointer; margin: 0 auto; float:none; font-size: 14px; line-height: 1.7em;} body.dragging, body.dragging * { cursor: move !important;} .kbee .dragged { position: absolute; opacity: 0.5; z-index: 2000;} .kbee ol.example li.placeholder { position: relative;} .kbee ol.example li.placeholder:before { position: absolute;} .kbee .tab-pane {padding-top: 12px;} /* --------------------------------------------------------------------------------------------------------- SUGGESTIONS ----------------------------------------------------------------------------------------------------------*/ div.wicket-aa {font-family: Lato, Roboto, Arial, sans serif;background: #ffffff; padding: 5px 4px 18px 4px; margin-top: 5px;} .suggestions {margin-top: 6px; margin-left: -12px; box-shadow: 3px 4px 4px #cccccc; border: 1px solid #999999; border-radius: 4px; background: white; color: #666666; font-size: 0.95em; line-height:1.5em; z-index:9999999; } .suggestions div.wicket-aa {float: left; margin: 0; width: 100%; padding:0; background: white;float: left; max-width: 700px; max-height: 460px;} .searchsuggestions {margin-top: 1px; margin-left: 0px; box-shadow: 3px 4px 4px #cccccc; border-radius:4px; border: 1px solid #999999; background: white; width: 100%; overflow: visible; } .searchsuggestions div.wicket-aa {float: left; width: 480px; background: white;float: left; max-width: 640px; max-height: 420px; } .searchsuggestions div.wicket-aa ul {float: left; width:calc(100% - 12px); margin:0 6px; height: initial; } div.wicket-aa ul li {cursor: pointer;color: #303436; float: left; width: calc(100% - 24px); padding: 6px 12px; border-radius: 4px; color: #303436; } div.wicket-aa ul li.selected {font-weight: normal; background-color: #eeeeee; color:#303436; float:left; width: calc(100% - 24px); padding: 6px 12px;} div.wicket-aa ul li.tope {margin-top:12px;} div.wicket-aa ul .category {margin-top:12px;font-weight: bold;} div.wicket-aa ul .firstcategory {font-weight: bold;} div.wicket-aa ul .label {color: #d61d1d; font-weight:normal;} /** ------------------------------------------------------------------------------------------ Bootstrap ----------------------------------------------------------------------------------------------*/ body.kbee {margin:0; padding:0; color:#303436; font-family: Lato, Roboto, Arial, sans serif} body {font-family: Lato, Roboto, Segoe UI, Arial, sans-serif; font-size: 14px;} .kbee ul.row {margin-left: -15px; margin-right: -15px;} .kbee ul {margin: 0; padding: 0; float: left;} .kbee ul li {list-style: none outside none;} .kbee ul.padding-noset { margin: initial; padding: initial;} .kbee .modal.in .modal-dialog-full .acl-editor .panel {border: none; } .kbee .modal.in .modal-dialog-full .acl-editor label {padding:0 15px;} .kbee .modal.in .modal-dialog-full .acl-editor .table-responsive {padding:0;} .kbee .modal.in .modal-dialog-full .acl-editor ul.nav { width: 100%; border-bottom: 1px solid #dededf;} .kbee .rule-editor .acl-editor { margin: 0; padding: 0;} .kbee .working-indicator {font-weight: normal;font-family: Lato, Roboto, Arial, sans-serif;z-index: 99999999999;position: fixed; left: 48%; top: 0px; display:none; padding:5px 22px 5px 22px; background: #fff8cc; color: black; border-radius: 0 0 5px 5px; font-size: 13px;} .kbee .command-status .form-control {height:1.5em;} .kbee .breadcrumb li.active > a {color: inherit; font-weight: bold;} .kbee .modal-header .label {color: #007cba; font-size: 1em; padding:0;} .kbee .modal-header h2 {margin-bottom:0; float: left; } .kbee .modal-header .modal-subtitle {float: left; margin-left: 10px; color: #303436; font-size: 1em;} .kbee .modal-header {padding: 15px 20px; color: #303436; line-height: 19px;} .kbee .modal-footer {border-top: none; padding: 0 24px 32px 24px; } .kbee .modal-dialog {margin: 30px auto; } .modal-open .modal {z-index: 9999999999; padding-left: 0 !important; background: inherit;} .kbee .modal-footer, .kbee .modal-content .table {background: white;} .kbee .footer-container {margin:0; margin-top: 128px; float:left; width:100%; position:initial;} .kbee .footer { padding: 15px 30px; bottom: 0; line-height:1.8em; position: absolute; margin-bottom: 0px; z-index: 1; background:#f9f9fa; border-top:1px solid #eeeeee;} .kbee .modal.in .modal-dialog {margin:0; padding:0; transform: initial;} .kbee .modal.in .modal-dialog-full {z-index: 99999999999; margin:0; padding:0; transform: initial; width: calc(100% + 12px); color: #303436; height:100vh;} .kbee .modal.in .modal-dialog-full .modal-content {height:100%;} .kbee .modal.in .modal-dialog-full .modal-body {height: calc(100% - 116px);} .kbee .modal.in .modal-dialog-center {z-index: 99999999999; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute;} .kbee .modal.in .modal-dialog-center .modal-body {padding: 20px 40px; line-height: 1.6em; text-align: left;} .kbee .modal.in .modal-dialog-center .modal-footer {padding: 0 52px 32px 52px; } .kbee .modal.in .modal-dialog-center .center {text-align: center;} .kbee .modal.in .modal-dialog-center .right {text-align: right;} .kbee .twitter-typeahead {width:100%;} .kbee .list-panel .list-group-item a.btn-link {color: #007cba;} .kbee .list-panel .list-group-item a { font-weight:normal;} .kbee .list-panel .list-group-item a.selected {font-weight:bold; background: inherit;} .kbee .list-panel .list-group-item .description { width:100%; float:left; margin:8px 0; max-width:1600px; float:left; line-height:1.5em;} .kbee .list-group-item a {color:#007cba;} .kbee span.form-control {border:none; box-shadow: none !important; padding-left:0; padding-right:0;} .kbee textarea.form-control {height: auto; padding: 12px 12px 12px 12px; line-height: 1.45em;} .kbee .button-container {float: right; text-align: right; display: block;} .kbee .objectclass {color: #303436; font-size: 11px; margin-bottom: 0px; float: left; width: 100%; text-transform: uppercase; margin-top:0px;} .kbee .btn-danger {color: #fff; background-color: #FD5F68; border-color: #FD5F68;} .kbee .mlm6 {margin-left: -6px;} .kbee .panel-body {padding: 0;} /** ---------------------------------------------------------------------------------------------- Workflow context ----------------------------------------------------------------------------------------------*/ .kbee .workflow-context .classification ul li.col-lg-4 {with:100%;} .kbee .workflow-context .classification ul li.col-lg-6 {with:100%;} .kbee .workflow-context .classification ul li.col-lg-3 {with:100%;} .kbee .fullw {width:100%;} .kbee .workflow-context { float: left; background: none; padding: 0 30px; border-left: 1px solid #e2e2e2; margin-left:-1px; min-height: 100%; width: 100%;} .kbee .taskpanel .panel-header .glyphicon-remove {padding:0; margin:0;} .kbee .workflow-context .panel-header h2 {padding:0; margin:0;} .kbee .kbee-content-main-area-container .workflow-context .panel-header .glyphicon-remove {top:2px;} /** ----------------------------------------------------------------------------------------- Navigation Bar ----------------------------------------------------------------------------------------------*/ .kbee .navbar-default {background: #37474f; border: none; border-radius:0; z-index:12000; height: 56px;} .kbee .navbar-default .navbar-nav > .active > a, .kbee .navbar-default .navbar-nav > .active > a:hover, .kbee .navbar-default .navbar-nav > .active > a:focus {color: white; background-color: #303436;} .kbee .navbar-default .btn-mini {padding: 23px 22px 23px 22px; float:left; border: none;} .kbee .navbar-default .btn-mini:hover {background: #37474f;} .kbee .navbar-default .actions li:last-child {margin-right:4px;} .kbee .navbar-default .actions li > button.btn-primary:hover { color: white;} .kbee .navbar-default .actions li > button.btn-primary { vertical-align: middle; padding: 0px; height: 34px; display: block; float: left; border-radius: 32px; margin: 11px 3px; width: initial; min-width: 180px; color: white; } .kbee .navbar-default .actions li > button {font-size:13px;} .kbee .navbar-default .glyphicon:active { color: white;} .kbee .navbar-default .glyphicon:focus { color: white;} .kbee .navbar-default a.glyphicon:focus { color: white;} .kbee .navbar-default .navbar-nav .pagination > li em {padding: initial;} .kbee .total-at-side {color: white; float: left; background: #d02424; right: 0px; line-height: 1em; padding: 4px; font-size: 11px; margin-top: 1px; min-width: 19px; text-align: center; margin-left: -4px; border-radius: 4px; top: 0;} .kbee .navbar-white {background: white; border: none; border-radius:0; z-index: 9999999; height: 56px;} .kbee .navbar-white .navbar-nav > .active > a, .kbee .navbar-white .navbar-nav > .active > a:hover, .kbee .navbar-white .navbar-nav > .active > a:focus {color: white; background-color: #303436;} .kbee .navbar-white .btn-mini {padding: 23px 22px 23px 22px; float:left; border: none;} .kbee .navbar-white .btn-mini:hover {background: #37474f;} .kbee .navbar-white .actions li > button.btn-primary:hover { color: white;} .kbee .navbar-white .actions li > button.btn-primary { vertical-align: middle; padding: 0px; height: 40px; display: block; float: left; border-radius: 0px; margin: 14px 0px 15px 8px; width: initial; min-width:180px; color: white; /*background: #788c96; border: 1px solid #617986;*/} .kbee .navbar-white .glyphicon:active { color: white;} .kbee .navbar-white .glyphicon:focus { color: white;} .kbee .navbar-white a.glyphicon:focus { color: white;} .kbee .navbar-white .navbar-nav .pagination > li em {padding: initial;} .kbee .navbar-default .navbar-nav input#searchform:focus {border: none;} .kbee .navbar-default .navbar-nav input#searchform {border: none;} .kbee .navbar-default .navbar-nav {height:56px; border-bottom:none;} .kbee .navbar-default .navbar-nav > li {height:100%;} .kbee .navbar-default .fal, .kbee .navbar-default .fas, .kbee .navbar-default .fa, .kbee .navbar-default .far, .kbee .navbar-default .glyphicon {font-size: 20px; height:20px; margin: 0px; color: white; } .kbee .navbar-default em > .fal, .kbee .navbar-default em > .far, .kbee .navbar-default em > .fa {color: #999999; padding-top:18px; } .kbee .navbar-default a {padding-left:15px; padding-right: 15px;} .kbee .navbar-default em > .fal, .kbee .navbar-default em > .far, .kbee .navbar-default em > .fa {padding-left:15px; padding-right: 15px;} .kbee .navbar-default .input-group-btn .glyphicon {font-size: 18px;} .kbee .navbar-default .navbar-nav > li > a {color: white; height: initial; float:left; padding-top: 18px; padding-bottom: 18px;} .kbee .navbar-default .navbar-nav > li > a:hover {background: inherit; color: white; opacity:0.85;} .kbee .navbar-default em .glyphicon {color: #999999;} .kbee .navbar-default .navbar-nav > .open > a, .kbee .navbar-default .navbar-nav > .open > a:hover, .kbee .navbar-default .navbar-nav > .open > a:focus {background-color: inherit; color: white;} /*#4b5b63*/ /* .kbee .rootuser{ padding: 0px 4px; background: #e44310; border-radius: 1px; font-size: 9px !important; text-transform: uppercase; margin-bottom: 1px; margin-top: 0px; } */ .kbee .navbar-default .username {clear: right; line-height: 16px; font-size: 11px;font-weight: 700; float: right;} .kbee .navbar-default .userinfo .subtitle {float: right; line-height: 16px; clear: right; margin: 0; font-weight: normal;} .kbee .navbar-default .username-standalone {clear:left; line-height: 28px; width:100%; font-size:11px; font-weight:700; float:left; margin-top:2px;} .kbee .navbar-default .navbar-nav > li > a.userinfo {padding-top:12px; padding-bottom: 12px; float:left; margin-right: 15px;} .kbee .navbar-default .navbar-nav > li > a.userinfo:after { content: "\e9c6"; font-family: "icomoon"; font-size: 12px; display: block; position: absolute; top: 50%; margin-top: -7px; right: 0px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.1s ease-in-out; -o-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; } .kbee .navbar-default .navbar-nav > li > a.userinfo[aria-expanded="true"]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /** ---------------------------------------------------------------------------------------------- .kbee .navbar-nav > li > .username a {padding: 200px} Tabbed menu ----------------------------------------------------------------------------------------------*/ .kbee .tabbed-menu .nav {width: 100%; border: none; } .kbee .tabbed-menu .nav > li a {background: white; border-radius: 0; color: #010101; font-size: 12px; text-transform: uppercase; padding: 18px 0; text-align: center; margin: 0;} .kbee .tabbed-menu .nav > li > a {padding:12px 0;} .kbee .tabbed-menu .nav > li.active > a {color: #007cba; border-radius:0;} .kbee .tabbed-menu .nav > li.active > a:hover {color: #007cba;} .kbee .tabbed-menu .nav > li.active > a:focus {color: #007cba;} .kbee .dropdown-menu .tabbed-menu .nav > li a {margin:0;} .kbee .tabbed-menu .tab-panel-contanier {width: 100%;float: left;display: block;min-width: 440px;margin-top: 0px;max-width: 480px;} .kbee .tabbed-menu .tab-panel-contanier .nav li.active a {background: inherit; border-bottom: 1px solid transparent;} .kbee .tabbed-menu .tab-panel-contanier .nav li a {padding: 10px 0; border-bottom: 1px solid #dededf; border-radius: 0;} .kbee .tabbed-menu .tab-panel-contanier .nav li a:hover {background: inherit; background: #eeeeee; opacity:1;} .kbee .tabbed-menu ul.dropdown-menu {max-height: 480px; overflow-y: auto; position: relative; display: block; min-width: initial;} .kbee .tabbed-menu .tab-panel-contanier .nav li:first-child a {border-radius: 4px 0 0 0;} .kbee .tabbed-menu .tab-panel-contanier .nav li:last-child a {border-radius: 0 4px 0 0;} .kbee .tabbed-menu .tab-panel-contanier .nav li:last-child a {border-right: none;} .kbee .tabbed-menu .tab-panel-contanier .nav li a {border-top: 1px solid white; border-right: 1px solid #dededf;} .kbee .tabbed-menu .dropdown-menu {position: initial; top: 10%; left: 0; z-index: 1000; float: left; padding:0; margin: 0; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; margin-top: 8px;} .kbee .tabbed-menu .tab-pane {padding-top:0;} .kbee .dropdown-menu .tabbed-menu .nav > li a {margin:0;} .kbee .browser .caret-sort , .kbee .browser .caret-sort , .kbee .browser .caret-sort {font-weight: normal; font-size: 17px; margin-left: 0; margin-right: 0px; float: right; top: 50%; position: absolute; right: 10px; transform: translateY(-50%);} .kbee .lateral-internal .dropdown-menu {height: calc(100vh - 180px);} .kbee .navbar {padding-left: 0px; padding-right: 0px;} .kbee .navbar-collapse {margin:0;} .kbee .navbar-default .sidebar-control {padding-left: 18px; padding-right: 18px; } /** ---------------------------------------------------------------------------------------------- Lateral menu ----------------------------------------------------------------------------------------------*/ .kbee .lateral-menu-container .lateral-menu { overflow: auto; font-size: 15px; background-color: #4b5b63; position: fixed; top: 56px; width: 300px; transition: 0.3s; height: 100%; color: white; z-index: 999999999; left: 0px; border:none; padding: 0;} .kbee .lateral-menu-container ul.lateral-menu li { list-style: none; padding: 0px; margin: 0px; line-height: 61px; cursor: pointer; width:100%; float:left; border-bottom: 1px solid #6c787d;} .kbee .lateral-menu-container ul.lateral-menu li.divider { background-color: #6c787d;} .kbee .lateral-menu-container ul.lateral-menu li a {text-decoration: none; color: #ffffff; line-height: inherit; padding: 0 21px;; } .kbee .lateral-menu-container ul.lateral-menu li a i {padding-left: 28px; width: 20px; padding-right: 14px; border-radius:0;} .kbee .lateral-menu-container ul.lateral-menu li:hover {background-color: #37474f; border-radius:0;} .kbee .lateral-menu > li > span > em, .kbee .lateral--menu > li > a {padding: 8px 20px; color: #303436; margin: 0 6px; border-radius: 4px;} .kbee .lateral--menu > li > span > em {display: block; clear: both; font-weight: normal; line-height: 1.42857143; color: #666666; white-space: nowrap; font-style: italic;} .kbee .lateral-menu-container .lateral-menu > li > a:hover {background: #37474f;} .kbee .lateral-menu-container .lateral-menu > li > span > em, .kbee .lateral-menu-container .lateral-menu > li > a { padding: 7px 0; margin:0; border-radius: 0;} .kbee .lateral-menu-container .lateral-menu > li > span > em {display: block; clear: both; font-weight: normal; line-height: 1.42857143; color: #666666; white-space: nowrap; font-style: italic;} .kbee .lateral-menu-container .dropdown-menu > li > a:focus { background-color: #37474f;} .kbee .brand > img.rp {display: block; height: 23px; margin-top: -0px; margin-left: 0;} .kbee .brand > img.kbeeicon { display: block; height: 24px; margin-top: 2px; opacity: 0.85; float: left;} .kbee .brand > img.rpicon {display: block; height:16px; margin-top:3px; float:left;} /** ---------------------------------------------------------------------------------------------- Search .kbee .navbar-fixed-top .search {padding: 0 12px;} .kbee .brand-kbee .search .input-group { background: inherit; border: 1px solid #999999; color: white;} .kbee .brand-kbee .navbar-form .input-group-btn:last-child > .btn, .kbee .brand-kbee .navbar-form .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: 0px; padding: 1px 1px 1px 1px; border-radius: 0 32px 32px 0; background: inherit; color: #999999; border: 1px solid #999999; height: 30px; border-radius: 32px; box-shadow: none; border-right: none; width:38px;} ----------------------------------------------------------------------------------------------*/ .kbee .navbar-default .navbar-form {border-color: transparent; padding: 0 12px;} .kbee .search .input-group { display: inline-table; vertical-align: middle; background: white; border: none; border-radius: 32px; background: white;} .kbee .nav .navbar-nav > li > span.glyphicon {padding: 23px 30px 23px 30px; float:left; height: initial !important;} .kbee .navbar-default .navbar-collapse {border-color: transparent; padding: 0 0;} .kbee .navbar-default .navbar-nav > li > a.main-menu {padding-left: 18px; padding-right: 18px; } .kbee .navbar-form .input-group-btn:last-child > .btn, .kbee .navbar-form .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: 0px; padding: 2px 1px 1px 1px; border-radius: 0 32px 32px 0; background: inherit; color: #999999; border: 1px solid transparent; height: 30px; background: white; border-radius: 32px; box-shadow: none; border-right: none; width:38px;} .kbee .navbar-form .input-group .input-group-addon, .kbee .navbar-form .input-group .input-group-btn, .kbee .navbar-form .input-group .form-control {background: inherit; border-radius: 32px; border-right:none; } .kbee .navbar-form { margin-bottom: 13px; margin-top: 13px;} .kbee .dropdown:hover {cursor: pointer;} .kbee .breadcrumb .dropdown:hover {font-weight:normal;} .kbee .dropdown-menu { min-width: 380px; padding: 0px 0; margin-top: 1px; left: auto; z-index: 19990 !important; max-height: 74vh; border: 1px solid #dededf; overflow:auto;} .kbee .dropdown-menu > li > div > a:hover, .kbee .dropdown-menu > li > a:hover {background: #E7E8E9;} .kbee .dropdown-menu > li a.disabled {font-style: italic;} .kbee .dropdown-menu > li a.disabled:hover {cursor: initial;} /**.kbee .dropdown-menu > li > div.menu-item {float:left; width:100%; clear:left;}*/ .kbee .dropdown-menu > li { clear: left;} .kbee .dropdown-menu > li > div {display: flex; } .kbee .dropdown-menu > li > div > span > em, .kbee .dropdown-menu > li > span > em {display: block; clear: both; font-weight: normal; line-height: 1.42857143; white-space: nowrap; font-style: italic; color: #AFB3B6;} .kbee .dropdown-menu > li > span > em, .kbee .dropdown-menu > li > div > a, .kbee .dropdown-menu > li > a {padding: 10px 20px; color: #303436; margin: 0 0px; border-radius: 0px; box-sizing: border-box; width: 100%; font-weight:normal; text-decoration: none;} .kbee .dropdown-menu > li > a:not([href]), .kbee .dropdown-menu > li > div > a:not([href]) { color: #777777; font-style: italic;} .kbee .bootstrap-select.btn-group .dropdown-menu.inner > li a:not([href]) { color: initial; font-style: normal;} .kbee .bootstrap-select.btn-group .dropdown-menu > .selected > a {background-color: #eeeeee;} .kbee .dropdown-menu > li.divider { background-color: white; float: left; border-top: 1px solid #dededf; padding-top: 0px; margin-top: 0px; width: 100%; margin-bottom: 0px; padding-bottom: 0;} .kbee .dropdown-menu .submenu {float: none; background: #f3f3f3; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; width:100%;} .kbee .dropdown-menu .submenu li > div > a:hover, .kbee .dropdown-menu .submenu li > a:hover {background: #E7E8E9;} .kbee .dropdown-menu .submenu > span > em, .kbee .dropdown-menu .submenu li > a { display:block; padding: 8px 20px; color: #303436; margin: 0 0px; border-radius: 0px;} .kbee .dropdown-menu .submenu li > span > em {display: block; clear: both; font-weight: normal; line-height: 1.42857143; white-space: nowrap; font-style: italic; color: #AFB3B6;} .kbee .dropdown-menu .submenu .divider { background-color: white; float: left; border-top: 1px solid #dededf; padding-top: 0px; margin-top: 0px; width: 100%; margin-bottom: 1px; padding-bottom: 0;} .kbee .list-group-item:last-child { border-bottom: 1px solid #dedeef;} .kbee .list-group-item { border-bottom: none;} .kbee .list-group-item .glyphicon {padding-top:Opx; top:0;} .kbee .media .inline-editor {position: absolute; top: 1px; left: 1px;heigt:100%; width: 100%; z-index: 9999999; background: #eeeeee; padding:22px; border:1px solid #eeeeee; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); max-width:480px;} .kbee .suggester-field .text-info {font-size: 12px;} .kbee .suggester-field .separator { padding: 0 3px;} .kbee .text-info {color: #007cba; font-size: 13px; text-decoration: underline; } .kbee ul.classification li .suggester-container a.text-info {color: #007cba; font-size: 12px; text-decoration: underline; } .kbee .keep-existing {color: #303436; font-style: italic;} .kbee a:hover {text-decoration: none;} .kbee .task-form .one-panel {padding: 30px 52px;} .kbee .task-form .tag-list {margin-bottom:12px;} .kbee .one-panel .show-hide-container {position: fixed; right: 40px;} .kbee .two-panels .show-hide-container {position: absolute; right:8px;} .kbee .show-hide-container {margin-top: -81px; } .kbee .kbee-content-main-area-container .members-editor .glyphicon-remove {top:0;} /** User Labels ----------------------------------------------------------*/ .kbee .user-label { color: white; padding: 3px 10px; border-radius: 2px; font-size: 11px; font-weight: normal; line-height: 1.4em; float: left; text-transform: uppercase; font-weight: normal; border-radius: 4px; margin-right: 6px; } .kbee .view-bck {background: inherit;} .kbee .edit-bck {background: #f4f4f4; border-radius:4px;} .kbee ul li.label {width: auto; padding: 6px 8px; background: #f9f9fa; border-radius: 4px; display: inline; float: left; margin-right: 8px; border: 1px solid #f0f0f0;} .kbee ul li.label .fal, .kbee ul li.label .far, .kbee ul li.label .fa { vertical-align: middle; float:left;} .kbee ul li.label .title { margin-left: 9px; font-size: 11px; font-weight: normal; vertical-align: middle; color: #37474f; text-transform: uppercase; line-height: 21px;} .kbee ul li.label:nth-of-type(1) {margin-left: 0;} .kbee .grid .compact ul li.label:nth-of-type(1) {margin-left: 12px;} .kbee .darkred {color: #a90000 !important;} .kbee .darkgreen {color: #2d7223!important;} .kbee .lightgreen {color: #71ce71 !important;} .kbee .lightred {color: #ff4a4f!important;} .kbee .cyan {color: #64ecec!important;} .kbee .red {color: #EC231F !important;} .kbee .light-blue {color: #40d0e8 !important;} .kbee .lightblue {color: #40d0e8 !important;} .kbee .darkyellow {color: #FFC200 !important;} .kbee .yellow {color: #FFC200 !important;} .kbee .gray {color: #8c9fa9 !important} .kbee .darkblue {color: #007cba !important;} .kbee .blue {color: #3B93DB !important;} .kbee .pink {color: #FF0084 !important;} .kbee .green {color: #20bd3c !important;} .kbee .orange {color: #F06000 !important;} .kbee .violet {color: #6CC79F !important;} .kbee .purple {color: #d69ce4!important;} .kbee .black {color: black !important;} .kbee .brown {color: #8e3e17!important;} /* -------------------------------------------------------------------------------------------------------------------------*/ .kbee .subtitle {margin: 2px 0 10px 0; font-size: 14px; clear: left;} .kbee .contanier-fluid {width:100%; float:left; font-size:14px;} .kbee .area {width:100%; float:left; font-size:14px;} .kbee .canvas {margin: 56px 4%; min-height: calc(100vh - 126px);} .kbee .form-command-status .canvas {margin: 0; min-height: initial;} .kbee .nomargin .canvas {margin: 0; min-height: initial;} .kbee .nav-pills ul.nav-justified {width:100%; border-bottom: 4px solid #EBF0F2;} .kbee .permissions .tabs .form-container ul.nav { width: 100%;} .kbee .tabs .form-container ul.nav { border: 1px solid #eeeeee; border-bottom: none; border-radius: 0; } .kbee .tabs .nav>li>a {padding: 14px 24px; color: #007cba; border-radius: 4px 4px 0 0; } .kbee .permissions .tabs .form-container ul.nav {border-bottom: 1px solid transparent;} .kbee .permissions .tabs .nav>li.active >a { border-bottom: 2px solid transparent; margin-bottom: -2px;} /*.kbee .permissions .tabs .nav>li>a {min-height: 5em;}*/ .kbee .nav-tabs.nav-justified > li > a, .kbee .permissions .tabs .form-container ul.nav, .kbee .permissions .tabs .nav {border-bottom:none;} .kbee .permissions .tabs .nav-tabs .nav-justified > li > a {border-bottom:none !important;} .kbee .grant { color: #4d8815; font-style: normal; padding: 7px 8px; background: #e6f9d2; border-radius: 4px; font-weight: normal; text-transform: uppercase; font-size: 11px; line-height: 25px;} .kbee .deny { color: #DA3131; font-style: normal; padding: 8px 8px; background: #fbeaea; border-radius: 4px; font-weight: normal; text-transform: uppercase; font-size: 11px; line-height: 25px; } .kbee .tabs ul.nav-pills > li.active > a:hover {opacity:0.75;} /*.kbee .tabs ul.nav-stacked > li.active > a { background: none; border: 1px solid; border-radius: 3px; color: #007cba; font-weight: bold; background-color: #E5F4FF; border-color: #d2e5f3;} */ .kbee .tabs ul.nav-stacked > li.active > a { background: none; border: none; border-radius: 0px; color: #303436; font-weight: normal; background-color: #f9f9fa; margin:0;} .kbee .right-panel .tabs .nav>li>a {padding-left: 20px; padding-right: 20px;} .kbee .one-panel .tabs .nav>li>a {padding-left: 32px; padding-right: 32px;} .kbee .navbar-default a.logo {margin-left:0; padding: 16px 20px;} .kbee .tabs .nav>li>a:hover {opacity:0.75;} .kbee h1 {float: left; color: #303436; font-size: 17px; font-weight: bold; line-height: 1.75em; padding: 0; margin: 0; } .kbee .kbee-content-main-area-container .glyphicon {color: #007cba; font-size:16px;} .kbee .kbee-content-main-area-container .glyphicon-remove {font-size: 11px; top: 7px;} .kbee .kbee-content-main-area-container em > .glyphicon {color: #AFB3B6;} .kbee .file-caption-name {line-height: 40px; color: #303436;} .kbee .form-control-static {float:left; border: 1px solid #ccc; border-radius: 4px; color: #303436; background:#eeeeee;} .kbee p.form-control-static {line-height: 40px; margin-bottom: 0;} .kbee .form-control-static, .kbee .form-control {width: 100%; height: 40px; padding: 0 10px; color: #303436; border: 1px solid #dededf; -webkit-box-shadow: none; box-shadow: none;} .kbee .form-control[disabled], .kbee .form-control[readonly], .kbee fieldset {background: inherit;} .kbee fieldset[enabled] .form-control[disabled] {font-style: italic;} .kbee fieldset[disabled] .form-control[disabled] {font-style: normal;} .kbee .form-control {background-color: #ffffff; opacity: 1;} .kbee .form-control[disabled] {cursor: auto; color: #777777; background: white; font-style: italic;} .kbee .form-group {margin-bottom: 30px; } .kbee .form-group ul li.item {padding: 4px 0;} .kbee .form-group ul li.item:hover {background: #f4f4f4;} .kbee .input-group-btn > .btn-default {border-color: #dededf; } .kbee .input-group-btn > .btn-default:hover {border-color: #dededf; } .kbee .btn-default {color: #007cba; background-color: #fff; border: 1px solid #007cba;} .kbee .btn-default:hover {background: white; border-color: #007cba; color: #007cba;} .kbee .btn.disabled , .kbee .btn[disabled] , .kbee .btn-md > em {opacity: 0.45;} .kbee fieldset[disabled] .btn {opacity: 1;} .kbee fieldset[disabled] .btn span {opacity: 0.45;} .kbee fieldset[disabled] .btn .far {opacity: 0.45;} .kbee .acl-editor .nav-tabs > li { font-size: 14px;} .kbee .acl-editor .table > thead > tr > th {text-align: center; font-weight:normal; font-size: 12px; text-transform: uppercase;} .kbee .acl-editor .nav-tabs > li { font-size: 14px;} .kbee .acl-editor .tab-pane {padding-top:1px;} .kbee .btn.disabled em, .kbee .btn[disabled] em, .kbee fieldset[disabled] .btn em {font-style: normal;} .kbee a.btn-mini:hover {cursor:pointer; opacity:0.5;} .kbee .btn-xlg { min-width: 180px; padding-left: 24px; padding-right: 24px; max-width:360px; text-align: center; height:40px; border-radius: 32px; font-size:1em;} .kbee .btn-full, .kbee .btn-xl { width: 100%; text-align: centered; height:40px; border-radius: 32px; font-size:1em; line-height: 2em;} .kbee .btn-lg { width: 180px; text-align: center; height:40px; border-radius: 32px; font-size:13px; } .kbee .btn-primary {color: white; border: 1px solid #007cba; background: #007cba; border-radius: 32px;} .kbee .btn:hover {opacity: 0.75;} .kbee .btn-primary:hover {color: white; background: #007cba; border: 1px solid #007cba;} .kbee .btn-md {padding: 0; border-radius: 32px; width: 120px; height: 34px; font-size: 13px; line-height:32px;box-shadow: none; } .kbee .btn-sm, .kbee .btn-group-sm > .btn {padding: 0; border-radius: 32px; width: 88px; height: 32px; font-size: 12px; line-height: 32px; box-shadow: none;} /**padding: 0; border-radius: 32px; width: 138px; height: 34px; font-size: 12px; line-height:32px; box-shadow: none; }**/ .kbee .tab-pane {float: left; padding-top: 15px; width: 100%;} .kbee .tab-pane .internal-panel {} .kbee .tab-pane .pagination {margin-top:0; margin-bottom: 12px;} .kbee .pagination > .active > a, .pagination > .active > span, .kbee .pagination > .active > a:hover, .kbee .pagination > .active > span:hover, .kbee .pagination > .active > a:focus, .kbee .pagination > .active > span:focus {background-color: #007cba; border-color: #007cba; opacity: 0.75;} .kbee .table {font-size: 1em;} .kbee .table-bordered > thead > tr > th, .kbee .table-bordered > thead > tr > td {border-bottom-width: 1px;} .kbee .table > thead > tr > th {vertical-align: bottom; border-bottom: none; } /*border-bottom: 1px solid #ddd;*/ .kbee .table > thead > tr > th, .kbee .table > tbody > tr > th, .kbee .table > tfoot > tr > th, .kbee .table > thead > tr > td, .kbee .table > tbody > tr > td, .kbee .table > tfoot > tr > td {padding: 10px 15px; line-height: 1.45em; vertical-align: top; border-top: 1px solid #eceeef; border-right: none; border-left: none; border-right: 1px solid #eceeef; } .kbee .table > thead > tr > th:first-child, .kbee .table td:first-child {border-left: 1px solid #eceeef;} .kbee .table > thead > tr {border-top: 1px solid #eceeef;} .kbee .table > tbody > tr:last-child {border-bottom: 1px solid #eceeef;} .kbee .table-striped > tbody > tr:nth-of-type(odd) {background-color: #fcfcfc;} .kbee .table > thead > tr > th, .kbee .table > tbody > tr > th, .kbee .table > tfoot > tr > th, .kbee .table > thead > tr > td, .kbee .table > tbody > tr > td, .kbee .table > tfoot > tr > td {border-top: 1px solid #eceeef;} .kbee .table-bordered > thead > tr > th, .kbee .table-bordered > tbody > tr > th, .kbee .table-bordered > tfoot > tr > th, .kbee .table-bordered > thead > tr > td, .kbee .table-bordered > tbody > tr > td, .kbee .table-bordered > tfoot > tr > td {border-top: 1px solid #eceeef; border-bottom: 1px solid #eceeef;} .kbee .inline-form .table-bordered { border: 1px solid #f4f4f4;} .kbee .inline-form .table-bordered > thead > tr > th, .kbee .inline-form .table-bordered > tbody > tr > th, .kbee .inline-form .table-bordered > tfoot > tr > th, .kbee .inline-form .table-bordered > thead > tr > td, .kbee .inline-form .table-bordered > tbody > tr > td, .kbee .inline-form .table-bordered > tfoot > tr > td {border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;} .kbee .table-bordered > tbody > tr > td {border-top:1px solid #eceeef; border-bottom: 1px solid #eceeef;} .kbee .dropdown-menu > li.label-warning, .kbee .dropdown-menu > li.label-warning > a {background: none;} .kbee .dropdown-menu > li.label-warning > a:hover {background: #f0ad4e; color: white;} .kbee .dropdown-menu > li.label-danger {background: none;} .kbee .dropdown-menu > li.label-danger > a:hover {background: #FD5F68; color: white;} .kbee .list-group-item-text {line-height: 1.75em; color: #666666; padding: 2px 0; } .kbee .top-panel .input-group-btn > .btn {padding: 7px 10px 8px 10px; margin-left: -1px; border-radius: 0 4px 4px 0; max-width: 48px; height: 34px;} .kbee .input-group-btn > .btn {padding: 10px 12px 8px 12px; margin-left: -1px; border-radius: 0 4px 4px 0; max-width: 48px; height: 40px; top: 0; margin-top: 0px; margin-bottom: 0;} .kbee .input-group-btn .glyphicon {top: 0; font-size: 12px;} .kbee .breadcrumb a {color:#303436;} .kbee .breadcrumb .active { color: #303436; font-weight: normal;} .kbee ul.breadcrumb > li ul.dropdown-menu a {font-size: inherit; line-height: inherit; font-size: 13px; line-height: 14px; padding-left: 20px; padding-right:20px; font-weight:normal;} .kbee ul.breadcrumb > li ul.dropdown-menu > li + li:before {ontent: none !important;} .kbee legend {font-size: 14px; text-transform: uppercase; color: #007cba; font-weight: bold; border-bottom: none; margin-bottom: 12px;} .kbee h2 {font-size: 14px; text-transform: uppercase; color: #007cba; font-weight: bold; border-bottom: none; margin-top:0; margin-bottom: 15px;} .kbee .tt-dataset {overflow: auto;} .kbee .tt-dataset i {color: #007cba; padding:10px 15px; cursor: pointer;} .kbee fieldset {margin-bottom: 24px;} .kbee a.btn-link {text-decoration:none; color: #007cba; text-decoration: underline;} .kbee a.btn-link:hover {text-decoration:none; color: #007cba; opacity: 0.75;} .kbee .panel {margin-bottom: 32px;box-shadow: none;} .kbee .workflow-context > .panel-default { padding-bottom: 12px; border: none; } .kbee .content-header .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; border: none; border-radius: 6px; min-width: calc(100% + 40px); width: initial;} .kbee h1.title-select button {color: #007cba; font-size: 16px; font-weight: 400; line-height: 20px; padding: 4px 15px 0; margin: 0;} .kbee h1.title-select .btn-group.open .dropdown-toggle { background: white; box-shadow: none; color: #007cba;} .kbee .bootstrap-select > .dropdown-toggle {padding-right: 28px;} .kbee h1.title-select .bootstrap-select .dropdown-menu {margin-left: -6px;} .kbee h1.title-select .bootstrap-select .dropdown-menu ul li {margin-left: 6px;} .kbee .content-header .buttons-container {float: right; margin: 9px 0 8px 0;} .kbee .container-fluid { padding-right: 0px; padding-left: 0px; } .kbee .snippets em {font-style:normal; background: #fdf944; padding: 0px 3px;} /** ------------------------------------------------------------------------------------------- Suggester ----------------------------------------------------------------------------------------------*/ .kbee .tt-input {border:none; background: inherit; } .kbee .suggester-container .twitter-typeahead {width:100%; background: inherit;} .kbee .suggester-container .container { margin: 0 auto; max-width: 750px; text-align: center;} .kbee .navbar-default .suggester-container .tt-menu {width: 546px;} .kbee .suggester-container .tt-menu {background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin: 2px 0; padding: 4px; font-size: 14px; width: 100%;} .kbee .workflow-info .suggester-container .tt-menu { width: 100%; margin-top:1px;} .kbee .suggester-container .tt-menu, .kbee .suggester-container .gist {text-align: left;} .kbee .suggester-container a {color: #03739c; text-decoration: none;} .kbee .suggester-container a:hover {text-decoration: underline;} .kbee .suggester-container .table-of-contents li { display: inline-block;} .kbee .suggester-container .table-of-contents li a { color: #999; font-size: 16px;} .kbee .suggester-container .tt-query { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;} .kbee .suggester-container .tt-hint { color: #999;} .kbee .suggester-container .tt-suggestion { padding: 5px 18px; border-radius: 4px; color: #303436;} .kbee .suggester-container .tt-suggestion:hover { background-color: #f2f2f2; color: #303436; cursor: pointer;} .kbee .suggester-container .tt-suggestion.tt-cursor { background-color:#f2f2f2; color: #303436;} .kbee .suggester-container .tt-suggestion p { margin: 0;} .kbee .suggester-container a.text-info {color: #007cba; font-size: 13px; text-decoration: underline;} .kbee .suggester-container #custom-templates .empty-message { padding: 5px 10px; text-align: center;} .kbee .suggester-container #multiple-datasets .league-name { border-bottom: 1px solid #ccc; margin: 0 20px 5px; padding: 3px 0;} .kbee .suggester-container #remote .tt-menu { max-height: 150px; overflow-y: auto;} .kbee .suggester-container #rtl-support .tt-menu { text-align: right;} .kbee .suggester-container.kbee .form-control-static, .kbee .suggester-container.kbee .kbee .form-control {height: 39px;} .kbee .suggester-container input {border: 1px solid #dededf;} .kbee .navbar-default .suggester-container {margin-bottom: 0px; background: inherit;} .kbee .navbar-default .twitter-typeahead {background: inherit;} .kbee .tt-suggestion strong {color: #FF6437; font-weight: normal;} .kbee .tt-suggestion:hover strong {color: #FF6437;} .kbee .suggester .form-control-feedback {position: absolute; top: -45px;right: 45px;z-index: 2;display: block;width: 40px; height: 40px; line-height: 40px; text-align: center; pointer-events: none;} .kbee .suggester .alert-danger {color: #EC231F; } /** ------------------------------------------------------------------------------------------- Grid Columns ----------------------------------------------------------------------------------------------*/ .kbee .grid-header .centered {text-align:center;} .kbee .grid-body .grid-row .number-md .cell-container .label-container, .kbee .grid-body .grid-row .cell-container > .number-md, .kbee .grid .cell-container > .number-md {width: 4.75em; bacckground:none; text-align: right; max-width: 100%; position: relative; left: 50%; transform: translateX(-50%);} .kbee .grid-body .grid-row .number-mdx .cell-container .label-container, .kbee .grid-body .grid-row .cell-container > .number-mdx, .kbee .grid .cell-container > .number-mdx {width: 6.6em; bacckground:none; text-align: right; max-width: 100%; position: relative; left: 50%; transform: translateX(-50%);} .kbee .grid-body .grid-row .number-xl .cell-container, .kbee .grid-body .grid-row .cell-container > .number-xl, .kbee .grid .cell-container > .number-xl {width: 8.5em; bacckground:none; text-align: right; max-width: 100%; position: relative; left: 50%; transform: translateX(-50%);} .kbee .grid-body .grid-row .number-xxl .cell-container, .kbee .grid-body .grid-row .cell-container > .number-xxl, .kbee .grid .cell-container > .number-xxl {width: 16em; bacckground:none; text-align: right; max-width: 100%; position: relative; left: 50%; transform: translateX(-50%);} .kbee .grid-body .grid-row .cell-container >.danger {left: calc(50% - -8px); background: #ffe8df; border-radius: 3px;} .kbee .grid-body .grid-row .cell-container > .danger > .cell-label { padding: 2px 8px; color: #CC0000; } .kbee .grid-body .grid-row .cell-container >.expired {left: calc(50% - -8px); background: #ffe8df; border-radius: 3px;} .kbee .grid-body .grid-row .cell-container > .expired > .cell-label { padding: 2px 8px; color: #CC0000; } .kbee .grid-body .grid-row .cell-container >.success {left: calc(50% - -8px); background: #e4f4dd; border-radius: 3px;} .kbee .grid-body .grid-row .cell-container > .success > .cell-label { padding: 2px 8px; color:#3f7726; } .kbee .grid-body .grid-row .cell-container >.due-today {left: calc(50% - -8px); background: #e4f4dd; border-radius: 3px;} .kbee .grid-body .grid-row .cell-container > .due-today > .cell-label { padding: 2px 8px; color:#3f7726; } .kbee .grid-body .grid-row .info .cell-container .label-container, .kbee .grid-body .grid-row .cell-container > .info {left: calc(50% - -8px); color: #007cba; background-color:#E5F4FF; border-radius: 3px;} .kbee .grid-body .grid-row .info .cell-container .label-container, .kbee .grid-body .grid-row .cell-container > .info > .cell-label {padding: 2px 8px; } .kbee .grid-body .grid-row .info .expanded-hit-panel .cell-container .label-container, .kbee .grid-body .expanded-hit-panel .cell-container > .info { color: inherit; background: none; border-radius:0;} .kbee .browser .grid-body .directory .btn-link {color: #007cba; text-decoration: underline;} .kbee .grid .directory .fas, .kbee .grid .directory .far, .kbee .grid .directory .fal, .kbee .grid .directory .fa, .kbee .grid .directory i { color: #999999; } .kbee .grid .iconcolumn { float: left; margin-right: 0px; margin-top: 0; margin-bottom: 0; border: none; border-radius: 0; padding: 0; background: none; overflow: hidden; padding: 7px 0 0 0; position: relative; } .kbee .grid .comfortable .iconcolumn { padding-top:20px;} .kbee .grid .comfortable .iconcolumn i {font-size:24px;} .kbee .search .glyphicon {color: #cccccc;} .kbee .grid .compact .iconcolumn .fal, .kbee .grid .compact .iconcolumn .far, .kbee .grid .compact .iconcolumn .fa {padding: 3px 4px 4px 5px;} .kbee .grid .iconcolumn .fal, .kbee .grid .iconcolumn .far, .kbee .grid .iconcolumn .fa {font-size: 21px; padding: 0px 4px;} .kbee .fa-file-pdf {color: #c31b0e !important;} .kbee .fa-file-word {color: #0067c1 !important;} .kbee .fa-file-image {color: #d43fbb !important;} .kbee .fa-file-excel {color: #1b7828 !important;} .kbee .fa-file-powerpoint {color: orange !important;} .kbee .fa-chain {color: lightblue !important;} .kbee .fa-file-zip {color:darkgoldenrod !important;} .kbee .fa-file-video {color: #ac1b0f !important;} .kbee .fa-file-audio {color: #55aaff !important;} .kbee .fa-file-code {color: darkyellow !important;} .kbee .fa-file-text {color: #2381ce !important;} .kbee .input-group-btn .fal, .kbee .input-group-btn .far, .kbee .input-group-btn .fa {font-size:18px; color: #007cba;} .kbee .grid .thumbnailcolumn {position: relative; margin-top: 2px; margin-bottom: 2px; float: left; width:80px; margin-right: 24px; border: 1px solid #dededf; border-radius: 10px; height: 80px; padding:0; background:#f2f2f2; overflow: hidden; position: relative;} .kbee .grid .thumbnailcolumn img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:150%; max-height:150%; width:auto; background: white; height:auto;} .kbee .grid .comfortable .userphotocolumn, .kbee .grid .comfortable .thumbnailcolumn {width:142px; height:142px;} .kbee .grid .thumbnailcolumn a {height: inherit;} .kbee .grid .userphotocolumn {position: relative; margin-top: 0px; margin-bottom: 0px; float: left; width:60px; margin-right: 0px; border: 1px solid #eeeeee; border-radius: 6px; height: 60px; padding:0; background: none; overflow: hidden; position: relative;} .kbee .grid .compact .userphotocolumn {height: 44px; width: 44px; margin-top:0px; } .kbee .grid .userphotocolumn img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:152%; max-height:152%; width:auto; background: white; height:auto;} .kbee .fullw .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:100%; } /** ------------------------------------------------------------------------------------------- Resources ----------------------------------------------------------------------------------------------*/ .kbee .resources-panel { margin-top: 0px; float: left; width: 100%; position: relative; padding-bottom: 42px;} .kbee .resources-panel .navbar {margin-bottom: 18px;} .kbee .file-name-upload {font-weight:bold; line-height: 1.75em; color: #303436;} .kbee .file-size-upload {line-height: 1.75em; margin-left: 6px; color: #666666;} .kbee a.resource {float: left;width: 100%;height: initial;} .kbee .progress {margin: 1px 0 20px 0; height: 18px; max-width:540px;} .kbee .content .area .media, .media-body {overflow: visible; float: left; width: 100%;} .kbee ul.media-list .ago {color: inherit; font-size: inherit;} .kbee .resources-panel .btn-mini {padding:8px;} .kbee .media-body textarea {height: 84px; float:left; padding: 12px;} .kbee .media .open > .dropdown-menu { display: block; overflow: visible; float: right; margin-top: 8px; margin-right:0px} .kbee ul.media-list { border: none; float: left; display: block; padding: 0;} .kbee ul.media-list li.bck:nth-of-type(odd) {background:#fcfcfc; border-top: 1px solid #eceeef; border-bottom: 1px solid #eceeef;} .kbee ul li.media:hover {background: #f8f8f8;} .kbee .thumbnail_large li.media .thumbnail:hover {background: inherit;} .kbee ul li.media {display: inline-block; overflow: initial; } .kbee ul li.media:first-child { margin-top: 0; } .kbee ul li.media {border-radius: 4px; overflow: visible;} .kbee .noimage li.media {padding: 24px 12px; margin-top:0px; width: 100%;} .kbee .icon li.media {padding: 15px; margin-top:0px;} .kbee .grid .icon li.media {padding: 18px 12px; } .kbee .grid .media-heading { margin-bottom: 2px;} .kbee .grid h4 {font-weight: 500;} .kbee .thumbnail li.media {padding: 15px; margin-top:0px; width: 100%; } .kbee .thumbnail .media-left {float: left; width:122px; margin-right: 30px; border: 1px solid #dededf; border-radius: 4px; height: 104px; padding:0; background:#f2f2f2; overflow: hidden; position: relative;} .kbee .icon .media-left {float: left; font-size: 20px; padding: 0px 0 0 0; margin-right: 15px; margin-top: 4px} .kbee .grid .thumbnail h4 {font-weight:bold;} .kbee img.media-object {overflow:hidden;} .kbee .media-body {width: calc(100% - 66px); display: block; float:left; margin-top:1px; white-space: initial; overflow: visible;} .kbee .thumbnail .media-body {width: auto; float:none;} .kbee .resources-panel .media .dropdown {float: right; cursor: pointer; margin-top: 1px; position: absolute; right: 24px; padding-bottom: 4px;} .kbee .resources-panel .thumbnail_large .dropdown { background: white; padding: 3px 4px; border-radius: 4px;} .kbee .tab-pane .button-container button {margin-bottom:0px;} .kbee .modal-dialog-full .modal-footer {text-align: right;} .kbee .thumbnail_large .media-body {width: 100%; max-height: 114px; overflow: auto; } .kbee .thumbnail_large ::-webkit-scrollbar {width: 8px; background-color: #f2f2f2} .kbee .thumbnail_large ::-webkit-scrollbar-thumb {background-color: #DEDEDE; border-radius: 31px; border: 2px solid #fff;} .kbee .thumbnail_large ::-webkit-scrollbar-thumb:hover {cursor: pointer;} .kbee .thumbnail_large > img, .kbee .thumbnail_large a > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;} .kbee .thumbnail .media-left a > img.player {width:42px;top: initial; left:0; bottom:0; transform: initial; background: none;} .kbee .thumbnail_large a > img.player {top: initial; left:0; bottom:0; transform: initial;} .kbee .thumbnail .media-left > img, .kbee .thumbnail .media-left a > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:152%; max-height:152%; background: white; } .kbee .relation-editor {margin: 10px 0; border: 1px solid #dededf; border-radius: 4px; background: #f4f4f4; padding: 15px 15px 0px 15px;} .kbee .pagination {margin-bottom: 12px;} .kbee .suggester-control .help-block {border: none; background: none;} .kbee dl {margin-bottom: 26px;} .kbee dt {font-weight: bold;font-size: 15px;line-height: 2em;} .kbee .editing {background:#eeeeee; padding: 16px 24px; border-radius:6px; border: 1px solid #dededf; min-height: 204px; } .kbee ul.classification li {margin-bottom: 0px;} .kbee ul.classification li dl {margin-bottom: 18px;} .kbee ul.classification li .editing .glyphicon-remove { cursor: pointer; margin-right: 4px; border: 1px solid #007cba; padding: 3px; border-radius: 3px; font-size: 7px; top: -2px;} .kbee ul.classification li .editing .glyphicon {margin-right: 4px; } .kbee .browser .left-panel .navbar i.fa-spin, .kbee .browser .left-panel .navbar i.spinning, .kbee .browser .left-panel .navbar span.spinning {font-size:16px; width: initial; color: #007cba;} .kbee .input-group-addon:not(:first-child):not(:last-child), .kbee .input-group-btn:not(:first-child):not(:last-child), .kbee .input-group .form-control:not(:first-child):not(:last-child) {border-radius: 4px 0 0 4px;} .kbee .browser .navbar .btn-mini em .label {color: #999999; font-style: normal;} .kbee .browser .navbar .list-group-item .btn-mini {padding:0;} .kbee .browser .navbar .btn-mini { padding: 8px 12px; float: left; border-radius: 4px; margin: 4px 0px; border: 1px solid transparent; height: 34px;} .kbee .browser .navbar .btn-mini em .label {color: #999999; font-style: normal;} .kbee .browser .navbar .btn-mini .label { font-size: 13px; height: 20px; margin-top: 0px; margin: 0; float: left; padding: 2px 4px 4px 8px;} .kbee .browser .navbar .btn-mini .glyphicon {float: left;} .kbee .browser .navbar .navigation-range-container {padding: 7px 7px; margin: 4px 0; line-height:20px;} .kbee .navbar .btn-mini .label {font-weight:400; color: #007cba; font-size: 14px; height: 17px; margin-top: 0px; margin-left:3px; float: left;} .kbee .kbee-content-main-area-container .navbar .glyphicon {top:0; font-size:18px; border:none; float: left;} .kbee a.btn-mini, .kbee span.btn-mini {padding: 10px 10px; float: left; border-radius: 4px;} .kbee a.btn-mini {color: #007cba;} .kbee a.btn-mini:hover {opacity: 0.7; cursor:pointer;} .kbee .task-form {width:100%; float:left; position:relative; } .kbee .task-form h1 {font-size:22px; margin-top:0;} .kbee .task-form .subtitle { margin: 4x 0 8px 0; font-size: 14px; clear: left;} /*position: absolute;*/ .kbee .taskpanel .task-form {margin-top:0px; padding-left:0; padding-right: 0; padding-bottom: 20px; width:100%; min-height: 240vh; margin-bottom:0;} .kbee .task-form .vertical-form .form-group {float:left; width:100%;} .kbee .task-form .vertical-form .twitter-typeahead {width:100%;} .kbee .vertical-form .form-group {float:left; width:100%;} .kbee .vertical-form .twitter-typeahead {width:100%;} .kbee .right-panel .inline-form {border:none !important; background: #eeeeee; float:left; border-radius: 4px; padding-top: 15px; padding-bottom: 15px;} .kbee .facets .inline-form input.form-control {height: 40px; font-size:14px;} .kbee .userphotocolumn a {height: inherit;} .kbee .task-form .inline-form {border:none !important; background: #eeeeee; float:left; border-radius: 4px; padding: 24px; } .kbee .form-control-static, .kbee .task-form .form-control-static { background: #ffffff; color: #666666; font-style: italic; } .kbee .btn-link {color: #007cba; text-decoration: underline;} .kbee .label-editable {text-decoration: underline;} .kbee .input-group-addon {background: #ffffff;} .kbee .bg-info {padding: 8px 12px; color: #347fa5; border: 1px solid #dfe9fd; border-radius: 4px; background-color: #f4fbff;} .kbee .bg-success {background: none; color: #5db33a;} .kbee .highlight {color: #E55932;} .kbee .highlight-true {color:#E55932;} .kbee .highlight-false {color: #E55932;} /** ---------------------------------------------------------------------------------------- Tips -------------------------------------------------------------------------------------------*/ .kbee .tip img {width: 102px; margin-top: -12px; float:left;} .kbee .tip .text-container {clear: initial;} .kbee .tip .with-image {margin-left: 106px; padding-left: 28px;} .kbee .tip .buttons-container {margin-top: 24px; float:right;} .kbee .tip {position: fixed;right: 12px; min-width:430px; bottom: 12px; background: white; max-width: 432px; padding: 40px 32px 24px 32px; border-radius: 4px; border: 1px solid #dededf; box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.3); font-size: 13px;} /**.kbee .yes {color: #4dbb89;}**/ .kbee .yes {color: inherit;} .kbee .no {color: #dc7b7b;} /** ------------------------------------------------------------------------------------------- Text View ----------------------------------------------------------------------------------------------*/ .kbee .relation-values .label { display: inline; padding: 0; font-size: 1em; font-weight: normal; line-height: 1; color: #666666; text-align: initial; white-space: nowrap; vertical-align: baseline; border-radius: 0; font-style: normal;} .kbee .relation-values .value { font-style: normal;} /** ------------------------------------------------------------------------------------------- Text View ----------------------------------------------------------------------------------------------*/ .kbee .basic-text p {margin:0;} .kbee .basic-text h2 {color: #303436; margin:6px 0;} .kbee .basic-text .section {margin:0;} .kbee .basic-text h2 > h2 {margin-top:24px;} .kbee .text-editor ul, .kbee .basic-text ul {margin:0;} .kbee .text-editor {font-size: 14px; line-height: 1.7em; margin-top: 24px; margin-bottom: 92px; max-width: 1280px; padding-top: 6px; padding-bottom: 6px; border-radius: 0px;} .kbee .edit-mode { background: #eeeeee;} .kbee .view-mode .text-viewer {max-width:1280px; margin:0;} .kbee .view-mode .text-viewer ul {width:100%;} .kbee .view-mode .text-viewer ul li { width: calc(100% - 20px); float: left; line-height: 1.75em; padding: 2px 12px; margin-left: 20px;} .kbee .task-form > .container-fluid .view-mode .text-viewer {max-width:1080px; margin:0;} .kbee .task-form > .container .view-mode .text-viewer {width:100%; max-width:890px; margin:auto;} .kbee .text-editor .text-image-right {float:right;} .kbee .text-editor p { line-height: 1.7em; margin-bottom: 0;} .kbee .text-editor ul li {list-style-type: square;} .kbee .text-editor img {max-width:100%; height:auto;} .kbee .text-editor .caption {font-size: 0.9em; margin: 18px 0 0 0; color: #AFB3B6; text-align: center;} .kbee .text-editor h2 {color: #303436; margin: 8px 0; width: 100%; font-size: 14px; font-weight: bold; text-transform: uppercase;} .kbee .text-editor h3 {color: #666666; margin: 8px 0; width: 100%; font-size: 13px; font-weight: bold; } .kbee .text-editor h3.faq-question {color: #e85932; margin: 8px 0; width: 100%; font-size: 14px; font-weight: bold; text-transform: uppercase;} .kbee .text-editor .titulo-parrafo { width:100%; float:left;} .kbee .text-editor .cuerpo-parrafo { width:100%; float:left;} .kbee .text-image-container {margin-bottom: 1.5em;} .text-image-width {width: 100%; float:left; height: auto; box-sizing: border-box; border-radius: 4px; } .text-image-left {box-sizing: border-box; border-radius: 4px; float: left; margin: 0 24px 12px 0px;} .text-image-width img {width:100%; border-radius:4px; } .text-image-left img {max-width:100%; width:auto; height: auto; border-radius:4px;} .kbee .signature {color: #303436; font-weight:normal; line-height: inherit; } .kbee .highlight-inline {color:#E55932; } .kbee .text-editor a {border-bottom: none; text-decoration:underline; box-shadow: none; color: #007cba;} .kbee .text-editor .quote {color: #666666; font-style:italic;} .kbee .text-editor .highlight {font-size: 22px; font-weight: 400; color: #E55932; line-height: 1.5em; font-family: Lato, Roboto, Arial, sans serif; float: left; width: 94%; text-align: center; margin-bottom: 32px; padding: 0; margin: 0 6% 32px 0; font-style: italic;} .kbee .text-editor h2, .kbee .text-editor h2.title {color: #303436; font-size: 14px; line-height: 1.7em; margin-bottom: 6px;} .kbee .text-editor .response-footer, .kbee .text-editor .footer, .kbee .text-editor .disclaimer {color: #666666; font-style: normal; font-size: 12px; line-height: 21px; font-weight: normal; margin-top:56px; float:left; padding: 0; background: inherit; } .kbee .text-editor .parameter {background: #fff2a9; padding: 2px;} .kbee .text-editor .epigraph {color: #666666; font-size:12px; font-style:italic;} .kbee .text-editor .metavariable {background: #f3f3f3; color: #bb1c9e; font-size: 14px; font-weight: normal; padding: 2px; border-radius: 2px;} .kbee .modal.in .modal-dialog-center .modal-body .control-label {text-align:left;} .kbee label.control-label {color: #303436;} .kbee .mandatory { color: #ff7070 !important; top: 0px; margin-left: 4px; margin-top:4px;} .kbee .control-label .mandatory {color: #ff7070; font-size: 6px; margin: 0px 8px; line-height: 1em; display: inline-block; top: 5px; font-weight: lighter; position: absolute;} .kbee .top-panel .control-label .mandatory {margin: -1px 5px; } .kbee .members-editor dt {float: left;} .kbee .workflow-info .members-editor .mandatory {margin-top: -5px; vertical-align: middle;} .kbee .workflow-info .members-editor .mandatory, .kbee .classification .mandatory {font-size:8px;} .kbee .members-editor .mandatory {font-size:8px; margin-top: 10px;} .kbee .workflow-info .members-editor .mandatory, .kbee .classification .mandatory {font-size:8px;} .kbee .classification .close {font-size: 11px; color: #007cba; border: 1px solid #007cba; border-radius: 4px; padding: 1px 2px; float: left; margin-top: 6px; margin-right: 6px; font-weight: normal; text-shadow: none; filter: none; opacity: 1; } .kbee .form-container {margin-bottom: 32px;} .kbee .has-error .form-control-feedback {color: #FD5F68 !important;} .kbee .has-success .form-control-feedback {color: #6CC79F !important;} .kbee .form-control-feedback { position: absolute; top: 26px; right: 12px; z-index: 2; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; pointer-events: none;} .kbee .predicate {color:#FF6437; font-style: normal; font-weight: normal; text-transform: underline;} .kbee .logical-operator {font-weight: bold; text-transform: uppercase; color:#303436;} .kbee .iql-value { color: #666666; font-size: inherit; } .kbee .iql-group-start, .kbee .iql-group-end {color: #666666; font-weight: normal;} .kbee .grid-body .iql-value {color: #999999; font-size: inherit; } .kbee .grid-body .iql-group-start, .kbee .grid-body .iql-group-end {color: #999999; font-weight: normal;} .kbee .alert { line-height:1.5em;} .kbee .alert-success { color: #0d4a24; background-color: #daf7e6; border-color: #b7e6ca; border-left: 12px solid #248649; } .kbee .alert-danger { color: #ab2c2a; background-color: #ffe5e5; border-color: #fbe2d9; border-left: 12px solid #ab2c2a; } .kbee .alert-info {color: #007cba; background-color: #E5F4FF; border-color: #dde2e6; border-left: 12px solid #007cba;} .kbee .alert-warning {color: #8c631c; background-color: #fff8e5; border-color: #e8decd; padding-right: 0; border-left: 12px solid #f3b03d;} .kbee .alert-nobck { color: #007cba; background-color: transparent; border-color: #dededf; padding-left: 0; padding-right: 0;} .kbee .alert-danger a.btn-link { color: #901e12;} .kbee .header .open .glyphicon {background:#4b5b63;} .kbee a .list-group-item-heading {text-decoration: underline;} .kbee .list-group .selector {background: #f9f9fa; border: 1px solid #dededf; margin-top: -1px; padding: 0; padding-bottom:15px; width: 100%; display:block; float:inherit;} .kbee .list-group-item-heading {line-height: 1.75em;} .kbee .rule-editor .list-group-item-heading {margin:0;} .kbee .list-group .editable {text-decoration: underline; color: #007cba;} .kbee fieldset.form-control {margin-bottom: 0;} .kbee .label-selected .icon-container, .kbee .label-no-selected .icon-container {width: 20px; height: 20px; display: block; float:right; padding: 0; border: 1px solid transparent; border-radius: 4px; margin: 0px 0px 0px 12px;} .kbee .label-no-selected:hover .icon-container, .kbee .label-selected:hover .icon-container {background: white;} .kbee .label-no-selected img, .kbee .label-selected .icon-container img {width: 14px; margin: 2px;} .kbee .updated .classifier {color: #999999;} .kbee .kbee-content-main-area-container .readonly {color: #eeeeee;} .kbee .kbee-content-main-area-container .members-editor .checkbox {color: #303436;} .kbee .modal .checkbox label {color: #303436;} .kbee .members-editor dd.elements-container {line-height:1.5em; float: left; padding: 2px 0;} .kbee dl.editable dd {margin-left: 25px;} .kbee .editable .classifier {margin-left: 6px;} .kbee .editing .classifier {margin-left: 0px;} .kbee dl.editing dd {margin-left: 0px;} .kbee dl.editing dd.elements-container {margin-left: 0px; width: 100%; float: left;} .kbee .members-editor dd.readonly {margin-left: 0px;} .kbee .enterprise {color: initial; /*#FF0084;*/} .kbee .express {color: #01A7F7;} .kbee .system {color: inherit;} .kbee .template {color: #E55932;} .kbee .standard {color: #666666;} .kbee small, .kbee .small {font-size: 13px; line-height: 1.7em; color: #303436;} .kbee .task-form .has-error .form-control-feedback, .kbee .workflow-context .has-error .form-control-feedback { right: 40px; top: -40px;} .kbee .task-form .inline-editor .has-error .form-control-feedback { right: 15px; top:25px;} .kbee .has-error .form-control-feedback { color: #FD5F68 !important; position: absolute; right: 12px; top: 25px;} .kbee .modal-body .has-error .suggester .form-control-feedback { top: -40px; right: 42px;} /** -------------------------------------------------------------------------------------------------------- Modal -------------------------------------------------------------------------------------------------------- */ .kbee .modal-body .list-group-item:last-child { border-bottom: none;} /*.kbee .modal-body .list-group-item:nth-of-type(odd) {background: #fcfcfc;}*/ .kbee .modal-body .list-group-item {float: left; width: 100%; border-left: none; border-right: none; border-top: none; border-top: 1px solid #eceeef;} .kbee .modal-body .list-group-item:first-child {border-top: 1px solid transparent;} /** -------------------------------------------------------------------------------------------------------- Bulk Classify -------------------------------------------------------------------------------------------------------- */ .kbee .nullmember .member-element {font-style: italic;} .kbee .member-element { height: initial; color: #303436;} /** -------------------------------------------------------------------------------------------------------- Scrollbar Grid -------------------------------------------------------------------------------------------------------- */ .kbee .grid-row {padding: 16px 0;} .kbee .expanded .title {font-weight:bold;} .kbee .scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative; } .kbee .scroll-wrapper > .scroll-content {border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; min-height: calc(100% - 184px); } .kbee .scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0; width: 0;} .kbee .scroll-element {display: none;} .kbee .scroll-element, .scroll-element div {box-sizing: content-box;} .kbee .scroll-element.scroll-x.scroll-scrollx_visible, .kbee .scroll-element.scroll-y.scroll-scrolly_visible {display: block;} .kbee .scroll-element .scroll-bar, .kbee .scroll-element .scroll-arrow {cursor: default;} .kbee .scroll-textarea {border: 1px solid #dededf; border-top-color: #999999;} .kbee .scroll-textarea > .scroll-content {overflow: hidden !important;} .kbee .scroll-textarea > .scroll-content > textarea {border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .kbee .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0; width: 0;} .kbee .scrollbar-external_wrapper { position: relative; width: auto !important;} .kbee .scrollbar-external { overflow: auto; width: 100%; } /** -------------------------------------------------------------------------------------------------------- Scrollbar -------------------------------------------------------------------------------------------------------- */ ::-webkit-scrollbar {width: 12px; background-color: #f2f2f2;} ::-webkit-scrollbar-track {background-color: #f2f2f2;} ::-webkit-scrollbar-thumb {background-color: #cccccc; border-radius:6px; border: 1px solid #fff} ::-webkit-scrollbar-thumb:hover {background:#999999; box-shadow:none; border-left: thin solid #dededf; background-position: center center; cursor: pointer;} .kbee .navbar-inverse ::-webkit-scrollbar {width: 12px; } .kbee .navbar-inverse ::-webkit-scrollbar-track {background-color: white;} .kbee .navbar-inverse ::-webkit-scrollbar-thumb {background-color: #dededf; border-radius: 10px; border: 2px solid #ffffff;} .kbee .navbar-inverse ::-webkit-scrollbar-thumb:hover {background:#88949a; box-shadow:none; background-position: center center; cursor: pointer; } textarea.form-control::-webkit-scrollbar {width: 12px; } textarea.form-control::-webkit-scrollbar-track {background-color: white;} textarea.form-control::-webkit-scrollbar-thumb {background-color: #dededf; border-radius: 10px; border: 2px solid #ffffff;} textarea.form-control::-webkit-scrollbar-thumb:hover {background:#88949a; box-shadow:none; background-position: center center; cursor: pointer; } .kbee .workflow-info ::-webkit-scrollbar {width: 11px; } .kbee .workflow-info ::-webkit-scrollbar-track {background-color: white;} .kbee .workflow-info ::-webkit-scrollbar-thumb {background-color: #dededf; border-radius: 10px; border: 1px solid #dededf;} .kbee .workflow-info ::-webkit-scrollbar-thumb:hover {background: #cccccc; box-shadow:none; border-left: thin solid #cccccc; background-position: center center; cursor: pointer;} .kbee .date-container .dropdown-menu {min-width: 0px;overflow: visible; padding: 15px} .kbee .date-container .bootstrap-datetimepicker-widget.dropdown-menu {padding: 4px 15px; margin: 0px; width: auto} .kbee .panel-centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;} .kbee .navbar-nav > li > a { padding-top: 18px; padding-bottom: 18px;} .kbee .task-form .right-panel {position: absolute; top:0px; right:0; padding:0; margin-top: -82px; height: calc(100% + 62px); } .kbee .classification {margin-bottom: 64px;} .kbee .grid .classification {margin-bottom: 24px;} .kbee .task-form .right-panel { position: initial; top: 0px; right: 0; padding: 22px 40px; border-left:none; margin-top:0; height: 100%;} .kbee .layout-twopanels .external-scroll_x.scroll-scrollx_visible {width: calc(100% - 2px);} /** -------------------------------------------------------------------------------------------------------- Multiple devices ----------------- kbeebootstrap.css kb-1601.css kb-1201-1600.css kb-801-1200.css kb-360-800.css kb-0-360.css -------------------------------------------------------------------------------------------------------- */ /** --- legacy ---**/ .kbee .grid2:nth-of-type(2n+1) {clear:left;} .kbee .grid3:nth-of-type(3n+1) {clear:left;}