/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */


/*======== NORMAL map FIELDS ========*/
.ft_RAGULAR {
  background-color: #9edba6;
}

.ft_GRAS {
  background-color: #d7f5db;
}

.ft_FOREST {
  background-color: #68a670;
}

.ft_HILL {
  background-color: #f0cab4;
}

.ft_MOUNTAIN {
  background-color: #bfb7b2;
}

.ft_LAKES {
  background-color: #9fd2e3;
}

.ft_GROVE {
  background-color: #aed8e6;
}
/*======== RICH map FIELDS ========*/
.ft_GRAS_RICH {
  background-color: #d7f5db;
}

.ft_FOREST_RICH {
  background-color: #68a670;
}

.ft_HILL_RICH {
  background-color: #f0cab4;
}

.ft_MOUNTAIN_RICH {
  background-color: #bfb7b2;
}

.ft_LAKES_RICH {
  background-color: #9fd2e3;
}

.ft_GROVE_RICH {
  background-color: #aed8e6;
}
/*======== LOW map FIELDS ========*/
.ft_HIGHLANDS {
  background-color: #8c8c8c;
}

.ft_BARREN {
  background-color: #ded6b6;
}

.ft_SWAMP {
  background-color: #aecfa5;
}

.ft_DESERT {
  background-color: #d1cf9f;
}


/*======== BORDERS ========*/
/*CLAIME*/
.b_cl { 
  border: 2px dotted gray
}

/*BLACK -  no village*/
.b_x {
  border: 1px solid black;
}
.bt_x {
  border-top: 1px solid black;
}
.bl_x {
  border-left: 1px solid black;
}
.bb_x {
  border-bottom: 1px solid black;
}
.br_x {
  border-right: 1px solid black;
}

/*OWN*/
.bt_0 {
  border-top: 4px solid blue;
}
.bl_0 {
  border-left: 4px solid blue;
}
.bb_0 {
  border-bottom: 4px solid blue;
}
.br_0 {
  border-right: 4px solid blue;
}

/*FRIEND*/
.bt_1 {
  border-top: 4px solid green;
}
.bl_1 {
  border-left: 4px solid green;
}
.bb_1 {
  border-bottom: 4px solid green;
}
.br_1 {
  border-right: 4px solid green;
}

/*ENEMY*/
.bt_2 {
  border-top: 4px solid red;
}
.bl_2 {
  border-left: 4px solid red;
}
.bb_2 {
  border-bottom: 4px solid red;
}
.br_2 {
  border-right: 4px solid red;
}

/*NEUTRAL*/
.bt_3 {
  border-top: 4px solid gray;
}
.bl_3 {
  border-left: 4px solid gray;
}
.bb_3 {
  border-bottom: 4px solid gray;
}
.br_3 {
  border-right: 4px solid gray;
}

/*ALLIANCE*/
.bt_4 {
  border-top: 4px solid darkblue;
}
.bl_4 {
  border-left: 4px solid darkblue;
}
.bb_4 {
  border-bottom: 4px solid darkblue;
}
.br_4 {
  border-right: 4px solid darkblue;
}

/*GOOD FRIEND*/
.bt_5 {
  border-top: 4px solid darkgreen;
}
.bl_5 {
  border-left: 4px solid darkgreen;
}
.bb_5 {
  border-bottom: 4px solid darkgreen;
}
.br_5 {
  border-right: 4px solid darkgreen;
}

/*ARCH ENEMY*/
.bt_6 {
  border-top: 4px solid darkred;
}
.bl_6 {
  border-left: 4px solid darkred;
}
.bb_6 {
  border-bottom: 4px solid darkred;
}
.br_6 {
  border-right: 4px solid darkred;
}

/*SELECTED VILLAGE*/
.bt_7 {
  border-top: 4px dashed blue;
}

.bl_7 {
  border-left: 4px dashed blue;
}

.bb_7 {
  border-bottom: 4px dashed blue;
}

.br_7 {
  border-right: 4px dashed blue;
}


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