#loader {
  position: fixed;
  bottom: 35%;
  left: 35%;
  z-index: 5;
}

.row.no-padding {
  width: 100%;
  padding: 0 !important;
}
.row.no-padding > div {
  padding: 0 !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

@media (min-width: 768px) {
  .container {
    width: 600px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1500px;
  }
}
.inline {
  display: inline-block;
}

a {
  color: #000000;
}
a:hover {
  color: rgba(1, 6, 5, 0.6745098039);
}

i {
  margin-right: 0;
}

.progress {
  background-color: #9e1330;
}
.progress .progress-bar {
  background-color: #23884c;
}
.progress .progress-bar-striped {
  background-image: linear-gradient(90deg, #23884c 10%, rgba(0, 0, 0, 0) 10%, rgba(3, 14, 25, 0) 10%, #1a252f 10%, #15a589 10%, #1a252f 10%, rgba(142, 115, 115, 0));
}

.badges i.stat {
  background: MistyRose;
  padding: 2px;
  color: black;
}
.badges .fa-gem {
  color: #43f4dc;
}
.badges .fa-bed {
  color: palevioletred;
}
.badges .fa-crown {
  color: #f4ba71;
}
.badges .fa-signal {
  color: #14d222;
}

.badge {
  font-size: 10px;
  position: absolute !important;
}

header {
  margin-bottom: 0 !important;
}
header .navbar {
  margin-bottom: 0 !important;
}
header .navbar-brand {
  padding-left: 0 !important;
}

#quick-link {
  background: #ecf0f1;
  margin-top: 0;
  padding-top: 2em;
  padding-bottom: 2em;
}

.clear {
  clear: both;
}

.btn.btn-default {
  background: white;
  border-color: #e5e8e8;
  color: black;
}
.btn.btn-disabled {
  cursor: default;
}

ul.dropdown-menu {
  padding-bottom: 0 !important;
}

#main {
  padding: 25px;
}

.text-center {
  text-align: center;
}

.progress {
  margin-bottom: 0;
}

body {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.onload .loader {
  width: 100%;
  height: 500vh;
  z-index: 1000;
  background: #fcfefc;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  display: block;
  padding-top: 20vh;
}
body.onload .loader i {
  top: 20vh;
  position: absolute;
  left: 49%;
}
body #main {
  width: 100% !important;
  background: rgba(213, 253, 253, 0.6705882353);
}
body.modal-open .modal-backdrop {
  z-index: 1000;
}
body.fond-type-0 {
  background-image: url("/img/fond-1.jpg");
}
body.fond-type-1 {
  background-image: url("/img/fond-1.jpg");
}
body.fond-type-2 {
  background-image: url("/img/fond-2.jpg");
}
body.fond-type-3 {
  background-image: url("/img/fond-3.jpg");
}
body.fond-type-4 {
  background-image: url("/img/fond-4.jpg");
}
body.fond-type-5 {
  background-image: url("/img/fond-1.jpg");
}
body a {
  color: #291b13;
  font-weight: bold;
}

#quick-link {
  background: transparent !important;
  width: 100%;
}

header, header .navbar {
  z-index: 1 !important;
  background: #1e2e80 !important;
  width: 100%;
}

header .navbar-toggler-icon {
  background-image: url("/img/burger-icon.JPG");
}
header .slogan {
  font-size: 16px;
  padding-top: 5px;
}
header .nain_info_live {
  color: white;
}
header .nain_info_live .items {
  overflow: hidden;
  height: 40px;
}
header .nain_info_live .items i {
  display: none;
}
header .userinfo a {
  color: white;
}
header .dropdown.dropup.open .dropdown-menu {
  left: -160px;
  width: 150px;
  top: -6px;
}
header .dropdown.dropup.open .dropdown-menu li {
  background: white;
  padding-top: 4px;
}
header .navbar-right {
  width: 100%;
}
header .navbar-default .navbar-nav > li > a {
  position: relative;
  display: inline-block;
  padding: 10px 0px;
  color: #000000;
  color: white;
  font-weight: bold;
}
header .navbar-default .navbar-nav > li > a:hover {
  color: rgba(1, 6, 5, 0.6745098039);
}

.progress-bar {
  background-color: #1e2e80;
}
.progress-bar.progress-bar-danger {
  background-color: #f41921;
}
.progress-bar.progress-bar-success {
  background-color: #14d222;
}

.historic {
  position: relative;
}

.targetOn i {
  color: #f41921;
}

.ratios {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ratios div {
  height: 25px;
  display: inline-block;
  color: white;
  text-align: center;
}
.ratios .brave_kill {
  background: #1e2e80;
}
.ratios .sad_kill {
  background: #f41921;
}
.ratios .rampant_kill {
  background: #14d222;
}

#all-kills, #all-deaths {
  position: relative;
  padding-top: 35px;
}

/* quick stats */
#quickstats {
  color: white;
}
#quickstats a {
  color: white;
}

