.fadmin { /*max-width: 990px;*/ margin: 20px auto; border: solid 1px #e3e3e3; padding: 20px; box-shadow: 1px 1px 2px #aaa; border-radius: 3px; } .fadmin .form-control, .fadmin .form-select { border-top: none; border-left: none; border-right: none; border-radius: 0; min-width: 180px; font-size: 0.85rem; } .fadmin .form-control.inline { width: 180px; } .form-select.inline { display: inline-block; width: auto; } .fadmin .fld-block { display: flex; border-bottom: solid 1px #e4e4e4; padding-bottom: 6px; } form.fadmin label { min-width: 160px; border-right: solid 1px gray; padding-right: 12px; margin-right: 12px; text-align: right; margin-bottom: 0px; } form.fadmin .form-control label { min-width: auto; border-right: none; } form.mform { display: flex; flex-direction: column; place-content: center; margin-bottom: 6px; } form.sform { display: flex; place-content: flex-end; margin-bottom: 6px; } form.sform input[type=text], form.sform input[type=date], form.sform input[type=number], form.sform input[type=password] { width: 136px; } form.sform input[type=button], form.sform button, form.sform label { margin-left: 6px; } form.sform label span, form.mform label span { padding-right: 4px; } .form-select, .form-select-sm { vertical-align: middle; border:1px solid #ced4da; } form .attfile { margin-left: 16px; } .bg-light-pink { background-color: lightpink !important; } .bg-light-blue { background-color: lightblue !important; } th label, td label { display: block; width:100%; height:100%; margin:0; } .top_sticky { position:sticky; top:0; } .bottom_sticky { position:sticky; bottom:0; } .left_sticky { position:sticky; left:0; } .right_sticky { position:sticky; right:0; } #base_info_body table tbody .code-start td{ border-top: double 1px gray; border-bottom: solid 1px gray; } #base_info_body table tbody .code-start td:nth-child(1){ border-bottom: none; } #base_info_body table tbody .code-start td:nth-child(2){ border-left: solid 1px gray; border-right: solid 1px gray; } /** select2 **/ .select2-container--default .select2-selection--multiple.blockbtn, .select2-container--default.select2-container--focus .select2-selection--multiple.blockbtn { border:none; border-bottom: 1px solid #ced4da; border-radius: 0; padding: 2px; } .select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice__display { margin-left: 32px; margin-right: 4px; } .select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice__remove { padding: 6px; line-height: 110%; } .select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice { margin: 0; padding: 3px; background-color: #fff; } #aform .select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice:not(:first-child) { margin-left: 6px; } .select2-container .blockbtn .select2-search--inline .select2-search__field { white-space: nowrap; } .select2-results__option { display: inline-block; padding: 4px 23px; border: solid 1px #aaa; border-radius: 3px; margin: 5px 3px; position: relative; } .select2-container--default .blockbtn .select2-results__option--highlighted.select2-results__option--selectable { background-color: #ddd; color: #000; } .select2-container--default .blockbtn .select2-results__option--selected { border: solid 1px #990000; background-color: #ffeeee; } .select2-container--default .blockbtn .select2-results__option--selected:before { content: "\f26e"; font-family: bootstrap-icons !important; color: #990000; position: absolute; top: 5px; left: 5px; } .cont_hfix { height:calc( 100vh - 225px ); overflow: auto; } /*tree view*/ .treeview span.icon.glyphicon { display: inline-block; width: 14px; } .treeview .icon::before, .treeview [class^="glyphicon-"]::before, .treeview [class*=" glyphicon-"]::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .treeview .glyphicon-minus::before { content: "\f2e9"; } .treeview .glyphicon-plus::before { content: "\f4fc"; } .treeview .glyphicon-bookmark::before { content: "\f1a2"; } .treeview .list-group-item { padding: .5rem 1.25rem } .treeview .badge { background-color: dodgerblue; float: right; padding: 5px; margin-left: 3px; } #root li.node-tree { padding-left: 16px; } /* JSTree */ #trmenu_top { cursor: pointer; background-color: #fff; border: 1px solid rgba(0,0,0,.125); line-height: 36px; height: 36px; width:100%; display: block; font-weight: bold; } .jstree-container-ul { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .jstree-default .jstree-node { min-height: initial; line-height: initial; margin-left: initial; min-width: initial; } .jstree-default .jstree-wholerow, .jstree-default .jstree-anchor { line-height: 36px; height: 36px; } .jstree-container-ul .jstree-node { display: block; padding: 0; padding-left: 16px !important; text-decoration: none; } .jstree-container-ul .jstree-node .jstree-wholerow { cursor: pointer; background-color: #fff; border: 1px solid rgba(0,0,0,.125); color: var(--bs-list-group-color); } .jstree-default .jstree-wholerow-clicked { backgoround: linear-gradient(to bottom, #fff 0, #fff 0%); } .jstree-container-ul .jstree-node .jstree-wholerow-clicked *{ color:#fff; } .jstree-icon, .jstree-icon:empty { margin-top: 7px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: none; } .jstree-default .jstree-node::before, .jstree-default .jstree-icon::before { display: inline-block; font-family: bootstrap-icons !important; font-size: 1.1em; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jstree-icon.jstree-ocl { /*margin-left: 10px;*/ } .jstree-closed > .jstree-icon.jstree-ocl, .jstree-open > .jstree-icon.jstree-ocl { /*margin-left: 0px;*/ } .jstree-closed > .jstree-icon.jstree-ocl::before { content: "\f4fc"; } .jstree-open > .jstree-icon.jstree-ocl::before { content: "\f2e9"; } .jstree-default .jstree-themeicon::before { content: "\f1a2"; } .jstree-default .jstree-themeicon-fill::before { content: "\f199"; } .jstree-default .jstree-node:has(> a > i.jstree-notuse) { color: #cc6600; } .jstree-default .bi-bookmark-x-fill::before, .jstree-default .jstree-disabled .jstree-themeicon::before { content: "\f1a0"; color: red; } .jstree-default .jstree-node:has(> a.jstree-disabled) > a > i, .jstree-default .jstree-node > a.jstree-disabled { color: #aa0000; opacity: initial; filter: initial; -webkit-filter: initial; } #jstree-marker { border: none; z-index: 55; display: inline-block; font-family: bootstrap-icons !important; font-size: 1.1em; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #jstree-marker::before{ content: "\f1c3"; font-weight: bold; color:darkorange; } #jstree-dnd { border: solid 1px silver; border-radius: 5px; background: #eee; } #jstree-dnd.jstree-default { padding: 10px; min-width: 150px; } #jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er { background-image: none; font-size: 1.6em; } #jstree-dnd.jstree-default .jstree-ok::before{ content: "\f26a"; color: green; margin-top:3px; } #jstree-dnd.jstree-default .jstree-er::before{ content: "\f2e5"; color: darkorange; } /* auth table */ table.auth_table {} table.auth_table td { vertical-align: top; } table.grid_table { table-layout: fixed; border-right:solid 1px silver; } table.grid_table th, table.grid_table td { border:solid 1px silver; border-right:none; padding-left:10px; padding-right:10px; white-space: nowrap; overflow: hidden; } table.grid_table th { text-align: center; } table.grid_table td.sptd { border: solid 1px silver; border-left: none; border-right: none; } table.grid_table .rowspan2 { height: 3.4em; } table.grid_table.chk_table th, table.grid_table.chk_table td { padding-left:0px; padding-right:0px; } table.grid_table.chk_table td label{ padding-left:10px; padding-right:10px; cursor: pointer; } .hand { cursor: pointer; } /**/ .btn3way { display: inline-block; } .btn3way .btn3way_group { display: flex; border: 1px solid silver; border-radius: 5px; } .btn3way label { width: 1.2em; cursor: pointer; text-align: center; position: relative; overflow: hidden; line-height: 100%; /*font-weight: bold;*/ padding-bottom: 4px; } .btn3way label:not(:last-child) { border-right: 1px solid silver; } .btn3way label:has(input.plus:checked){ background:#1FCF23; } .btn3way label:has(input.minus:checked){ background:#E2303B; } .btn3way input { position: absolute; top: -100px; left: -100px; } /**/ /* sticky table */ .sticky_table { background-color: #fff; } .sticky_table th, .sticky_table td, .sticky_table table{ background-color: #fff; } .sticky_table .stk_field_left { position: sticky; left: 0; z-index: 90; } .sticky_table .stk_field_right { position: sticky; right: 0; z-index: 90; } .sticky_table thead { position: sticky; top: 0; z-index: 100; } .sticky_table tfoot { position: sticky; bottom: 0; z-index: 100; } .sticky_table .sticky_table .stk_field_left { z-index: 70; } .sticky_table .sticky_table .stk_field_right { z-index: 70; } .sticky_table .sticky_table thead { top: 27px; z-index: 80; } .sticky_table .sticky_table tfoot { z-index: 80; } .sticky_table .sticky_table th { background-color: lightgrey; } /* awesome notifications */ #awn-popup-wrapper .awn-popup-body { max-width: 100%; } #awn-popup-wrapper .awn-buttons .awn-btn-success { background:grey; } #awn-popup-wrapper .awn-buttons .awn-btn-success:hover { background: dimgrey; } #awn-popup-wrapper .awn-buttons .awn-btn-cancel { background:darkorange; } #awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover { background: orangered; } #awn-popup-wrapper .awn-buttons .awn-btn-success:focus { outline: 0px; } #awn-popup-wrapper .awn-popup-title { width:100%; margin-top: -3px; margin-bottom: 10px; border-bottom: solid 1px silver; padding: 0px 10px 5px 10px; } /* tippy */ .tippy-box[data-theme~='kuls'] { background-color: darkcyan; color: yellow; }