div.ph_admin_box {
  border: 1px solid rgba(0,0,0,0.53);
  background: rgba(255,255,255,0.2);
  margin: 1em 0;
  padding: 0.5em;
  border-radius: 0.5em;
}
.ph_admin_search {
  border: 1px solid rgba(0,0,0,0.53);
  background: rgba(85,255,255,0.33);
  margin: 0.5em;
  padding: 0.5em;
  border-radius: 0.5em;
}
table.ph_member_list {
  margin: 0.5em 0;
  border-collapse: collapse;
}
table.ph_member_list>tbody>tr,
table.ph_member_list>thead>tr {
  background: #fff;
}
table.ph_member_list>tbody>tr:nth-child(even),
table.ph_member_list>thead>tr:nth-child(even) {
  background: #ccc;
}
table.ph_member_list>tbody>tr>th,
table.ph_member_list>tbody>tr>td,
table.ph_member_list>thead>tr>th,
table.ph_member_list>thead>tr>td {
  color: black;
  border: 1px solid #000;
  padding: 0.2em 0.4em;
  vertical-align: top;
}
table.ph_member_list>tbody>tr>th,
table.ph_member_list>thead>tr>th {
  font-weight: bold;
  background: #C0AA00;
}
table.ph_member_list>tbody>tr>td,
table.ph_member_list>thead>tr>td {
  text-align: right;
}
table.ph_member_list>tbody>tr>td:first-child+td,
table.ph_member_list>thead>tr>td:first-child+td {
  text-align: left;
}
table.ph_member_list>tbody>tr>td.ico,
table.ph_member_list>thead>tr>td.ico {
  padding: 0;
}
table.ph_member_list>tbody>tr>td.ico>img,
table.ph_member_list>thead>tr>td.ico>img {
  width: 50px;
  height: 50px;
  display: block;
}
.ph_admin_raw_data>span {
  display: inline-block;
  min-width: 20em;
  border: 1px solid;
  padding: 0.1em 0.3em;
}
.ph_admin_raw_data>span>label {
  display: inline-block;
  min-width: 8em;
}
.ph_super_checkbox {
  text-align: center !important;
  vertical-align: middle !important;
}
.ph_super_checkbox input {
  display: none;
}
.ph_super_checkbox label {
  display: block;
  width: 100%;
  height: 30px;
  cursor: pointer;
}
.ph_super_checkbox input:checked + label::after {
  content: "\0221a";
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  border: 1px solid #CC4466;
  border-radius: 4px;
  padding: 0 6px;
  color: #C46;
  background: #FFF;
}
body,
html {
  padding: 0;
  margin: 0;
}
body {
  text-align: center;
  background: #48f5fc;
  background: url(/design/bg-stars.png) repeat-x, url(/design/bg-cloud.png) left 0 bottom 0 no-repeat, #48f5fc linear-gradient(to bottom,#040652 0%,#254ae5 20%,#48f5fc 100%);
  background-attachment: fixed;
  color: black;
}
@keyframes bodybg {
  from {
    background-position: top left, left -800px bottom 0, center;
  }
  to {
    background-position: top left, left 2000px bottom 0, center;
  }
}
a,
a:visited {
  color: black;
}
.simplemodal-container {
  background: #def;
  box-sizing: border-box;
}
@media (min-width: 681px) {
  .simplemodal-container {
    border: 2px solid black;
    border-radius: 1em;
  }
}
.dbm_quick_popup {
  display: none;
  margin: 4em;
  padding: 1em;
  cursor: pointer;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  overflow: auto;
  background: #fff;
}
@media (max-width: 800px) {
  .dbm_quick_popup {
    margin: 1em;
    padding: 0.2em;
  }
}
.center {
  text-align: center;
  text-indent: 0;
}
table.center td {
  text-align: center;
}
.small {
  font-size: small;
}
hr,
.spacer {
  border: none;
  display: block;
  clear: both;
  width: 1px;
  height: 1px;
}
img {
  border: none;
}
img.border {
  border: 1px solid;
}
.left {
  float: left;
  margin-right: 0.2em;
}
.right {
  float: right;
  margin-left: 0.2em;
}
p.l {
  margin: 0;
}
p.youtube {
  text-align: center;
  margin: 1em auto;
  width: 560px;
  height: 350px;
  position: relative;
}
p.youtube div {
  position: absolute;
  right: -15em;
  top: 50px;
  width: 10em;
  font: 0.8em sans-serif;
}
p.youtube iframe {
  width: 560px;
  height: 349px;
  border: none;
}
@media (max-width: 800px) {
  *[nomobile] {
    display: none;
  }
  *[desktop] {
    display: none;
  }
}
@media (min-width: 801px) {
  *[mobile] {
    display: none;
  }
  *[nodesktop] {
    display: none;
  }
}
@media print {
  *[dont-print] {
    display: none;
  }
}
.myflex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
table.cols {
  width: 100%;
  border-collapse: collapse;
  margin: 0 -6px;
}
table.cols td,
table.cols th {
  padding: 6px;
  vertical-align: top;
}
#debug_messages {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  max-height: calc(98%);
  overflow: auto;
  background: white;
  border: 1px solid black;
  margin: 1em;
  text-align: left;
  font: 0.8em sans-serif;
}
#debug_messages>h4 {
  cursor: pointer;
  margin: 0;
  padding: 0.4em;
  background: #ccc;
}
#debug_messages>div {
  margin: 0.4em;
}
@media (max-width: 900px) {
  #debug_messages {
    font: 0.5em sans-serif;
  }
}
@media print {
  #debug_messages {
    display: none;
  }
}
.myprintr span {
  color: red;
}
.myprintr span.ak {
  color: green;
}
div.vardisplay>table {
  border-collapse: collapse;
}
div.vardisplay>table>thead>tr>th,
div.vardisplay>table>tbody>tr>td {
  border: 1px solid;
  padding: 0.2em 0.3em;
}
.txt_Bangers {
  font-family: 'Bangers', cursive;
  font-size: 0.900em;
  line-height: 1.100;
  letter-spacing: 0.07em;
}
.txt_Balsamiq {
  font-family: 'Balsamiq Sans', cursive;
  font-size: 0.950em;
  line-height: 1.000;
}
.txt_Balsamiq-UC {
  font-family: 'Balsamiq Sans', cursive;
  font-size: 0.820em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Carter-One {
  font-family: 'Carter One', cursive;
  font-size: 0.900em;
  line-height: 1.000;
}
.txt_Gochi-Hand {
  font-family: 'Gochi Hand', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Gochi-Hand-UC {
  font-family: 'Gochi Hand', cursive;
  font-size: 0.900em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Kalam {
  font-family: 'Kalam', cursive;
  font-size: 0.900em;
  line-height: 1.000;
}
.txt_Kalam-UC {
  font-family: 'Kalam', cursive;
  font-size: 0.850em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Neucha {
  font-family: 'Neucha', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Pangolin {
  font-family: 'Pangolin', cursive;
  font-size: 0.950em;
  line-height: 1.000;
}
.txt_Pangolin-UC {
  font-family: 'Pangolin', cursive;
  font-size: 0.850em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Patrick-Hand {
  font-family: 'Patrick Hand', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Patrick-Hand-UC {
  font-family: 'Patrick Hand', cursive;
  font-size: 0.930em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Permanent-Marker {
  font-family: 'Permanent Marker', cursive;
  font-size: 0.850em;
  line-height: 1.100;
}
.txt_Balsamiq-small {
  font-family: 'Balsamiq Sans', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Kosugi-Maru {
  font-family: 'Kosugi Maru', cursive;
  font-size: 0.850em;
  line-height: 1.000;
}
.txt_Fira-Sans-Condensed {
  font-family: 'Fira Sans Condensed', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Ruslan-Display {
  font-family: 'Ruslan Display', cursive;
  font-size: 0.810em;
  line-height: 1.000;
}
.txt_Kalam-UC>.balloon {
  padding-top: 0.3em;
}
div.dbm-tags>span {
  display: inline-block;
  font: 0.8em sans-serif;
  background: #8AF;
  border-radius: 0.5em;
  padding: 0.1em 0.3em;
  margin: 0.1em;
}
.SqlResultNavigator {
  font: 1em/2em Arial, Helvetica, sans-serif;
  padding: 1em 0;
  margin: 0;
}
.SqlResultNavigator>* {
  margin: 2px;
  padding: 2px 8px;
  background: #fff;
  border: solid 2px #ddd;
  font-weight: bold;
}
.SqlResultNavigator a,
.SqlResultNavigator a:link {
  color: #06D;
  text-decoration: none;
}
.SqlResultNavigator a:visited {
  color: #27C;
}
.SqlResultNavigator a:active,
.SqlResultNavigator a:hover {
  color: #fff;
  background: Silver;
  border-color: Gray;
}
.SqlResultNavigator b,
.SqlResultNavigator span.current {
  color: black;
}
#dbm-admin-reads div.read-flex>div {
  margin-left: 1rem;
  min-width: 8em;
}
@media (min-width: 900px) {
  #dbm-admin-reads div.read-flex>div {
    flex: 1 1 0px;
  }
}
#dbm-admin-reads div.read-flex>div a.read-link {
  font-size: 1.4em;
}
@media (max-width: 900px) {
  #dbm-admin-reads div.read-flex>div p {
    margin: 0.5em 0;
  }
}
#dbm-admin-reads a.illustration>img {
  width: 15rem;
  height: 15rem;
}
@media (max-width: 900px) {
  #dbm-admin-reads a.illustration>img {
    width: 10rem;
    height: 10rem;
  }
}
@media (max-width: 900px) {
  #dbm-admin-reads a.illustration+div {
    width: calc(100% - 11rem);
  }
}
.f-bangers {
  font: 3em 'Bangers', cursive;
  letter-spacing: 0.02em;
}
.erreur,
.error {
  font-weight: bold;
  color: red;
  clear: both;
}
.small {
  font: small sans-serif;
}
.admin_todo_notif {
  background: #0d0;
  color: black;
  display: inline-block;
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.4em;
  text-align: center;
  font: bold 0.7em/1.3em sans-serif;
}
.subpage-link {
  display: inline-block;
  text-decoration: none;
  font: 1.3rem sans-serif;
  padding: 0.15em 0.3em;
  margin: 0.3em;
  border: #FEA 3px outset;
  background: #FEA;
  color: #000;
  cursor: pointer;
}
@media (max-width: 900px) {
  .subpage-link {
    font-size: 1.1rem;
    margin: 0.1em;
  }
}
.subpage-link>span {
  background: #0d0;
  color: black;
  display: inline-block;
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.4em;
  text-align: center;
  font: bold 0.7em/1.3em sans-serif;
}
#admin-guest {
  border: 2px solid rgba(0,0,0,0.67);
  background: rgba(255,255,255,0.8);
  width: 80%;
  max-width: 20em;
  margin: 3em auto;
  padding: 1em;
  font-size: 2em;
}
#admin-guest>h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  font: 3em 'Bangers', cursive;
  letter-spacing: 0.02em;
}
#admin-guest>div {
  display: flex;
  justify-content: space-around;
}
#admin-guest>div a {
  font-weight: bold;
}
@media (max-width: 600px) {
  #admin-guest>h2 {
    font-size: 2em;
    margin-bottom: 0.5em;
  }
  #admin-guest>div {
    display: block;
  }
  #admin-guest>div>div {
    margin: 1em 0;
  }
}
#leftmenu {
  border: 1px solid #A40;
  background: #FEA;
  position: fixed;
  top: 1em;
  left: 0.5em;
  bottom: 1em;
  width: 17em;
  text-align: center;
}
#leftmenu a,
#leftmenu a:visited,
#leftmenu div,
#leftmenu h4 {
  display: block;
  border: none;
  border-bottom: 1px solid #A40;
  width: 100%;
  margin: 0;
  padding: 0.1em 0;
}
#leftmenu a,
#leftmenu a:visited,
#leftmenu div {
  text-decoration: none;
  color: #A40;
}
#leftmenu a:hover {
  background: #EFA;
}
#leftmenu h4 {
  font: 0.8em sans-serif;
  color: white;
  background: #c00;
}
#leftmenu div {
  background: #ddd;
  color: #555;
  font: 0.9em sans-serif;
}
#leftmenu h4.dbm-mobile-menu-navigation {
  display: none;
}
@media (max-width: 600px) {
  #leftmenu a,
  #leftmenu a:visited,
  #leftmenu div,
  #leftmenu h4 {
    padding: 0.3em 0;
  }
}
#leftmenu a>span {
  background: #0d0;
  color: black;
  display: inline-block;
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.4em;
  text-align: center;
  font: bold 0.7em/1.3em sans-serif;
}
#leftmenu a[href="admin.php?page=read"] {
  font-size: 1.5em;
  font-family: 'Bangers', cursive;
  letter-spacing: 0.07em;
}
#allcontent {
  border: 1px solid #000;
  background: rgba(255,255,255,0.87);
  margin: 1em 0.5em 1em 18em;
  text-align: left;
}
#allcontent>h1 {
  font: 3em 'Bangers', cursive;
  letter-spacing: 0.02em;
  margin: 0;
  background: rgba(85,170,255,0.53);
  padding: 0.2rem 0.4rem;
}
#allcontent>h2 {
  font: 3em 'Bangers', cursive;
  letter-spacing: 0.02em;
  font-size: 2em;
  margin: 0;
  background: rgba(85,170,255,0.53);
  padding: 0.2rem 0.4rem;
}
#allcontent>div {
  padding: 1em 0.5em;
}
#allcontent h4 {
  margin: 1em 0 0 0;
  padding: 0.2em;
  background: #ccc;
}
@media (max-width: 70em) {
  #allcontent {
    margin-left: 11em;
  }
  #leftmenu {
    width: 10em;
  }
}
@media (max-width: 40em) {
  #allcontent {
    margin-left: 0.5em;
  }
  #leftmenu {
    position: static;
    width: auto;
    margin: 0.3em;
  }
  #leftmenu>h4.dbm-mobile-menu-navigation {
    display: block;
  }
  #leftmenu:not(.opened)>*:not(.dbm-mobile-menu-navigation) {
    display: none !important;
  }
}
.dbm-mobile-menu-navigation {
  pointer: cursor;
}
.dbm-mobile-menu-navigation::before {
  content: '≡ ';
}
.opened>.dbm-mobile-menu-navigation::before {
  content: 'X ';
}
tabs {
  display: block;
  padding: 0.3rem;
}
tabs tabshead {
  display: flex;
}
tabs tabshead>div {
  border: 1px solid;
  border-bottom: none;
  padding: 0.1rem 0.2rem;
  margin: 0 0.2rem;
}
tabs tabshead>div:not(.selected) {
  background: rgba(0,0,0,0.33);
  cursor: pointer;
}
tabs tabsbody {
  display: block;
  border: 1px solid;
}
tabs tabsbody>div {
  display: none;
  padding: 0.4rem;
}
tabs tabsbody>div.selected {
  display: block;
}
table.edition {
  border: thin solid black;
}
table.edition tr td:first-child {
  text-align: right;
}
table.layout {
  border-collapse: collapse;
}
table.layout td {
  border: none;
  padding: 0;
}
a.image {
  display: block;
  background: center no-repeat;
  text-decoration: none;
  float: left;
  margin: 2px;
}
.item {
  color: black;
  background-color: #e9e9e9;
}
.item0 {
  background-color: #f3f3f3;
}
.item1 {
  background-color: #e0e0e0;
}
table.tableau {
  border: medium solid black;
  color: black;
  margin: 0.2em 0 2em;
  padding: 0;
  width: 100%;
}
table.tableau th {
  border: black solid;
  border-width: thin 0;
  text-align: center;
  margin: 0;
  background-color: #b0b0e0;
}
table.tableau .header td {
  background-color: #6060C0;
  font-weight: bold;
  font-size: 115%;
  text-align: left;
  color: white;
}
table.tableau td {
  padding: 0.2em;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  border: none;
}
table.tableau tr.row0 {
  background-color: #f3f3f3;
}
table.tableau tr.row1 {
  background-color: #e0e0e0;
}
tr.row1 td,
tr.row0 td {
  border-width: 0;
}
table.tableau tr.changing_row0 {
  background-color: #f3f3f3;
}
table.tableau tr.changing_row0:hover {
  background-color: #a0a0ff;
}
table.tableau tr.changing_row1 {
  background-color: #e0e0e0;
}
table.tableau tr.changing_row1:hover {
  background-color: #a0a0ff;
}
table.tableau tr.changing_row {
  background-color: #ffffff;
}
table.tableau.allleft td,
table.tableau.allleft th {
  text-align: left;
}
table.tableau.allcenter td,
table.tableau.allcenter th {
  text-align: center;
}
table.tableau.allright td,
table.tableau.allright th {
  text-align: right;
}
table.tableau.alltop td,
table.tableau.alltop th {
  vertical-align: top;
}
table.tableau.allmiddle td,
table.tableau.allmiddle th {
  vertical-align: middle;
}
table.tableau.allbottom td,
table.tableau.allbottom th {
  vertical-align: bottom;
}
.redbg {
  background: #ff4040;
}
.button {
  color: white;
  background-color: #6060C0;
  border-bottom: thin solid black;
  border-right: thin solid black;
  border-top: thin solid #b5b5e2;
  border-left: thin solid #b5b5e2;
  font-size: 85%;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
a.button {
  padding: 0.5em 1.5em;
  margin: 0.5em 1em;
  text-decoration: none;
  font-size: 75%;
  display: block;
}
#phoenix_mobile_input {
  position: absolute;
  z-index: 1000;
  top: 0;
}
#release_system {
  text-align: left;
}
#release_system legend+p {
  margin-top: 0.2em;
}
#release_system p:last-child {
  margin-bottom: 0.2em;
}
#release_system label>input[type="checkbox"] {
  margin-left: 0.4em;
}
table.getext_field_line {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
table.getext_field_line td {
  width: 33%;
  border: 1px solid;
}
table.getext_field_line tr.pages td div {
  width: 100%;
  overflow: auto;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
table.getext_field_line div {
  width: 30%;
  float: left;
  margin: 0.5%;
  border: 1px solid;
  padding: 0.5%;
}
table.getext_field_line h3 {
  margin: 0 0 1em 0;
  text-align: center;
}
table.getext_field_line textarea {
  width: 98%;
  height: 30em;
}
#tr_see_page div.txt {
  padding: 0.5em;
}
table.tr_see_histo>tbody>tr>td>div {
  margin-top: 0.5em;
  font-size: smaller;
}
table.tr_see_histo td.preview {
  width: 15%;
  font: x-small sans-serif;
}
table.tr_see_histo td.original {
  color: #080;
}
table.tr_see_histo span.enter {
  color: #00F;
  background: #AAF;
}
table.tr_see_histo .text_diff {
  max-width: 30rem;
}
table.tr_see_histo .text_diff>div {
  background: #bbf;
}
table.tr_see_histo .text_diff>i {
  background: #f88;
}
table.tr_see_histo .text_diff>b {
  background: #8f8;
}
table.tr_see_histo .text_diff>i,
table.tr_see_histo .text_diff>b {
  padding: 0 0.35em;
}
table.tr_see_histo td table.for_copy {
  min-width: 30rem;
}
#tr_site_pages #site_pages th,
#tr_site_pages #site_pages td {
  padding: 0.3em 1em;
}
#tr_site_pages .trad-webpage td {
  vertical-align: top;
}
#tr_site_pages .trad-webpage td span {
  color: red;
}
#tr_site_pages .trad-webpage pre,
#tr_site_pages .trad-webpage textarea {
  font: 0.8rem monospace;
  line-height: 1rem;
  tab-size: 2;
  border: 1px solid black;
  padding: 0.2rem;
  box-sizing: content-box;
  overflow: auto;
}
#tr_site_pages .trad-webpage textarea {
  white-space: nowrap;
}
#tr_site_pages .the-authors table.getext_field_line {
  width: 32em;
}
#tr_site_pages .the-authors table.getext_field_line h3 {
  margin: 0;
}
#tr_site_pages .the-authors table.getext_field_line textarea {
  height: 4em;
}
#tr_site_pages .the-authors table.getext_field_line form[data-field="page_authors.desc"][data-id="40"] textarea,
#tr_site_pages .the-authors table.getext_field_line form[data-field="page_authors.desc"][data-id="41"] textarea,
#tr_site_pages .the-authors table.getext_field_line form[data-field="page_authors.desc"][data-id="42"] textarea,
#tr_site_pages .the-authors table.getext_field_line form[data-field="page_authors.desc"][data-id="43"] textarea,
#tr_site_pages .the-authors table.getext_field_line form[data-field="page_authors.desc"][data-id="48"] textarea,
#tr_site_pages .the-authors table.getext_field_line form[data-field="page_authors.desc"][data-id="49"] textarea {
  height: 15em;
}
table.bords {
  text-align: left;
  border-collapse: collapse;
  empty-cells: show;
  margin: auto;
}
table.bords td,
table.bords th {
  border: 1px solid black;
  text-indent: 0;
  padding: 0.1rem 0.2rem;
}
table.bords th {
  background: #EFD87C;
}
#allcontent .comic-admin-chapter-hidden>h4 a {
  margin-left: 1em;
}
#allcontent .comic-admin-chapter-hidden .comic-admin-pages {
  display: none;
}
.comic-admin-pages>div {
  display: inline-block;
  padding: 0.1em 0.2em;
  margin: 0.1em;
  border: 1px solid black;
}
@media (max-width: 900px) {
  .comic-admin-pages>div {
    font-size: 1.7em;
    margin: 0.2em;
  }
}
.comic-admin-pages a {
  display: block;
  text-decoration: none;
  color: black;
  text-align: center;
  font-family: sans-serif;
}
.comic-admin-pages>div.current {
  padding: 0.1rem 0.5rem;
}
.comic-admin-pages>div.current>a {
  background: #88F;
}
.comic-admin-pages>div.plt-none {
  background: #F88;
}
.comic-admin-pages>div.plt-trans {
  background: #FC8;
}
.comic-admin-pages>div.plt-file {
  background: #AFA;
}
.comic-admin-pages>div.plt-nil {
  background: #E55;
}
.comic-admin-pages>div.plt-ono {
  background: #FA4;
}
.comic-admin-pages>div.plt-nol {
  background: #E5D;
}
.comic-admin-pages>div.plt-bal {
  background: #FE5;
}
.comic-admin-pages>div.plt-eng {
  background: #AFA;
}
.comic-admin-pages>div.plt-bas {
  background: #FA4;
}
.comic-admin-pages>div.plt-txt {
  background: #8EF;
}
.comic-admin-pages>div.plt-fil {
  background: #AFA;
}
.comic-admin-pages .comic-admin-page-lang-data {
  min-width: 1.4em;
}
form#comic-edit-infos {
  display: none;
}
form#comic-edit-infos div {
  font-size: 0.85em;
  margin-top: 1em;
}
form#comic-edit-infos textarea {
  width: 100%;
  height: 6em;
}
.comic-edit-description .getext_field_line {
  width: 30em;
}
.comic-edit-description .getext_field_line textarea {
  height: 6em;
}
#comic-admin-basics>tabshead>div>div {
  padding: 0.5rem;
  font-size: 1.5em;
  background: rgba(255,136,136,0.73);
}
#comic-admin-basics>tabshead>div>div.good {
  background: rgba(136,255,136,0.73);
}
@media (max-width: 920px) {
  #comic-admin-basics>tabshead>div>div {
    height: 4em;
  }
}
@media (min-width: 921px) and (max-width: 1420) {
  #comic-admin-basics>tabshead>div>div {
    width: 6em;
  }
}
@media (min-width: 1421px) {
  #comic-admin-basics>tabshead>div>div {
    width: 10em;
  }
}
#comic-admin-basics>tabsbody>div {
  overflow: auto;
  padding: 0.2rem;
  margin: 0.2rem;
}
#comic-admin-basics>tabsbody>div>h4 {
  margin: 0;
}
#comic-admin-basics .cab-notext img {
  width: 10rem;
  max-height: 50rem;
}
@media (max-width: 900px) {
  #comic-admin-basics .cab-notext img {
    width: 95%;
    max-height: 30rem;
  }
}
#comic-admin-basics .cab-balloons #balloons_boxes {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #800;
  background: transparent no-repeat scroll left top;
  flex: 0 0 1px;
}
#comic-admin-basics .cab-balloons #balloons_boxes>.balloon {
  position: absolute;
  border: 1px dotted transparent;
  text-align: center;
  width: 50px;
  height: 50px;
}
#comic-admin-basics .cab-balloons #balloons_boxes:hover>.balloon {
  border: 1px dotted #800;
  background: rgba(255,204,0,0.53);
}
#comic-admin-basics .cab-balloons #balloons_boxes>div.scale_warning {
  text-align: center;
  background: rgba(255,136,136,0.87);
  padding: 0.2rem;
  font: 1.2em sans-serif;
}
#comic-admin-basics .cab-balloons form {
  flex: 1 0 300px;
  margin: 1rem 0 0 1rem;
}
#comic-admin-basics .cab-balloons form div#optionsBalloons button {
  font-weight: bold;
}
#comic-admin-basics .cab-balloons form button[change_size] {
  min-width: 1.5em;
  font-size: 1.5em;
  margin: 0 0.4em;
}
#comic-admin-basics .cab-balloons form button#saveBalloons {
  font-size: 1.2em;
  font-weight: bold;
}
#comic-admin-basics .cab-balloons #balloons_data {
  margin: 0.5rem 0;
}
#comic-admin-basics .cab-balloons #balloons_data>div {
  display: flex;
  margin-bottom: 0.3rem;
}
#comic-admin-basics .cab-balloons #balloons_data>div>label {
  margin-right: 0.5rem;
  text-align: center;
  border: 1px solid;
  padding: 0 0.2rem;
  border-radius: 0.4rem;
}
#comic-admin-basics .cab-balloons #balloons_data span[color] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid black;
  vertical-align: bottom;
}
#comic-admin-basics .cab-balloons #balloons_data>div>div>div {
  margin-bottom: 0.1rem;
}
#comic-admin-basics .cab-balloons #balloons_data input {
  width: 2.5rem;
  margin-right: 0.4rem;
  font-size: 0.75em;
}
#comic-admin-basics .cab-balloons #balloons_data input[d="color"] {
  width: 4rem;
}
#comic-admin-basics .cab-balloons #balloons_data button[invisible] {
  font-size: 0.8em;
}
.page_text_update textarea[name="texts"] {
  width: 95%;
  height: 12em;
}
.page_text_update .balloons_text_edition {
  position: relative;
  border: 2px solid red;
}
.page_text_update .balloons_text_edition textarea {
  position: absolute;
  border: none;
  background: transparent;
  text-align: center;
  font: inherit;
  text-transform: inherit;
}
.page_text_update .balloons_text_edition.display_mode2 textarea {
  background: #ff8;
  border: 1px dotted #f00;
  margin: -1px 0 0 -1px;
}
.page_text_update button {
  vertical-align: top;
}
.page_text_update button[type="submit"] {
  font-size: 1.6em;
}
#comic_new_page textarea {
  width: 80%;
  height: 9rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}