.stats_badge {
  display: inline-block;
}
.stats_badge .loots {
  height: 35px;
  width: 100%;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.stats_badge .loots #gold-summary, .stats_badge .loots .loot {
  display: inline-block;
}
.stats_badge .classBadge {
  width: 32px;
  position: relative;
  height: 32px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.stats_badge .classBadge.morts {
  background-image: url("/img/mort-icon-cpt.png");
}
.stats_badge .classBadge.kills {
  background-image: url("/img/kill-icon-cpt.png");
}
.stats_badge .classBadge.ratio {
  background-image: url("/img/ratio-icon-cpt.png");
}
.stats_badge .classBadge.ratioCpt {
  background-image: url("/img/mort-icon-class.png");
}
.stats_badge .classBadge .classement {
  position: absolute;
  font-size: 9px;
  top: 7px;
  text-align: center;
  left: 5px;
  width: 16px;
  font-weight: bold;
  color: black;
}

.badges {
  display: inline-block;
}

/* nain LIST */
.nain_list {
  z-index: 1001;
}
.nain_list.target {
  background-image: url(https://www.techwyse.com/blog/wp-content/uploads/2018/08/lead-scoring.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
}
.nain_list.target .nain_l {
  background: rgba(34, 34, 34, 0.2196078431) !important;
  color: black;
  font-weight: bold;
}
.nain_list.target .nain_l .cote.side-1 {
  background: #1e2e80;
  color: white;
}
.nain_list.target .nain_l .cote.side-1 .actions a {
  color: black !important;
}
.nain_list.target .nain_l .cote.side-2 {
  background: #f41921;
  color: white;
}
.nain_list.target .nain_l .cote.side-3 {
  background: #14d222;
  color: white;
}
.nain_list .nain_l {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.nain_list .nain_l .details div {
  display: inline-block;
}
.nain_list .nain_l[data-team=team] {
  background: #ffffff;
  box-shadow: 0 0 60px 2px #ffffff, 0.5rem 0.5rem 30px #fdff6c;
  color: black !important;
  font-weight: bold;
  width: 100%;
  padding-top: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-bottom: 15px;
}
.nain_list .nain_l[data-team=team] .actions a {
  color: black !important;
}
.nain_list .nain_l[data-fresh="+0"] {
  opacity: 0.95;
}
.nain_list .nain_l[data-fresh="+1"] {
  opacity: 0.85;
}
.nain_list .nain_l[data-fresh="+2"] {
  opacity: 0.75;
}
.nain_list .nain_l .nom {
  font-weight: bold;
  color: #0d0e0e;
}
.nain_list .nain_l .note {
  font-style: italic;
  font-size: 18px;
  text-align: center;
}
.nain_list .nain_l .targetOn i {
  color: #f41921;
  font-size: 22px;
  font-weight: bold;
}
.nain_list .nain_l .objet_l {
  padding: 15px 0;
}

.a_nain {
  background: wheat;
}
.a_nain.side-1 {
  background: #1e2e80;
  color: white !important;
}
.a_nain.side-1 a {
  color: white !important;
}
.a_nain.side-1 .actions a {
  color: black !important;
}
.a_nain.side-2 {
  background: #f41921;
  color: white;
}
.a_nain.side-3 {
  background: #14d222;
  color: white;
}

#nain-team #nains_l .modal a {
  color: black;
}
#nain-team #nains_l a, #nain-team #nains_l .nom {
  color: white;
}

/* Obj LIST */
.objets_list .objet_l {
  /*width:100%;*/
  min-height: 100px;
  overflow: hidden;
  padding-top: 10px;
}
.objets_list .objet_l div:not(.modal) {
  display: inline-block;
}
.a_objet {
  background: palevioletred;
}
.a_objet.type-ARME {
  background: #800f23;
  color: white;
}
.a_objet.type-RUNE {
  background: #d5d61b;
}
.a_objet.type-VEHICULE {
  background: rgb(3, 21, 27);
}
.a_objet.type-DETECTEUR {
  background: #742f82;
  color: white;
}
.a_objet.type-MANGER {
  background: #f4ba71;
}
.a_objet.type-SPECIAL {
  background: #37bba4;
}
.a_objet.type-INUTILE {
  background: #43f4dc;
}

#map-list {
  min-width: 1558px;
}
#map-list #worldmap .map-viewer {
  width: 352px;
}
#map-list #worldmap .map-viewer .case, #map-list #worldmap .map-viewer .abscisse, #map-list #worldmap .map-viewer .ordonne {
  min-width: 15px !important;
  width: 16px;
  height: 16px;
  font-size: 0px;
  float: left;
}
#map-list #worldmap .map-viewer .case {
  background: #03151b;
  border: 1px solid rgba(0, 0, 0, 0.1490196078);
}
#map-list #worldmap .map-viewer .case.user {
  background: #53cbf3 !important;
  box-shadow: 0 0 5px 5px #53cbf3, -8.5rem 9.5rem 91px #0c0110;
  z-index: 1;
}
#map-list #worldmap .map-viewer .case[data-recent-null=""] {
  background: #03151b;
}
#map-list #worldmap .map-viewer .case.seuil-1 {
  background: #ffffff;
  box-shadow: 0 0 60px 2px #ffffff, 0.5rem 0.5rem 30px #fdff6c;
}
#map-list #worldmap .map-viewer .case.seuil-2 {
  background: #f5f5f5;
  box-shadow: 0 0 60px 2px #ffffff, 0.5rem 0.5rem 30px rgba(13, 15, 46, 0.8745098039);
}
#map-list #worldmap .map-viewer .case.seuil-3 {
  background: #e9e9e9;
}
#map-list #worldmap .map-viewer .case.seuil-4 {
  background: #c6c6c6;
}
#map-list #worldmap .map-viewer .case.seuil-5 {
  background: #757575;
}
#map-list #worldmap .map-viewer .case.seuil-6 {
  background: #444444;
}
#map-list #worldmap .map-viewer .case.seuil-7 {
  background: #03151b;
}
#map-list #worldmap .map-viewer .case.side-1 {
  background: #1e2e80;
  color: white;
}
#map-list #worldmap .map-viewer .case.side-1.side2-2 {
  background: linear-gradient(#f41921, #1e2e80);
  color: white;
}
#map-list #worldmap .map-viewer .case.side-1.side2-3 {
  background: linear-gradient(#14d222, #1e2e80);
  color: white;
}
#map-list #worldmap .map-viewer .case.side-2 {
  background: #f41921;
  color: white;
}
#map-list #worldmap .map-viewer .case.side-2.side2-1 {
  background: linear-gradient(#f41921, #1e2e80);
  color: white;
}
#map-list #worldmap .map-viewer .case.side-2.side2-3 {
  background: linear-gradient(#14d222, #f41921);
  color: white;
}
#map-list #worldmap .map-viewer .case.side-3 {
  background: #14d222;
  color: white;
}
#map-list #worldmap .map-viewer .case.side-3.side2-1 {
  background: linear-gradient(#14d222, #1e2e80);
  color: white;
}
#map-list #worldmap .map-viewer .case.side-3.side2-2 {
  background: linear-gradient(#14d222, #f41921);
  color: white;
}
#map-list #worldmap .map-viewer .case .nb_nains {
  font-size: 13px;
  text-align: center;
}
#map-list #worldmap .map-viewer .actions .btn {
  padding: 5px !important;
  font-size: 8px;
  background: white;
}
#map-list #worldmap .map-viewer .badges i {
  font-size: 6px !important;
}
nnb #map-list #worldmap .map-viewer .badges i.fa-2x {
  font-size: 10px !important;
}
#map-list #worldmap .map-viewer .a_nain .objets img {
  height: 12px !important;
  width: 12px !important;
}
#map-list #worldmap .map-viewer .updated, #map-list #worldmap .map-viewer .coord-layer {
  display: none;
}
.map-viewer-container {
  position: relative;
}
.map-viewer-container .map-viewer {
  width: 1725px !important;
  margin-bottom: 10px;
  /* LA CASE
  */
}
.map-viewer-container .map-viewer #abscisses-list {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  width: max-content;
}
.map-viewer-container .map-viewer .new_line {
  display: block;
}
.map-viewer-container .map-viewer .abscisse {
  padding-top: 5px;
}
.map-viewer-container .map-viewer .ordonne {
  padding-left: 5px;
}
.map-viewer-container .map-viewer .abscisse, .map-viewer-container .map-viewer .ordonne {
  text-align: center;
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 75px;
  height: 75px;
  background: white;
}
.map-viewer-container .map-viewer .updated {
  position: absolute;
  left: 5px;
  bottom: 0;
  color: rgba(99, 99, 99, 0.79);
  font-size: 12px;
}
.map-viewer-container .map-viewer .coord-layer {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2117647059);
}
.map-viewer-container .map-viewer .case {
  width: 75px;
  height: 75px;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.1490196078);
  font-size: 10px;
  min-width: 15px !important;
  overflow: hidden;
  display: inline-block;
  background: #03151b;
  position: relative;
}
.map-viewer-container .map-viewer .case.user {
  background: #53cbf3 !important;
  box-shadow: 0 0 33px 22px #53cbf3, -8.5rem 9.5rem 91px #0c0110;
  z-index: 1;
}
.map-viewer-container .map-viewer .case[data-recent-null=""] {
  background: #03151b;
}
.map-viewer-container .map-viewer .case.seuil-1 {
  background: #ffffff;
  box-shadow: 0 0 60px 2px #ffffff, 0.5rem 0.5rem 30px #fdff6c;
}
.map-viewer-container .map-viewer .case.seuil-2 {
  background: #f5f5f5;
  box-shadow: 0 0 60px 2px #ffffff, 0.5rem 0.5rem 30px rgba(13, 15, 46, 0.8745098039);
}
.map-viewer-container .map-viewer .case.seuil-3 {
  background: #e9e9e9;
}
.map-viewer-container .map-viewer .case.seuil-4 {
  background: #c6c6c6;
}
.map-viewer-container .map-viewer .case.seuil-5 {
  background: #757575;
}
.map-viewer-container .map-viewer .case.seuil-6 {
  background: #444444;
}
.map-viewer-container .map-viewer .case.seuil-7 {
  background: #03151b;
}
.map-viewer-container .map-viewer .case .nains .barbe {
  font-size: 8px;
}
.map-viewer-container .map-viewer .case .a_nain {
  background-image: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  overflow: hidden;
  margin-left: 0 !important;
  width: 100%;
}
.map-viewer-container .map-viewer .case .a_nain > div {
  padding: 0 !important;
}
.map-viewer-container .map-viewer .case .a_nain.user {
  background: #53cbf3 !important;
  box-shadow: 0 0 33px 22px #53cbf3, -8.5rem 9.5rem 91px #0c0110;
}
.map-viewer-container .map-viewer .case .a_nain img {
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.map-viewer-container .map-viewer .case .a_nain .details {
  min-height: 25px;
  display: inline-block;
  font-size: 8px;
  padding-top: 1px;
  padding-left: 3px !important;
  vertical-align: top;
  overflow: hidden;
  float: left;
}
.map-viewer-container .map-viewer .case .a_nain i {
  font-size: 10px;
  vertical-align: top;
}
.map-viewer-container .map-viewer .case .a_nain a.btn {
  padding: 0px;
  display: block;
  height: 15px;
  margin-top: 3px;
  margin-left: 6px;
}
.map-viewer-container .map-viewer .case .a_objet {
  float: left;
}
.map-viewer-container .map-viewer .case .a_objet.tier-1 {
  height: 10px;
  width: 10px;
  background: none !important;
}
.map-viewer-container .map-viewer .case .a_objet.tier-2 {
  height: 20px;
  width: 20px;
  background: none !important;
}
.map-viewer-container .map-viewer .case .a_objet.tier-3 {
  height: 20px;
  width: 20px;
}
.map-viewer-container .map-viewer .case .a_objet.tier-4 {
  height: 26px;
  width: 26px;
  transform: translateY(0);
  box-shadow: inset 0 0 60px whitesmoke, inset 20px 0 80px #fffafe, inset -20px 0 80px #0ff, inset 20px 0 300px #fffafe, inset -20px 0 300px #0ff, 0 0 50px #fff, -10px 0 80px #fffafe, 10px 0 80px #0ff;
}
.map-viewer-container .map-viewer .case .a_objet.tier-5 {
  height: 30px;
  width: 30px;
  background: #fbffd8;
  -moz-box-shadow: inset 10px 10px 50px 2px #ffffc7;
  -webkit-box-shadow: inset 10px 10px 50px 2px #ffffc7;
  -o-box-shadow: inset 10px 10px 50px 2px #ffffc7;
  box-shadow: inset 10px 10px 50px 2px #ffffc7;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffc7, Direction=134, Strength=50);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  transform: translateY(0);
  box-shadow: inset 0 0 60px whitesmoke, inset 20px 0 80px #ff5522, inset -20px 0 80px #ff0a1e, inset 20px 0 300px #ff5522, inset -20px 0 300px #fff349, 0 0 50px #fff, -10px 0 80px #ff5522, 10px 0 80px #ff044e;
}
.map-viewer-container .map-viewer .case .a_objet img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.map-viewer-container .historic-map-viewer {
  position: absolute;
  left: 12px;
  top: 0;
  opacity: 0.5;
  display: none;
}

.display-historic {
  background: #f9ffd7;
  padding: 20px;
  text-align: center;
  width: 20%;
  cursor: pointer;
}
.display-historic.active {
  background: rgba(8, 12, 59, 0.85);
  color: white;
}

#maplegend {
  text-align: center;
}
#maplegend .btn {
  border: none;
}
#maplegend .a_nain.side-1 {
  background-color: #1e2e80;
  color: white;
}
#maplegend .a_nain.side-2 {
  background-color: #f41921;
  color: white;
}
#maplegend .a_nain.side-3 {
  background-color: #14d222;
  color: white;
}
#maplegend .a_objet {
  background-color: palevioletred;
  color: white;
}
#maplegend .a_objet.type-ARME {
  background-color: #800f23;
  color: white;
}
#maplegend .a_objet.type-RUNE {
  background-color: #d5d61b;
  color: white;
}
#maplegend .a_objet.type-VEHICULE {
  background-color: rgb(3, 21, 27);
  color: white;
}
#maplegend .a_objet.type-DETECTEUR {
  background-color: #742f82;
  color: white;
}
#maplegend .a_objet.type-MANGER {
  background-color: #f4ba71;
  color: white;
}
#maplegend .a_objet.type-SPECIAL {
  background-color: #37bba4;
  color: white;
}
#maplegend .a_objet.type-INUTILE {
  background-color: #43f4dc;
  color: white;
}

