body {
    background-color:#d4e8ff;/*#d4e8ff;*/
    min-width: 280px;
}

a {color: #0068d8; font-weight: 500;text-decoration: none;}
a:hover {color: black; font-weight: 500;}

.sticky {
    position: sticky;
    top: 0;
    z-index: 1200;
    background-color:#235E9D;
    border-bottom:1px solid #9ba8bd;
}

#site-title {
    font-family: 'Fontdiner Swanky', cursive;
    text-shadow:2px   0  0   #000,-2px   0  0   #000,0    2px 0   #000,0   -2px 0   #000,1px  1px 0   #000,-1px -1px 0   #000,1px -1px 0   #000,-1px  1px 0   #000,1px  1px 5px #000;
    font-size: 38px;
    line-height: 46px;
    color: rgb(248, 168, 29);
    letter-spacing: 2px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

#site-title span {font-size: 20px;font-weight: 100;}
#site-sub-title {font-size: 14px;color:white;}

.border-light-grey{border-color:#ccc!important}
.bg-info-text{background-color:rgba(190,229,235,.31)}

#workspace {
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.border-shadow {
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
}

.border-quote {
    border-color: #8DA6CD !important;
}

.border-light-grey {
    border-color: #aab2ba !important;
}
.border-blue {
    border-color: #235E9D !important;
}

.card-body:before {
    font-family: Georgia, serif;
    font-size: 40px;
    font-weight: bold;
    color: #999;
    position: absolute;
    left: 4px;
    top: 6px;
}
.card-symbol-7:before, .card-symbol-130:before {content: "\201C";}
.card-symbol-148:before, .card-symbol-130:before {}
.card-header {background-color: #E8F1FF!important;border-color: #8DA6CD;}
.card-footer-social {border-left: 1px solid rgba(0,0,0,.125);}
.card-footer {background-color: #E8F1FF!important;border-color: #8DA6CD;}
.card-footer-tags i {font-size:14px;color: #999;margin-right:5px;}

.alert-answer {
    color: #383d41;
    background-color: #ECEFF1;
    border-color: rgba(0,0,0,.125);
    padding: .25rem .75rem;
}

.breadcrumb {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    padding: 0 10px;
    line-height: 1.7;
    font-size: .85rem;
    border-radius: 0;
    background-color: #e8f1ff;
    border-bottom:1px solid #8DA6CD;
    border-top:1px solid #8DA6CD;
    padding-bottom: 1px;
}
.breadcrumb-item {

}
.breadcrumb-item + .breadcrumb-item::before {
    content: "\00bb";
}

.jumbotron {background-color: #e8f1ff;}

a.nav-link { border: 1px solid #dee2e6!important;border-radius: .25rem!important; }

.navbar ul.navbar-nav li.nav-item a.nav-link { background-color: #235E9D; color: #FFFFFF;}
.navbar ul.navbar-nav li.nav-item a.nav-link.active, .navbar ul.navbar-nav li.nav-item a.nav-link:hover { background-color: #FFFFFF; color: #000000;}
.navbar-toggler:focus, .navbar-toggler:active { outline: 0;box-shadow: none; }
.navbar-toggler span {
    display: block;
    background-color: rgb(255, 255, 255);
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 13px;
    visibility: hidden;
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    top: -12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.footer {
    color: #ffffff;
    font-weight: normal;
    font-size:13px;
    letter-spacing: 1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRFHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqTE3waAAABBZJREFUOBFl0k1z20QAgOE9EErhblqOQJzKvUJS01snUbQJpzaRP3KqtF5p7XaGOrIsxXAAHFmKGabYq5VWameY1JWjpFySxo6aW6eE6Qwn4FB6539gzvyF931ApeKFDMlQt9lw9azD/t4Wb5h/pk/BQ556iwUaWmaiN6HLWsI+z1ALgYY0dYcBWavXB62xFGj740lB8pADsJOURX1i1phQiwb99meU/KSv5mxArJxKlEZXQHqX46t0rxSkq3d1DIbaSAzqjKvFRk0ryXBsH2iqkOjgOaak8SKL77z7Y2U3HRSx34+VKsGAvZ0/1o9MPa/sagH+cHXssHNrXwuAfTe6mNtho0PeJ1jhx0KZqZPOPAMUjthXDK+IEcoq1+wjh0uCdsgSoDRwhUOliHfoAnWS+x6hUXt38gFYyLyt6colm2O9NhdOg0C9yewquQ0K1rTHnDq+f2A/KMeETRRS/+VrD4EnAWnp88oBeVW6uUyynaC4a47L4TUgF9/YT7t9zxxSO4Zdfny4vYDTQQbkQXS4vFcaRf46Yy2ZCOnvzdzB5xx4ozJiPCYrQ6qFj0SlF3UT+PLtBJjJyQ02kVsPSNSOnOZShL3FFgwtwOWNQim42BwU5TA+Gt1YteVI/eLXDmDkCp0de75M0z4736KnXf0faZNboNR12CcPvKGmQ8ZvrwSfBsGJoS+VQbjeM6hnwTAyzlwNNxSb7TnPEAEB9troMo4gE+FzhFnHauoeF/MAzsI9PiYZMmu3CjvtCqf5/4I2gTBhup3c5BLRnq4nlI98sebqjIHhLOiqZHjE7q0Z8dZ07ZIxC12fA1Y+SIyIVtRQCbKr4/tO7/SaxW9zwFFflF2Thtl8FCONr+suIgksA56+/5D4M2IG7icY+r2pa0vbkQam+rjKOUeqaFey9kYuTWrC5juPOTBGzWW3TnhtQSWG/Z3EgtDeh6fnoA3XW4M9q5ZHZ6Wouo7OyF71S3UcAq2ltS9JiFlsjmTD00TUJcpZvgrI5YgrEAsbZD/2xV50ktFFtjN6AWbYwkg4cae4kTfYW+eZgMK4x0VQ6nNvQq/jDjv8w2LBuG/o0ut7CQUFNuZws97Sauy3PCM/6EpuV77gG0AlsuuIPvE9Jh3zM4csUpylGAKYZ/2/zCG0Y9rl2uG2glMxk7tvwI7psZUJGbSYFPCPZV6fpoy3RQ0cjXPIC1hY+ba+Fp7lT7CtxwVEfdDp3Vr4pcojml+6wp1mkRPf2FiANki5ssQZk/CdJ2l1sl3x3MSsXc84cDaF/0uYCQH5l6x8PeiMYPDRdBdxD/a0h2ich6CWC7OfORJidoto93rm9zMm5EINwasKOeiLfkM/fzSvejgOGs0kMd33gOBvNSi6fPWbnksh0X27Vczqr+Xhv+VDGwIBxGLjAAAAAElFTkSuQmCC');
    background-repeat: repeat repeat;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.footer a {
    color: rgb(224, 95, 3);
}

.footer a:hover {
    color: rgb(224, 95, 3);
    text-decoration: underline;
}

.tags a {
    line-height:1.3;text-decoration: none; break-inside: avoid; padding: 6px 8px 7px 8px; border:1px solid #8DA6CD; margin: 0px 8px 8px 8px; display:inline-block; border-radius: 0 8px; background-color: #f1f4f6;
    -webkit-box-shadow: 0 0 1px 0 #8DA6CD;
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 2px 1px #adcbf5;
    font-weight:500;
}
.tags-block a {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;}
.tags span:first-child {display:inline;font-weight: 600!important;flex: 1 1 auto!important;}
.tags a span:last-child {align-self: flex-start!important;line-height:1.2;font-weight: normal;float: right!important; color: #fff; background-color: #17a2b8;}
.tags a:hover, .tags a.active, .tags .btn:hover {color:#ffffff; border-color:#17a2b8; background-color: #17a2b8;}
.tags a:hover span:last-child, .tags a.active span:last-child {background-color: #17a2b8;color:#ffffff;}
.tags .form-control {border-color:#8DA6CD;border-top-left-radius: 0; border-bottom-left-radius: 8px;}
.tags .btn {color: #0068D8;border-color:#8DA6CD;background-color:#f1f4f6;border-top-right-radius: 8px;border-bottom-right-radius: 0;}


.tags h2, .subhead h2 {font-family: 'Fontdiner Swanky', cursive; position: relative;font-size: 28px;line-height: 1.5;z-index: 1;overflow: hidden;text-align: left;padding-left:30px;margin-bottom:0px;}
.tags h2 small {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.tags h2:before, .subhead h2:before {position: absolute;top: 51%;overflow: hidden;width: 10%;height: 2px;content: '\a0';background-color: black;margin-left: -11%;text-align: right;}
.tags h2:after, .subhead h2:after {position: absolute;top: 51%;overflow: hidden;margin-left:10px;width: 95%;height: 2px;content: '\a0';background-color: black;}

.tags-columns {-webkit-columns: 3;-moz-columns: 3;columns: 3;}

.share-buttons a {color:#ffffff;font-size: 16px;margin:2px 0;padding: 2px;width: 24px;text-align: center;display:inline-block;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;margin-right:3px;vertical-align: middle;}
.share-buttons a:hover {background: #356094;text-decoration: none;}
.share-buttons a:active {background: #2E5481;}
.share-buttons-grey a.quote { background: #cfcfcf; }

.share-buttons a.twitter, .share-buttons a.twitter:hover { background: #55acee; }
.share-buttons a.fb, .share-buttons a.fb:hover { background: #3B5998; }
.share-buttons a.quote, .share-buttons a.quote:hover { background: #e05f03; }
.share-buttons a.email { background: #444444; }
.share-buttons-grey a.fb, .share-buttons-grey a.twitter, .share-buttons-grey a.quote { background: #cfcfcf; }

.share-buttons-big {display:inline-block;}
.share-buttons-big a {padding: 6px 4px;width: 115px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-bottom:7px;}
.share-buttons-big a i {font-size: 20px;vertical-align: middle;}
.share-buttons-big a span {margin-left:10px;}

.terms-condition {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.terms-condition ol {
    padding-left: 10px;
}
.terms-condition li {
    margin-bottom: 20px;
}
.terms-condition > li {
    counter-increment: step-counter;
    position: relative;
    padding-left: 35px;
}
.terms-condition > li:before {
    content: counter(step-counter, decimal-leading-zero) '.';
    margin-right: 0.25em;
    font-size: 24px;
    line-height: 30px;
    position: absolute;
    text-align: right;
    left: 0px;
}

h2, H2 {font-size: 1.25rem;}
h4, H4 {border-bottom: 1px solid #868e96;}

.blockquote-footer {margin-top: 0;}

.pagination {justify-content: center!important;}
.pagination ul>li {display:none;}

.pagination .last, .pagination .first {display:inline-block;}
.pagination .page-offset-0 {display:inline-block;}
.page-link {padding: .6rem .85rem;}
.page-link i {line-height: 1.25!important;}
.page-link:focus, .page-link:hover {color: #ffffff;background-color: #17a2b8;border-color: #17a2b8;}
.page-item.active .page-link {background-color: #17a2b8;border-color: #17a2b8;}
.pagination-custom .page-link {
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
}

.readmore {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
}

.readmore:before,
.readmore:after {
    content: '';
    border-top: 1px dashed;
    margin: 0 10px 0 0;
    flex: 1 0 10px;
}

.readmore:after {
    margin: 0 0 0 10px;
}

form label {font-weight: 500;}

#return-to-top, #return-to-previous {
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #428bca; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 12px 22px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    opacity: 0.75;
}
#return-to-top {
    display: none; /* Hidden by default */
    right: 10px; /* Place the button 30px from the right */
}
#return-to-previous {
    left: 10px; /* Place the button 30px from the right */
}
#return-to-top:hover, #return-to-previous:hover {
    background-color: #428bca; /* Add a dark-grey background on hover */
    opacity: 1;
}

.btn-standard {color:#ffffff;background-color: #007bff; border-color: #235E9D;}
.btn-standard:hover {color:#ffffff;background-color: #235E9D;}

.btn-sidebar {
    cursor: pointer;
    color: #007bff;
    border-color: #235E9D;
    background-color: rgba(0,0,0,.03);
    position:relative;
}

.btn-sidebar:hover {
    color: #ffffff;
    background-color: #235E9D;
}

.btn-sidebar.focus, .btn-sidebar:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(35, 94, 157, 0.2);
}

.btn-sidebar span:before {
    font-family: icomoon;
    content: "\f0c9";
    font-weight: bold;
    padding: 0px 10px;
}

.btn-sidebar.collapsed span::after {
    font-family: icomoon;
    content: '\f0d7';
    display: inline-block;
    position: absolute;
    right: 10px;
    pointer-events: none;
}

.btn-sidebar span::after {
    font-family: icomoon;
    content: '\f00d';
    display: inline-block;
    position: absolute;
    right: 10px;
    pointer-events: none;
}
.btn-block {
    display: block;
    width: 100%;
}
.display-5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

#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-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-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-more {color:#429EFF;}
#cookies-eu-more {text-decoration: none;background: #222;color: #fff;border: 1px solid #000;cursor: pointer;padding: 4px 7px;margin: 0 0;font-size: 13px;font-weight: bold;transition: background 0.07s, color 0.07s, border-color 0.07s;}
#cookies-eu-accept {color: rgb(0, 0, 0);background-color: rgb(241, 214, 0);}
#cookies-eu-reject {color: rgb(255, 255, 255);padding: 4px 7px;margin: 2px 10px;border: none;}
#cookies-eu-reject:hover {text-decoration: underline;}
#cookies-eu-more:hover,#cookies-eu-more:focus,#cookies-eu-accept:hover,#cookies-eu-accept:focus {background: #fff;color: #222;}

@media (min-width: 320px) {
    .pagination .page-offset-lr {display:inline-block;}
    .pagination .page-visible {display:inline-block;}
}

@media (min-width: 480px) {
    .flex-xs-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important;
    }
}

@media (min-width: 575px) {
    .pagination .page-indicator-1 {display:inline-block;}
    .pagination .page-indicator-2 {display:inline-block;}
    .pagination .page-indicator-3 {display:inline-block;}
    .pagination .page-indicator-4 {display:inline-block;}
    .pagination .page-indicator-5 {display:inline-block;}
    .pagination .page-indicator-6 {display:inline-block;}

    .pagination .page-offset-1-5 {display:inline-block;}
    .pagination .page-offset-2-5 {display:inline-block;}
    .pagination .page-offset-3-5 {display:inline-block;}
}

@media (min-width: 768px) {
    .share-buttons-big h5 span:last-child {display:none;}
    .author-sidebar a {display:block;margin-right:0;}

    .pagination .page-offset-1 {display:inline-block;}
    .pagination .page-offset-2 {display:inline-block;}
    .pagination .page-indicator-2 {display:none;}
}

@media (min-width:768px) and (max-width:991px) {
    .nav-link span {display:none;}
    .author-sidebar a:before {content: ""; padding-right:0;}
}

@media (min-width: 992px) {
    .pagination .page-offset-3 {display:inline-block;}
    .pagination .page-offset-4 {display:inline-block;}
    .pagination .page-indicator-3 {display:none;}
    .pagination .page-indicator-4 {display:none;}
    .bootstrap-sidebar .collapse {display: block;}
}

@media (min-width: 1200px) {
    .pagination .page-indicator-5 {display:none;}
    .pagination .page-offset-5 {display:inline-block;}
    .pagination .page-offset-6 {display:inline-block;}
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
    .share-buttons-big a.email {width:30px;}
    .share-buttons-big a.email span {display:none;}

    .page-offset-2 a {display:none;}
}

@media (max-width: 767px) {
    .share-buttons-big h5 span:first-child {display:none;}
    .share-buttons-big a.twitter {width:30px;}
    .share-buttons-big a.twitter span {display:none;}

    .page-offset-1 a {display:none;}
    .page-offset-5 {display:none;}
    .tags a span {display:inline-block;}
    .tags-columns {-webkit-columns: 2;-moz-columns: 2;columns: 2;}

    .display-4 {font-size: 2.5rem;}
}

@media (max-width: 575px) {
    body {background-color: #ffffff;}
    .h1, h1 {font-size: 1.5rem;}
    .list-inline-item {display:block;}
    .copyright span {display:none;}
    .blockquote {font-size:18px;}
    .border-sm-0 {border-width: 0 !important;}

    .display-4 {font-size: 2rem;font-weight: 500;}

    .tags-columns a span {display:none;}

    .ce-window {flex-direction: column;}
    .ce-compliance {margin-top:20px;}

    #site-title {font-size:30px;}
    .card-footer-social {border-top: 1px solid rgba(0,0,0,.125);border-left-width: 0;}
}

@media (max-width: 480px) {
    #site-title {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0;
    }
    .tags h2, .subhead h2 {font-size: 24px;line-height: 1.5;}
    .share-buttons-big a.fb {width: 30px;}
    .share-buttons-big a.fb span {display:none;}
}

@media (max-width: 320px) {
    #site-title {
        font-size: 29px;
        line-height: 35px;
        letter-spacing: 0px;
    }
    .share-buttons-big a.email {display:none;}
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

.icon-file-alt:before {
    content: "\f15c";
}
.icon-search:before {
    content: "\f002";
}
.icon-times:before {
    content: "\f00d";
}
.icon-power-off:before {
    content: "\f011";
}
.icon-home:before {
    content: "\f015";
}
.icon-lock:before {
    content: "\f023";
}
.icon-tag:before {
    content: "\f02b";
}
.icon-tags:before {
    content: "\f02c";
}
.icon-links:before {
    content: "\f02f";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-caret-down:before {
    content: "\f0d7";
}
.icon-caret-left:before {
    content: "\f0d9";
}
.icon-caret-right:before {
    content: "\f0da";
}
.icon-angle-double-up:before {
    content: "\f102";
}
.icon-at:before {
    content: "\f1fa";
}
.icon-twitter-square:before {
    content: "\f081";
}
.icon-facebook-square:before {
    content: "\f082";
}
.icon-linkedin:before {
    content: "\f08c";
}
.icon-flag:before {
    content: "\f425";
}