/* Teal Light scheme (Default) */
/* Can be forced with data-theme="light" */
[data-theme="light"],
:root:not([data-theme="dark"]) {
    --primary:              #38495e;
    --primary-hover:        #38495e;
    --primary-focus:        rgba(56,73,94, 0.2);
    --primary-inverse:      #FFF;
    --muted-text:           #444 !important;
}

/* Teal Dark scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --primary:            #38495e;
        --primary-hover:      #38495e;
        --primary-focus:      rgba(56,73,94, 0.2);
        --primary-inverse:    #FFF;
    }
}

/* Teal Dark scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme="light"] {
    --primary:              #38495e;
    --primary-hover:        #38495e;
    --primary-focus:        rgba(56,73,94, 0.2);
    --primary-inverse:      #FFF;
    --background: whitesmoke !important;
}

/* Teal (Common styles) */
:root {
    --primary-border:       var(--primary);
    --primary-hover-border: var(--primary-hover);
    --input-hover-border:   var(--primary);
    --input-focus:          var(--primary-focus);
    --input-inverse:        var(--primary-inverse);
    --primary-font-size:    14px;
    --label:                rgba(65, 85, 100, 0.25);
    --radius:               2px;
    --muted-text:           #444;
}

/* icons */
 .gg-terminal {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 24px;
 height: 20px;
 border: 2px solid;
 border-radius: 2px;
 margin: 0px 5px -2px -2px;
}

.gg-terminal::after,
.gg-terminal::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

.gg-terminal::before {
 border-right: 2px solid;
 border-bottom: 2px solid;
 transform: rotate(-45deg);
 width: 6px;
 height: 6px;
 top: 5px;
 left: 3px
}

.gg-terminal::after {
 width: 4px;
 height: 2px;
 background: currentColor;
 top: 10px;
 left: 11px
}
 .gg-edit-contrast {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 16px;
 border: 2px solid transparent;
 box-shadow: 0 0 0 2px;
 border-radius: 100px;
 overflow: hidden;
 margin:0px 0px -2px -5px;
}

.gg-edit-contrast::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 6px;
 height: 12px;
 background: currentColor
}
 .gg-log-off {
 box-sizing: border-box;
 position: relative;
 display: block;
 border-radius: 16px;
 border: 2px solid;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 16px;
 border-top: 2px solid transparent
}

.gg-log-off::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 height: 8px;
 width: 2px;
 background: currentColor;
 left: 5px;
 bottom: 6px
}
/* END */
.sheep-pop{
        margin: 0px !important;
        padding: 25px !important;
}
.sheep-editable{
        cursor:pointer;
}
.sheep-sticky-footer{
        padding-top: 0;
        padding-bottom: 25px;
        opacity: 0.1;
}
.sheep-error{
        background-color: red;
}
.sheepGg{
        display: inline-block;
        margin: 2px;
}
table.dataTable tbody tr {
        background-color: unset;
}
table tbody .even {
        background-color: initial !important;
}
.dataTables_processing {
        top: 135px !important;
        height: calc(100% - 135px) !important;
        position: absolute;
        opacity: 0.75;
}
.dataTables_filter input{
    height: 40px !important;
}
.dataTables_filter{
        width: 500px;
}