#map-war {
  width: 100%;
  background: rgba(0, 0, 0, 0.5607843137);
}
#map-war #map-viewer {
  width: 4520px;
  padding-bottom: 25px;
}
#map-war #map-viewer .abscisse, #map-war #map-viewer .ordonne {
  text-align: center;
  background-color: rgba(67, 244, 220, 0.14);
}
#map-war #map-viewer .abscisse {
  width: 200px;
  height: 25px;
}
#map-war #map-viewer .abscisse:first-child {
  background-color: rgba(0, 0, 0, 0.14);
  width: 25px !important;
}
#map-war #map-viewer .ordonne {
  height: 200px;
  width: 25px;
}
#map-war #map-viewer .case {
  width: 200px;
  height: 200px;
  vertical-align: text-bottom;
  overflow: hidden;
}
#map-war #map-viewer .case .intel {
  width: 100%;
  left: 0;
  position: relative;
  padding-left: 5px;
}
#map-war #map-viewer .case .intel.a_nain {
  padding-left: 0;
  padding-right: 0;
  height: 40px;
  background-image: none;
}
#map-war #map-viewer .case .intel.a_nain img {
  width: 32px !important;
  display: inline-block;
  height: 32px !important;
}
#map-war #map-viewer .case .intel.a_nain .details {
  width: 84%;
  float: right;
  overflow: hidden;
}
#map-war #map-viewer .case .intel.a_objet {
  width: 35px;
  display: inline-block;
  height: 35px;
  padding-top: 3px;
  padding-left: 3px;
}
#map-war #map-viewer .case .intel.a_objet img {
  width: 32px !important;
  display: inline-block;
  height: 32px !important;
}
#map-war #map-viewer .case .intel.a_nain, #map-war #map-viewer .case .intel.a_objet {
  background-repeat: no-repeat;
  background-position: top right;
}
#map-war #map-viewer .case .intel .details {
  display: block;
}
#map-war #maplegend {
  position: fixed;
  bottom: 0;
  left: 32%;
  z-index: 100;
}

#map-show .thumbnail {
  margin-bottom: 0;
}
#map-show .thumbnail img {
  width: 64px;
}
#map-show .note {
  padding: 10px 0 20px;
}
#map-show #copyTarget {
  width: 100%;
}
#map-show #objets_l {
  font-size: 12px;
}
#map-show #objets_l .historic {
  background: #f3ecec;
}

/*** Guildes */
#guildes_l .guildes_l .guilde {
  width: 25%;
  width: 50%;
}
#guildes_l .guildes_l .membres-guilde .modal .modal-body {
  padding: 0;
}
#guildes_l .guildes_l .membres .a_nain.pos-inconnue {
  opacity: 0.5;
}
#guildes_l .guildes_l .membres .a_nain[data-fresh="7"] {
  opacity: 0.75;
}
#guildes_l .guildes_l .membres .a_nain[data-fresh="3"], #guildes_l .guildes_l .membres .a_nain[data-fresh="4"], #guildes_l .guildes_l .membres .a_nain[data-fresh="5"], #guildes_l .guildes_l .membres .a_nain[data-fresh="6"] {
  opacity: 0.85;
}

