/** Custom Board - Place your custom CCS under this line */

/* PROFIL ONLINE/OFFLINE
*****************************/
.avatar-container img.avatar, .avatar-container .avatar-none {
    border: 2px solid #DB0320;
}

.online img.avatar, .online .avatar-none {
    border-color: #03DB27;
}

/* Sature la couleur des groupes  */
.username-coloured,
.group-coloured,
.online-list em a[style*="color"],
.section-memberlist td a[style*="color"] {
    filter: saturate(160%);
}

/* Modifie l'affichage des liens dans le footer  */
.copyright a {
    color: #333;
}

.cafcopy, .footer-link-text {color: #333;}

.footer-row {
    display: inline-flex;
    padding: 0 0.4rem;
    font-size: 10px;
    line-height: 1.8;
    margin: 0;
}

/** BBCode CSS
----------------------------------- **/
.tip, .sinfo, .snote, .warning {
    display: block;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
    margin: 1em;
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
    color: #111222;
    border-color: #ccc;
}   
.tip {border-left: 2px solid #5e8555; background-color: #e5ffdf;}
.sinfo {border-left: 2px solid #e0c304; background-color: #ffc;}
.snote {border-left: 2px solid #0b76d4; background-color: #badfff;} 
.warning {border-left: 2px solid #f52a2a; background-color: #fcc;}  

.inline {
  background: #dcdcdc;
  border: 1px solid #c9d2d8;
  color: #333;
  padding: 0 3px;
}

/** Use with forum image as forum icon
 * https://www.phpbb.com/customise/db/extension/forum_image_as_forum_icon/
---------------------------------------------------------------------------- **/
.forum-image img {
  max-width: 100%;
  border-radius: 50px;
  width: 40px;
}

.forum-image {
  float: left;
  padding-top: 0;
  margin-right: 8px;
}

/** Use with cBB Attachments extension by Canidev
 * https://www.canidev.com/store/cbb-attachments
--------------------------------------------------------- **/
.attachment-preview .file-info {
  color: #333;
  background: #dcdcdc;
}

.dark-theme .inline-attachment .attachment-preview.bordered {
  background-color: #eee!important;
}

/*  Browser Scrollbar Colors */
html {
  /* For Firefox */
  overflow-y: scroll;
  scrollbar-color: #4e5e82 #eee;
  scrollbar-width: thin;
}

/* For Chrome and other browsers except Firefox */
body::-webkit-scrollbar {
    width: 0.5em;
    background-color: #4e5e82;
}
body::-webkit-scrollbar-thumb {
    background-color: #eee;
}

/* Highlighter syntax
---------------------------------------- */
.hljs-tag {
  color: #333!important
}

/* Form select styles
---------------------------------------- */
select.select-box {
  color: #444444;
  border-color: #C7C3BF !important;
  background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
}

select.select-box {
  border: 1px solid transparent;
  border-radius: 4px;
  height: 24px;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Inline image thumbnails
*****************************/
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
}

/* Font Awesome icônes
*****************************/
.nav-main .fa-question-circle::before {
  content: "\f128";
}

/* Colored FA icônes
*****************************/
.fa-gavel:before{color:#014a01;}
.fa-cogs:before{color:red;}
.fa-question-circle:before{color:royalblue;}
.fa-pencil:before{color:#e11eb9;}
.fa-times:before{color:blueviolet;}
.fa-exclamation:before{color:red;}
.fa-info:before{color:green;}
.fa-search:before{color:#fdb900;}

.fa-bold:before {color:#2E8B57}
.fa-italic:before {color:#2e8857}
.fa-underline:before {color:#2E8B57}
.fa-quote-left:before{color:brown;}
.fa-code:before {color:#ff4500}
.fa-list:before {color:#8b4513}
.fa-list-ol:before {color:#8b4513}
.fa-asterisk:before {color:#800080}
.fa-image:before {color:#800080}
.fa-link:before {color:#800080}
.fa-flash:before {color:#483d8b}
.fa-tint:before {color:#ff8c00}

.fa-contao:before {color:#2E8B57}
.fa-header:before {color:brown}
.fa-snapchat-ghost:before {color:#ff4500}
.fa-info-circle:before {color:#8b4513}
.fa-sticky-note:before {color:#8b4513}
.fa-star:before {color:#8b4513}
.fa-exclamation-triangle:before {color:#8b4513}
.fa-smile-o:before {color:#800080}

/*
.fa-paypal:before{color:#1d44d5;}
.fa-bars:before,.fa-upload:before{color:coral;}
.fa-camera:before{color:orange;}
.fa-trash:before{color:#333;}
.fa-university:before{color:green;}
.fa-envelope:before{color:brown;}
.fa-bell:before,.fa-inbox:before{color:goldenrod;}
.fa-cubes:before,.fa-calendar:before{color:indigo;}
.fa-question:before,.fa-exclamation-triangle:before,.fa-youtube-play:before,.fa-user-secret:before{color:red;}
.fa-shield:before,.fa-group:before{color:royalblue;}*/