.dataTables_info {
        clear: none !important;
        padding: 10px !important;
        color: var(--secondary) !important;
        font-size: 16px;
}
.dt-buttons{
        display: flex;
        margin-top: 20px;
}
.dt-buttons button{
        margin-right:5px;
        font-size: 10px;
        padding: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
        color: unset !important;
}
.dataTables_wrapper .dataTables_paginate {
        color: unset !important;
        margin-top: 10px;
        font-size: 16px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover {
        color: var(--primary) !important;
        border: 1px solid transparent !important;
        background: none !important
}
tbody tr:hover {
        box-shadow: 0px 0px 3px var(--primary);
}
td, th{
        font-size: var(--primary-font-size ) !important;
        text-align: left;
        padding: 5px 5px !important;
}
.search-fix{
        margin: 0px;
        float: right;
        color: var(--primary);
        margin: 3px 1px;
}
.time-fix{
        margin: 0px;
        float: right;
        color: var(--primary);
        margin: 3px 1px;
        transform: scale(0.8);
}
.nowrap{
        white-space: nowrap;
}
.show-on-hover{
        visibility: hidden;
}
.red{
        color: #d83532;
}
.amber{
        color: #ffb300;
}
.jhb{
        color: #b58411;
}
.cpt{
        color: #039be5;
}
.dbn{
        color: #010790;
}
.drop{
        color: #00897b;
}
.lblue{
        color: #039be5
}
.green{
        color: #43a047;
        opacity: 0.9;
}
kbd{
        background: var(--label);
        border-radius: var(--radius);
        font-family: unset !important;
        font-size: var(--primary-font-size) !important;
}
.mini-kbd{
        padding: 3px 6px;
}
.bred, .bdark, .bblue, .bgreen,.bgrey, .bglass, .bgteal, .bpromo{
        color : ghostwhite;
        padding: 5px 8px;
        font-size: 13px;
        font-weight: unset;
        text-align: center;
        border-radius: 5px;
}
.bred a, .bdark a, .bblue a, .bgreen a,.bgrey a, .bglass a, .bgteal a, .bpromo a{
        color : ghostwhite;
        width: 100%;
        display: inline-block;
}
.qcsv, .qcsv label, .qcsv a{
        cursor: pointer;
}
.bred{
        background: #f44336;
}
.bdark{
        background: #555555;
}
.bblue{
        background: #008CBA;
}
.bgreen{
        background: #04AA6D;
}
.bgteal{
        background: #00897b;
}
.bgrey{
        background: #e7e7e7;
}
.bpromo{
        background: #38495e;
}
.bglass{
        background: transparent;
}
.badclass{
        text-decoration: line-through;
        opacity:0.5;
}
.note-icons{
        color: var(--primary);
        display: inline-flex;
        margin: 0px 5px;
        float: right;
        cursor: help;
}
.gg-flag-alt-fix {
        width: 10px;
        height: 17px;
}
.gg-dollar-fix{
        width: 2px;
        height: 17px;
        transform: scale(1.2);
        margin: 0px 5px 0px 0px;
}
.gg-tag-fix{
        width: 15px;
        height: 14px;
        transform: rotate(222deg);
        margin-top: 3px;
        margin-left: 5px;
}
.morph-to-icon{
        border: 1px dotted  var(--primary);
        padding: 3px;
        border-radius: 2px;
        margin:1px;
        display: block;
        float: none;
}
.morph-to-icon i{
        float: right;
        margin: 2px;
}
table.fixedHeader-floating{
        background-color:var(--primary);
        opacity: 0.9;
        color: whitesmoke;
}
table.fixedHeader-floating{
        background-color:var(--primary);
        opacity: 0.85;
        color: whitesmoke;
}
table.fixedHeader-floating th{
        color: whitesmoke;
}
.dtfh-floatingparent{
    background-color: white;
}
.inline{
        cursor: pointer;;
}
.sheep-blur > *:not(#colorbox) {
        filter: blur(2px);
}
#cboxOverlay {
        background: none !important;
        opacity: none !important;
        filter: none !important;
}
/*
#notifications{
        padding: 0 !important;
        max-height: none !important;
        overflow: auto !important;
        margin-bottom: 50px;
}
#notifications a {
        border-style: none !important;
        padding: 10px !important;
        margin: 5px 10px 5px 1px !important;
        float: left !important;
        font-size: var(--primary-font-size) !important;
        text-decoration: none !important;
        background: #151e23 !important;
        border-radius: var(--radius) !important;
}
#notifications a:hover {
        box-shadow: 0px 0px 5px inset;
}
*/
.component-notify {
        opacity: 0.9;
}
.component-notify.error {
        background-color: #e53935;
}
.component-notify.success {
        background-color: #43a047;
}
.component-notify.warning {
        background-color: #ffb300;
}
.component-notify .--text {
        height: 50px;
        line-height: 50px;
}
.circle-loader {
    margin-bottom: 7em/2;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: block;


}
.checkmark.draw::after {
        animation-duration: 1000ms ;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

.checkmark::after {
        opacity: 1;
        height: calc(7em/2);
        width: calc(7em/2/2);
        transform-origin: left top;
        border-right: 3px solid #5cb85c;
        border-top: 3px solid #5cb85c;
        content: '';
        left: calc(7em/6 + 7em/12);
        top: calc(7em/2);
        position: absolute;
    }
@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: calc(7em/2/2);
        opacity: 1;
    }
    40% {
        height: calc(7em/2);
        width: calc(7em/2/2);
        opacity: 1;
    }
    100% {
        height: calc(7em/2);
        width: calc(7em/2/2);
        opacity: 1;
    }
}

#logo{
    position: absolute;
    left: -2px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    top: 5px;
    height: 75px;
    background-size: contain;
}
.logo-wrapper #logo {
        background-color: rgba(0,0,0,0.02);
}
[data-theme="light"] .logo-wrapper #logo {
        background-color: rgba(0,0,0,0.75);
}
.pending{
        background-color: #d83532;
        border: none;
}
.na{
        background-color: #039be5;
        border: none;
}
.eyebrows-normal{
        height: 0px;
        width: 26px;
        content: '';
        top: 50px;
        position: absolute;
        background-color: #10181e;
        margin-left: 23px;
        opacity: 0;
}
.eyebrows-hmm-rev{
        animation-name: logo-hmm-rev;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
}
@keyframes logo-hmm-rev {
    0% {
        height: 8px;
        opacity: 1;
        top:48px;
    }
    100% {
        top:48px;
        opacity: 0.5;
        height: 0px;
    }
}
.eyebrows-hmm{
        animation-name: logo-hmm;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
}
@keyframes logo-hmm {
    0% {
        top:48px;
        opacity: 0.5;
        height: 0px;
    }
    100% {
        height: 8px;
        opacity: 1;
        top:48px;
    }
}
#sheep-smile{
        opacity: 0;
        width: 26px;
        position: absolute;
        margin: -17px 0px 0px 23px;
        border-radius: 25px;
}
.sheep-munch{
        opacity: 1 !important;
        animation: one 0.25s ease-in-out infinite;
        animation-direction: alternate ;
}
.sheep-meh{
        opacity: 1 !important;
        animation: two 0.25s ease-in-out infinite;
        animation-direction: alternate ;
}
#sheep-bubble{
        position: absolute;
        margin-left: -209px;
        top: 90px;
        width: 500px;
        text-align: center;
}

@keyframes one {
    0% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(-1.1);
    }
}
@keyframes two {
    0% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0.5);
    }
}
@keyframes appear {
        from {
                opacity: 0;
        }
        to {
                opacity: 1;
        }
}
@keyframes disappear {
        from {
                opacity: 1;
        }
        to {
                opacity: 0;
        }
}
.disappear{
    animation-duration: 3s;
    animation-name: disappear;
    animation-fill-mode: forwards;
    pointer-events: none;
}

body{
        animation-duration: 3s;
        animation-name: appear;
}
#terminal{

}
#logout{
        min-width: 180px;
        text-align: right;
        padding-right:5px;
}

.gg-terminal {
        display: inline-block;
        color: var(--primary);
}
.clock-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:25px;
    margin-top: 43px;
}

.clock {
    position: relative;
    width: 150px;
    height: 150px;
}

.needle {
    background-color: var(--secondary);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 3px;
    transform-origin: bottom center;
    transition: all 0.5s ease-in;
}

.needle.hour {
    transform: translate(-50%, -100%) rotate(0deg);
    color: white;
    width: 4px;
}

.needle.minute {
    transform: translate(-50%, -100%) rotate(0deg);
    height: 100px;
    width: 3px;
}

.needle.second {
        width: 2px;
    transform: translate(-50%, -100%) rotate(0deg);
    height: 100px;
    background-color: var(--primary);
}