/*** Events */
#e_list .thead {
  font-weight: bold;
}
#e_list .e_l {
  border: 1px solid burlywood;
  padding: 15px 0;
}
#e_list .e_l .context {
  font-size: 12px;
  font-style: italic;
}
#e_list .e_l.user {
  background: #ffffff;
  box-shadow: 0 0 60px 2px #ffffff, 0.5rem 0.5rem 30px #fdff6c;
  color: black;
  font-weight: bold;
  width: 100%;
  min-height: 50px;
  padding-top: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-bottom: 15px;
}

/* -POUR PAS PETIT ECRANS- */
@media screen and (min-width: 450px) {
  #quick-link {
    top: 85px;
    padding-top: 4em;
    position: fixed;
    z-index: 105;
  }
  #quick-link #trois-d-button {
    margin-top: -31px;
  }
}
/* -POUR PETIT ECRANS- */
@media screen and (max-width: 450px) {
  body.onload .loader {
    padding-top: 20vh;
  }
  body.onload .loader i {
    top: 30vh;
    display: none;
    left: 30%;
  }
  #quick-link, header, header .navbar {
    position: block;
  }
  #main {
    padding: 1px;
    font-size: 13px;
    width: 100%;
  }
  #map-viewer {
    width: 391px;
    min-height: 150px;
  }
  #map-viewer .case, #map-viewer .abscisse, #map-viewer .ordonne {
    width: 17px;
    height: 15px;
    font-size: 9px;
    float: left;
    padding-top: 2px;
    text-align: center;
  }
  #map-viewer .coord-layer {
    display: none;
  }
  #map-viewer .case .a_nain {
    width: 15px;
    margin: 0;
    height: 12px;
    display: inline-block;
  }
  #map-viewer .case .a_nain .details {
    display: none;
  }
  #maplegend {
    margin-bottom: 20px;
  }
  #maplegend .btn {
    border: none;
    padding: 5px;
    font-size: 11px;
  }
  .nain_list .nain_l .note {
    font-size: 12px;
  }
}
#moueteogame_arena.naingriculture {
  padding-top: 60px;
}

.naingriculture .popover {
  max-width: 50%;
  background: rgba(4, 7, 17, 0.93);
  padding: 3px;
}
.naingriculture::-webkit-scrollbar {
  display: none;
}
.naingriculture .frame {
  width: 120px;
  text-align: center;
  background: url("/img/minigame/naingriculture/GENERALS/frame-small.PNG");
  padding: 20px;
  background-size: cover;
  background-position: top center;
}
.naingriculture .frame-h {
  background: url("/img/minigame/naingriculture/GENERALS/frame-horizontale.PNG");
  padding: 15px 35px;
  background-size: cover;
  background-position: top center;
}
.naingriculture .frame-v {
  background: url("/img/minigame/naingriculture/GENERALS/frame-verticale.PNG");
  padding: 20px;
  background-size: cover;
  background-position: top center;
}
.naingriculture .txt-to-write {
  display: none;
}
.naingriculture .room-entered {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("/img/minigame/naingriculture/SCENARIOS/1-ARENA/room-entered.png");
  background-size: 10%;
  background-repeat: no-repeat;
  background-position: center center;
  transition-property: background-size;
  transition-duration: 5s;
  transition-delay: 1s;
  opacity: 10%;
}
.naingriculture .scenar-txt {
  font-family: "Freehand", cursive;
  font-size: 40px;
}
.naingriculture .scenar-txt .step {
  padding-left: 15px;
}
.naingriculture .scenar-txt .bigtxt {
  font-size: 100px;
  color: white;
}
.naingriculture .scenar-txt .step {
  display: none;
}
.naingriculture .scenar-txt#introduction {
  height: auto;
  padding-right: 70px;
  width: 100%;
  background: none;
  border: none;
}
.naingriculture .scenar-txt textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}
.naingriculture .botFichePopover .onglets-action {
  height: 115px;
  width: 500px;
  margin: auto;
}
.naingriculture .botFichePopover .onglets-action a {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.naingriculture .botFichePopover .onglets-action a.active {
  font-weight: bold;
}
.naingriculture#arena #herosabsent {
  display: block;
  background: url("/img/minigame/naingriculture/SCENARIOS/1-ARENA/1-1.jpg");
  background-position: center center;
  background-size: cover;
  transition-property: background-size;
  transition-duration: 10s;
  transition-delay: 1s;
  color: white;
}
.naingriculture#arena #herosabsent .modal-content {
  background: none !important;
}
.naingriculture#arena #herosabsent.entered {
  background: url("/img/minigame/naingriculture/SCENARIOS/1-ARENA/1-0.jpg");
  color: black;
  background-size: 100% !important;
}
.naingriculture#arena #herosabsent .modal-content {
  background: none;
  border: none;
}
.naingriculture#arena #herosabsent .modal-content .modal-body .final-step {
  font-size: 20px;
}
.naingriculture#arena #arena-field {
  background: url("/img/colosseum_2d.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: flow-root;
  padding: 100px;
  background-position: top center;
}
.naingriculture#arena #arena-field #map-viewer #abscisses-list {
  display: none;
}
.naingriculture#arena .heros-summary, .naingriculture#arena .runes, .naingriculture#arena #gestion-bot, .naingriculture#arena #general-logs {
  display: none;
}
.naingriculture#arena #gameinterface {
  position: fixed;
  height: 40px;
  padding: 0;
  padding-left: 10px;
  background: rgba(48, 48, 48, 0.84);
  bottom: 0;
}
.naingriculture#arena #gameinterface .autorestart {
  font-size: 9px;
}
.naingriculture#arena #gameinterface .progress {
  border-radius: 0;
}
.naingriculture#arena #gameinterface #remainingtimeprogress, .naingriculture#arena #gameinterface #remainingtimeprogress-bar {
  height: 25px;
}
.naingriculture#arena #gameinterface #remainingtimeprogress h2, .naingriculture#arena #gameinterface #remainingtimeprogress-bar h2 {
  padding-left: 10px;
  font-size: 12px;
}
.naingriculture#arena #gameinterface .remainingxp-progress-bar {
  height: 10px;
}
.naingriculture#arena #gameinterface .remainingxp-progress {
  height: 0.5em;
  position: absolute;
  bottom: 0;
  width: 100%;
}

#masque_loader {
  width: 100%;
  height: 100vh;
  background-color: black;
  position: relative;
  z-index: 2;
}

#loader {
  position: fixed;
  top: 25%;
  left: 45%;
  z-index: 5;
}