.comic-show-each-languages>div {
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 1rem;
  margin-bottom: 0.2rem;
}
.comic-show-each-languages>div>h5 {
  margin: 0;
  background: #E55;
  border-radius: 1rem 1rem 0 0;
  text-align: center;
}
.comic-show-each-languages>div>h5.with-text {
  background: #8EF;
}
.comic-show-each-languages>div>h5.with-img {
  background: #AFA;
}
@media (max-width: 900px) {
  .comic-show-each-languages>div {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .comic-show-each-languages>div.full {
    width: 100%;
  }
  .comic-show-each-languages>div.half {
    width: 49.5%;
  }
  .comic-show-each-languages>div.third {
    width: 33%;
  }
}
.comic-show-each-languages>div button[rel="display_size_toggle"] {
  padding: 0 0.1rem;
  margin: 0.1rem;
  margin-left: auto;
}
.comic-show-each-languages img.lang-image {
  max-width: 90%;
}
div.txt {
  border: 1px solid;
  min-height: 200px;
}
div.txt img {
  float: right;
  max-width: 40%;
}
div.small {
  margin-top: 1em;
  font-size: small;
}
div.scale_fit {
  transform-origin: top left;
  transform: scale(0.1);
  margin: -100rem;
}
.dm-uploader {
  text-align: center;
  background: white;
  border: 3px dashed black;
  padding: 1em;
  margin: 1em;
}
.dm-uploader.active {
  border: 3px solid red;
}
.dm-uploader div.btn {
  background: #8df;
  border-radius: 0.4em;
  padding: 0.3em;
  margin: 0.2em 2em;
}
.dm-uploader .upload-drop-reports>div {
  margin: 0.2em;
  padding: 0.5em;
  background: #ccc;
  border-radius: 0.5em;
}
.dm-uploader .upload-drop-reports .status.text-danger {
  background: #F88;
}
.dm-uploader .upload-drop-reports .status.text-success {
  background: #8F8;
}
.dm-uploader .progress .progress-bar {
  background: #777;
}
.translator_urgent_message {
  text-align: center;
  margin: 1rem 0.5rem;
  padding: 0 0.8rem;
  font-size: 1.5em;
  border: 1px solid #900;
  background: #FDD;
}
table.for_copy td {
  border: 1px solid grey;
}
@media (min-width: 900px) {
  #admin-home {
    display: flex;
    justify-content: space-between;
  }
}
#admin-home #adminaccueil {
  flex: 1 0 50%;
}
#admin-home span.you_are {
  font: bold 1.5em sans-serif;
}
#admin-home span.you_are img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  vertical-align: middle;
}
#calendar {
  clear: both;
  max-width: 70em;
  margin: auto;
}
#calendar iframe {
  border: none;
  width: 100%;
  height: 50em;
}
#calendar_help_en,
#calendar_help_fr {
  display: none;
}
#change_avatar>div {
  max-height: 30em;
  overflow: auto;
}
#change_avatar label {
  display: inline-block;
  height: 80px;
}
#change_avatar label>* {
  display: inline-block;
  vertical-align: middle;
}
#change_avatar label:first-child {
  margin-right: 0.3em;
}
@media (min-width: 800px) {
  #change_avatar label:first-child>span {
    width: 7em;
  }
}
#change_avatar label:first-child+label {
  margin-right: 0.3em;
}
@media (min-width: 800px) {
  #change_avatar label:first-child+label>span {
    width: 20em;
  }
}
@media (max-width: 801px) {
  #change_avatar label:first-child+label {
    height: auto;
  }
}
#change_avatar label[help] {
  width: 17em;
  text-align: center;
  font: bold 1em sans-serif;
  color: #d30;
}
#change_avatar img {
  width: 74px;
}
#change_avatar img.new {
  border: 3px solid #0A0;
}
#change_avatar input:checked+img {
  border: 4px solid red;
}
#profile_description textarea {
  width: 95%;
  height: 7em;
}
#change_avatar[adminmode]>div {
  display: inline-block;
  width: 15rem;
}
#change_avatar[adminmode]>div img {
  float: left;
}
#association #regles_assoc {
  white-space: pre-line;
  background: rgba(255,255,255,0.53);
  border: grey 1px solid;
  padding: 1em;
}
#association form input[type="checkbox"] {
  transform: scale(2);
}
div.modo_stats {
  max-height: 8em;
  font: 0.7em sans-serif;
  border: 1px solid rgba(0,0,0,0.5);
  overflow: auto;
  min-width: 15em;
}
div.modo_stats>h4 {
  margin: 0;
}
div.modo_stats>div>a {
  color: inherit;
}
div.modo_stats>div>span {
  color: #05b;
  display: inline-block;
  width: 2em;
}
span.search_word {
  background: #ff0;
}
span.team_member {
  border: 1px solid;
  color: #900;
  border-radius: 0.4em;
  background: rgba(255,0,0,0.5);
  padding: 0 0.2em;
}
.team_display span {
  color: #090;
  font: 0.8em sans-serif;
}
#mod_comments_form p[for] {
  display: none;
}
#page-fanfics {
  display: flex;
}
@media (max-width: 1000px) {
  #page-fanfics {
    flex-wrap: wrap;
  }
}
@media (min-width: 1001px) {
  #page-fanfics>div:first-child {
    margin-right: 1em;
  }
}
#page-fanfics form#fanfic_selector {
  display: block;
  border: 1px solid;
  background: #adf;
  border-radius: 5px;
  padding: 1em;
  margin: 1em 0;
}
#page-fanfics h4 {
  margin: 0.2em 0;
}
#page-fanfics table.bords img {
  width: 25px;
  height: 25px;
}
#page-fanfics table.bords td.td_bool_1 {
  background: #0f0;
}
#page-fanfics table.bords td.td_bool_0 {
  background: #f00;
}
#fanfic-edition {
  background: #fd8;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 0.5em;
}
#fanfic-edition h3 {
  margin-top: 0;
}
#fanfic-edition h3 span {
  font: normal 0.7em sans-serif;
}
#fanfic-edition textarea {
  box-sizing: border-box;
  width: 100%;
  height: 25em;
}
#page-modomanual ul {
  margin: 0;
}
#page-modomanual .spanred span {
  color: red;
}
#page-modomanual .spangreen span {
  color: #0a0;
}
form#mod_comments_form input[type="number"] {
  width: 4em;
}
#allcontent .admin-member-infos {
  margin: 0.4rem 0;
}
#allcontent .admin-member-infos h4 {
  margin: 0;
  padding: 0.3rem 0.6rem;
  background: #BBB;
  border-radius: 0.7rem 0.7rem 0 0;
}
#allcontent .admin-member-infos>div {
  overflow: auto;
  background: #DDD;
  padding: 0.4rem;
  border-radius: 0 0 0.7rem 0.7rem;
}
#allcontent .admin-member-infos>div img {
  float: left;
  width: 200px;
  border-radius: 10px;
  margin: 0.3rem 0.4rem 0.3rem 0;
}
@media (max-width: 800px) {
  #allcontent .admin-member-infos>div img {
    width: 30%;
  }
}
#allcontent .admin-member-infos.banned h4 {
  background: #B88;
}
#allcontent .admin-member-infos.banned>div {
  background: #D88;
}
#allcontent .admin-member-infos-alone .admin-member-infos {
  font-size: 1.3em;
  margin: 0 3rem;
}
@media (max-width: 800px) {
  #allcontent .admin-member-infos-alone .admin-member-infos {
    margin: 0;
  }
}
#ban_form {
  margin: 1em 0.4em;
  border: 1px solid black;
  background: #FC8;
}
#ban_form>h2 {
  padding: 0.2em;
  margin: 0;
  margin-bottom: 0.4em;
  background: rgba(0,0,0,0.27);
}
#ban_form>div>div>* {
  padding: 0.2em;
}
#ban_form .ban_type {
  font-size: 1.2em;
}
#ban_form .ban_talk_ban {
  display: none;
}
#ban_form textarea {
  width: 98%;
  min-height: 5em;
  flex-grow: 1;
}
@media (min-width: 1000px) {
  #ban_form>div {
    display: flex;
  }
  #ban_form>div>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
