#site-title{font-family:'Wendy One',sans-serif}
.WendyOne {font-family:'Wendy One',sans-serif;}
.border-light-grey{border-color:#ccc!important}
.bg-info-text{background-color:#eff7ff/*rgba(190,229,235,.31)*/}
.bg-info-text a {font-weight: 500;}
h1{font-size:2rem;font-weight:700}
h3 {font-size:1.3rem}
h3 {border-bottom:1px solid #000}

kbd {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

.hover-no-underline:hover {text-decoration: none;}

.table>:not(:first-child) {border-top: 1px solid #a7bfbe;}

.table-ascii td, .table-ascii th, .table-symbol td, .table-symbol th {text-align:center}
.table-ascii .detail td, .table-ascii td:last-child, .table-ascii th:last-child{text-align:left}
.table-ascii a {display: block;}
.table-symbol .detail td, .table-symbol td:last-child, .table-symbol th:last-child{text-align:left}
.table-symbol td:nth-child(6) {font-size:120%;}

.table-color td:first-child {-webkit-print-color-adjust: exact;}

.table-xs td, .table-xs th {padding:.1rem .4rem}
.table ul li{display:none}
.table-header, .table-header>td, .table-header>th {color:#ffffff;background-color:#0D47A1;font-weight: 600;}
.table-hover .table-header:hover>td, .table-hover .table-header:hover>th {color:#ffffff;background-color: #0d4ec9;}

.table-code th {font-weight: 500;}
.table-code td:first-child, .table-code th:first-child {
    width: 160px;
}

.table-compare td:not(:last-child), .table-compare th:not(:last-child) {border-right: 1px solid #dee2e6;}

.table-sticky {border-collapse: separate;border-spacing: 0;}
.table-sticky th {background: white!important;position: sticky;top: 34px;z-index: 999;}

.bg-darkblue, .bg-darkblue a {background-color: #0D47A1; color:#ffffff;}
.bg-darkblue .dropdown-item {background-color: #ffffff; color: #000000;}

table.table-border-ascii { border-color: #a7bfbe; }
table.table-border-ascii > thead > tr > th { border-color:#a7bfbe; }
table.table-border-ascii > tbody > tr > td { border-color:#a7bfbe; }

.col-plus {width:20px;}
.col-40px {width:40px;}
.col-50px {width:50px;}
.col-80px {width:80px;}
.col-html {width:95px;}
.col-110px {width:110px;}
.col-130px {width:130px;}
.col-description {width:260px;}

.cp1252 { background-color: #eaf0ff; }

.footer{color:#fff;font-family:Actor,sans-serif;font-weight:400;font-size:13px;letter-spacing:1px;background-color: #151515;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.footer a:hover{text-decoration:none}

#cookies-eu-banner {position: fixed;overflow: hidden;z-index: 9999;left: 0;right: 0;bottom: 0;display:none;}
.ce-window {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding: 2em 1.8em;background: #000;color: #fff;font-size: 1rem;-ms-flex-align: center; align-items: center;}
.ce-title {font-size: 1.3rem;font-weight:500;margin-bottom: 8px;}
.ce-message {flex: 1;}
.ce-compliance {display: flex;display: -ms-flexbox;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: justify;align-content: space-between;}
.ce-title {font-weight:500;margin-bottom: 10px;}
.ce-link, .ce-link:hover {color:#0068d8;font-weight: bold;}
.ce-btn {display: block;padding: .4em .8em;font-size:.9em;font-weight: 700;line-height: 1.5em;border-width: 2px;border-style: solid;text-align: center;white-space: nowrap;cursor: pointer;flex: 1;border-color: transparent;}
#cookies-eu-accept {color: rgb(0, 0, 0);background-color: rgb(241, 214, 0);padding: .4em 1.5em;}
#cookies-eu-accept:hover,#cookies-eu-accept:focus {background: #fff;color: #222;font-weight: 700}
#cookies-eu-reject {color: rgb(21, 21, 21);background-color: rgb(255, 255, 255);padding: 4px 7px;margin: 2px 10px;border: none;}
#cookies-eu-reject:hover {text-decoration: underline;font-weight: 700}

#return-to-top {
    position: fixed;
    bottom: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #0D47A1;
    color: white;
    cursor: pointer;
    padding: 12px 22px;
    border-radius: 10px;
    font-size: 18px;
    opacity: 0.75;
}
#return-to-top {display: none;right: 10px;}
#return-to-top:hover {background-color: #0D47A1;opacity: 1;}

.ascii-compact {column-count: 16;column-gap: 0;border-color: #a9bfbe;border-width: 1px 0 0 1px;border-style: solid;}
.arow {display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;border-color: #a9bfbe;border-width: 0 1px 1px 0;border-style: solid;padding:2px 0;}
.arow div:last-child {font-weight: 500;}
.arow:hover {background-color:#ececec;}

.ascii-grid {
    display: grid;
    grid-gap: 6px;
    grid-template-columns: repeat( auto-fill, minmax(160px, 170px));
    justify-content: center;
}
.ascii-grid .content-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 6px;
    color: black;
    overflow-x: hidden;
}
.grid-cell {
    background-color: white;
    border-radius: 1px;
    border: 1px solid #8DA6CD;
    padding-top: 1px;
}
.ascii-grid .content-item.grid-cell h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 60px;
    font-weight: 300;
    line-height: 1.3;
    text-transform: none;
}
.ascii-grid .content-item.grid-cell a:hover {
    text-decoration: none;
}
.two-in-one {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.ascii-grid .content-item .two-in-one:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.95);
}
.ascii-grid .content-item.grid-cell {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 0;
    display: inline;
    vertical-align: bottom;
    text-transform: uppercase;
}
.ascii-grid .content-item.grid-cell div:last-child {
    font-weight: 500;
    margin-top: 10px;
}

.differs {background-color: #eaf0ff!important;}
.unused {background-color: #ececec!important;}
.fw-unused {color:gray;font-style: italic;}

.ascii-chart {display: table; margin: 0 auto;border-width: 1px 0 0 1px; border-style: solid; border-color: #a9bfbe;}
.ascii-chart-header {display: grid; grid-template-columns: repeat(17,52px);color: #ffffff;background-color: #0D47A1;}
.ascii-chart-header div {font-size:1.25rem;border-width: 0 1px 1px 0; border-style: solid; border-color: #a9bfbe;height: 52px; width: 52px;display:flex;justify-content: center!important;align-items: center!important;position: relative;}
.ascii-chart-header div small {display: block;font-size: .75rem;}
.ascii-chart-header-vertical {width: 52px;color: #ffffff;background-color: #0D47A1;}
.ascii-chart-header-vertical div {font-size:1.25rem;border-width:0 1px 1px 0; border-style: solid; border-color: #a9bfbe;height: 52px; width: 52px;display:flex;justify-content: center!important;align-items: center!important;}
.ascii-chart-header-vertical div small {display: block;font-size: .75rem;}
.ascii-chart-body {display: flex;}
.ascii-chart-content {display: grid; grid-template-columns: repeat(16, 52px)}
.ascii-chart-content a.unused {background-color: #ececec;}
.ascii-chart-content a {border-width:0 1px 1px 0; border-style: solid; border-color: #a9bfbe;height: 52px; width: 52px;padding:3px;}
.ascii-chart-content a span:first-child {display: block;font-size: 1.25rem;font-weight: 500;line-height: 1.2;padding-bottom: 2px;}
.ascii-chart-content a span:last-child {display: block;font-size: .75rem;font-weight: 400;color:black;}
.ascii-chart-content a:hover {text-decoration: none;background-color: #ececec;}
.ascii-chart-header-vertical .row-8, .ascii-chart-header-vertical .row-4 {display:none;}

.character {width: 65px;min-width:70px;height:80px;font-size: 45px; background-color: #f8f9fa; border:1px solid #cccdce;}

.character-grid {display: grid;grid-gap: 6px;grid-template-columns: repeat( auto-fill, minmax(55px, max-content));justify-content: center;}
.character-grid a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    padding:5px;
    border-color: #a9bfbe;border-width: 1px 1px 1px 1px;border-style: solid;
}
.character-grid a:hover {text-decoration: none;background-color:#ececec;}

.btn-ascii-primary {color: #ffffff!important;background-color: #1F71CA!important;border-color: #1F71CA;}
.btn-ascii-primary:hover {text-decoration: none;color: #ffffff;background-color: #1864b7;}
.btn-ascii-light {color: #0068D8;background-color: #ffffff;}
.btn-ascii-light:hover {text-decoration: none;color: #ffffff;background-color: #1F71CA;}

.btn-index {border: none;background: none;}

.dropdown-menu {border-color: #444444;}

.breadcrumb {
    padding: 0.25rem 0.5rem;
    margin: 1rem 0;
    background-color: #f1f4f6;
    border-radius: 4px;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    font-weight: 500;
    background-color: #F2F2F2;
    box-shadow: none;
}
.accordion-body {background-color: #F2F2F2;padding-bottom: 35px;}

.timeline {
    border-left: 4px solid #4C84C2FF;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, 0.03);

    margin: 5px auto;
    position: relative;
    padding: 25px 0 25px 30px;
    list-style: none;
    text-align: left;
    max-width: 95%;
}
.timeline .event {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}
.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}
.timeline .event:after {
    box-shadow: 0 0 0 4px #4C84C2FF;
    left: -37.85px;
    background: #ffffff;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 7px;
}

.sticky-ads {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    z-index: 1020;
}

#ascii-code_com_billboard_top{
    min-width: 336px !important;
    min-height: 336px !important;
}
@media (min-width: 768px) {
    #ascii-code_com_billboard_top{
        min-width: 728px !important;
        min-height: 90px !important;
    }
}
@media (min-width:992px){
    .table-ascii td:first-child, .table-ascii th:first-child, .table-ascii tr.detail{display:none}
    .table-symbol td:first-child, .table-symbol th:first-child, .table-symbol tr.detail{display:none}

    .ascii-chart-sm .ascii-chart-header-vertical .row-8 {display:flex;}
    .ascii-chart-sm .ascii-chart-header {grid-template-columns: repeat(9,52px);}
    .ascii-chart-sm .ascii-chart-header div:nth-last-child(-n+8) {display:none;}
    .ascii-chart-sm .ascii-chart-content {grid-template-columns: repeat(8, 52px)}
}
@media (min-width: 1000px) {
    #ascii-code_com_billboard_top{
        min-width: 980px !important;
        min-height: 300px !important;
    }
}
@media (max-width:991px){
    .ascii-compact {column-count: 8;}
    .table-ascii td:last-child, .table-ascii th:last-child {display:none}
    .table-ascii ul li:last-child {display:block}
    .table-symbol td:last-child, .table-symbol th:last-child {display:none}
    .table-symbol ul li:last-child {display:block}
    .ascii-chart-header-vertical .row-8 {display:flex;}
    .ascii-chart-header {grid-template-columns: repeat(9,52px);}
    .ascii-chart-header div:nth-last-child(-n+8) {display:none;}
    .ascii-chart-content {grid-template-columns: repeat(8, 52px)}
}
@media (max-width:767px){
    h1{font-size:1.7rem;font-weight:700}
    .table-ascii td:nth-child(3), .table-ascii td:nth-child(5), .table-ascii th:nth-child(3), .table-ascii th:nth-child(5){display:none}
    .table-ascii ul li:first-child, .table-ascii ul li:nth-child(2){display:block}
    #navmenu.dropdown-toggle::after {display: none;}
    .ascii-chart-header-vertical .row-4 {display:flex;}
    .ascii-chart-header {grid-template-columns: repeat(5,52px);}
    .ascii-chart-header div:nth-last-child(-n+12) {display:none;}
    .ascii-chart-content {grid-template-columns: repeat(4, 52px)}
}

@media (max-width:575px){
    .ascii-compact {column-count: 4;}
    #logo,#sublogo span{display:none}
    #sublogo h1{font-family:'Wendy One',sans-serif;font-size:30px;line-height: 1.1;}
    .list-inline-item{display:block}
    .copyright span, .table-ascii td:nth-child(7), .table-ascii td:nth-child(8), .table-ascii th:nth-child(7), .table-ascii th:nth-child(8), .table-ascii ul li:first-child{display:none}
    .blockquote{font-size:18px}
    .table-ascii td:nth-child(3), .table-ascii th:nth-child(3){display:table-cell}
    .table-ascii ul li:nth-child(3), .table-ascii ul li:nth-child(4){display:block}

    .table-symbol td:nth-child(4), .table-symbol th:nth-child(4){display:none}
    .table-symbol ul li:first-child{display:block}

    .table-color td:last-child, .table-color th:last-child {display:none}

    .ce-window {flex-direction: column;}
    .ce-compliance {margin-top:20px;}
}
@media (max-width:480px){
    #site-title{font-size:33px;line-height:35px;letter-spacing:1px}
}
@media (max-width:320px){
    #site-title{font-size:28px;line-height:35px;letter-spacing:0}
    .table-ascii ul li:first-child{display:block}
    .table-ascii td:nth-child(3), .table-ascii th:nth-child(3){display:none}
}

@page {
    margin-top: 1.5cm;
    margin-bottom: 1.5cm;
}

@media print {
    a {color:black;}
    body {font-size: .75rem;}
    #workspace {margin:0; padding:0; border-width: 0!important;}
    .table-ascii td:first-child, .table-ascii th:first-child, .table-ascii tr.detail{display:none;}
    .table-ascii td:last-child, .table-ascii th:last-child{display:table-cell;}

    .table-symbol td:first-child, .table-symbol th:first-child, .table-symbol tr.detail{display:none;}
    .table-symbol td:last-child, .table-symbol th:last-child{display:table-cell;}

    .table-header, .table-header>td, .table-header>th {color:#000000;}

    .page-break {page-break-after: always;}

    .col-plus {width:20px;}
    .col-40px {width:30px;}
    .col-50px {width:30px;}
    .col-80px {width:60px;}
    .col-110px {width:80px;}
    .col-html {width:80px;}
    .col-description {width:200px;}

    .ascii-compact {column-count: 8;}

    .ascii-grid {grid-gap: 5px;grid-template-columns: repeat( auto-fill, minmax(130px, max-content));}
    .ascii-grid .content-item {padding: 0 5px 5px 5px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
    .ascii-grid .content-item.grid-cell div:last-child {margin-top: 5px;break-inside: avoid;}
    .ascii-grid .content-item.grid-cell {font-size: .70rem;break-inside: avoid;}
    .ascii-grid .content-item.grid-cell h2 {font-size: 45px;line-height: 1.3;margin-bottom: 3px;break-inside: avoid;}

    .ascii-chart-header-vertical .row-8, .ascii-chart-header-vertical .row-4 {display:none;}
    .ascii-chart-header {grid-template-columns: repeat(17,52px);}
    .ascii-chart-header div  {z-index:1;display:flex!important;}
    .ascii-chart-header-vertical div {z-index:1;position: relative;}
    .ascii-chart-header div span, .ascii-chart-header-vertical div span {z-index: 999;position: relative;font-weight: 400;color:#ffffff;}
    .ascii-chart-header div::before, .ascii-chart-header-vertical div::before {position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;background: #0D47A1;content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' style='background:%230D47A1' />");}
    .ascii-chart-content {grid-template-columns: repeat(16, 52px)}

    .alert-compare {padding:5px;margin: 0;}
    .table-compare td {-webkit-print-color-adjust: exact;padding: 0.10rem 0.25rem;}
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    display: inline-block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {text-align: center;width: 1.25em;}

.icon-th-large:before {
    content: "\f009";
}
.icon-th:before {
    content: "\f00a";
}
.icon-check:before {
    content: "\f00c";
}
.icon-power-off:before {
    content: "\f011";
}
.icon-home:before {
    content: "\f015";
}
.icon-lock:before {
    content: "\f023";
}
.icon-flag:before {
    content: "\f024";
}
.icon-print:before {
    content: "\f02f";
}
.icon-align-justify:before {
    content: "\f039";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-list-ol:before {
    content: "\f0cb";
}
.icon-caret-right:before {
    content: "\f0da";
}
.icon-plus-square:before {
    content: "\f0fe";
}
.icon-angle-double-up:before {
    content: "\f102";
}
.icon-minus-square:before {
    content: "\f146";
}
.icon-copy:before {
    content: "\f0c5";
}
.icon-file-alt:before {
    content: "\f15c";
}
.icon-twitter-square:before {
    content: "\f081";
}
.icon-facebook-square:before {
    content: "\f082";
}
.icon-linkedin:before {
    content: "\f08c";
}