@import "./font-awesome.css";
#GDIndicator,
#GDPrompt,
#GDPanel-wrapper,
#GDPanel {
    background-color: transparent !important;
    background-position: initial !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
    background-image: initial !important;
    background-size: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    border: initial !important;
    border-radius: initial !important;
    border-spacing: initial !important;
    border-collapse: initial !important;
    direction: ltr !important;
    flex-direction: initial !important;
    font-weight: initial !important;
    height: 1px;
    letter-spacing: initial !important;
    min-width: initial !important;
    max-width: initial !important;
    min-height: initial !important;
    max-height: initial !important;
    margin: auto !important;
    outline: initial !important;
    padding: initial !important;
    position: fixed;
    table-layout: initial !important;
    text-align: initial !important;
    text-shadow: initial !important;
    width: 1px;
    word-break: initial !important;
    word-spacing: initial !important;
    overflow-wrap: initial !important;
    box-sizing: initial !important;
    display: initial !important;
    color: inherit !important;
    font-family: X-LocaleSpecific, sans-serif, Tahoma !important;
    vertical-align: top !important;
    white-space: inherit !important;
    border-collapse: initial !important;
    empty-cells: initial !important;
    box-sizing: initial !important;
    font-weight: initial !important;
    vertical-align: initial !important;
    overflow: initial !important;
    z-index: 2147470000;
    transform: scale(1);
}

#GDIndicator *,
#GDPrompt *,
#GDPanel-wrapper * {
    overflow: initial !important;
}

#GDIndicator {
    position: absolute !important;
    z-index: 2147483601 !important;
    /*由js控制*/
    border-radius: 0px !important;
    border-style: dashed!important;
    border-color: rgba(30, 180, 180, 0.85)!important;
    box-sizing: initial !important;
    pointer-events: none !important;
}

#GDPrompt {
    position: fixed !important;
    color: black !important;
    z-index: 2147483600 !important;
    box-sizing: initial !important;
    border: initial !important;
    border-radius: 4px !important;
    background-color: rgba(30, 180, 180, 0.85) !important;
    line-height: initial !important;
    font-weight: initial !important;
    text-align: center !important;
    left: 40% !important;
    top: 40% !important;
    height: auto !important;
    width: 200px !important;
    padding-bottom: 10px !important;
    pointer-events: none;
}

#GDPrompt>* {
    text-align: inherit !important;
}

#GDPrompt>div {
    white-space: pre-line !important;
}

#GDArrow {
    display: block !important;
    font-style: normal !important;
    font-size: 30px !important;
    height: 60px !important;
}

.GDArrow-UP-R::after {
    display: block !important;
    content: "\2191" !important;
    transform: rotate(45deg) !important;
    /*
                           ^
                          /
    */
}

.GDArrow-U::after {
    display: block !important;
    content: "\2191" !important;
    /*
                          ^
                          |
    */
}

.GDArrow-UP-L::after {
    display: block !important;
    content: "\2191" !important;
    transform: rotate(-45deg) !important;
    /*
                         ^
                          \
    */
}

.GDArrow-L::after {
    display: block !important;
    content: "\2190" !important;
    /*
                         <--
                          
    */
}

.GDArrow-R::after {
    display: block !important;
    content: "\2192" !important;
    /*
                        -->

    */
}

.GDArrow-LOW-L::after {
    display: block !important;
    content: "\2193" !important;
    transform: rotate(45deg) !important;
    /*
                         /
                        v
    */
}

.GDArrow-D::after {
    display: block !important;
    content: "\2193" !important;
    /*
                        |
                        v
    */
}

.GDArrow-LOW-R::after {
    display: block !important;
    content: "\2193" !important;
    transform: rotate(-45deg) !important;
    /*
                       \
                        v
    */
}

#GDPanel-wrapper {
    position: absolute !important;
    z-index: 2147470002 !important;
    width: auto !important;
    height: auto !important;
    /* background-color: rgba(135, 143, 235, 0.34) !important; */
    /* padding: 6px !important; */
}

#GDPanel {
    display: block;
    z-index: 2147483602 !important;
    --cell-width: 52px !important;
    --cell-height: 52px !important;
    --icon-size: 28px !important;
    --font-size: 14px !important;
    background: rgba(239, 239, 239, 0.9) !important;
    width: auto !important;
    height: auto !important;
    table-layout: fixed !important;
    border-radius: 5px !important;
    padding: 12px 12px 12px 12px !important;
    border-spacing: 5px !important;
}

#GDPanel * {
    font-size: var(--font-size) !important;
    font-weight: initial !important;
}

#GDHeader th,
.GDLabel-content {
    white-space: nowrap !important;
    overflow: hidden !important;
    padding: initial !important;
    color: black !important;
}

#GDHeader th {
    font-weight: bold !important;
    text-align: center;
}

.GDCell {
    height: var(--cell-height) !important;
    background-color: rgba(233, 233, 233) !important;
    border-radius: 3px !important;
    border: 1px solid #777777 !important;
    box-shadow: 0px 0px 1px 1px rgb(222, 222, 222) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.GDCell-hover {
    border: 1px solid rgb(58, 58, 58) !important;
}

#GDPanel .GDCell i {
    width: var(--cell-width) !important;
    text-align: center !important;
    font-size: var(--icon-size) !important;
    color: black !important;
}

#GDPanel .GDCell i[class*="GD-fa-find"] {
    color: purple !important;
}