#moueteogame_worldmap .modal-dialog, #arena .modal-dialog {
  width: 37%;
  margin: 0;
}
#moueteogame_worldmap .modal-content, #arena .modal-content {
  background: url("/img/minigame/naingriculture/GENERALS/fond.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
  height: 100%;
  min-height: 97vh;
  margin-top: 3vh;
  margin-left: 50px;
  color: gold;
  font-weight: bold;
}
#moueteogame_worldmap .modal-content a, #arena .modal-content a {
  color: white;
}
#moueteogame_worldmap .modal-content a.btn, #arena .modal-content a.btn {
  color: black;
}
#moueteogame_worldmap .modal-content .section, #arena .modal-content .section {
  width: 90%;
  margin: 15px 0;
  padding: 15px 10px;
  background: rgba(4, 7, 17, 0.92);
}
#moueteogame_worldmap .modal-content .list-group-item, #arena .modal-content .list-group-item {
  color: gold;
}
#moueteogame_worldmap .modal#bank .modal-content, #arena .modal#bank .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/bankroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#taverne .modal-content, #arena .modal#taverne .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/taverneroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#sorciere .modal-content, #arena .modal#sorciere .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/sorciereroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#village .modal-content, #arena .modal#village .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/villageroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#arena_bat .modal-content, #arena .modal#arena_bat .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/arenaroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#atelier .modal-content, #arena .modal#atelier .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/atelierroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#marche .modal-content, #arena .modal#marche .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/marketroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#eglise .modal-content, #moueteogame_worldmap .modal#treecomp .modal-content, #arena .modal#eglise .modal-content, #arena .modal#treecomp .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/egliseroom.png");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#eglise .modal-content a.btn, #moueteogame_worldmap .modal#treecomp .modal-content a.btn, #arena .modal#eglise .modal-content a.btn, #arena .modal#treecomp .modal-content a.btn {
  color: white !important;
}
#moueteogame_worldmap .modal#eglise .modal-content .botFiche, #moueteogame_worldmap .modal#treecomp .modal-content .botFiche, #arena .modal#eglise .modal-content .botFiche, #arena .modal#treecomp .modal-content .botFiche {
  text-align: center;
}
#moueteogame_worldmap .modal#blacksmith .modal-content, #arena .modal#blacksmith .modal-content {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/visites/armurerieroom.jpg");
  background-attachment: inherit;
}
#moueteogame_worldmap .modal#blacksmith .modal-content #allItems a.btn, #arena .modal#blacksmith .modal-content #allItems a.btn {
  color: white !important;
}
#moueteogame_worldmap .modal#blacksmith .modal-content #allItems a.btn.btn-default, #arena .modal#blacksmith .modal-content #allItems a.btn.btn-default {
  color: black !important;
}
#moueteogame_worldmap .modal#blacksmith .modal-content .nav-item button:not(.active), #arena .modal#blacksmith .modal-content .nav-item button:not(.active) {
  color: gold;
}
#moueteogame_worldmap .popover, #arena .popover {
  max-width: 50%;
  background: rgba(4, 7, 17, 0.93);
  padding: 3px;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: top center;
}
#moueteogame_worldmap .popover-body, #arena .popover-body {
  background: url("/img/minigame/naingriculture/GENERALS/fond.jpg") !important;
  background-size: cover !important;
}

#arena_start .modal-content {
  background-color: transparent;
  color: white;
}

.naingriculture {
  background-image: none !important;
  overflow-x: hidden;
}
.naingriculture #main {
  padding: 0 !important;
  background: #050504;
  color: wheat;
}
.naingriculture .inactif {
  background: url("/img/minigame/naingriculture/prison.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 100vh;
}
.naingriculture #herosmort .modal-dialog {
  color: white;
}
.naingriculture #herosmort .modal-content {
  background: url("/img/minigame/naingriculture/herosmort.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center;
  height: 50vh;
}
.naingriculture .popover {
  max-width: 50%;
}
.naingriculture .modal-backdrop {
  z-index: 0 !important;
  background: rgba(0, 0, 0, 0.72);
}
.naingriculture .list-group-item {
  color: #212529;
}
.naingriculture #arena-field, .naingriculture #arena-field a {
  color: #03151b;
}
.naingriculture .popover, .naingriculture .popover a {
  color: #03151b;
}

#rules em {
  margin: 15px 0;
}

.rule-link {
  margin-top: 15px;
}

.naingriculture .modal, .naingriculture .modal a {
  color: #03151b;
}
.naingriculture a {
  color: white;
}
.naingriculture #general-logs {
  height: 350px;
  overflow: scroll;
}
.naingriculture .rune img {
  width: 15px;
  height: 15px;
}
.naingriculture .rune.r-20 img {
  width: 20px;
  height: 20px;
}
.naingriculture .rune.r-40 img {
  width: 25px;
  height: 25px;
}
.naingriculture .rune.r-80 img {
  width: 30px;
  height: 30px;
}
.naingriculture .rune.r-160 img {
  width: 35px;
  height: 35px;
}
.naingriculture #heros-recap .nainbotorder {
  display: inline-block;
}
.naingriculture #shops #heros-logs {
  max-height: 120px;
  overflow-y: scroll;
  font-size: 12px;
}
.naingriculture #shops #heros-logs .log {
  width: 100%;
}
.naingriculture #shops .last_games {
  font-size: 13px;
}
.naingriculture #shops .last_games em {
  font-size: 12px;
}
.naingriculture #shops .short-summary .shop-link {
  background-size: cover;
  color: wheat;
  font-weight: bold;
  height: 80px;
  border-radius: 3.25rem;
  background-position: center center;
  background-size: contain;
  width: 45px;
  height: 45px;
  border-color: transparent !important;
  margin-bottom: 10px;
}
.naingriculture #shops .treecomp-link {
  background: url("/img/minigame/naingriculture/skilltree.jpg");
}
.naingriculture #shops .taverne-link {
  background: url("/img/minigame/naingriculture/taverne.jpg");
}
.naingriculture #shops .sorciere-link {
  background: url("/img/minigame/naingriculture/sorciere.jpg");
}
.naingriculture #shops .armurerie-link {
  background: url("/img/minigame/naingriculture/armurerie.jpg");
}
.naingriculture #shops .atelier-link {
  background: url("/img/minigame/naingriculture/atelier.jpg");
}
.naingriculture #shops .classement-link {
  background: url("/img/minigame/naingriculture/classement.jpg");
}
.naingriculture #shops .marche-link {
  background: url("/img/minigame/naingriculture/market.jpg");
}
.naingriculture #skilltree .hori .botFiche {
  height: 180px;
}
.naingriculture #skilltree .learnable .botFiche {
  color: black;
}
.naingriculture .btn-combat {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  width: 100%;
}
.naingriculture .btn-sacrifice {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
}
.naingriculture #mes-unites .botFiche {
  background: rgb(3, 0, 14);
  background: radial-gradient(circle, rgb(3, 0, 14) 43%, rgb(36, 36, 40) 99%);
  color: wheat;
  font-size: 11px;
  margin: 1px;
  border: 1px solid wheat;
}
.naingriculture #mes-unites .botFiche.mort {
  background: rgb(3, 0, 14);
}
.naingriculture #mes-unites .botFiche.mort .masque-hp {
  display: none;
}
.naingriculture .btn-modes .btn-info, .naingriculture .btn-modes .btn-primary {
  color: white;
}
.naingriculture #map-viewer .case {
  background: rgba(255, 255, 255, 0.3882352941);
}
.naingriculture #map-viewer .case.order {
  background-image: url("/img/minigame/naingriculture/deplacement-bot.jpg");
  background-size: cover;
}
.naingriculture #map-viewer .case .quick-notifs .qckntfs-float {
  float: right;
  height: 16px;
}
.naingriculture #map-viewer .case .quick-notifs .qckntfs-float img {
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.naingriculture #map-viewer .case .xp {
  font-size: 9px;
}
.naingriculture #map-viewer .case .bot .botfiche, .naingriculture #map-viewer .case .spawn .botfiche {
  position: relative;
  font-size: 9px;
}
.naingriculture #map-viewer .case .bot .botfiche img.botimage, .naingriculture #map-viewer .case .spawn .botfiche img.botimage {
  width: 100%;
}
.naingriculture #map-viewer .case .bot .botfiche .items, .naingriculture #map-viewer .case .spawn .botfiche .items {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
}
.naingriculture #map-viewer .case .bot .botfiche .inventaire, .naingriculture #map-viewer .case .spawn .botfiche .inventaire {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
}
.naingriculture #map-viewer .case .bot .botfiche .inventaire img, .naingriculture #map-viewer .case .spawn .botfiche .inventaire img {
  float: left;
  width: 10px;
  height: 10px;
}
.naingriculture #map-viewer .case .bot .quick-notifs, .naingriculture #map-viewer .case .spawn .quick-notifs {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 16px;
  height: 100%;
}
.naingriculture #map-viewer .case .bot .hp, .naingriculture #map-viewer .case .spawn .hp {
  font-size: 7px;
  left: 0;
  top: 0;
}
.naingriculture #map-viewer .case .bot .xp, .naingriculture #map-viewer .case .spawn .xp {
  font-size: 12px;
  font-weight: bold;
  margin-right: 2px;
}
.naingriculture #map-viewer .case .bot .caracs, .naingriculture #map-viewer .case .spawn .caracs {
  font-size: 9px;
}
.naingriculture #map-viewer .case .seed {
  background: none;
}
.naingriculture #v-pills-tabContent {
  width: 100%;
}
.naingriculture .case .seed {
  font-size: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url("/img/minigame/naingriculture/seed.png");
  width: 100%;
  height: 25px;
  position: absolute;
  top: 0;
  left: 20px;
}
.naingriculture .case .bot .details {
  position: absolute;
  top: 0;
  right: 1px;
  text-align: right;
  font-size: 9px;
}
.naingriculture .case .case .bot .misc {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: right;
  /*font-size:12px;*/
  font-size: 9px;
}
.naingriculture .case .spawn .details {
  position: absolute;
  top: 0;
  right: 1px;
  text-align: right;
  font-size: 9px;
}
.naingriculture .case .spawn .misc {
  position: absolute;
  bottom: 2px;
  left: 1px;
  text-align: right;
  /*font-size:12px;*/
  font-size: 9px;
}
.naingriculture .last_events .date {
  font-size: 8px !important;
}
.naingriculture .last_events .message {
  font-size: 10px;
}
.naingriculture #logs {
  max-height: 500px;
  overflow: scroll;
}
.naingriculture #logs .timeline {
  font-size: 15px;
}
.naingriculture #logs .log img {
  width: 24px;
  height: auto;
}
.naingriculture #logs .log .message {
  font-size: 12px;
}
.naingriculture #shops .loots .loot, .naingriculture .bots-and-seeds .seed {
  display: inline-block;
  width: 15px;
  /*height*/
}
.naingriculture .qckntfs-float.loot {
  width: inherit !important;
}