.center-point {
    background-color: var(--primary);
    height: 0.6rem;
    width: 0.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.center-point::after {
    content: '';
    background-color: var(--secondary);
    height: 0.3rem;
    width: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.time {
    font-size: 20px;
    margin-top: 50px;
}

.date {
    color: #aaa;
    font-size: 20px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.date .circle {
    background-color: var(--secondary);
    color: #17232b;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.7rem;
    height: 1.1rem;
    width: 1.1rem;
    line-height: 1.1rem;
    font-size: 16px;
}

.reports-widget span{
        display: block;
        margin-top: 5px;
        border: 1px solid #1abc9c;
        border-radius: 3px;
        padding: 3px;
        margin-right: 5px;
        opacity: 0.5;
}
.reports-widget{
        font-size:var(--primary-font-size);
}
.terminal{
        margin: 0;
        padding: 25px 0px;
}
.reports-widget .panel-primary .panel-heading {
        color:var(--primary);
}
details{
        margin: 0px;
        padding: 5px 0px;
}
summary::first-letter {
    color: var(--primary);
    font-weight: bold;
}

.reports-widget .list-group span{
        border: none;
        display: inline-flex;
        white-space: nowrap;
        overflow: hidden;
        max-width: 200px;
        margin-top: 3px;
}
.reports-widget .list-group .badge{
        float : right;
}
#chartContainer{
        margin-top: 9px;
        opacity: 0.6;
}
#sheep-personal-notes{
        margin-bottom: 0px;
}
.gg-log-off{
        display: inline-block;
        color:var(--primary);
        margin: 0px 0px -2px 5px;
}
.gg-import{
        display: inline-block;
        margin: 0px 4px -4px 1px;
}
.sheep-actions{
        display: inline-flex;
}
.sheep-actions button {
        padding: 8px;
        font-size: var(--primary-font-size);
        margin-right: 5px;
        white-space: nowrap;
        opacity: 0.85;
        border: none;
}
.sheep-actions-button {
    padding: 6px 10px 6px 8px;
    font-size: var(--primary-font-size);
    margin-right: 5px;
    white-space: nowrap;
    border: none;
    width: auto;
    border-radius: 5px;
    text-shadow: 0px 0px 5px #333;
    margin-bottom: 0px;
}
.sheep-actions-button:hover {
    scale:1.1;
}
.sheep-actions-input{
        padding: 8px;
        font-size: var(--primary-font-size);
        margin-right: 5px;
        white-space: nowrap;
        opacity: 0.95;
        height: 40px;
}
.labels-actions, .unbox-actions, .po-actions{
        display: inline-flex ;

}
.labels-actions button, .unbox-actions button, .po-actions button {
        padding: 8px;
        font-size: var(--primary-font-size);
        margin-right: 5px;
        white-space: nowrap;
        opacity: 0.85;
        border: none;
        background-color: #34495e;
}
.unbox-actions{
        width:700px;
}
.sheep-menu a{
        color:var(--secondary)
}
.sheep-menu span{
        color:var(--primary)
}
.sheep-menu ul li{
        list-style: none;
        font-size:18px;
}.sheep-menu{
        margin-top:20px;
}
#sync-btn{
        background-color: #3498db;
}
#labels-btn, #unbox-btn, #po-btn{
        background-color: #34495e;
}
#oned-new-btn, #myrug-new-btn{
        background-color:#43a047;
}
.gg-printer {
    margin: 0px 3px 0px -2px;
    scale:0.8;
    background:
        linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 0 10px/6px
            2px,
        linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 14px
            10px/6px 2px,
        linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px/2px
            2px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs, 1));
    width: 24px;
    height: 14px;
    border: 2px solid transparent;
    border-bottom: 0;
    box-shadow:
        inset 0 2px 0,
        inset 2px 2px 0,
        inset -2px 2px 0,
        inset -2px 2px 0;
}
.gg-printer::after,
.gg-printer::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    border: 2px solid;
    left: 4px;
}
.gg-printer::before {
    height: 6px;
    top: -4px;
}
.gg-printer::after {
    height: 8px;
    top: 8px;
}