#ban_form .ban_message {
  padding: 0.2em;
  background: rgba(255,255,255,0.4);
  font: 0.8em sans-serif;
}
#social-links-authors {
  justify-content: space-around;
}
#social-links-authors>div {
  border: 1px solid;
  margin-bottom: 0.5em;
  background: rgba(0,0,0,0.1);
  position: relative;
}
#social-links-authors>div>t {
  display: block;
  font: bold 0.9em sans-serif;
  padding: 0.2em;
  background: rgba(0,0,0,0.3);
}
#social-links-authors>div>div>t {
  font-size: 0.7em;
  padding: 0.2em;
  background: #5FF;
}
#social-links-authors>div>hl {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  background: #FF0;
  font: bold 1em sans-serif;
  border: 1px solid black;
  padding: 0.1em 0.2em;
  color: #900;
  display: none;
}
#social-links-authors>div:hover>hl {
  display: block;
}
#social-links-site {
  justify-content: space-around;
}
#social-links-site>div {
  border: 1px solid;
  margin-bottom: 0.5em;
  padding: 0.2em;
  background: rgba(0,0,0,0.1);
}
div.ph_admin_box {
  margin: 0;
  border: none;
}
div.ph_admin_box>h2 {
  display: none;
}
#admin-home #news_admin {
  border: 1px solid;
  background: #eee;
}
#admin-home #news_admin h4 {
  margin: 0;
  text-align: center;
}
#admin-home #news_admin>div {
  border-top: 1px solid;
}
#admin-home #news_admin>div h5 {
  margin: 0;
  padding: 0 0.2rem;
  background: #5AF;
  font-size: 1rem;
}
#admin-home #news_admin>div h5>span {
  font-size: 0.8em;
}
#admin-home #news_admin>div p {
  margin: 0.5rem 0;
  padding: 0 0.2rem;
}
#admin-home #news_admin>h4+div {
  border-top: none;
}
#admin-home #news_admin>h4+div p,
#admin-home #news_admin>h4+div h5 {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  #admin-home #news_admin>div {
    display: none;
  }
  #admin-home #news_admin>h4+div {
    display: block;
  }
}
table.news_v1 {
  clear: both;
}
table.news_v1 h3 {
  margin: 0;
  border-bottom: 1px solid black;
  background: #6e89d5;
  text-align: center;
  padding: 0.1em;
}
table.news_v1 div.date {
  color: #032;
  float: right;
}
html[dir="rtl"] table.news_v1 div.date {
  float: left;
}
table.news_v1 img {
  margin: 0.2em 0.5em 0.2em 0;
  float: left;
  border: none;
  max-width: 200px;
}
table.news_v1 img.right {
  float: right;
}
table.news_v1 td {
  vertical-align: top;
  padding: 3px;
}
table.news_v1 td.edit {
  vertical-align: middle;
}
@media (max-width: 640px) {
  table.news_v1 img {
    width: 49.5%;
    margin: 0 !important;
  }
}
form.edit_news_v1 textarea {
  vertical-align: top;
  height: 10em;
}
@media (max-width: 999px) {
  form.edit_news_v1 textarea {
    width: 99%;
  }
}
@media (min-width: 1000px) {
  form.edit_news_v1 input[type="text"] {
    width: 60em;
  }
  form.edit_news_v1 textarea {
    width: 60em;
  }
}
#new_news_v2 input.title {
  width: 25em;
}
#new_news_v2 textarea {
  height: 7em;
  width: 25em;
}
@media (min-width: 640px) {
  #news_v2_details .myflex {
    flex-wrap: nowrap;
  }
}
#news_v2_details .myflex>div {
  padding: 0.5em;
}
#news_v2_details table.getext_field_line textarea {
  height: 3em;
}
#news_v2_details table.getext_field_line [data-field="news.body"] textarea {
  height: 12em;
}
@media (max-width: 640px) {
  #news_v2_details table.getext_field_line textarea {
    height: 6em;
  }
  #news_v2_details table.getext_field_line [data-field="news.body"] textarea {
    height: 20em;
  }
}
@media (max-width: 640px) {
  #news_v2_details img {
    width: 49.5%;
    margin: 0 !important;
  }
}
.news {
  margin-bottom: 1em;
  clear: both;
  overflow: auto;
}
.news h3 {
  margin: 0;
}
.news div.date {
  color: #032;
  float: right;
}
html[dir="rtl"] .news div.date {
  float: left;
}
.news img {
  margin: 0.2em 0.5em 0.2em 0;
  float: left;
  max-width: 100%;
}
.news img.right {
  margin: 0.2em 0 0.2em 0.5em;
  float: right;
}
.news img.center {
  margin: 0.2em;
  float: none;
}
.news img[src="/imgs/promos/site-compte.png"] {
  width: 300px;
}
@media (max-width: 640px) {
  .news img {
    width: 49.5%;
    margin: 0 !important;
  }
}
.news iframe {
  width: 560px;
  height: 320px;
}
@media (max-width: 640px) {
  .news iframe {
    width: 95%;
    margin: auto;
  }
}
@-moz-document url-prefix() {
  @media (max-width: 1100px) {
    .news img {
      max-width: 600px;
    }
  }
}
@media (max-width: 1100px) {
  noindex:-o-prefocus,
  .news img {
    max-width: 600px;
  }
}
.dbm-comment-load span.dbm-comment-load-message {
  color: #fff;
}
div.dbm_comment {
  border: 1px #620 solid;
  border-bottom: none;
  background: #FD5;
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: left;
}
html[dir=rtl] div.dbm_comment {
  text-align: right;
}
div.dbm_comment:last-child {
  border-bottom: 1px #620 solid;
}
div.dbm_comment.is_team {
  background: #FF8;
}
div.dbm_comment.deleted {
  background: #F88;
}
div.dbm_comment.banned {
  background: #FA8;
}
div.dbm_comment>.dbmc-top {
  display: block;
  background: rgba(136,51,0,0.4);
  color: white;
  padding: 0.2em;
}
div.dbm_comment>.dbmc-top img.dbmc-av {
  float: left;
  margin: 0 5px 5px 0;
  width: 90px;
  height: 90px;
  border-radius: 4px;
}
html[dir=rtl] div.dbm_comment>.dbmc-top img.dbmc-av {
  float: right;
  margin: 0 0 5px 5px;
}
@media (max-width: 800px) {
  div.dbm_comment>.dbmc-top img.dbmc-av {
    width: 50px;
    height: 50px;
  }
}
div.dbm_comment>.dbmc-top>.dbmc-nick {
  font-weight: bold;
}
div.dbm_comment>.dbmc-top>.dbmc-date {
  color: #500;
}
@media (max-width: 800px) {
  div.dbm_comment>.dbmc-top>.dbmc-date {
    display: block;
    text-align: right;
  }
}
@media (min-width: 801px) {
  div.dbm_comment>.dbmc-top>.dbmc-date {
    float: right;
  }
  html[dir=rtl] div.dbm_comment>.dbmc-top>.dbmc-date {
    float: left;
  }
}
div.dbm_comment>div.dbmc-content,
div.dbm_comment>div.dbmc-form-guest,
div.dbm_comment>div.dbmc-form-logged {
  padding: 0.2em;
}
div.dbm_comment>div.dbmc-form-guest img {
  border: none;
  width: 60px;
  border-radius: 10px;
  float: left;
  margin-right: 0.3em;
}
div.dbm_comment>div.dbmc-form-logged form textarea {
  background: #FE9;
  width: 90%;
  height: 12em;
  margin: 0.5em auto;
}
div.dbm_comment>div.dbmc-form-logged form input[type="submit"] {
  margin-left: 95px;
}
div.dbm_comment>img {
  border: none;
  width: 60px;
  border-radius: 10px;
}
div.dbm_comment>div.dbmc-content {
  overflow-wrap: break-word;
}
div.dbm_comment>div.dbmc-content a {
  color: #05b;
}
div.dbm_comment>div.dbmc-content a:visited {
  color: #025;
}
div.dbm_comment>div.dbmc-content span.quote {
  color: #1C5538;
}
.admin-comments div.dbm_comment>div.dbmc-content {
  min-height: 50px;
}
#member_page div.dbm_comment>div.dbmc-content {
  min-height: 50px;
}
@media (max-width: 1000px) and (orientation: portrait) {
  div.dbm_comment>div.dbmc-content img {
    max-width: 100vw;
    max-height: 60vh;
  }
}
@media (max-width: 1000px) and (orientation: landscape) {
  div.dbm_comment>div.dbmc-content img {
    max-width: 100vw;
    max-height: 80vh;
  }
}
@media (min-width: 1001px) {
  div.dbm_comment>div.dbmc-content img {
    max-width: 500px;
    max-height: 300px;
  }
  div.dbm_comment>div.dbmc-content img:hover {
    max-width: 100%;
    max-height: 1000px;
  }
}
div.dbm_comment>div.dbmc-content.dbmc-wrap {
  overflow: hidden;
  max-height: 400px;
  background-image: linear-gradient(transparent 80%,#000 100%);
}
div.dbm_comment>div.dbmc-content.dbmc-wrap+div {
  text-align: center;
  height: 0;
}
div.dbm_comment>div.dbmc-content.dbmc-wrap+div>button {
  position: relative;
  top: -2em;
}
div.dbm_comment>div.dbmc-content .spoiler>div {
  border: 1px dotted #a50;
  display: none;
}
div.dbm_comment>div.dbmc-content div.dbmc-quote {
  border: 1px solid rgba(0,0,0,0.53);
  margin: 0.1em;
  font-size: 90%;
  max-height: 10em;
  overflow: auto;
}
div.dbm_comment>div.dbmc-content div.dbmc-quote>a {
  display: block;
  padding: 0.2em 0.3em;
  background: rgba(0,0,0,0.27);
  text-decoration: none;
}
div.dbm_comment>div.dbmc-content div.dbmc-quote>div {
  padding: 0.2em 0.3em;
  background: rgba(255,255,255,0.67);
}
div.dbm_comment>div.dbmc-content a.dbmc-replies {
  float: right;
  background: rgba(0,0,0,0.4);
  border-radius: 0.4em;
  padding: 0.2em;
}
div.dbm_comment button,
div.dbm_comment a.dbmc-check {
  display: inline-block;
  border: 2px outset;
  text-decoration: none;
  color: black;
  margin: 0.3em;
  background: #ac3;
  border-color: #667a1f;
}
div.dbm_comment button.dbmc-report,
div.dbm_comment a.dbmc-check.dbmc-report {
  background: #fa5;
  border-color: #ee7700;
}
div.dbm_comment button.dbmc-del,
div.dbm_comment button.dbmc-check,
div.dbm_comment a.dbmc-check.dbmc-del,
div.dbm_comment a.dbmc-check.dbmc-check {
  background: #fa5;
  border-color: #ee7700;
}
div.dbm_comment button.dbmc-del::before,
div.dbm_comment button.dbmc-check::before,
div.dbm_comment a.dbmc-check.dbmc-del::before,
div.dbm_comment a.dbmc-check.dbmc-check::before {
  content: '\1F525\FE0F ';
}
div.dbm_comment>a.dbmc-page-link {
  display: block;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.33);
}
div.dbm_comment.deleted       .dbmc-more-info button[rel="del"] {
  display: none;
}
div.dbm_comment:not(.deleted) .dbmc-more-info button[rel="undel"] {
  display: none;
}
div.dbm_comment>.dbmc-more-info {
  background: #9CF;
  font: 0.8em sans-serif;
  border-bottom: 3px solid;
}
div.dbm_comment>.dbmc-more-info>div {
  background: rgba(255,255,255,0.6);
}
div.dbm_comment>.dbmc-more-info p {
  margin: 0;
  padding: 0.4em;
}
div.dbm_comment .commenthelp {
  font: 1em sans-serif;
  border: 1px dotted;
  background: #FE9;
  margin: 0.5em 1em;
  padding: 1em !important;
}
div.dbm_comment .commenthelp a {
  cursor: pointer;
  font: 0.8em sans-serif;
  color: #A00;
}
div.dbm_comment .commenthelp div.commenthelp-more {
  text-align: center;
  font-weight: bold;
  color: darkred;
}
div.dbm_comment .commenthelp div.commenthelp-more>div {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
div.dbm_comment .commenthelp div.commenthelp-more>div>div {
  text-align: center;
  max-width: 400px;
}
.comment_help_pop {
  font: 1em sans-serif;
  color: black;
  background: #FFB;
}
.comment_help_pop span {
  color: red;
}
.comment_help_pop h4 {
  color: maroon;
}
.dbmc-report-form {
  display: none;
  z-index: 1000;
  background: white;
  color: black;
  padding: 0.4em 0.7em;
  max-width: 20em;
  box-sizing: border-box;
  border: 1px solid block;
}
.dbmc-report-form>h4 {
  background: #eee;
  margin: 0;
  padding: 0.3em;
}
.dbmc-report-form>div {
  display: flex;
  justify-content: space-between;
}
.dbmc-report-form>textarea {
  width: 100%;
  height: 5em;
  box-sizing: border-box;
}
button.dbm-comment-hide {
  margin: 0.5em auto;
  color: #800;
  border-color: #b55;
  background: #f90;
}
.ban_show {
  border: 1px solid;
  padding: 0.3em;
}
.ban_show.ban_warning {
  background: #FF5;
}
.ban_show.ban_ban {
  background: #F55;
}
.ban_show img {
  width: 30px;
  height: 30px;
}
.ban_show.ban_big {
  margin: 1em 0;
  padding: 1em;
  font-size: 1.5em;
}
@media print {
  .dbm-comment-load,
  button.dbm-comment-hide {
    display: none;
  }
}
#phoenix-modal-overlay {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  cursor: crosshair;
}
#phoenix-modal-panel {
  position: absolute;
  top: 100px;
  right: 100px;
  bottom: 100px;
  left: 100px;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #d6d6d6;
  cursor: default;
}
#phoenix-modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: black;
  text-align: center;
  font-size: 22px;
  font-family: 'Carter One', 'Alegreya Sans', sans-serif;
  width: 32px;
  height: 32px;
  background-color: #ececec;
  cursor: pointer;
}
#phoenix-modal-body {
  color: black;
}