body.onload {
  visibility: hidden;
}

.messages {
  position: absolute;
  width: 60%;
  top: 0;
  left: 20%;
  z-index: 99;
  opacity: 0.9;
  text-align: center;
}

#moueteogame_worldmap {
  padding-top: 0;
  overflow: hidden;
}
#moueteogame_worldmap .modal#arena {
  position: absolute;
}
#moueteogame_worldmap .heros_orders .nainbotorder {
  width: 80px;
  display: inline-block;
}

#arena #arena-field .abscisse, #arena #arena-field .ordonne {
  float: left;
}
#arena #arena-field .case {
  float: left;
  background: none !important;
}

#worldmap #arena-field {
  background: none;
}
#worldmap #arena-field .ordonne.case {
  padding-left: 15px;
}
#worldmap #sidebar-controls {
  position: fixed;
  height: 50px;
  right: 0;
  bottom: 0px;
  color: white;
  z-index: 5;
}
#worldmap #sidebar-left-controls {
  position: fixed;
  height: 50px;
  left: 0px;
  top: 15px;
  color: white;
  z-index: 5;
}
#worldmap #sidebar-left {
  min-width: 260px;
  left: 35px;
  top: 35px;
  position: fixed;
  height: 100vh;
  z-index: 1;
  overflow-y: scroll;
  overflow-x: hidden;
}
#worldmap #sidebar-left #game_stats {
  margin: 0;
  position: absolute;
  top: 0%;
}
#worldmap #sidebar-left #game_stats .quick-notifs {
  height: 22px;
  overflow: hidden;
}
#worldmap #sidebar-left #game_stats .quick-notifs .qckntfs-float {
  display: inline-block;
}
#worldmap #sidebar-left #game_stats .quick-notifs .qckntfs-float img {
  width: 16px;
  height: 16px;
}
#worldmap #shops {
  z-index: 1;
  position: fixed;
  bottom: 10px;
  width: 100%;
  padding-left: 65px;
}
#worldmap #sidebar {
  position: fixed;
  height: 100vh;
  right: 0;
  top: 54px;
  overflow-y: hidden;
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.7);
}
#worldmap #sidebar #mes-unites {
  overflow-y: scroll;
  height: 350px;
}
#worldmap #sidebar #inventaire {
  overflow: scroll;
}
#worldmap #sidebar #inventaire .runes {
  width: 40px;
  position: relative;
  padding-top: 20px;
}
#worldmap #sidebar #inventaire .runes .pf-col, #worldmap #sidebar #inventaire .runes .pp-col {
  width: 50%;
}
#worldmap #sidebar #inventaire .runes .summary .title {
  font-size: 10px;
}
#worldmap #sidebar #inventaire .golds {
  width: 85%;
}
#worldmap #sidebar #game-interface {
  width: 100%;
  height: 5px;
}
#worldmap #sidebar #game-interface #remainingtimeprogress {
  height: 5px;
  background: none !important;
}
#worldmap #sidebar #game-interface #remainingtimeprogress-bar {
  height: 5px;
}
#worldmap, #arena {
  position: relative;
}
#worldmap #topmenu, #worldmap #shops, #arena #topmenu, #arena #shops {
  height: 100px;
  width: 100%;
  overflow: hidden;
}
#worldmap .replay, #arena .replay {
  position: fixed;
  top: 100px;
  left: 25%;
  width: 50%;
  z-index: 2;
}
#worldmap .replay .last_logs, #arena .replay .last_logs {
  max-height: 136px;
  overflow: hidden;
}
#worldmap #smallmap, #arena #smallmap {
  height: 425px;
  width: 320px;
}
#worldmap #smallmap.admin .case, #arena #smallmap.admin .case {
  width: 25px;
  height: 25px;
}
#worldmap #smallmap .case, #arena #smallmap .case {
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  float: left;
  width: 5px;
  height: 5px;
}
#worldmap #smallmap .case:hover, #arena #smallmap .case:hover {
  background: rgba(0, 0, 0, 0.26);
}
#worldmap #smallmap .case.in_range:not(.bloc), #arena #smallmap .case.in_range:not(.bloc) {
  background: #5f9a2c;
}
#worldmap #smallmap .case.case_occupe, #arena #smallmap .case.case_occupe {
  background: #c6c6c6 !important;
}
#worldmap #smallmap .case.bloc-tree, #arena #smallmap .case.bloc-tree {
  background: green !important;
}
#worldmap #smallmap .case.bloc-forest, #arena #smallmap .case.bloc-forest {
  background: #003d00 !important;
}
#worldmap #smallmap .case.bloc-granit, #arena #smallmap .case.bloc-granit {
  background: #818181 !important;
}
#worldmap #smallmap .case.order, #arena #smallmap .case.order {
  background: yellow !important;
}
#worldmap #smallmap .case.town, #arena #smallmap .case.town {
  background: gray !important;
}
#worldmap #smallmap .case.bot, #arena #smallmap .case.bot {
  background: white;
}
#worldmap #smallmap .case.heros, #arena #smallmap .case.heros {
  background: rgb(42, 208, 244) !important;
  box-shadow: 0px 0px 20px 10px rgb(42, 208, 244);
}
#worldmap #smallmap .case.joueur, #arena #smallmap .case.joueur {
  background: rgb(14, 244, 97) !important;
  box-shadow: 0px 0px 20px 10px rgb(14, 244, 97);
}
#worldmap #smallmap .case.mutant, #arena #smallmap .case.mutant {
  background: rgba(28, 54, 3, 0.8) !important;
}
#worldmap #smallmap .case.spawner, #arena #smallmap .case.spawner {
  background: rgba(234, 0, 25, 0.8) !important;
}
#worldmap #smallmap .case.spawner.heros_ennemi_on_case, #arena #smallmap .case.spawner.heros_ennemi_on_case {
  background: rgba(50, 2, 185, 0.8) !important;
}
#worldmap #smallmap .case.boss, #arena #smallmap .case.boss {
  background: rgba(234, 90, 250, 0.85) !important;
}
#worldmap #smallmap .case.mort, #arena #smallmap .case.mort {
  background: rgba(255, 50, 27, 0.32);
  opacity: 0.4;
}
#worldmap #smallmap .case img, #arena #smallmap .case img {
  width: 100%;
}
#worldmap #smallmap .case .bloc, #arena #smallmap .case .bloc {
  position: absolute;
}
#worldmap #smallmap .case .bloc.mort, #arena #smallmap .case .bloc.mort {
  background: rgba(255, 50, 27, 0.32);
  opacity: 0.4;
}
#worldmap #smallmap .case .bloc .floating-title, #arena #smallmap .case .bloc .floating-title {
  margin-top: -10px;
  margin-left: -3px;
  z-index: 6;
  position: fixed;
}
#worldmap #smallmap .case .bloc .floating-title img, #arena #smallmap .case .bloc .floating-title img {
  width: 12px;
  height: auto;
}
#worldmap #arena-field .abscisse, #worldmap #arena-field .ordonne, #arena #arena-field .abscisse, #arena #arena-field .ordonne {
  font-weight: bold;
}
#worldmap #arena-field .abscisse.case, #worldmap #arena-field .ordonne.case, #arena #arena-field .abscisse.case, #arena #arena-field .ordonne.case {
  background: none !important;
  color: white;
}
#worldmap #arena-field .case, #arena #arena-field .case {
  width: 64px;
  float: left;
  height: 64px;
  position: relative;
  overflow: hidden;
  background-image: url("/img/minigame/naingriculture/CARTE/herbe.png");
  background-size: cover;
  background-position: center center;
}
#worldmap #arena-field .case:hover, #arena #arena-field .case:hover {
  opacity: 1 !important;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}