.gg-sync {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs, 1));
    border-radius: 40px;
    border: 2px solid;
    margin: 1px;
    border-left-color: transparent;
    border-right-color: transparent;
    width: 18px;
    height: 18px;
}
.gg-sync::after,
.gg-sync::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transform: rotate(-45deg);
}
.gg-sync::before {
    border-left: 6px solid;
    bottom: -1px;
    right: -3px;
}
.gg-sync::after {
    border-right: 6px solid;
    top: -1px;
    left: -3px;
}
.gg-sync {
        display: inline-block;
        margin: 0px 5px -3px 0px;
}
.spin{
    animation:spin 4s linear infinite;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.sync-btn-syncing i {
        animation: spinner-two 1s cubic-bezier(.6,0,.4,1) infinite;
        pointer-events: none;
        display: inline-block;
}
.sync-btn-syncing{
        background-color:#43a047 !important;
        pointer-events: none;
}
.gg-format-justify {
        display: inline-block;
        margin: 0px -5px 5px 5px;
        transform: rotate(90deg);
}
.gg-export {
        display: inline-block;
        margin: 0px 2px -4px 0px;
}
.gg-tag-actions{
        display: inline-block;
        margin: 0px 3px -2px 2px;
}
.gg-math-plus{
        display: inline-block;
        margin: 0px 2px 4px 0px;
}
.sheep-sub-actions{
        margin-top: -15px;
}
.labels-sub-actions, .unbox-sub-actions, .po-sub-actions{
        margin-top: -15px;
        display: none;
}
.labels-sub-actions i, .unbox-sub-actions i, .po-sub-actions i{
        display: inline-block;
}
.active-action{
        display:block;
        animation: slideActions 0.5s ease forwards;
}
@keyframes slideActions {
        from {
                margin-left: -500px;
        }
        to {
                margin-left: 0px;
        }
}
.gg-check {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs, 1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
    margin: -5px 0px -6px -5px
}
.gg-check::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -1px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
}
.gg-check-fix{
        margin: 0px -1px -6px 1px;
        display: inline-block;
}
.gg-flag-alt{
        margin: 0px 3px -5px 0px;
}
.gg-globe-alt{
        margin: 0px 0px -3px 0px;
}
.sheep-actions button:hover {
        opacity: 1;
}
.labels-sub-actions button:hover, .unbox-sub-actions button:hover, .po-sub-actions button:hover{
        opacity: 1;
}
.gg-scan{
        display: inline-block;
        margin: 0px 2px -3px 0px;
}
#unbox-input{
        height: 43px;
        margin-right: 5px;
        width: 377px;
        padding: 0px 0px 4px 10px;
}
#unbox-scan-btn{
        width: 75px;
}
#unbox-confirm-btn{
        width: 160px;
}
.gg-enter{
        display: inline-block;
        margin: 0px 2px -3px 2px;
}
.gg-play-list-check{
        margin: 0px 6px 2px 0px;
}
.selected .sheep-source{
        color:var(--primary);
}
.selected .inv-source{
        color:var(--primary);
}
.selected td{
        background-color: lightgrey;
}
.select-info{
        display: none !important;
}
.invrow{
        background-color: transparent !important;
        box-shadow: 0px 0px 1px #2e85be;
}
.gg-paper{
        display: inline-block;
        margin: 0px 2px -3px 2px;
        content:url(../images/paper-plane-o.svg);
        width: 18px;
        color:var(--primary);
        cursor: pointer;
}
.gg-edit-contrast{
        color:var(--primary);
        width: 15px;
        height: 15px;
}
#sheep-font-switch-down{
        font-size: 14px;
}
.punboxed{
        background-color: #f5d313 !important;
        color:white;
}
.unboxedrow td{
        background-color: #3498db !important;
        color:white;
}
.unboxed{
        background-color: #2ecc71 !important;
        color:white;
}
.unboxedrow .unboxed {
        background-color: #2ecc71 !important;
        color:white;
}
#jqcontext-menup, #jqcontext-menu, #jqcontext-menuf{
        padding-bottom: 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px grey;
        max-width: 350px;
}

#jqcontext-menup, #jqcontext-menup ul, #jqcontext-menup span{
        font-size: var(--primary-font-size) !important;
}
#jqcontext-menu, #jqcontext-menu ul, #jqcontext-menu span{
        font-size: var(--primary-font-size) !important;
}
#jqcontext-menuf, #jqcontext-menuf ul, #jqcontext-menuf span{
        font-size: var(--primary-font-size) !important;
}
#jqcontext-menup ul, #jqcontext-menu ul, #jqcontext-menuf ul{
        margin:0px;
        padding: 0px;
}
#jqcontext-menup ul li, #jqcontext-menu ul li, #jqcontext-menuf ul li{
        list-style:none;
        padding: 5px 10px;
        margin: 0px;
}
#jqcontext-menup ul li:not(:first-child), #jqcontext-menu ul li:not(:first-child), #jqcontext-menuf ul li:not(:first-child) {
        cursor:pointer;
}
#jqcontext-menup ul li:first-child, #jqcontext-menu ul li:first-child, #jqcontext-menuf ul li:first-child{
        text-align:center;
        background-color: #f4f6f6;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
        white-space: break-spaces;
}
#jqcontext-menup ul li:hover, #jqcontext-menu ul li:hover, #jqcontext-menuf ul li:hover{
        background-color: #151e23;
}
.gg-lock-fix{
        transform: scale(0.6);
        margin: 0px 5px 4px 0px;
        display: inline-block;
}
.gg-lock-fix2{
        margin: 0px 5px 3px 5px;
        display: inline-block;
        transform: scale(0.65);
}
.gg-chevron-right{
        display: inline-block;
        margin: 0px 0px -5px 0px;
}
.greenp{
        color:#43a047;
}
.redp{
        color:#d83532;
}
.gg-import-fix{
        display: inline-block;
        margin: 0px 5px -1px 35px;
}
.gg-close-fix{
        display: inline-block;
        margin: 0px 0px -6px 0px;
}
.sendtobox{
        width: 50%;
        display: block;
        float: left;
}
.sendalltobox, .sendtobox:last-child{
        text-align: center;
        padding: 5px 0px !important;
        width: 100%;
}
.missing-found{
        box-shadow: 0px 0px 3px #43a047;
}
.gg-flag-fix{
        display: inline-block;
        margin: 0px 0px -5px 5px;
}
.login-background{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABbCAYAAADz9JKnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY2MDU4NDdGRkVFMTExRUQ4REMwQjkwOTBENUU0RTA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY2MDU4NDgwRkVFMTExRUQ4REMwQjkwOTBENUU0RTA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjYwNTg0N0RGRUUxMTFFRDhEQzBCOTA5MEQ1RTRFMDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjYwNTg0N0VGRUUxMTFFRDhEQzBCOTA5MEQ1RTRFMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WtxkAAAARR0lEQVR42uxd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");
        background-repeat: no-repeat;
        background-size: 175px;
        background-position: center;
        position: relative;
}
.login-background h2{
        position: absolute;
        bottom: 0;
        left: 165px;
}
@media all and (max-width: 1200px) {
        .login-background h2{
                left: 125px;
        }
}
@media all and (max-width: 990px) {
        .login-background h2{
                display: none;
        }
}
html{
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: var(--base-font-md) !important;
}
.logo-wrapper{
        min-width: 120px;
}
.thumbnail{
        cursor: pointer;
}
red{
        color: red;
}
orange {
        color: orange;
}
yellow {
        color: yellow;
}

