.page-content{ padding-right:0px; padding-left:0px; padding-top:35px !important; } .no-skin .nav-list>li.active:after{ border-width:0 1px 0 0 !important; } #contentType.bwiseFrame { position: relative; padding: 41px 0 0 0 !important; } #contentType.bwiseFrame .row { margin: 0; } #contentType.bwiseFrame .row #bwiseContent { padding: 0; overflow: hidden; } @media screen and (max-width: 479px) { #contentType.bwiseFrame .bwiseFilter { height:auto !important; } .col-offset-300 { padding-left:20px !important; top:170px; } .bwise_fixed_heigh .main-content-inner, .bwise_fixed_heigh .page-content, .bwise_fixed_heigh .page-content > .row, .bwise_fixed_heigh .page-content > .row > div { height: 100% !important; } } #contentType.bwiseFrame .bwiseFilter { padding: 10px 10px 10px 10px; border-right: 3px solid #e5e5e5; background: #f5f5f5; overflow-x: hidden; overflow-y: auto; height:100%; } #contentType.bwiseFrame .bwiseFilter.bwiseFilterTree { background: #ffffff} #contentType.bwiseFrame .bwiseFilterContent { position: relative; padding: 0 1px 0 0; } #contentType.bwiseFrame .bwiseFilterContent:before { display: block; content: ""; position: absolute; top: 0; right: 0px; bottom: 0; width: 1px; background: #e5e5e5; } #contentType.bwiseFrame .bwiseDialog { position: relative; /*min-height: 500px;*/ padding: 20px 20px 20px 20px; background: #ffffff} .col-fixed-300 { width:300px; position:fixed; z-index: 1; } .col-offset-300 { padding-left:300px; z-index: 0; padding-right:0px !important; } .col-fixed-400 { width:400px; position:fixed; z-index: 1; } .col-offset-400 { padding-left:400px; z-index: 0; padding-right:0px !important; } .col-fixed-500 { width:500px; position:fixed; z-index: 1; } .col-offset-500 { padding-left:500px; z-index: 0; padding-right:0px !important; } .col-fixed-550 { width:550px; position:fixed; z-index: 1; } .col-offset-550 { padding-left:550px; z-index: 0; padding-right:0px !important; } .col-fixed-600 { width:600px; position:fixed; z-index: 1; } .col-offset-600 { padding-left:600px; z-index: 0; padding-right:0px !important; } .footer-content { background: #ffffff; } .filter_box { position: relative; margin: 0 0 0 0; } /* MAKING CONTENT HEIGHT 100% */ .main-content, body, html { height: 100vH; overflow: hidden; } /*.main-content-inner, .page-content, .page-content .row, .page-content .row > div { height: 100%; }*/ .main-content-inner { padding-bottom: 45px !important; } /* Space for Funkt bar removed from the bottom */ .page-content { padding-bottom: 0px !important; } /* Space for Footer */ .page-content > .row > div { overflow-x: hidden; overflow-y: auto; } /* Controlling overflow */ input:required { background-color:#faebcc !important; } [aria-required=true] { background-color:#faebcc !important; } .col-md-offset-1 { margin-left: 3.5% !important; } .col-sm-1 { width: 13% !important; } .dataTables_scrollBody{ padding-bottom:0px; } .dataTables_scroll {height:100%} .dataTables_wrapper {height: 100%;} .toolbar_icon { display: block; float: left; width: 24px; height: 24px; margin: 0px 16px 0px 0px; opacity: 0.5; } .hasError{ border-color:#a94442 !important; background: url(../img/warning.png) no-repeat right center #ffffff !important } .table.dataTable { margin: 0 !important; border-left:0px; } .tree .tree-item>.tree-item-name>.ace-icon:first-child { color: inherit; border: none !important;width: 18px; height: 18px; line-height: 18px; font-size: 14px; } .tree .tree-selected>.tree-item-name>.ace-icon:first-child { background-color: transparent; color: #F9A021; } .tree .tree-branch .tree-branch-header>.tree-branch-name>.ace-icon:first-child, .tree .tree-item>.tree-item-name>.ace-icon:first-child { font-size: 14px; width: 18px; } .dataTable>thead>tr>th.sorting_asc, .dataTable>thead>tr>th.sorting_desc{ background-image:none; } .dataTable>tbody>tr.selected>td { background-color: #d9edf7 !important;; } .bwise_fixed_heigh .main-content-inner, .bwise_fixed_heigh .page-content, .bwise_fixed_heigh .page-content > .row, .bwise_fixed_heigh .page-content > .row > div { height: 100%; } @media screen and (max-width: 991px) { .bwise_fixed_heigh .main-content-inner, .bwise_fixed_heigh .page-content, .bwise_fixed_heigh .page-content .row, .bwise_fixed_heigh .page-content .row > div { height: auto; } #contentType.bwiseFrame { padding: 0 !important; } .main-content { overflow: auto; } #contentType.bwiseFrame .bwiseFilter { border-right: 3px solid transparent; } #contentType.bwiseFrame .bwiseFilterContent:before { display: none; } } #artFrame { overflow: hidden;} .bwise100h { height: 100% } #artFrame.hasBorder { border-right: 40px solid transparent; } #artFrame .bwiseContentWithIconbar { position: relative; padding: 24px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } #artFrame .bwiseContentWithIconbar.tags, #artFrame .bwiseContentWithIconbar.setup { overflow: hidden; } #artFrame .bwiseIconbar { position: fixed; right: 0px; top: 86px; bottom: 0; width: 40px; transition: opacity 1s; background: #6FB3E0; opacity: 1; } #artFrame .bwiseIconbar:hover { opacity: 1; } #artFrame .bwiseIconbar ul { margin: 0; } #artFrame .bwiseIconbar ul li { position: relative; width: 40px; height: 40px; margin-top: 6px; list-style: none; } #artFrame .bwiseIconbar ul li i { position: absolute; left: -5px; top: -5px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 24px; color: #ffffff; } #artFrame #medFrameSidebar { display: none; position: fixed; top: 86px; right: 40px; bottom: 0; width: 300px; height: auto; padding: 0 20px 0 20px; border-left: 3px solid #e5e5e5; z-index: 10; } #artFrame.mm #medFrameSidebar { display: block; } #artFrame.mm .col-sm-9-here { padding-right: 300px !important; } #artFrame #media_thumb .flex_box { margin: 0 0 10px 0; width: 48% !important; height: auto !important; } #artFrame #media_thumb .flex_box > div { padding: 33% 50%; background-repeat: no-repeat; background-position: center; background-size: cover; } #artFrame #medLst_scroll { padding: 20px 20px 20px 20px; width: 100%; height: 100%; } #artFrame #medLst_scroll.isScroll { padding: 20px 3px 20px 20px; } #artFrame .mmTree { position: absolute; left: 0; top: 20px; right: 0; bottom: 70%; width: 100%; height: auto; border-bottom: 3px solid #e5e5e5; } #artFrame .mmList { position: absolute; left: 0; top: 30%; right: 0; bottom: 0; width: 100%; height: auto; overflow-x: visible; overflow-y: auto; } #artFrame #medFrameSidebar, #artFrame #medFrameSidebar * { overflow: visible !important; } #artFrame #medFrameSidebar .isScroll { overflow-y: scroll !important; } #artFrame .bwiseSetup { display: none; position: absolute; left: 0; top: 0; z-index: 5; right: 0; width: 100%; padding: 24px; background: #6FB3E0; } #artFrame .setup .bwiseSetup { display: block; } #artFrame .bwiseSetup .row label { color: #ffffff; line-height: 34px; } #artFrame .bwiseTags { display: none; position: absolute; left: 0; top: 0; bottom: 0; z-index: 5; right: 0; width: 100%; padding: 24px; background: rgba( 0,0,0,0.8 ); overflow-y: auto; } #artFrame .bwiseTags * { color: #ffffff; } #artFrame .tags .bwiseTags { display: block; } #artFrame .flex_box_art { position: relative; min-height: 300px; padding: 48px 0; } #artFrame .flex_box_art_-100 { min-height: 0px; } #artFrame #artToolsFirst { position: absolute; left: 24px; top: 20px; right: 24px; width: auto; height: 32px; } #artFrame #sortable { padding-top: 72px; } #artFrame .artTools { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 36px; opacity: 0.3; } #artFrame .artTools:hover { opacity: 1; } #artFrame .artTools:before { display: block; content: ""; position: absolute; left: 0; top: 16px; right: 0; bottom: 16px; height: 4px; width: 100%; background: #6FB3E0; z-index: 1; } #artFrame .artTools ul { position: relative; z-index: 2; margin: 0 !important; } #artFrame .artTools ul li { position: relative; margin: 0 2px; width: 32px; height: 32px; list-style: none; } #artFrame .artTools ul li i { position: absolute; left: -5px; top: -5px; color: #ffffff; width: 32px; height: 32px; line-height: 32px; font-size: 20px; } #artFrame .artHeader { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 36px; background: #eeeeee; } #artFrame .artHeader > div { position: absolute; top: 0; width: auto; height: 36px; line-height: 36px; text-indent: 0 !important; } #artFrame .artHeader > div i { font-size: 18px; text-align: center; line-height: 36px; height: 36px; width: 36px; text-indent: 0 !important; } #artFrame .artHeader > div.artMove { left: 0; width: 36px; cursor: move; } #artFrame .artHeader > div.artMove:hover { color: #69AA46; } #artFrame .artHeader > div.artTitle { left: 36px; right: 50%; padding: 0 4px; } #artFrame .artHeader > div.artSelect { right: 36px; left: 50%; padding: 3px 4px; } #artFrame .artHeader > div.artSelect select { height: 30px; line-height: 20px; } #artFrame .artHeader > div.artDel { right: 0; width: 36px; } #artFrame .artHeader > div.artDel:hover { color: #D15B47; } #artFrame .art_txt { min-height: 100%; } #artFrame .art_txt.art_txt_plaintext { position: absolute; left: 0; top: 48px; right: 0; bottom: 48px; width: 100%; height: auto; min-height: 0; } #artFrame .art_txt.art_txt_wysiwyg { min-height: 300px; } #artFrame .art_txt.art_txt_plaintext textarea { position: absolute; left: 0; top: 34px; right: 0; bottom: 0; width: 100%; height: auto; } /*#artFrame .art_txt textarea { width: 100%; height: 100%; max-height: none; box-sizing: border-box; margin-top: 34px; }*/ #artFrame .art_txt .wysiwyg-editor { height: 100%; max-height: none; margin-top: 0; } #artFrame .art_gal_box { padding: 12px 0; } #artFrame .art_slider_box { padding: 12px 0; } #artFrame .art_img { position: relative; padding-bottom: 100px; } #artFrame .art_img > div > img { width: 100%; } #artFrame .dropzone_box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; } #artFrame .dropzone_box > div { position: absolute; left: 0; top: 0; width: 100%; height: auto; } #artFrame .dropzone_box > div.dropzone_text { position: absolute; left: 0; bottom: 0; right: 0; top: auto; z-index: 1; height: 100px; padding: 10px 0; color: #D5D5D5; background: #ffffff; border-style: solid; border-width: 0 1px 1px 1px; border-color: #BBC0CA; } #artFrame .dropzone_box > div.dropzone_text span { display: block; line-height: 30px; font-size: 20px; font-weight: 700; text-align: center; } #artFrame .dropzone_box > div.dropzone_text i { line-height: 50px; font-size: 50px; } #artFrame .dropzone_box > div.dropzone { position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1; height: auto; } #artFrame .dz-preview { display: none !important; } #artFrame .art_legend { width: 100%; border-top: none; border-color: #BBC0CA; } #artFrame .art_video_box { position: relative; padding: 33%; } #artFrame .art_video_box iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; } #artFrame .art_map_box { position: relative; padding: 33%; } #artFrame .art_map_box iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; } .bwiseForm100p {height: 100%; overflow-y: auto;} .bwiseList100p {height: 100%; overflow: hidden; padding-bottom: 36px !important;} .bwiseTree {padding-bottom: 76px;} .h100p {height: 100%;} @media screen and (min-width: 1921px) { #artFrame .col-md-3-east, .col-md-3-west { width: 15%; } #artFrame .col-md-9-here { width: 85%; } } .sidebar { width: 250px; } .sidebar+.main-content { margin-left: 250px; } @media screen and (max-width: 991px) { .sidebar+.main-content .breadcrumbs-fixed { left:0px !important; } } .sidebar+.main-content .breadcrumbs-fixed { left:250px; } #navbar-container .navbar-brand { width: 240px } @media screen and (max-width: 479px) { #navbar-container .navbar-brand { display:none; } } @media screen and (max-width: 479px) { #bwise_toolbar { position:absolute; top:0px; left:50px; } } @media only screen and (max-width: 479px){ .navbar:not(.navbar-collapse) .ace-nav>li:last-child { position:absolute; top:0px; right:0px; } } @media (max-width: 479px){ .navbar-fixed-top+.main-container { padding-top:44px; } } .user-info {max-width: 180px;} .padding_bottom_10 {padding-bottom: 10px;} .tab-content /*{padding: 0px;}*/ .btn100p { width: 100%} .select2 { width: 100% !important;} .form-group { margin-bottom:5px;} .bwAlert {margin-left:-12px;margin-right:-12px;} .d-none { display: none; } /* DUALLISTBOX */ .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .move { display: none; } .bootstrap-duallistbox-container .info-container { display:none; } .bootstrap-duallistbox-container option[selected] { background-color: #dff0d8; } .bootstrap-duallistbox-container .box1 { position: relative; padding-right: 32px; } .bootstrap-duallistbox-container .box1 .btn-group { position: absolute; z-index: 10; right: -24px; bottom: 50%; width: 48px; margin-bottom: 9px; } .bootstrap-duallistbox-container .box2 { padding-left: 32px; } .bootstrap-duallistbox-container .box2 .btn-group { position: absolute; z-index: 10; left: -24px; top: 50%; width: 48px; margin-top: 3px; } .bootstrap-duallistbox-container .btn-group button { display: block !important; width: 100%; margin-top: 6px !important; font-size: 20px; line-height: 20px; } .bootstrap-duallistbox-container .btn-group button i:nth-of-type(2) { display: none !important; } .bootstrap-duallistbox-container .btn-group button.moveall i:before { content: "\f101"; } .bootstrap-duallistbox-container .btn-group button.move i:before { content: "\f105"; } .bootstrap-duallistbox-container .btn-group button.remove i:before { content: "\f104"; } .bootstrap-duallistbox-container .btn-group button.removeall i:before { content: "\f100"; } .supertab > div { position: relative; } .supertab > div > div.tab-content { position: absolute; left: 0px; top: 35px; right: 0px; bottom: 0px; overflow: auto; padding: 0; } .toolheader { position: sticky; z-index: 99999; left: 0; top: 0; right: 0; text-align: center; /*margin-left:auto; margin-right:auto;*/} .toolheader > div { display: inline-block; position: relative; background: #f0f0f0; padding: 2px 6px 6px 6px; } .toolheader > div:before { display: block; content: ""; position: absolute; right: 100%; top: 0; border-style: solid; border-width: 38px 0 0 19px; border-color: #f0f0f0 #f0f0f0 transparent transparent; } .toolheader > div:after { display: block; content: ""; position: absolute; left: 100%; top: 0; border-style: solid; border-width: 38px 19px 0 0; border-color: #f0f0f0 transparent transparent #f0f0f0; } .toolheader > div > a { line-height: 14px; padding: 4px 8px !important; border-width: 4px !important; } .tool-icon { margin-right:0px !important; } .gTables { max-width: 1000px; padding: 40px; } .gTables .row { padding: 5px 0; } .gTables .row:nth-of-type(1) { font-weight: bold; } .gTables .row:last-of-type { background: #ffffff; } .gTables .row div:nth-of-type(3) div { width: 100%; text-align: center; cursor: pointer; line-height: 34px; } .gTables .row div:nth-of-type(3) div:hover{ color: #f00000; } .gTables .row:nth-of-type(2N+2) { background: #f5f5f5; } #billingtext { max-width: 1000px; padding: 40px; } #billingtext .row { padding: 10px 0; /*background: #E5E8E8;*/} #billingtext .row:nth-of-type(1) { font-weight: bold; background: transparent !important; } /*#billingtext .row:nth-of-type(2N) { border-top: 2px solid #e5e5e5; } #billingtext .row:nth-of-type(2N+1) { background: #f5f5f5; }*/ #billingtext .row:nth-of-type(2) { background: #F5B7B1; } #billingtext .row:nth-of-type(3) { background: #FADBD8; } #billingtext .row:nth-of-type(4) { background: #AED6F1; } #billingtext .row:nth-of-type(5) { background: #D6EAF8; } #billingtext .row:nth-of-type(6) { background: #ABEBC6; } #billingtext .row:nth-of-type(7) { background: #D5F5E3; } #billingtext label #id_bwiseSearch { display: none; } .aFaktura { padding: 40px; padding-top:0px;} .aFaktura .row { padding: 5px 0; } .aFaktura .row:nth-of-type(1) { font-weight: bold; } .aFaktura .row div:nth-of-type(3) div { width: 100%; text-align: center; cursor: pointer; line-height: 34px; } .aFaktura .row div:nth-of-type(3) div:hover { color: #f00000; } .aFaktura .row:nth-of-type(2N+2) { background: #f5f5f5; } .ovrl_container { position: relative; padding: 0 34px 0 0 !important; } .ovrl_container input { width: 100% !important; } .ovrl_container div { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 34px; padding: 2px !important; text-align: center !important; } .ovrl_container div i { margin-right: 0 !important; } #ovrl { position: absolute; z-index: 100000; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 0,0,0,0.5 ); display: flex; align-content: center; align-items: center; justify-content: center; } #artikelBilderTR:nth-child(odd) {background-color: #f5f5f5;} #artikelBilderTD {padding: 5px; padding-top: 5px; text-align: left;} .legende {margin-bottom: 5px;} ::placeholder { color: #dddddd; opacity: 1.0; } .bwGridTable>tbody>tr>td{ padding:2px; } .frameWithFilter .bwiseFilter { position: absolute !important; left: 0; top: 0; bottom: 0; height: auto !important; } .frameWithFilter .bwiseFilter .form-group { margin: 0 0 5px 0 !important; } .frameWithFilter .bwiseListe_container { overflow: hidden !important; position: relative; } .frameWithFilter .bwiseListe_container500 { overflow: hidden !important; position: relative; } .frameWithFilter .bwiseListe_container > div { position: absolute; left: 400px; top: 0; right: 0; bottom: 0; overflow-y: auto !important; } .frameWithFilter .bwiseListe_container500 > div { position: absolute; left: 500px; top: 0; right: 0; bottom: 0; overflow-y: auto !important; } .frameWithFilter.filterClosed .bwiseFilter { display: none; } .frameWithFilter.filterClosed .bwiseListe_container > div { left: 0px !important; } .frameWithFilter.filterClosed .bwiseListe_container500 > div { left: 0px !important; } .frameWithFilter.middle .bwiseFilter_toggler { top: 50%; left: 388px; width: 12px; height: 30px; margin: -15px 0 0 0; font-size: 10px; line-height: 30px; background: #e5e5e5; } .frameWithFilter .bwiseFilter_toggler { position: absolute; z-index: 1000; text-align: center; color: #969696; cursor: pointer; font-family: "FontAwesome"; } .frameWithFilter .bwiseFilter_toggler:hover { background: #7bb7e5 !important; color: #ffffff !important; } .frameWithFilter.filterClosed .bwiseFilter_toggler { left: 0 !important; background: #181E20 !important; color: #ffffff !important; } .frameWithFilter .bwiseFilter_toggler:after { content: "\f100"; } .frameWithFilter.filterClosed .bwiseFilter_toggler:after { content: "\f101"; } .for.bwAjaxSelect > div { position: relative; } .bwAjaxSelect > div:before { display: block; content: "\f0d7"; position: absolute; z-index: 1; right: 1px; top: 50%; margin: -10px 0 0 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: "FontAwesome"; color: #cccccc; } .bwAjaxSelect > div input { position: relative; z-index: 2; background: transparent !important; } .row > .bwAjaxSelect { position: relative; } .row > .bwAjaxSelect:before { display: block; content: "\f0d7"; position: absolute; z-index: 1; right: 13px; top: 50%; margin: -10px 0 0 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: "FontAwesome"; color: #cccccc; } .row > .bwAjaxSelect input { position: relative; z-index: 2; background: transparent; } td > .bwAjaxSelect { height: 34px; position: relative; } td > .bwAjaxSelect:before { display: block; content: "\f0d7"; position: absolute; z-index: 1; right: 1px; top: 50%; margin: -10px 0 0 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: "FontAwesome"; color: #cccccc; } td > .bwAjaxSelect input { float: none; position: relative; z-index: 2; background: transparent; } .toolNtable_container { position: relative; height: 100%; padding-top: 38px; } .toolNtable_container .toolNtable_toolbox { position: absolute; left: 0; top: 0; right: 0; height: 38px; background: #e5e5e5; } .toolNtable_container .toolNtable_toolbox > div > div { padding: 4px 6px !important; background: none !important; } .toolNtable_container .toolNtable_toolbox > div > div:before { display: none !important; } .toolNtable_container .toolNtable_toolbox > div > div:after { display: none !important; } .toolNtable_container .toolNtable_tablebox { height: 100%; } .handsontableInputHolder { background: #ffffff; } .handsontableInputHolder textarea { padding: 0 4px; border: 1px solid #FC6 !important; background: rgba( 255,204,102,0.25); } .handsontable .htCore tr td.currentRow { background-color:#b6cfeb } #bwAJAXGridSelect { position: fixed; z-index: 999999; height: 32px !important; } #bwAJAXGridSelect_shadow { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 0,0,0,0 ); z-index: 999998; } #selectAll_container { position: absolute; right: 22px; top: 0; height: 28px; } #selectAll { display: none; } #selectAll + label { padding: 0 10px; line-height: 28px; font-size: 12px; background: #d7d7d7; cursor: pointer; transition: all 0.3s; } #selectAll + label:hover { background: #b0b0b0; } table.table-bw > thead > tr > td, table.table-bw > thead > tr > th { padding: 2px 6px; background: #f0f0f0; border: 1px solid #cccccc; text-align: center; } table.table-bw > tbody > tr > td { padding: 2px 6px; border: 1px solid #cccccc; } /* HTML:
*/ .loader { width: fit-content; font-weight: bold; font-family: monospace; font-size: 71px; background: linear-gradient(135deg,#0000 calc(50% - 0.5em),#000 0 calc(50% + 0.5em),#0000 0) right/300% 100%; animation: l22 2s infinite; } .loader::before { content: "Laden..."; color: #0000; padding: 0 5px; background: inherit; background-image: linear-gradient(135deg,#000 calc(50% - 0.5em),#fff 0 calc(50% + 0.5em),#000 0); -webkit-background-clip:text; background-clip:text; } @keyframes l22{ 100%{background-position: left} }