#worldmap #arena-field .case.town, #arena #arena-field .case.town {
  background-image: url("/img/minigame/naingriculture/CARTE/town.png");
}
#worldmap #arena-field .case.order, #arena #arena-field .case.order {
  background-image: url("/img/minigame/naingriculture/deplacement-bot.jpg");
}
#worldmap #arena-field .case.out_range, #arena #arena-field .case.out_range {
  background: rgba(0, 0, 0, 0.71) !important;
}
#worldmap #arena-field .case .bot .inventaire, #arena #arena-field .case .bot .inventaire {
  max-height: 30px;
  overflow: hidden;
}
#worldmap #arena-field .case .bloc, #arena #arena-field .case .bloc {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#worldmap #arena-field .case .bloc img, #arena #arena-field .case .bloc img {
  width: 100%;
}
#worldmap #arena-field .case .bloc .hp, #arena #arena-field .case .bloc .hp {
  height: 5px;
  background: gold;
  width: 100%;
  position: absolute;
  bottom: 0;
  border: 1px solid white;
}
#worldmap #arena-field .case .bloc .hp .hp_current, #arena #arena-field .case .bloc .hp .hp_current {
  height: 5px;
  background: #252525;
}
#worldmap #arena-field .case .bloc.wood_wall_left .hp, #arena #arena-field .case .bloc.wood_wall_left .hp {
  width: 22%;
  right: 0;
}
#worldmap #arena-field .case .bloc.wood_wall_right .hp, #arena #arena-field .case .bloc.wood_wall_right .hp {
  width: 22%;
}
#worldmap #arena-field .case .bloc.wood_wall_bottom .hp, #arena #arena-field .case .bloc.wood_wall_bottom .hp {
  top: 25px;
}
#worldmap #arena-field .case .bloc.estMort-1, #arena #arena-field .case .bloc.estMort-1 {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/detruit.png");
  background-position: bottom center;
  background-size: cover;
}
#worldmap #arena-field .case .bloc.estMort-1 img, #arena #arena-field .case .bloc.estMort-1 img {
  opacity: 0.7;
}
#worldmap #arena-field .case .bloc.estMort-1.wood_wall_bottom, #arena #arena-field .case .bloc.estMort-1.wood_wall_bottom {
  transform: rotate(180deg);
}
#worldmap #arena-field .case .bloc.estMort-1.wood_wall_bottom img, #arena #arena-field .case .bloc.estMort-1.wood_wall_bottom img {
  transform: rotate(-180deg);
}
#worldmap #arena-field .case .bloc.estMort-1.wood_wall_left, #arena #arena-field .case .bloc.estMort-1.wood_wall_left {
  transform: rotate(-90deg);
}
#worldmap #arena-field .case .bloc.estMort-1.wood_wall_left img, #arena #arena-field .case .bloc.estMort-1.wood_wall_left img {
  transform: rotate(90deg);
}
#worldmap #arena-field .case .bloc.estMort-1.wood_wall_right, #arena #arena-field .case .bloc.estMort-1.wood_wall_right {
  transform: rotate(90deg);
}
#worldmap #arena-field .case .bloc.estMort-1.wood_wall_right img, #arena #arena-field .case .bloc.estMort-1.wood_wall_right img {
  transform: rotate(-90deg);
}
#worldmap #bottombar, #arena #bottombar {
  width: 75%;
  position: fixed;
  left: 12.5%;
  bottom: 0;
  height: 150px;
  background: rgba(20, 20, 20, 0.85);
}
#worldmap .masque-hp, #arena .masque-hp {
  background: rgba(255, 11, 47, 0.61);
}
#worldmap .masque-hp.neutre, #arena .masque-hp.neutre {
  background: rgba(158, 158, 158, 0.9882352941);
}

.botFiche {
  background: rgba(106, 9, 9, 0.52);
  vertical-align: top;
  overflow: hidden;
  height: 90px;
  width: 100%;
  position: relative;
}
.botFiche div, .botFiche .inline {
  vertical-align: top;
}
.botFiche.taverne, .botFiche.shop {
  background: none;
}
.botFiche.worldmap-joueur-en-jeu {
  width: 200px;
}
.botFiche .masque-hp {
  background: rgba(255, 11, 47, 0.61);
  position: absolute;
  z-index: 0;
  height: 90px;
  top: 0;
  left: 0;
}
.botFiche .info-bots {
  font-size: 12px;
  position: absolute;
  z-index: 1;
  height: 60px;
  top: 0;
  left: 0;
  width: 100%;
}
.botFiche .name-et-pos {
  float: left;
}
.botFiche .misc {
  float: right;
}