.toColor{
        opacity: 0.75;
}
.new-rug-from{
        margin: 0px !important;
        font-size: var(--primary-font-size);
        padding: 50px;
}
#newRugForm{
        font-size: var(--primary-font-size);
}
#newRugForm input{
        height:50px;
}
.double-c{
        display: inline-flex;
}
.double-c input{
        margin-left:5px;
        margin-right: 5px;
        margin-bottom: 5px !important;
}
#hidden-gallery{
        display: none;
}
.sheep-gallery, .sheep-import{
        cursor: pointer;
}
a:active, a:focus, a:hover {
        text-decoration: none !important;
}
.hidden{
        display: none;
}
.sheep-pop-me{
        cursor: pointer;
}

.pop-article{
        margin:0px;
}
.sheepq{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 5px;
}
.sheepq-conn{
        width: 20%;
}
.sheepq textarea{
        height:62px;
}
.sheepq-mysql{
        width: 70%;
}
.sheepq-run{
        width: 7%;
}
.sheepq-copy{
        width: 3%;
}
b{
        color:var(--primary);
}
mark {
        background-color: transparent !important;
}
.buy-now{
        margin: 0px;
        padding: 5px;
        width: 125px;
        font-size: 15px;
}
.wool-half-opacity{
        opacity: 0.5;
}
.talt{
        color:#0b79bf;
        font-weight: bolder;
}
.lootl{
        color:#f5821f;
        font-weight: bolder;
}
.sts{
        color:silver;
        font-weight: bolder;
}
.bone{
        color: #c2b930;
        font-weight: bolder;
}
#iframeid{
        width: 100%;
        height:1000px;
        color: #333;
}
#hideTal{
        background-color: #0b79bf;
}
#hideLoot{
        background-color: #f5821f;
}
#hideSt{
        background-color: #333;
}
button#hideBO.sheep-actions-button{
        background-color: #c2b930;
}
#sendToBulkGenForce{
        background-color: maroon;
}

.all {
        background-color: #4682B4;
}
.fixedHeader-floating.no-footer {
    margin: 0px 20px !important;
}
.dtfh-floatingparenthead {
        display:none !important;
}
.dtfh-floatingparenthead:last-of-type {
        display:block !important;
}
.swap-update-form{
        display: inline-block;
        margin: 0;
}
.swap-update-form kbd{
        height: 29px;
}
.autosum{
        background-color: springgreen;
}

 .gg-website {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 18px;
 border: 2px solid;
 border-radius: 3px;
 box-shadow: 0 -1px 0
}

.gg-website::after,
.gg-website::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 6px;
 top: 2px
}

.gg-website::before {
 background: currentColor;
 left: 2px;
 box-shadow: 0 4px 0,0 8px 0;
 border-radius: 3px;
 height: 2px
}

.gg-website::after {
 height: 10px;
 border: 2px solid;
 right: 2px;
 border-radius: 1px
}

 .gg-globe-alt,
.gg-globe-alt::after,
.gg-globe-alt::before {
 display: block;
 box-sizing: border-box;
 height: 18px;
 border: 2px solid
}

.gg-globe-alt {
 position: relative;
 transform: scale(var(--ggs,1));
 width: 18px;
 border-radius: 22px
}

.gg-globe-alt::after,
.gg-globe-alt::before {
 content: "";
 position: absolute;
 width: 8px;
 border-radius: 100%;
 top: -2px;
 left: 3px
}

.gg-globe-alt::after {
 width: 24px;
 height: 20px;
 border: 2px solid transparent;
 border-bottom: 2px solid;
 top: -11px;
 left: -5px
}
 .gg-shopping-bag {
 transform: scale(var(--ggs,1))
}

.gg-shopping-bag,
.gg-shopping-bag::after {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 20px;
 height: 20px;
 border: 2px solid;
 border-radius: 3px
}

.gg-shopping-bag::after {
 content: "";
 position: absolute;
 width: 10px;
 height: 6px;
 border-bottom-left-radius: 120px;
 border-bottom-right-radius: 120px;
 border-top: 0;
 top: 2px;
 left: 3px
}
 .gg-tag,
.gg-tag::before {
 display: block;
 border: 2px solid
}

.gg-tag {
 border-right: 0;
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px;
 box-sizing: border-box;
 transform: scale(var(--ggs,1));
 position: relative;
 width: 19px;
 height: 14px
}

.gg-tag::before {
 content: "";
 position: absolute;
 width: 2px;
 height: 2px;
 box-sizing: content-box;
 border-radius: 100px;
 right: 0;
 top: 2px
}

.gg-tag::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 10px;
 border-bottom: 2px solid;
 border-right: 2px solid;
 border-bottom-right-radius: 4px;
 transform: rotate(-45deg);
 top: 0;
 right: -5px
}
 .gg-list {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 20px;
 border: 2px solid;
 border-radius: 3px
}

.gg-list::after,
.gg-list::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 2px;
 height: 2px;
 background: currentColor;
 top: 3px;
 left: 3px;
 box-shadow:
 0 4px 0,
 0 8px 0
}

.gg-list::after {
 border-radius: 3px;
 width: 8px;
 left: 7px
}
 .gg-box {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 20px;
 border: 2px solid;
 border-radius: 3px
}

.gg-box::after,
.gg-box::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 height: 2px;
 background: currentColor
}

.gg-box::before {
 left: 6px;
 width: 6px;
 top: 8px
}

.gg-box::after {
 width: 22px;
 left: -2px;
 top: 4px
}
 .gg-flag-alt {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 14px;
 height: 20px;
 border-left: 2px solid
}

.gg-flag-alt::after,
.gg-flag-alt::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-bottom: 2px solid
}

.gg-flag-alt::before {
 width: 12px;
 height: 10px;
 border-top: 2px solid;
 border-right: 2px solid transparent
}

.gg-flag-alt::after {
 width: 8px;
 height: 8px;
 border-left: 2px solid;
 border-top-left-radius: 2px;
 border-bottom-right-radius: 2px;
 transform: rotate(45deg);
 top: 1px;
 left: 6px
}
 .gg-qr {
 transform: scale(var(--ggs,1))
}

.gg-qr,
.gg-qr::after {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 14px;
 height: 14px;
 box-shadow:
 -6px -6px 0 -4px,
 6px 6px 0 -4px,
 6px -6px 0 -4px,
 -6px 6px 0 -4px
}

