.black_haze_bk{
  background-color: rgb(245, 248, 246);
}
.desert_storm_bk{
  background-color: rgb(248, 248, 246);
}
.gin_bk{
  background-color: rgb(235, 241, 236);
}
.black_bk{
  background-color: black;
}
.white_bk{
  background-color: white;
}

.black_haze{
  color: rgb(245, 248, 246);
}
.desert_storm{
  color: rgb(248, 248, 246);
}
.gin{
  color: rgb(235, 241, 236);
}
.black{
  color: black;
}
.white{
  color: white;
}
/*green*/

.body_green p::selection, .body_green a::selection {
  color:white;
  background-color: rgb(82, 170, 72);
}

.green_m mark, .green_fa{
  color: rgb(82, 170, 72) !important;
}

.green, .green_h:hover, .green_h:hover > p, .green_h:hover > h2,
.green, .green_h.hover_effect, .green_h.hover_effect > p, .green_h.hover_effect > h2{
  color: rgb(82, 170, 72) !important;
}

.green_border{
  border: 4px solid transparent;
}

.green_border:hover, .green_border.hover_effect{
  border: 2px solid rgb(82, 170, 72)!important;
}

.green_border_bottom_t{
  border-bottom: 6px solid rgb(82, 170, 72);
}

.green_border_bottom_input{
  border-bottom: solid 2px rgb(235, 241, 236);
}

.green_border_bottom_input:focus{
  border-bottom: solid 2px rgb(82, 170, 72);
}

.green_border_b{
  border: 4px solid rgb(82, 170, 72);
}

.green_bk{
  background-color: rgb(82, 170, 72) !important;
}

.green_wrong{
  background-color: rgba(82, 170, 72,0.08) !important;
}

.green_bk_b:before{
  background-color: rgb(82, 170, 72);
}

.green_bk_a:hover, .green_bk_a.hover_effect{
  background-color: rgb(82, 170, 72) !important;
}

.green_fill{
  fill: rgb(82, 170, 72);
}

.green_stroke{
  stroke: rgb(82, 170, 72);
}

/*blue_green*/

.body_blue_green p::selection, .body_blue_green a::selection {
  color:white;
  background-color: rgb(69, 193, 190);
}

.blue_green_m mark, .blue_green_fa{
  color: rgb(69, 193, 190) !important;
}

.blue_green, .blue_green_h:hover, .blue_green_h:hover > p, .blue_green_h:hover > h2,
.blue_green, .blue_green_h.hover_effect, .blue_green_h.hover_effect > p, .blue_green_h.hover_effect > h2{
  color: rgb(69, 193, 190) !important;
}

.blue_green_h:hover,.blue_green_h.hover_effect{
  color: rgb(69, 193, 190);
}

.blue_green_border{
  border: 4px solid transparent;
}

.blue_green_border_b{
  border: 4px solid rgb(69, 193, 190);
}

.blue_green_border:hover, .blue_green_border.hover_effect{
  border: 2px solid rgb(69, 193, 190)!important;
}

.blue_green_border_bottom_t{
  border-bottom: 6px solid rgb(69, 193, 190);
}

.blue_green_border_bottom_input{
  border-bottom: solid 2px rgb(235, 241, 236);
}

.blue_green_border_bottom_input:focus{
  border-bottom: solid 2px rgb(69, 193, 190);
}

.blue_green_bk{
  background-color: rgb(69, 193, 190) !important;
}

.blue_green_wrong{
  background-color: rgba(69, 193, 190 ,0.08) !important;
}

.blue_green_bk_b:before{
  background-color: rgb(69, 193, 190);
}

.blue_green_bk_a:hover, .blue_green_bk_a.hover_effect{
  background-color: rgb(69, 193, 190)!important;
}

.blue_green_fill{
  fill: rgb(69, 193, 190);
}

.blue_green_stroke{
  stroke: rgb(69, 193, 190);
}

/*blue*/

.body_blue p::selection, .body_blue a::selection {
  color:white;
  background-color: rgb(2, 84, 254);
}

.blue, .blue_h:hover, .blue_h:hover > p, .blue_h:hover > h2,
.blue, .blue_h.hover_effect, .blue_h.hover_effect > p, .blue_h.hover_effect > h2{
  color: rgb(2, 84, 254) !important;
}

.blue_m mark, .blue_fa{
  color: rgb(2, 84, 254) !important;
}