.nainbotorders {
  font-size: 12px;
}

.fragments img {
  width: 12px;
  height: auto;
}

.clear {
  clear: both;
}

#village .bloc .hp {
  height: 25px;
  background: gold;
  width: 100%;
  position: relative;
}
#village .bloc .hp .hp_current {
  height: 25px;
  position: absolute;
  bottom: 0;
  background: #252525;
}
#village .bloc.estMort-1 .details {
  background-image: url("/img/minigame/naingriculture/STRUCTURES/detruit.png");
  background-position: bottom center;
  background-size: cover;
}

/* -POUR PAS PETIT ECRANS- */
@media screen and (max-width: 769px) {
  .quick-notifs,
.xp {
    display: none;
  }
  .case .loot img {
    width: 10px !important;
    height: 10px !important;
  }
}
/* Basic styles
   ------------------------------------------------------------------------- */
p, ul, ol {
  font-size: 19px;
  margin-bottom: 1.5em;
}

li {
  margin-bottom: 0.5em;
}

code {
  background: #ecf0f1;
  color: #2c3e50;
}

.text-danger, .text-danger:hover {
  color: #e74c3c;
}

i {
  margin-right: 0.25em;
}

.table.table-middle-aligned th,
.table.table-middle-aligned td {
  vertical-align: middle;
}

.doclink {
  color: inherit;
}

/* Utilities
   ------------------------------------------------------------------------- */
.m-b-0 {
  margin-bottom: 0;
}

/* Page elements
   ------------------------------------------------------------------------- */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header {
  margin-bottom: 2em;
}

header ul.nav li {
  margin-bottom: 0;
}

header .locales {
  min-width: 190px;
}

header .locales a {
  color: #212529;
  padding: 3px 15px;
}

header .locales a small {
  border-radius: 4px;
  border: 2px solid #dee2e6;
  color: #7b8a8b;
  float: left;
  font-size: 12px;
  line-height: 1.1;
  margin: 2px 10px 0 0;
  min-width: 26px;
  padding: 0px 3px;
  text-align: center;
  text-transform: uppercase;
}

header .locales .active small,
header .locales a:hover small {
  color: inherit;
}

.body-container {
  flex: 1;
  /* needed to prevent pages with a very small height and browsers not supporting flex */
  min-height: 600px;
}

.body-container #main h1, .body-container #main h2 {
  margin-top: 0;
}

#sidebar .section {
  margin-bottom: 2em;
}

#sidebar p {
  font-size: 15px;
}

#sidebar p + p {
  margin: 1.5em 0 0;
}

footer {
  background: #ecf0f1;
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
}

footer p {
  color: #7b8a8b;
  font-size: 13px;
  margin-bottom: 0.25em;
}

footer #footer-resources {
  text-align: right;
}

footer #footer-resources i {
  color: #7b8a8b;
  font-size: 28.5px;
  margin-left: 0.5em;
}

#sourceCodeModal h3 {
  font-size: 19px;
  margin-top: 0;
}

#sourceCodeModal h3 small {
  color: #7b8a8b;
  font-size: 80%;
}

#sourceCodeModal pre {
  margin-bottom: 2em;
  padding: 0;
}

#confirmationModal .modal-dialog {
  width: 500px;
}

#confirmationModal .modal-footer button {
  min-width: 75px;
}

/* Misc. elements
   ------------------------------------------------------------------------- */
.section.rss a {
  color: #f39c12;
  font-size: 21px;
}

/* Forms
   ------------------------------------------------------------------------- */
.form-group.has-error .form-control {
  border-color: #e74c3c;
}

.form-group.has-error .control-label {
  color: #e74c3c;
}

.form-group.has-error .help-block {
  background-color: #e74c3c;
  color: #fff;
  font-size: 15px;
  padding: 1em;
}

.form-group.has-error .help-block ul,
.form-group.has-error .help-block li {
  margin-bottom: 0;
}

.form-group.has-error .help-block li + li {
  margin-top: 0.5em;
}

textarea {
  max-width: 100%;
}

/* Page: 'Technical Requirements Checker'
   ------------------------------------------------------------------------- */
body#requirements_checker header h1 {
  margin-bottom: 0;
  margin-top: 0;
}

body#requirements_checker header h1 span {
  font-size: 120%;
  opacity: 0.7;
  padding: 0 5px;
}

body#requirements_checker .panel li {
  margin-bottom: 1em;
}

/* Page: 'Homepage'
   ------------------------------------------------------------------------- */
body#homepage {
  text-align: center;
}

/* Page: 'Login'
   ------------------------------------------------------------------------- */
body#login #login-users-help p {
  font-size: 15px;
  line-height: 1.42857;
}

body#login #login-users-help p:last-child {
  margin-bottom: 0;
}

body#login #login-users-help p .label {
  margin-right: 5px;
}

body#login #login-users-help p .console {
  display: block;
  margin: 5px 0;
  padding: 10px;
}

/* Common Blog page elements
   ------------------------------------------------------------------------- */
.post-metadata {
  color: #b4bcc2;
  font-size: 19px;
  margin-bottom: 16px;
}

.post-metadata .metadata {
  margin-right: 1.5em;
}

.post-tags .label {
  margin-right: 5px;
}

/* Page: 'Blog index'
   ------------------------------------------------------------------------- */
body#blog_index #main h1,
body#blog_index #main p {
  margin-bottom: 0.5em;
}

body#blog_index article.post {
  margin-bottom: 3em;
}

body#blog_index .post-metadata {
  font-size: 16px;
  margin-bottom: 8px;
}

body#blog_index .post-tags .label-default {
  background-color: #e9ecec;
  color: #6d8283;
}

body#blog_index .post-tags .label-default i {
  color: #a3b2b2;
}

/* Page: 'Blog post show'
   ------------------------------------------------------------------------- */
body#blog_post_show #main h3 {
  margin-bottom: 0.75em;
}

body#blog_post_show .post-tags .label-default {
  background-color: #e9ecec;
  color: #6D8283;
  font-size: 16px;
  margin-right: 10px;
  padding: 0.4em 1em 0.5em;
}

body#blog_post_show .post-tags .label-default i {
  color: #95A6A7;
}

body#blog_post_show #post-add-comment {
  margin: 2em 0;
}

body#blog_post_show #post-add-comment p {
  margin-bottom: 0;
}

body#blog_post_show #post-add-comment p a.btn {
  margin-right: 0.5em;
}

body#blog_post_show .post-comment {
  margin-bottom: 2em;
}

body#blog_post_show .post-comment h4 {
  font-size: 13px;
  line-height: 1.42857;
  margin-top: 0;
}

body#blog_post_show .post-comment h4 strong {
  display: block;
}

/* Page: 'Comment form error'
   ------------------------------------------------------------------------- */
body#comment_form_error h1.text-danger {
  margin-bottom: 1em;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .container {
    width: 98%;
  }
}
/* Page: 'Blog search'
   ------------------------------------------------------------------------- */
body#blog_search #main h1,
body#blog_search #main p {
  margin-bottom: 0.5em;
}

body#blog_search article.post:first-child {
  margin-top: 2em;
}

body#blog_search article.post {
  margin-bottom: 2em;
}

body#blog_search .post-metadata {
  font-size: 16px;
  margin-bottom: 8px;
}

/*# sourceMappingURL=app.css.map */