.gg-qr::after {
 content: "";
 position: absolute;
 width: 4px;
 height: 4px;
 background: currentColor;
 box-shadow:
 0 6px 0,
 6px 6px 0,
 6px 0 0;
 top: 2px;
 left: 2px
}
 .gg-lock-unlock {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 12px;
 height: 6px;
 border: 2px solid;
 border-top-right-radius: 100px;
 border-top-left-radius: 100px;
 border-bottom: transparent;
 margin-top: -18px;
 margin-left: -2px
}

.gg-lock-unlock::after,
.gg-lock-unlock::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

.gg-lock-unlock::after {
 border: 2px solid transparent;
 box-shadow: 0 0 0 2px;
 width: 16px;
 height: 10px;
 border-radius: 2px;
 left: -4px;
 top: 10px
}

.gg-lock-unlock::before {
 width: 2px;
 height: 6px;
 background: currentColor;
 left: -2px;
 top: 4px;
}
 .gg-profile,
.gg-profile::after,
.gg-profile::before {
 display: block;
 box-sizing: border-box;
 border: 2px solid;
 border-radius: 100px
}

.gg-profile {
 overflow: hidden;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
 position: relative
}

.gg-profile::after,
.gg-profile::before {
 content: "";
 position: absolute;
 top: 2px;
 left: 5px;
 width: 8px;
 height: 8px
}

.gg-profile::after {
 border-radius: 200px;
 top: 11px;
 left: 0px;
 width: 18px;
 height: 18px
}
 .gg-poll {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 16px;
 border: 3px solid transparent;
 border-top: 6px solid transparent;
 box-shadow: 0 0 0 2px,inset 2px 0 0;
 border-radius: 1px
}

.gg-poll::after,
.gg-poll::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 2px;
 height: 10px;
 background: currentColor;
 top: -3px;
 left: 4px
}

.gg-poll::after {
 height: 4px;
 top: 3px;
 left: 8px
}
 .gg-dollar {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 2px;
 height: 20px;
 background: currentColor
}

.gg-dollar::after,
.gg-dollar::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 8px;
 border: 2px solid
}

.gg-dollar::before {
 border-right: 0;
 border-top-left-radius: 100px;
 border-bottom-left-radius: 100px;
 top: 3px;
 left: -6px;
 box-shadow: 4px -2px 0 -2px
}

.gg-dollar::after {
 border-left: 0;
 border-top-right-radius: 100px;
 border-bottom-right-radius: 100px;
 bottom: 3px;
 right: -6px;
 box-shadow: -4px 2px 0 -2px
}
 .gg-calculator {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 18px;
 height: 22px;
 border: 2px solid;
 border-radius: 2px
}

.gg-calculator::after,
.gg-calculator::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 2px;
 background: currentColor;
 top: 2px;
 left: 2px
}

.gg-calculator::after {
 width: 2px;
 box-shadow:
 4px 0 0,
 8px 0 0,
 0 4px 0,
 4px 4px 0,
 8px 4px 0,
 0 8px 0,
 4px 8px 0,
 8px 8px 0,
 8px 6px 0;
 top: 6px
}
 .gg-airplane {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 18px;
 height: 18px;
 transform: scale(var(--ggs,1));
 background:
 linear-gradient(
 to left,
 currentColor 22px,
 transparent 0
 ) no-repeat center/16px 2px,
 radial-gradient(
 circle,
 currentColor 60%,
 transparent 40%
 ) no-repeat right center/2px 2px
}

.gg-airplane::after,
.gg-airplane::before {
 content: "";
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 10px;
 height: 8px;
 border-right: 4px solid
}

.gg-airplane::before {
 border-top-right-radius: 2px;
 top: 0;
 transform:
 perspective(10px)
 rotateX(10deg)
 skewX(30deg);
 box-shadow: -4px 3px 0 -2px
}

.gg-airplane::after {
 border-bottom-right-radius: 2px;
 bottom: 0;
 transform:
 perspective(10px)
 rotateX(-10deg)
 skewX(-30deg);
 box-shadow: -4px -3px 0 -2px
}
 .gg-calendar-dates {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 18px;
 height: 18px;
 border: 2px solid;
 border-radius: 3px
}

.gg-calendar-dates::after,
.gg-calendar-dates::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 height: 2px;
 left: 2px
}

.gg-calendar-dates::before {
 background: currentColor;
 width: 2px;
 box-shadow:
 4px 0 0,8px 0 0,0 4px 0,
 4px 4px 0,8px 4px 0;
 top: 6px
}

.gg-calendar-dates::after {
 width: 10px;
 top: -4px;
 box-shadow: 0 6px 0 0
}
 .gg-today {
 display: block;
 position: relative;
 box-sizing: border-box;
 transform: scale(var(--ggs,1));
 width: 18px;
 height: 22px;
 border: 2px solid;
 border-radius: 3px
}

.gg-today::after,
.gg-today::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 left: 2px;
 background: currentColor;
 border-radius: 1px
}

.gg-today::before {
 bottom: 2px;
 width: 10px;
 height: 10px;
 opacity: .5
}

.gg-today::after {
 top: 2px;
 width: 6px;
 height: 2px
}
 .gg-clapper-board {
 display: block;
 position: relative;
 transform: scale(var(--ggs,1));
 box-sizing: border-box;
 width: 22px;
 height: 18px;
 border: 2px solid;
 border-radius: 3px
}

.gg-clapper-board::after,
.gg-clapper-board::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

.gg-clapper-board::before {
 width: 10px;
 height: 8px;
 border-left: 2px solid;
 border-right: 2px solid;
 left: 4px;
 top: -2px;
 transform: skewX(-40deg)
}

.gg-clapper-board::after {
 width: 22px;
 height: 2px;
 background: currentColor;
 top: 4px;
 left: -2px
}
 .gg-notes {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 20px;
 height: 22px;
 border: 2px solid;
 border-radius: 3px
}

