/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
/* https://github.com/minhur/bootstrap-toggle/issues/186*/
.toggle > .toggle-group {
    background:white;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    color:#666;
}

.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}


.platform.fa-twitter {
    color: #38a1f3;
}
.platform.fa-youtube {
    color: #ff0000;
}
.platform.fa-facebook {
    color: #4267b2;
}
.platform.fa-instagram {
    color: #c36;
}
.platform.svg-4chan {
    color: #016701;
}
.enabled.fa-check {
    color: #0c0;
}
.enabled.fa-ban {
    color: #c00;
}
.enabled.fa-rotate {
    color: #08f;
}
.enabled.fa-hourglass-half {
    color: #084;
}
.enabled.fa-trash, .fa-triangle-exclamation {
    color: #fb0;
}
.status.fa-check {
    color: #0c0;
}
.status.fa-exclamation-triangle {
    color: #c00;
}

@font-face {
    font-family: 'Patua One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/ZXuke1cDvLCKLDcimxB44_lu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


.navbar li a, .card-header, .nav-tabs li a, .nav-pills a.nav-link {
    font-family: Patua One, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.navbar li a {
    font-size: 1.2em;
}
.nav-tabs li a, .nav-pills a.nav-link {
    color: #333;
}
.nav-tabs li a {
    font-size: 1.2em;
}
.nav-pills a.nav-link {
    font-size: 1.1em;
}

.nav-tabs .nav-link.active, .nav-pills .nav-link.active {
    background-color: #e4d9eb;
    color: #333;
}
.card-header {
    font-size: 22px;
    background-color: #571680;
    color: #eee;
}
.card-header a {
    font-family: "Nunito", sans-serif;
}

.resp-iframe {
    position: absolute;
    z-index: -1000;
    top: 72px;
    left: 0px;
    width: 100%;
    height: calc(100% - 72px);
    border: 0;
    overflow: hidden;
}
.resp-iframe2 {
    position: absolute;
    z-index: -1000;
    top: 0px;
    left: -48px;
    width: calc(100% + 40px);
    height: calc(100% - 10px);
    border: 0;
    overflow: hidden;
}

.postcard .infotable td:first-child  {
    font-weight: bold;
}

.profilecard .infotable td:first-child  {
    font-weight: bold;
}
.profilecard .profile-media {
    border-radius: 8px;
}
.profilecard .verified-user {
    color: #4267b2;
}
a, a:hover, a:active {
    color: #571680;
}
.post-media {
    border-radius: 8px;
}

.profileimages img { /* for the reverse*/
    border-radius: 5px;
    margin: 5px;
    object-fit: cover;
    width: 150px;
    height: 150px;
    background-image:url('/img/img-placeholder.jpg');
    background-size: 150px;
}

.matchtable {
    table-layout:fixed;
}
.profilehrefs a {
    display: block;
    overflow: hidden;
}

#fancyeffect #searching {
    font-size: 14pt;
    font-weight: bold;
}
 /* https://stackoverflow.com/a/17402394 */

.heatmap .graph-label { font-size: 0.8em; }
.heatmap .graph-rect {
    background-color: #eee;
    fill: #eee;
}
.heatmap .graph-rect.s_0 {
    background-color: #dae289;
    fill: #dae289;
}
.heatmap .graph-rect.s_1 {
    background-color: #cedb9c;
    fill: #9cc069;
}

.heatmap .graph-rect.s_2 {
    background-color: #b5cf6b;
    fill: #669d45;
}

.heatmap .graph-rect.s_3 {
    background-color: #637939;
    fill: #637939;
}

.heatmap .graph-rect.s_4 {
    background-color: #3b6427;
    fill: #3b6427;
}

/* dynamic areas */

.da-hide, .da-show {
    /* color: #0c0; */
}
.da-hide.da-hide-completely {
    display: inline;
}
.da-hide.da-hide-completely.disabled {
    display: none;
}

.da-hide.disabled, .da-show.disabled {
    color: #aaa;
}

.helptext span {
    font-size: 0.9em;
    color: #888;
}
.helptext {
    padding-left: 10px;
}

.content-4chan span.quote {
    color: #b00;
}


.apitokentable td pre {
    margin-bottom: 0px;
}

/* https://github.com/devbridge/jQuery-Autocomplete */
.autocomplete-suggestions {
    border: 1px solid #ced4da;
    border-radius: 0px 0px 5px 5px;
    background: #fff;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer; /* https://github.com/devbridge/jQuery-Autocomplete/issues/542 */
}
.autocomplete-selected {
    background: #f0f0f0;
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #105090;
}
.autocomplete-group {
    padding: 2px 5px;
}
.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}


a[target="_blank"]:not(.suppress-external):after,
a[target="platform"]:not(.suppress-external):after {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    content: " \f35d";
    color: #838;
}

/* https://stackoverflow.com/a/39149634/ */
.td-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
}

.tagify.disabled  {
    --tag-bg: #ccc;
}

/* Query editor */
textarea#query_code, .query_code {
    font-family: Courier New;
}

.querypreview_curlcmd {
    margin: 10px 0px;
    background-color: #eee;
    border-radius: 4px;
    padding: 5px;
    display: none;
}
.querypreview_curlcmd .query_code {
    margin-bottom: 0px;
}

#querypreview {
    overflow-x: auto;
}
.previewtable td.column_long, td.column_longlong, td.column_newdecimal {
    text-align: right;
}
.previewtable th.header_long, th.header_longlong, th.header_newdecimal {
    text-align: right;
}
.columninfo td {
    font-family: Courier New;
    font-size: 11px;
    padding: 2px;
}

#parametertable td.param {
    width: 30%;
}

#querypreview_status {
    display: none;
}

fieldset {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px 0px 10px;
    margin-bottom: 20px;
}
fieldset legend {
    padding-left: 6px;
    padding-right: 6px;
    width: auto;
    font-size: 1.2em;
    color: #aaa;
}