LiDa_Search/yasgui/yasgui.mio.css

2483 lines
47 KiB
CSS

.yasr .yasr_btn {
border: none;
background: inherit
}
.yasr .svgImg {
display: flex;
flex-direction: row
}
.yasr .svgImg svg {
max-width: 100%;
max-height: 100%;
width: 15px;
height: 15px;
align-self: center
}
.yasr .yasr_btn.yasr_external_ref_btn {
font-weight: 600;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.yasr .yasr_btn.yasr_external_ref_btn:active, .yasr .yasr_btn.yasr_external_ref_btn:focus
{
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.yasr .yasr_btn.yasr_external_ref_btn .svgImg svg {
width: 18px;
height: 18px
}
/*
#337ab7 --> #325a7d
#d1d1d1
.yasr a {
color: #428bca;
text-decoration: none
}
.yasr a:active, .yasr a:hover {
outline: 0;
color: #2a6496;
text-decoration: underline
}
*/
.yasr .yasr_btnGroup {
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow-x: auto;
overflow-y: hidden
}
.yasr .yasr_btnGroup .plugin_icon {
height: 15px;
width: 15px;
margin-right: 5px;
text-align: center
}
.yasr .yasr_btnGroup .yasr_btn {
border-bottom: 2px solid transparent;
padding-left: 6px;
padding-right: 6px;
margin-left: 6px;
margin-right: 6px
}
.yasr .yasr_btnGroup .yasr_btn.selected {
border-bottom: 2px solid #325a7d
}
@media ( max-width :768px) {
.yasr .yasr_btn span {
display: none
}
.yasr .yasr_btn .plugin_icon {
margin-right: 0
}
}
.yasr .yasr_header {
display: flex;
flex-wrap: wrap
}
.yasr .yasr_fallback_info:not(:empty) {
margin-top: 5px;
border: 1px solid #d1d1d1;
padding: .5rem;
background: #f7f7f7
}
.yasr .yasr_fallback_info:not(:empty) p {
margin: 0
}
.yasr .yasr_help_variable {
background: #dff0ff;
color: #428bca
}
.yasr .yasr_response_chip {
color: #505050;
background: #f5f5f5;
border-radius: 6px;
display: flex;
font-size: 11pt;
max-height: 16pt;
align-self: center;
align-items: center;
justify-content: center;
white-space: nowrap;
padding: 6px;
margin-left: 5px;
overflow: visible;
box-sizing: border-box
}
.yasr .yasr_response_chip.empty {
display: none
}
.yasr .yasr_plugin_control {
display: flex;
margin-left: auto;
align-items: center
}
.yasr .yasr_plugin_control:empty {
display: none
}
.yasr .yasr_btn {
color: #505050;
fill: #505050;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
white-space: nowrap;
padding: 6px 12px;
overflow: visible;
box-sizing: border-box
}
.yasr .yasr_btn.btn_icon {
padding: 4px 8px
}
.yasr .yasr_btn.disabled, .yasr .yasr_btn[disabled] {
cursor: default;
opacity: .5;
box-shadow: none
}
.yasr .yasr_btn:not(.disabled):hover {
fill: #000;
color: #000
}
.yasr .yasr_btn.selected, .yasr .yasr_btn:focus {
color: #325a7d;
fill: #325a7d
}
.yasr .space_element {
flex-grow: 1;
min-width: 10px
}
.yasr .tableControls {
display: flex;
align-items: center;
padding: 0 5px 0 0;
flex-wrap: wrap
}
.yasr .tableControls .tableFilter {
margin-right: 10px;
height: 100%
}
.yasr .tableControls .tableSizer {
height: 100%
}
.yasr .tableControls .switch {
display: flex;
align-items: center;
margin-right: 10px
}
.yasr .dataTable.ellipseTable {
white-space: nowrap
}
.yasr .dataTable.ellipseTable div:not(.expanded) {
overflow: hidden;
text-overflow: ellipsis
}
.yasr .dataTable:not(.ellipseTable) div:not(.expanded), .yasr .expanded
{
word-break: break-all
}
.yasr .expanded {
white-space: normal
}
.yasr .expandable:not(.expanded) {
cursor: pointer
}
.yasr .expandable:not(.expanded) a {
pointer-events: none
}
.yasr .dataTables_wrapper {
font-size: .9em;
min-width: 100%
}
.yasr .dataTables_wrapper .grip-container {
max-width: 100%
}
.yasr .dataTables_wrapper .grip-padding>tbody>tr>td, .yasr .dataTables_wrapper .grip-padding>tbody>tr>th
{
padding-left: 7px !important;
padding-right: 5px !important
}
.yasr .dataTables_wrapper .dataTable {
min-width: 100%;
box-sizing: border-box
}
.yasr .dataTables_wrapper .dataTable.no-footer {
border-bottom: none
}
.yasr .dataTables_wrapper .dataTable thead .sorting {
background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC")
}
.yasr .dataTables_wrapper .dataTable thead .sorting_asc {
background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==")
}
.yasr .dataTables_wrapper .dataTable thead .sorting_desc {
background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=")
}
.yasr .dataTables_wrapper .dataTable thead .sorting_asc_disabled {
background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAW0lEQVQoz2NgoCm4w3Vnwh02wspK7/y6k01Ikdadx3f+37l9RxmfIsY7c4GKQHDiHUbcyhzvvIMq+3THBpci3jv7oIpAcMcdduzKEu/8vPMdDn/eiWQYBYMKAAC3ykIEuYQJUgAAAABJRU5ErkJggg==")
}
.yasr .dataTables_wrapper .dataTable thead .sorting_desc_disabled {
background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAWUlEQVQoz2NgGAWDCtyJvPPzznc4/HknEbsy9js77vyHw313eHGZZ3PnE1TRuzuOuK1lvDMRqmzuHUZ87lO+cxuo6PEdLUIeyb7z604pYf+y3Zlwh4u2YQoAc7ZCBHH4jigAAAAASUVORK5CYII=")
}
.yasr .dataTables_wrapper .dataTable tbody tr:hover {
background-color: #f9f9f9
}
.yasr .dataTables_wrapper .dataTable thead tr th {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 700;
text-align: start;
overflow: hidden;
text-overflow: ellipsis;
border: none;
padding: 5px 5px 5px 7px;
min-width: 28px
}
.yasr .dataTables_wrapper .dataTable thead tr th.sorting {
min-width: 10px;
padding-right: 18px
}
.yasr .dataTables_wrapper .dataTable thead tr th:hover {
background-color: #f9f9f9
}
.yasr .dataTables_wrapper .dataTable td {
padding: 5px
}
.yasr .dataTables_wrapper .dataTable td>div {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.yasr .dataTables_wrapper .dataTable td>div.rowNumber {
word-break: keep-all;
overflow: visible
}
.yasr .dataTables_wrapper .dataTable td .tableEllipse {
cursor: pointer;
font-weight: 700;
padding: 0 2px;
background-color: rgba(66, 139, 202, .2);
border-radius: 2px;
margin: 0 3px
}
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button
{
border: none;
background: transparent
}
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button .disabled
{
color: #505050
}
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button.current
{
border: none;
background: transparent;
text-decoration: underline !important
}
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover
{
border: none;
background: transparent
}
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover:not(.disabled)
{
color: #000 !important
}
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button:active
{
box-shadow: none
}
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: separate;
border-spacing: 0
}
table.dataTable tfoot th, table.dataTable thead th {
font-weight: 700
}
table.dataTable thead td, table.dataTable thead th {
padding: 10px 18px;
border-bottom: 1px solid #111
}
table.dataTable thead td:active, table.dataTable thead th:active {
outline: none
}
table.dataTable tfoot td, table.dataTable tfoot th {
padding: 10px 18px 6px;
border-top: 1px solid #111
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
*cursor: hand;
background-repeat: no-repeat;
background-position: 100%
}
table.dataTable tbody tr {
background-color: #fff
}
table.dataTable tbody tr.selected {
background-color: #b0bed9
}
table.dataTable tbody td, table.dataTable tbody th {
padding: 8px 10px
}
table.dataTable.display tbody td, table.dataTable.display tbody th,
table.dataTable.row-border tbody td, table.dataTable.row-border tbody th
{
border-top: 1px solid #ddd
}
table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th
{
border-top: none
}
table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th
{
border-top: 1px solid #ddd;
border-right: 1px solid #ddd
}
table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child
{
border-left: 1px solid #ddd
}
table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th
{
border-top: none
}
table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd
{
background-color: #f9f9f9
}
table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected
{
background-color: #acbad4
}
table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover
{
background-color: #f6f6f6
}
table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected
{
background-color: #aab7d1
}
table.dataTable.display tbody tr>.sorting_1, table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3, table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2, table.dataTable.order-column tbody tr>.sorting_3
{
background-color: #fafafa
}
table.dataTable.display tbody tr.selected>.sorting_1, table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3, table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2, table.dataTable.order-column tbody tr.selected>.sorting_3
{
background-color: #acbad5
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1
{
background-color: #f1f1f1
}
table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2
{
background-color: #f3f3f3
}
table.dataTable.display tbody tr.odd>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd>.sorting_3
{
background-color: #f5f5f5
}
table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1
{
background-color: #a6b4cd
}
table.dataTable.display tbody tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2
{
background-color: #a8b5cf
}
table.dataTable.display tbody tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3
{
background-color: #a9b7d1
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1
{
background-color: #fafafa
}
table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2
{
background-color: #fcfcfc
}
table.dataTable.display tbody tr.even>.sorting_3, table.dataTable.order-column.stripe tbody tr.even>.sorting_3
{
background-color: #fefefe
}
table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1
{
background-color: #acbad5
}
table.dataTable.display tbody tr.even.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2
{
background-color: #aebcd6
}
table.dataTable.display tbody tr.even.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3
{
background-color: #afbdd8
}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1
{
background-color: #eaeaea
}
table.dataTable.display tbody tr:hover>.sorting_2, table.dataTable.order-column.hover tbody tr:hover>.sorting_2
{
background-color: #ececec
}
table.dataTable.display tbody tr:hover>.sorting_3, table.dataTable.order-column.hover tbody tr:hover>.sorting_3
{
background-color: #efefef
}
table.dataTable.display tbody tr:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1
{
background-color: #a2aec7
}
table.dataTable.display tbody tr:hover.selected>.sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2
{
background-color: #a3b0c9
}
table.dataTable.display tbody tr:hover.selected>.sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3
{
background-color: #a5b2cb
}
table.dataTable.no-footer {
border-bottom: 1px solid #111
}
table.dataTable.nowrap td, table.dataTable.nowrap th {
white-space: nowrap
}
table.dataTable.compact thead td, table.dataTable.compact thead th {
padding: 4px 17px
}
table.dataTable.compact tbody td, table.dataTable.compact tbody th,
table.dataTable.compact tfoot td, table.dataTable.compact tfoot th {
padding: 4px
}
table.dataTable td.dt-left, table.dataTable th.dt-left {
text-align: left
}
table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center
{
text-align: center
}
table.dataTable td.dt-right, table.dataTable th.dt-right {
text-align: right
}
table.dataTable td.dt-justify, table.dataTable th.dt-justify {
text-align: justify
}
table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
white-space: nowrap
}
table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left,
table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left
{
text-align: left
}
table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center,
table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center
{
text-align: center
}
table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right,
table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right
{
text-align: right
}
table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify,
table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify
{
text-align: justify
}
table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap
{
white-space: nowrap
}
table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left
{
text-align: left
}
table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center
{
text-align: center
}
table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right
{
text-align: right
}
table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify
{
text-align: justify
}
table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap
{
white-space: nowrap
}
table.dataTable, table.dataTable td, table.dataTable th {
box-sizing: content-box
}
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1
}
.dataTables_wrapper .dataTables_length {
float: left
}
.dataTables_wrapper .dataTables_length select {
border: 1px solid #aaa;
border-radius: 3px;
background-color: transparent;
padding: 4px
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right
}
.dataTables_wrapper .dataTables_filter input {
border: 1px solid #aaa;
border-radius: 3px;
padding: 5px;
background-color: transparent;
margin-left: 3px
}
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: .755em
}
.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: .25em
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: .5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
color: #333 !important;
border: 1px solid #979797;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
color-stop(100%, #dcdcdc));
background: -webkit-linear-gradient(top, #fff, #dcdcdc);
background: -moz-linear-gradient(top, #fff 0, #dcdcdc 100%);
background: -ms-linear-gradient(top, #fff 0, #dcdcdc 100%);
background: -o-linear-gradient(top, #fff 0, #dcdcdc 100%);
background: linear-gradient(180deg, #fff 0, #dcdcdc)
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover
{
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: #fff !important;
border: 1px solid #111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858),
color-stop(100%, #111));
background: -webkit-linear-gradient(top, #585858, #111);
background: -moz-linear-gradient(top, #585858 0, #111 100%);
background: -ms-linear-gradient(top, #585858 0, #111 100%);
background: -o-linear-gradient(top, #585858 0, #111 100%);
background: linear-gradient(180deg, #585858 0, #111)
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b),
color-stop(100%, #0c0c0c));
background: -webkit-linear-gradient(top, #2b2b2b, #0c0c0c);
background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
background: linear-gradient(180deg, #2b2b2b 0, #0c0c0c);
box-shadow: inset 0 0 3px #111
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 1em
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: #fff;
background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%,
100%, 0)), color-stop(25%, hsla(0, 0%, 100%, .9)),
color-stop(75%, hsla(0, 0%, 100%, .9)),
color-stop(100%, hsla(0, 0%, 100%, 0)));
background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%,
hsla(0, 0%, 100%, 0));
background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 0,
hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%,
hsla(0, 0%, 100%, 0) 100%);
background: -ms-linear-gradient(left, hsla(0, 0%, 100%, 0) 0,
hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%,
hsla(0, 0%, 100%, 0) 100%);
background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0,
hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%,
hsla(0, 0%, 100%, 0) 100%);
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0,
hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%,
hsla(0, 0%, 100%, 0))
}
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
color: #333
}
.dataTables_wrapper .dataTables_scroll {
clear: both
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th
{
vertical-align: middle
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing
{
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111
}
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table,
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable
{
border-bottom: none
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0
}
@media screen and (max-width:767px) {
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate
{
float: none;
text-align: center
}
.dataTables_wrapper .dataTables_paginate {
margin-top: .5em
}
}
@media screen and (max-width:640px) {
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length
{
float: none;
text-align: center
}
.dataTables_wrapper .dataTables_filter {
margin-top: .5em
}
}
.yasr .booleanResult {
display: flex;
align-items: center;
justify-content: center
}
.yasr .booleanResult svg {
margin-bottom: -10px;
margin-right: 7px
}
.yasr .yasr_results {
position: relative
}
.yasr .yasr_results .CodeMirror {
border: 1px solid #d1d1d1;
margin-top: 5px;
height: 100%
}
.yasr .yasr_results .CodeMirror.overflow:before {
background: linear-gradient(transparent, hsla(0, 0%, 100%, .666667) 75%,
#fff);
content: "";
width: 100%;
height: 100%;
z-index: 1200;
position: absolute;
pointer-events: none
}
.yasr .yasr_results .overlay {
width: 100%;
position: absolute;
bottom: 0;
z-index: 1201;
display: flex;
pointer-events: none
}
.yasr .yasr_results .overlay:after, .yasr .yasr_results .overlay:before
{
content: "";
flex-grow: 1
}
.yasr .yasr_results .overlay_content {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
background: #fff;
pointer-events: all;
background: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent)
}
.yasr .yasr_results .yasr_btn.overlay_btn {
border: 1px solid #325a7d;
background: #fff;
color: #325a7d;
padding: 10px;
margin: 10px
}
.yasr .yasr_results .yasr_btn.overlay_btn svg {
margin-left: .5rem;
fill: #325a7d;
color: #325a7d
}
.yasr .yasr_results .yasr_btn.overlay_btn:hover {
color: #255681;
border-color: #325a7d;
fill: #255681
}
.yasr .yasr_results .yasr_btn.overlay_btn:hover svg {
color: #255681;
fill: #255681
}
.CodeMirror {
font-family: monospace;
height: 300px;
color: #000;
direction: ltr
}
.CodeMirror-lines {
padding: 4px 0
}
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
padding: 0 4px
}
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
background-color: #fff
}
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap
}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap
}
.CodeMirror-guttermarker {
color: #000
}
.CodeMirror-guttermarker-subtle {
color: #999
}
.CodeMirror-cursor {
border-left: 1px solid #000;
border-right: none;
width: 0
}
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1
}
.cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, .5)
}
.cm-animate-fat-cursor, .cm-fat-cursor-mark {
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
background-color: #7e7
}
@
-moz-keyframes blink { 50%{
background-color: transparent
}
}
@
-webkit-keyframes blink { 50%{
background-color: transparent
}
}
@
keyframes blink { 50%{
background-color: transparent
}
}
.cm-tab {
display: inline-block;
text-decoration: inherit
}
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden
}
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute
}
.cm-s-default .cm-header {
color: #00f
}
.cm-s-default .cm-quote {
color: #090
}
.cm-negative {
color: #d44
}
.cm-positive {
color: #292
}
.cm-header, .cm-strong {
font-weight: 700
}
.cm-em {
font-style: italic
}
.cm-link {
text-decoration: underline
}
.cm-strikethrough {
text-decoration: line-through
}
.cm-s-default .cm-keyword {
color: #708
}
.cm-s-default .cm-atom {
color: #219
}
.cm-s-default .cm-number {
color: #164
}
.cm-s-default .cm-def {
color: #00f
}
.cm-s-default .cm-variable-2 {
color: #05a
}
.cm-s-default .cm-type, .cm-s-default .cm-variable-3 {
color: #085
}
.cm-s-default .cm-comment {
color: #a50
}
.cm-s-default .cm-string {
color: #a11
}
.cm-s-default .cm-string-2 {
color: #f50
}
.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
color: #555
}
.cm-s-default .cm-builtin {
color: #30a
}
.cm-s-default .cm-bracket {
color: #997
}
.cm-s-default .cm-tag {
color: #170
}
.cm-s-default .cm-attribute {
color: #00c
}
.cm-s-default .cm-hr {
color: #999
}
.cm-s-default .cm-link {
color: #00c
}
.cm-invalidchar, .cm-s-default .cm-error {
color: red
}
.CodeMirror-composing {
border-bottom: 2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, .3)
}
.CodeMirror-activeline-background {
background: #e8f2ff
}
.CodeMirror {
position: relative;
overflow: hidden;
background: #fff
}
.CodeMirror-scroll {
overflow: scroll !important;
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none;
position: relative
}
.CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent
}
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
position: absolute;
z-index: 6;
display: none
}
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll
}
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0
}
.CodeMirror-gutter-filler {
left: 0;
bottom: 0
}
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -50px
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important
}
.CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4
}
.CodeMirror-gutter-wrapper ::selection {
background-color: transparent
}
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent
}
.CodeMirror-lines {
cursor: text;
min-height: 1px
}
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual
}
.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like
{
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal
}
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: .1px
}
.CodeMirror-rtl pre {
direction: rtl
}
.CodeMirror-code {
outline: none
}
.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber,
.CodeMirror-scroll, .CodeMirror-sizer {
-moz-box-sizing: content-box;
box-sizing: content-box
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden
}
.CodeMirror-cursor {
position: absolute;
pointer-events: none
}
.CodeMirror-measure pre {
position: static
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3
}
.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
visibility: visible
}
.CodeMirror-selected {
background: #d9d9d9
}
.CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0
}
.CodeMirror-crosshair {
cursor: crosshair
}
.CodeMirror-line::selection, .CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
background: #d7d4f0
}
.CodeMirror-line::-moz-selection, .CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
background: #d7d4f0
}
.cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, .4)
}
.cm-force-border {
padding-right: .1px
}
@media print {
.CodeMirror div.CodeMirror-cursors {
visibility: hidden
}
}
.cm-tab-wrap-hack:after {
content: ""
}
span.CodeMirror-selectedtext {
background: none
}
.yasr .errorResult {
padding: 10px
}
.yasr .errorResult .errorHeader {
overflow: hidden
}
.yasr .errorResult .errorHeader .yasr_tryQuery {
float: right;
text-decoration: none;
padding-top: 3px;
padding-bottom: 3px
}
.yasr .errorResult .errorHeader span.status {
display: inline-block;
padding: .35em .5rem;
font-size: 75%;
font-weight: 600;
line-height: 1.35;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
color: #fff;
background-color: #dc3545
}
.yasr .errorResult .errorMessageContainer {
display: flex
}
.yasr .errorResult .errorMessageContainer .errorMessage {
flex-grow: 1;
width: 0;
min-width: 100px;
overflow: auto;
display: block;
padding: 10px;
margin: 10px 0;
font-size: 13px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
.yasr .errorResult .redOutline {
color: #a94442;
background-color: #f2dede;
margin-top: 10px;
padding: 5px 1em;
border: 1px solid #ebccd1;
border-radius: 4px
}
.yasqe .CodeMirror {
min-height: 60px
}
.yasqe .svgImg {
display: inline-block
}
.yasqe span.shortlinkErr {
font-size: small;
color: red;
font-weight: 700;
float: left
}
.yasqe .CodeMirror-hint {
max-width: 30em
}
.yasqe .notificationContainer {
width: 100%;
display: flex;
justify-content: center;
position: absolute;
bottom: 0
}
.yasqe .notification {
z-index: 4;
padding: 0 5px;
max-height: 0;
color: #999;
background-color: #eee;
font-size: 90%;
text-align: center;
transition: max-height .2s ease-in;
border-top-right-radius: 2px;
border-top-left-radius: 2px
}
.yasqe .notification.active {
max-height: 3rem
}
.yasqe .parseErrorIcon {
width: 13px;
height: 13px;
margin-top: 2px;
margin-left: 2px
}
.yasqe .parseErrorIcon svg g {
fill: red
}
.yasqe .yasqe_tooltip {
background: #333;
background: rgba(0, 0, 0, .8);
border-radius: 5px;
color: #fff;
padding: 5px 15px;
width: 220px;
white-space: pre-wrap;
white-space: normal;
margin-top: 5px
}
.yasqe .notificationLoader {
width: 18px;
height: 18px;
vertical-align: middle
}
.yasqe .resizeWrapper {
width: 100%;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: row-resize
}
.yasqe .resizeChip {
width: 80%;
visibility: hidden;
border-bottom-width: 8px !important;
border-bottom-style: double !important;
border-bottom-color: #cbcbc0 !important;
/* background-color: #d1d1d1;
height: 4px;
border-radius: 2px */
}
.yasqe:hover .resizeChip {
visibility: visible
}
.yasqe .yasqe_btn {
color: #333;
background-color: #fff;
border: 1px solid #ccc;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 6px 12px;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
box-sizing: border-box
}
.yasqe .yasqe_btn.btn_icon {
padding: 4px 8px
}
.yasqe .yasqe_btn.disabled, .yasqe .yasqe_btn[disabled] {
cursor: default;
opacity: .5;
filter: alpha(opacity = 50);
box-shadow: none
}
.yasqe .yasqe_btn:hover {
outline: 0;
background-color: #ebebeb;
border-color: #adadad
}
.yasqe .yasqe_btn.selected, .yasqe .yasqe_btn:focus {
color: #fff;
outline: 0;
background-color: #325a7d;
border-color: #325a7d
}
.yasqe .yasqe_btn.btn_icon:focus {
color: #333;
background-color: #fff;
border: 1px solid #ccc
}
.yasqe .yasqe_btn.yasqe_btn-sm {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.yasqe .yasqe_buttons {
position: absolute;
top: 10px;
right: 20px;
z-index: 5
}
.yasqe .yasqe_buttons svg {
fill: #505050
}
.yasqe .yasqe_buttons .yasqe_share {
cursor: pointer;
margin-top: 3px;
display: inline-block;
border: none;
background: none
}
.yasqe .yasqe_buttons .yasqe_share svg {
height: 25px;
width: 25px
}
.yasqe .yasqe_buttons button {
vertical-align: top;
margin-left: 5px
}
.yasqe .yasqe_buttons .yasqe_sharePopup {
position: absolute;
padding: 4px;
margin-left: 0;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
width: 600px;
height: auto;
display: flex
}
.yasqe .yasqe_buttons .yasqe_sharePopup .inputWrapper {
flex-grow: 100
}
.yasqe .yasqe_buttons .yasqe_sharePopup input {
float: left;
width: 100%;
border: 0;
-ms-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box
}
.yasqe .yasqe_buttons .yasqe_sharePopup button {
float: right;
margin-left: 5px
}
.yasqe .yasqe_buttons .yasqe_sharePopup textarea {
width: 100%
}
.yasqe .yasqe_buttons .yasqe_queryButton {
display: inline-block;
position: relative;
border: none;
background: none;
padding: 0;
cursor: pointer;
width: 40px;
height: 40px
}
.yasqe .yasqe_buttons .yasqe_queryButton .queryIcon {
display: block
}
.yasqe .yasqe_buttons .yasqe_queryButton .queryIcon svg {
width: 40px;
height: 40px
}
.yasqe .yasqe_buttons .yasqe_queryButton .svgImg {
position: absolute;
height: inherit;
top: 0
}
.yasqe .yasqe_buttons .yasqe_queryButton.busy svg #loadingIcon {
stroke-dasharray: 100;
-webkit-animation: dash 1.5s linear infinite;
animation: dash 1.5s linear infinite;
stroke-width: 8px;
stroke: #fff
}
@
-webkit-keyframes dash {
to {stroke-dashoffset: 200
}
}
@
keyframes dash {
to {stroke-dashoffset: 200
}
}
@
-webkit-keyframes rotate {
to {transform: rotate(1turn)
}
}
@
keyframes rotate {
to {transform: rotate(1turn)
}
}
.yasqe .yasqe_buttons .yasqe_queryButton .warningIcon {
display: none
}
.yasqe .yasqe_buttons .yasqe_queryButton.query_error .warningIcon {
display: block;
top: 5px;
right: 0
}
.yasqe .yasqe_buttons .yasqe_queryButton.query_error .warningIcon svg {
width: 15px;
height: 15px
}
.yasqe .yasqe_buttons .yasqe_queryButton.query_error .warningIcon svg g
{
fill: red
}
.yasqe .yasqe_buttons .yasqe_queryButton.query_disabled {
cursor: not-allowed
}
.yasqe .yasqe_buttons .yasqe_queryButton.query_disabled .queryIcon {
opacity: .5;
filter: alpha(opacity = 50)
}
@
-webkit-keyframes spin {
to {transform: rotate(1turn)
}
}
.CodeMirror-hints {
position: absolute;
z-index: 10;
overflow: hidden;
list-style: none;
margin: 0;
padding: 2px;
box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
border-radius: 3px;
border: 1px solid silver;
background: #fff;
font-size: 90%;
font-family: monospace;
max-height: 20em;
overflow-y: auto
}
.CodeMirror-hint {
margin: 0;
padding: 0 4px;
border-radius: 2px;
white-space: pre;
color: #000;
cursor: pointer
}
li.CodeMirror-hint-active {
background: #08f;
color: #fff
}
.CodeMirror-foldmarker {
color: #00f;
text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px,
#b9f -1px 1px 2px;
font-family: arial;
line-height: .3;
cursor: pointer
}
.CodeMirror-foldgutter {
width: .7em
}
.CodeMirror-foldgutter-folded, .CodeMirror-foldgutter-open {
cursor: pointer
}
.CodeMirror-foldgutter-open:after {
content: "\25BE"
}
.CodeMirror-foldgutter-folded:after {
content: "\25B8"
}
.yasqe .CodeMirror {
line-height: 1.5em;
font-size: 14px;
border: 1px solid #d1d1d1
}
.yasqe span.cm-error {
border-bottom: 2px dotted red
}
.yasqe .gutterErrorBar {
width: 4px
}
.yasqe .CodeMirror-foldmarker {
color: #6e2500;
text-shadow: #ff935e 1px 1px 2px, #ff935e -1px -1px 2px, #ff935e 1px
-1px 2px, #ff935e -1px 1px 2px;
font-size: 19px
}
.yasqe .cm-matchhighlight {
background-color: #dbdeed
}
.CodeMirror-hints.default {
max-width: 1000px
}
.CodeMirror-hints.default li {
text-overflow: ellipsis;
overflow: hidden
}
@media only screen and (max-width:1000px) {
.CodeMirror-hints.default {
max-width: 800px
}
}
.yasgui .tabMenu {
background: #f5f5f5;
z-index: 7;
transition: all .5s;
transform: translate3d(-100%, 0, 0) rotateY(90deg);
transform-origin: 100% 50%;
visibility: hidden;
width: 600px;
border: 1px solid #ccc;
position: absolute;
top: 35px;
left: 0;
perspective: 1500px;
perspective-origin: 0 50%;
transform-style: preserve-3d
}
.yasgui .tabMenu.open {
visibility: visible;
transform: translate3d(-100%, 0, 0) rotateY(0deg);
transition: all .5s;
left: 600px
}
@media ( -ms-high-contrast :active) , ( -ms-high-contrast :none) {
.yasgui .tabMenu.open {
min-width: 600px
}
}
@media ( -ms-high-contrast :active) , ( -ms-high-contrast :none) {
.yasgui .tabMenu {
height: 0
}
}
.yasgui .tabMenu .requestConfigWrapper {
padding: 10px;
overflow: hidden;
display: flex;
flex-wrap: nowrap;
background: #f5f5f5
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton {
background-color: transparent;
border: none;
border-bottom: 1px solid #d1d1d1;
height: 30px;
color: #505050;
cursor: pointer
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton:hover {
color: #000;
border-color: #000
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton.selected {
color: #325a7d;
border-bottom: 2px solid #325a7d
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton:focus {
outline: none
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton:focus-visible {
color: #000;
border-color: #000
}
.yasgui .tabMenu .acceptWrapper {
flex-direction: row
}
.yasgui .tabMenu .acceptWrapper .acceptLabel {
justify-self: center
}
.yasgui .tabMenu .acceptWrapper .selector {
flex-direction: column;
display: flex;
padding: 2.5px 5px;
flex-grow: 1;
width: 100%
}
.yasgui .tabMenu .acceptWrapper .selector .selectorLabel {
align-self: center;
font-weight: 700;
font-size: small
}
.yasgui .tabMenu .textSetting {
display: flex;
flex-direction: column
}
.yasgui .tabMenu .textSetting .label {
align-self: flex-start
}
.yasgui .tabMenu .textSetting .graphInput {
white-space: nowrap
}
.yasgui .tabMenu .textSetting .textRow {
flex-direction: row;
flex-wrap: nowrap;
white-space: nowrap
}
.yasgui .tabMenu .textSetting .removeButton {
border: none;
background: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.yasgui .tabMenu .textSetting .removeButton:hover {
background: transparent;
border-color: #000;
color: #000;
cursor: pointer
}
.yasgui .tabMenu .label {
-webkit-text-decoration: #000;
text-decoration: #000;
font-weight: 700;
white-space: nowrap;
padding-right: 5px;
align-self: center
}
.yasgui .autocomplete {
padding: 3px 6px;
margin: 4px 0;
border: 2px solid #ccc;
width: 100%;
box-sizing: border-box;
transition: border-color .2s ease-in
}
.yasgui .autocomplete:hover {
border-color: #bbb
}
.yasgui .autocomplete:focus {
border-color: #325a7d;
background: none;
outline: none
}
.yasgui .autocompleteWrapper {
width: 100%;
max-width: 700px;
margin-left: 10px;
position: relative
}
.yasgui .autocompleteList {
position: absolute;
max-height: 300px;
overflow-y: auto;
z-index: 6;
margin: -4px 0 0;
padding: 0;
list-style: none;
background: #fff;
border: 1px solid #aaa;
box-sizing: border-box;
left: 0;
right: 0
}
.yasgui .autocompleteList:hover .autoComplete_result.autoComplete_selected:not(:hover)
{
background: unset
}
.yasgui .autocompleteList:hover .autoComplete_result.autoComplete_selected:not(:hover) .removeItem
{
visibility: hidden
}
.yasgui .autocompleteList .autoComplete_result {
cursor: pointer;
padding: 5px 10px;
margin: 0;
overflow: hidden;
display: flex;
transition: background visibility .2s ease-in
}
.yasgui .autocompleteList .autoComplete_result b {
color: #1f49a3
}
.yasgui .autocompleteList .autoComplete_result .autoComplete_highlighted
{
font-weight: 700
}
.yasgui .autocompleteList .autoComplete_result.autoComplete_selected {
background: #ccc
}
.yasgui .autocompleteList .autoComplete_result.autoComplete_selected .removeItem
{
visibility: visible
}
.yasgui .autocompleteList .autoComplete_result:hover {
background: #ccc
}
.yasgui .autocompleteList .autoComplete_result:hover .removeItem {
visibility: visible
}
.yasgui .autocompleteList .noResults {
padding: 5px 10px;
margin: 0
}
.yasgui .autocompleteList .removeItem {
color: #000;
font-size: 15px;
text-shadow: 0 1px 0 #fff;
opacity: .5;
font-weight: 700;
text-align: end;
margin-left: auto;
visibility: hidden;
background: none;
border: none;
cursor: pointer;
margin-right: -10px;
padding-right: 20px
}
.yasgui .autocompleteList .removeItem:hover {
opacity: .8;
color: #1f49a3
}
.yasgui .autocompleteList:empty {
display: none
}
.yasgui .tabPanel {
display: none;
position: relative
}
.yasgui .tabPanel.active {
display: block
}
.yasgui .yasr {
margin-top: 5px
}
.yasgui .tabContextButton {
border: none;
background: none;
align-self: center;
padding-left: 10px;
cursor: pointer;
color: #505050;
fill: #505050
}
.yasgui .tabContextButton .svgImg {
width: 15px;
height: 15px;
font-family: initial
}
.yasgui .tabContextButton svg {
max-width: 15px;
max-height: 15px
}
.yasgui .tabContextButton:hover {
color: #000;
fill: #000
}
.yasgui .controlbar {
display: flex;
align-content: center;
max-height: 35px
}
.yasgui.context-menu {
position: absolute;
z-index: 10;
background: #fff;
min-width: 160px;
font-size: 14px;
border: 1px solid rgba(0, 0, 0, .15);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box
}
.yasgui.context-menu hr {
margin: 8px auto;
border: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #fff
}
.yasgui.context-menu .context-menu-list {
padding: 0
}
.yasgui.context-menu .context-menu-item {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857;
color: #333;
white-space: nowrap;
cursor: pointer
}
.yasgui.context-menu .context-menu-item:hover {
text-decoration: none;
color: #000;
background-color: #f5f5f5
}
.yasgui.context-menu .context-menu-item.disabled {
text-decoration: none;
color: grey;
background-color: #e5e5e5;
cursor: not-allowed
}
.yasgui .tabsList {
display: flex;
flex-wrap: wrap
}
.yasgui .tabsList .sortable-placeholder {
min-width: 100px;
min-height: 35px;
border: 2px dotted #888
}
.yasgui .tabsList a {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 35px;
border-bottom: 2px solid transparent;
box-sizing: border-box
}
.yasgui .tabsList .addTab {
cursor: pointer;
height: 100%;
font-size: 120%;
font-weight: 800;
margin-left: 15px;
padding: 0 5px 2px;
background: inherit;
border: none;
color: #325a7d
}
.yasgui .tabsList .addTab:focus-visible, .yasgui .tabsList .addTab:hover
{
transform: scale(1.1)
}
.yasgui .tabsList .addTab:focus {
color: #faa857
}
.yasgui .tabsList .tab {
position: relative
}
.yasgui .tabsList .tab .loader {
display: none;
background-color: #d5d5d5;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
right: 100%;
-webkit-animation-name: slide;
animation-name: slide;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@
-webkit-keyframes slide { 0%{
left: 0;
right: 100%
}
70
%
{
left
:
0;
right
:
0
}
to {
left: 100%;
right: 0
}
}
@
keyframes slide { 0%{
left: 0;
right: 100%
}
70
%
{
left
:
0;
right
:
0
}
to {
left: 100%;
right: 0
}
}
.yasgui .tabsList .tab.active .loader {
background-color: #9fc4e4
}
.yasgui .tabsList .tab:hover .loader {
background-color: #325a7d
}
.yasgui .tabsList .tab.querying .loader {
display: block
}
.yasgui .tabsList .tab.active a {
border-bottom-color: #325a7d;
color: #555
}
.yasgui .tabsList .tab input {
display: none;
outline: none;
border: none
}
.yasgui .tabsList .tab.renaming .closeTab, .yasgui .tabsList .tab.renaming span
{
display: none
}
.yasgui .tabsList .tab.renaming input {
display: block
}
.yasgui .tabsList .tab a {
font-weight: 600;
color: #888;
font-size: 15px;
line-height: 1.5rem;
font-weight: 500;
min-width: 120px;
padding: 0 24px 0 30px;
white-space: nowrap;
overflow: hidden
}
.yasgui .tabsList .tab a:hover {
border-bottom-color: #9fc4e4;
color: #555
}
.yasgui .tabsList .tab a:focus {
border-bottom-color: #faa857;
color: #555
}
.yasgui .tabsList .tab a .closeTab {
color: #000;
margin-left: 7px;
font-size: 15px;
text-shadow: 0 1px 0 #fff;
opacity: .2;
font-weight: 700;
padding: 2px
}
.yasgui .tabsList .tab a .closeTab:hover {
opacity: .5
}
/*
.yasgui a {
color: #325a7d;
text-decoration: none
}
*/
.yasgui .yasgui_textfield {
display: block;
padding-top: 18.75px;
position: relative
}
.yasgui .yasgui_textfield>label {
position: absolute;
top: 0;
display: block;
width: 100%;
color: rgba(0, 0, 0, .54);
font-size: 12px;
font-weight: 400;
line-height: 15px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.yasgui .yasgui_textfield>input, .yasgui .yasgui_textfield>textarea {
box-sizing: border-box;
display: block;
color: rgba(0, 0, 0, .87);
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .26);
outline: none;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
font-size: 15px;
font-family: inherit;
line-height: inherit;
background-image: none
}
.yasgui .yasgui_textfield>input:focus, .yasgui .yasgui_textfield>textarea:focus
{
border-color: #325a7d;
border-width: 2px
}
.yasgui .yasgui_textfield>input:focus ~label, .yasgui .yasgui_textfield>textarea:focus
~label {
color: #325a7d
}
.modal-dialog.google-visualization-charteditor-dialog {
z-index: 11;
width: auto;
margin: inherit
}
.modal-dialog.google-visualization-charteditor-dialog .charts-flat-menu-button
{
box-sizing: content-box
}