.gg-notes::after,
.gg-notes::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 height: 2px;
 background: currentColor;
 left: 2px
}

.gg-notes::before {
 box-shadow:
 0 4px 0,
 0 8px 0;
 width: 12px;
 top: 2px
}

.gg-notes::after {
 width: 6px;
 top: 14px
}
 .gg-notifications {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 14px;
 height: 14px;
 background:
 linear-gradient(
 to left,currentColor 10px,transparent 0)
 no-repeat right bottom/2px 8px,
 linear-gradient(
 to left,currentColor 10px,transparent 0)
 no-repeat left top/8px 2px
}

.gg-notifications::after,
.gg-notifications::before {
 content: "";
 position: absolute;
 display: block;
 box-sizing: border-box
}

.gg-notifications::before {
 width: 14px;
 height: 14px;
 border-left: 2px solid;
 border-bottom: 2px solid
}

.gg-notifications::after {
 width: 6px;
 height: 6px;
 border-radius: 4px;
 background: currentColor;
 top: -2px;
 right: -2px
}
 .gg-mail,
.gg-mail::after {
 display: block;
 box-sizing: border-box;
 height: 14px;
 border: 2px solid
}

.gg-mail {
 overflow: hidden;
 transform: scale(var(--ggs,1));
 position: relative;
 width: 18px;
 border-radius: 2px
}

.gg-mail::after {
 content: "";
 position: absolute;
 border-radius: 3px;
 width: 14px;
 transform: rotate(-45deg);
 bottom: 3px;
 left: 0
}
 .gg-support {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 20px;
 height: 20px;
 transform: rotate(45deg) scale(var(--ggs,1));
 border: 5px solid transparent;
 box-shadow:
 0 0 0 2px,
 inset 0 0 0 2px;
 border-radius: 40px
}

.gg-support::after,
.gg-support::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

.gg-support::before {
 border-left: 9px solid;
 border-right: 9px solid;
 width: 24px;
 height: 2px;
 left: -7px;
 top: 4px
}

.gg-support::after {
 width: 2px;
 height: 24px;
 border-top: 9px solid;
 border-bottom: 9px solid;
 left: 4px;
 top: -7px
}
 .gg-folder {
 transform: scale(var(--ggs,1))
}

.gg-folder,
.gg-folder::after {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 22px;
 height: 16px;
 border: 2px solid;
 border-radius: 3px
}

.gg-folder::after {
 content: "";
 position: absolute;
 width: 10px;
 height: 4px;
 border-bottom: 0;
 border-top-left-radius: 2px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 top: -5px
}
 .gg-time {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 18px;
 height: 18px;
 border-radius: 100%;
 border: 2px solid transparent;
 box-shadow: 0 0 0 2px currentColor
}

.gg-time::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 7px;
 height: 7px;
 border-left: 2px solid;
 border-bottom: 2px solid;
 top: 1px;
 left: 5px
}
 .gg-infinity {
 background:
 linear-gradient(to left,
 currentColor 5px,transparent 0)
 no-repeat -4px 4px/2px 2px,
 linear-gradient(to left,
 currentColor 5px,transparent 0)
 no-repeat 4px 4px/2px 2px;
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: rotate(-45deg) scale(var(--ggs,1));
 width: 10px;
 height: 18px;
 border: 4px solid transparent;
 box-shadow: inset 0 0 0 2px
 }

 .gg-infinity::after,
 .gg-infinity::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 10px;
 border: 2px solid;
 border-radius: 200px;
 transform: rotate(45deg)
 }

 .gg-infinity::after {
 border-right-color: transparent;
 left: -8px;
 top: -4px
 }

 .gg-infinity::before {
 border-left-color: transparent;
 right: -8px;
 top: 4px
 }
    .gg-browse {
 display: block;
 position: relative;
 transform: scale(var(--ggs,1));
 box-sizing: border-box;
 width: 16px;
 height: 22px;
 border: 2px solid;
 border-radius: 3px;
 background:
 linear-gradient(
 to left,
 currentcolor 10px,
 transparent 0
 ) no-repeat center 2px/8px 2px,
 linear-gradient(
 to left,
 currentcolor 10px,
 transparent 0
 ) no-repeat center 6px/8px 2px
}

.gg-browse::after,
.gg-browse::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 22px
}

.gg-browse::before {
 width: 6px;
 height: 6px;
 border: 2px solid;
 left: 3px;
 top: 9px
}

.gg-browse::after {
 width: 2px;
 height: 4px;
 background: currentColor;
 bottom: 1px;
 right: 2px;
 transform: rotate(-45deg)
}
 .gg-swap {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 box-shadow:
 -2px 2px 0,
 2px -2px 0;
 width: 6px;
 height: 2px
}

.gg-swap::after,
.gg-swap::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 0;
 height: 0;
 border-top: 3px solid transparent;
 border-bottom: 3px solid transparent
}

.gg-swap::before {
 border-left: 3px solid;
 top: -4px;
 right: -4px
}

.gg-swap::after {
 border-right: 3px solid;
 bottom: -4px;
 left: -4px
}
 .gg-attribution {
 display: block;
 box-sizing: border-box;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 18px;
 background:
 linear-gradient(
 to left,
 currentColor 14px,
 transparent 0
 ) no-repeat 1px 2px/8px 2px,
 linear-gradient(
 to left,
 currentColor 14px,
 transparent 0
 ) no-repeat 6px 14px/6px 2px,
 radial-gradient(
 circle,
 currentColor 60%,
 transparent 40%
 ) no-repeat 10px 12px/6px 6px,
 radial-gradient(
 circle,
 currentColor 60%,
 transparent 40%
 ) no-repeat 0 0/6px 6px
}

.gg-attribution::after,
.gg-attribution::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 8px;
 height: 8px;
 border: 2px solid
}

.gg-attribution::before {
 border-right: 0;
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
 top: 8px;
 left: 2px
}