.blue_border_bottom_t{
  border-bottom: 6px solid rgb(2, 84, 254);
}

.blue_border_bottom_input{
  border-bottom: solid 2px rgb(235, 241, 236);
}

.blue_border_bottom_input:focus{
  border-bottom: solid 2px rgb(2, 84, 254);
}

.blue_border{
  border: 4px solid transparent;
}

.blue_border_b{
  border: 4px solid rgb(2, 84, 254);
}

.blue_border:hover, .blue_border.hover_effect{
  border: 2px solid rgb(2, 84, 254)!important;
}

.blue_bk{
  background-color: rgb(2, 84, 254) !important;
}

.blue_wrong{
  background-color: rgba(2, 84, 254 ,0.08) !important;
}

.blue_bk_b:before{
  background-color: rgb(2, 84, 254);
}

.blue_bk_a:hover, .blue_bk_a.hover_effect{
  background-color: rgb(2, 84, 254)!important;
}

.blue_fill{
  fill: rgb(2, 84, 254);
}

.blue_stroke{
  stroke: rgb(2, 84, 254);
}

/*red*/


.body_red p::selection, .body_red a::selection {
  color:white;
  background-color: rgb(221, 70, 59);
}

.red, .red_h:hover, .red_h:hover > p, .red_h:hover > h2,.red, .red_h:hover, .red_h:hover > p, .red_h:hover > h2,
.red_h.hover_effect, .red_h.hover_effect > p, .red_h.hover_effect > h2{
  color: rgb(221, 70, 59) !important;
}

.red_m mark, .red_fa{
  color: rgb(221, 70, 59)!important;
}

.red_border_bottom_t{
  border-bottom: 6px solid rgb(221, 70, 59);
}

.red_border_bottom_input{
  border-bottom: solid 2px rgb(235, 241, 236);
}

.red_border_bottom_input:focus{
  border-bottom: solid 2px rgb(221, 70, 59);
}

.red_border{
  border: 4px solid transparent;
}

.red_border_b{
  border: 4px solid rgb(221, 70, 59);
}

.red_border:hover, .red_border.hover_effect{
  border: 2px solid rgb(221, 70, 59)!important;
}

.red_bk_b:before{
  background-color: rgb(221, 70, 59);
}

.red_bk{
  background-color: rgb(221, 70, 59) !important;
}

.red_wrong{
  background-color: rgba(221, 70, 59 ,0.08) !important;
}

.red_bk_a:hover, .red_bk_a.hover_effect{
  background-color: rgb(221, 70, 59)!important;
}

.red_fill{
  fill: rgb(221, 70, 59);
}

.red_stroke{
  stroke: rgb(221, 70, 59);
}

/*yellow*/


.body_yellow p::selection, .body_yellow a::selection {
  color:white;
  background-color: rgb(229, 196, 64);
}

.yellow_m mark, .yellow_fa{
  color: rgb(229, 196, 64) !important;
}

.yellow, .yellow_h:hover, .yellow_h:hover > p, .yellow_h:hover > h2,
.yellow_h.hover_effect, .yellow_h.hover_effect > p, .yellow_h.hover_effect > h2{
  color: rgb(229, 196, 64) !important;
}

.yellow_border_bottom_t{
  border-bottom: 6px solid rgb(229, 196, 64);
}

.yellow_border_bottom_input{
  border-bottom: solid 2px rgb(235, 241, 236);
}

.yellow_border_bottom_input:focus{
  border-bottom: solid 2px rgb(229, 196, 64);
}

.yellow_border{
  border: 4px solid transparent;
}

.yellow_border_b{
  border: 4px solid rgb(229, 196, 64);
}

.yellow_border:hover, .yellow_border.hover_effect{
  border: 2px solid rgb(229, 196, 64)!important;
}

.yellow_bk{
  background-color: rgb(229, 196, 64) !important;
}

.yellow_wrong{
  background-color: rgba(229, 196, 64 ,0.08) !important;
}

.yellow_bk_b:before{
  background-color: rgb(229, 196, 64);
}

.yellow_bk_a:hover, .yellow_bk_a.hover_effect{
  background-color: rgb(229, 196, 64)!important;
}

.yellow_fill{
  fill: rgb(229, 196, 64);
}

.yellow_stroke{
  stroke: rgb(229, 196, 64);
}