.gg-attribution::after {
 border-left: 0;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
 right: 2px;
 top: 2px
}
 .gg-info {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 20px;
 height: 20px;
 border: 2px solid;
 border-radius: 40px
}

.gg-info::after,
.gg-info::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 background: currentColor;
 left: 7px
}

.gg-info::after {
 bottom: 2px;
 height: 8px
}

.gg-info::before {
 height: 2px;
 top: 2px
}
 .gg-link {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: rotate(-45deg) scale(var(--ggs,1));
 width: 8px;
 height: 2px;
 background: currentColor;
 border-radius: 4px
}

.gg-link::after,
.gg-link::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 8px;
 height: 10px;
 border: 2px solid;
 top: -4px
}

.gg-link::before {
 border-right: 0;
 border-top-left-radius: 40px;
 border-bottom-left-radius: 40px;
 left: -6px
}

.gg-link::after {
 border-left: 0;
 border-top-right-radius: 40px;
 border-bottom-right-radius: 40px;
 right: -6px
}
#CPsearch{
        max-width: 500px;
        margin: auto;
        margin-bottom: 50px;
}
.CPicons{
        justify-content: space-between;
        align-items: center;
        display: flex;
        max-width: 1000px;
        margin:auto;
        flex-flow: wrap;
}
.CPicons div{
        margin: 20px;
        overflow: hidden;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        height: 150px;
        width: 150px;
        font-size: 15px;
        text-align: center;
        position: relative;
}
.CPicons div i{
        margin: auto;
        margin-top: auto;
        transform: scale(2);
        margin-top: 50px;
}
.CPicons div span{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
}
.sheepBox{
        cursor: pointer;
}
.shfilter{
        margin: 0px 0px 5px 0px !important;
        opacity: 0.5;
        height: 35px !important;
        font-size: var(--primary-font-size );
        border-radius: 5px;
        padding:5px !important;
}
b{
        color:var(--primary);
}
mark {
        background-color: transparent !important;
}
.buy-now{
        margin: 0px;
        padding: 5px;
        width: 125px;
        font-size: 15px;
}
.wool-half-opacity{
        opacity: 0.5;
}
.talt{
        color:#0b79bf;
        font-weight: bolder;
}
.lootl{
        color:#f5821f;
        font-weight: bolder;
}
.sts{
        color:silver;
        font-weight: bolder;
}
.bone{
        color: #c2b930;
        font-weight: bolder;
}
#iframeid{
        width: 100%;
        height:1000px;
        color: #333;
}
#hideTal{
        background-color: #0b79bf;
}
#hideLoot{
        background-color: #f5821f;
}
#hideSt{
        background-color: #333;
}
button#hideBO.sheep-actions-button{
        background-color: #c2b930;
}
#sendToBulkGenForce{
        background-color: maroon;
}

.all {
        background-color: #4682B4;
}
.fixedHeader-floating.no-footer {
    margin: 0px 20px !important;
}
.dtfh-floatingparenthead {
        display:none !important;
}
.dtfh-floatingparenthead:last-of-type {
        display:block !important;
}
.swap-update-form{
        display: inline-block;
        margin: 0;
}
.swap-update-form kbd{
        height: 29px;
}
.autosum{
        background-color: #04aa6d;
        color:ghostwhite;
}
.dataTable{
        word-break: unset !important;
}
.sheep-editable{
        width:100%;
        display:block;
}
.inline{
        width:auto;
        display: inline-block;
}
.sheep-select, .sheep-select-all{
        width: 20px;
        height: 20px;
        margin-top: -3px;
        margin-right: 10px;
}
thead td{
        font-weight: bold;
}
.dataTables_filter input , .dataTables_length select{
    opacity: 0.5;
    color: var(--text) !important;
    border: var(--form-element-border-width) solid var(--input-border) !important;
    font-weight: bold;
    border-radius: 5px !important;
}
.dataTables_length{
        margin-left: 5px;
}

.dataTables_filter{
        margin-right: 8px;
}

.gg-search {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        transform: scale(var(--ggs,1));
        width: 16px;
        height: 16px;
        border: 2px solid;
        border-radius: 100%;
        margin-left: -4px;
        margin-top: -4px
        margin-right: 5px;
}
.gg-search::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        border-radius: 3px;
        width: 2px;
        height: 8px;
        background: currentColor;
        transform: rotate(-45deg);
        top: 10px;
        left: 12px
}
input::-webkit-input-placeholder, input::placeholder, select::-webkit-input-placeholder, select::placeholder, textarea::-webkit-input-placeholder, textarea::placeholder {
    opacity: 0.5;
}
.sheepqr{
    min-height: 50px;
    justify-content: space-between;
    padding-left: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.sheep-actions-button a{
    color: whitesmoke;
}
::selection {
    background-color: #3498db;
    color: whitesmoke;
}

[type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"] {
    background-image: var(--icon-date) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}
@supports (-moz-appearance:none) {
    [type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"] {
        background-image: initial  !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }
}
article.sheep-pop{
    box-shadow: none;
}
.sheep-pop-time #new-notes{
    position: relative;
    z-index: 1;
    width:375px;;
}
#dnew-notes{
    position: absolute;
    top: 55px;
    right: 30px;
    border: none;
    width: 300px;
    padding-right: 0px;
}
#dnew-notes:focus {
    box-shadow: none;
}
:focus-visible {
    outline: none !important;
}
.sheep-pop-time span{
    margin-top:-15px;
    cursor:pointer;
}
@keyframes fadein {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}
.gg-more-o {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs, 1));
    width: 24px;
    height: 24px;
    border: 2px solid;
    border-radius: 24px;
}
.gg-more-o::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 20px;
    top: 8px;
    left: 8px;
    box-shadow:
        -5px 0 0,
        5px 0 0;
}
details{
    border-bottom: none;
}
.terminal ul{
    margin-bottom: 15px;
}
main {
    padding-top:50px;
}
.btwrapper{
    max-height: 20px;
}
select option{
    font-family:system-ui !important;
}
.dataTables_wrapper .dataTables_filter input {
    background-color: white !important;
}