.uk-badg2
{ padding: 0 5px;
  padding-left:9px !important;
  padding-right:9px !important;
  font-family:"myfont"; font-weight:500 !important;

  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  border-radius: 12px;
  vertical-align: middle;
  /* 1 */
  background: #1e87f0;
  color: #fff;
  font-size: 0.875rem;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
/*
 * Required for `a`
 */
.uk-badg2:hover,
.uk-badg2:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}



.mbadge { /* for maps */
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:12px;
  /*line-height:180%;*/
  text-align:center;


  /*width:auto;*/
  padding:0 5px 0px 5px;
  height:18px;

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border-style:solid;
  margin:0 2px 0 2px;

  position: relative;
  top: 3px !important;

  /*_white1*/
  background-color:#ffffff !important;
  /*border-color:rgba(120,120,120,0.5);*/
  color:rgba( 50, 50, 50,1.0) !important;
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.6);*/
  border:1px solid rgba( 80, 80, 80,0.3);
  text-shadow:0px 0px 4px rgba(255,255,255,0.2);
  font-weight:normal !important;
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;*/
}



.bbadge {
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:12px;
  line-height:1.75em;
  text-align:center;


  /*width:auto;*/
  padding:0 9px 0px 9px !important;
  height:21px;

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border-style:solid;
  margin:0 1px 0 1px;

  position: relative;
  top: -1px !important;

  /*_white1*/
  background-color:#ffffff !important;
  /*border-color:rgba(120,120,120,0.5);*/
  color:rgba( 50, 50, 50,1.0) !important;
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.6);*/
  border:1px solid #3f51b550;
  text-shadow:0px 0px 4px rgba(255,255,255,0.2);
  font-weight:normal !important;
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;*/
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;*/
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;*/

  box-shadow: -2px -1px 0px -5px rgba(140,140,140,0.75);
  -webkit-box-shadow: -2px -1px 0px -5px rgba(140,140,140,0.75);
  -moz-box-shadow: -2px -1px 0px -5px rgba(140,140,140,0.75);

}


.bbadgecolforced
{

  /*border-radius: 0.8em 0.0em0.8em 0.0em;*/
/*  margin: 0 -0.25em;
  padding: 0.1em 0.4em;*/
  /*margin: 0 -0.3em 0 -0.3em !important;*/
  /*padding: 0.1em 0.7em 0.1em 0.7em !important;*/
  margin: 0;
  padding: 0;
  border-radius: 0.8em 0.0em 0.8em 0.0em;

}

.bbadgecol
{

  /*border-radius: 0.8em 0.0em0.8em 0.0em;*/
/*  margin: 0 -0.25em;
  padding: 0.1em 0.4em;*//*
  margin: 0 -0.3em 0 -0.3em !important;*/
  /*padding: 0.1em 0.7em 0.1em 0.7em !important;*/
  margin: 0;
  padding: 0;
  /*margin: 0 -0.3em 0 -0.3em !important;*/
  /*margin: 0 -0.1425em 0 -0.1425em !important;*/
  margin: 0 -0.15em 0 -0.15em !important;

}
/*.bbadge_neutral:not(:first-child),*/


/*.bbadgecol:nth-child(2) { position: relative; left: -0.50em !important; }
.bbadgecol:nth-child(3) { position: relative; left: -1.00em !important; }
.bbadgecol:nth-child(4) { position: relative; left: -1.50em !important; }
.bbadgecol:nth-child(5) { position: relative; left: -2.00em !important; }
.bbadgecol:nth-child(6) { position: relative; left: -2.50em !important; }
.bbadgecol:nth-child(7) { position: relative; left: -3.00em !important; }
.bbadgecol:nth-child(8) { position: relative; left: -3.50em !important; }*/
.bbadgecol:only-child /* one elt */
{
  border-radius: 0.8em 0.0em 0.8em 0.0em;
  /*color:green !important;*/
}

.bbadgecol:not(:only-child):first-child /* first elt of a list */
{
  border-radius: 0.8em 0.0em 0.0em 0.0em;
  /*color:yellow !important;*/
}

.bbadgecol:not(:only-child):not(:first-child):not(:last-child) /* one elt of a list */
{
  border-radius: 0em 0.0em 0.0em 0.0em;
  border-left-width:0px !important;
  border-right-width:1px !important;
/*  color:blue !important;
  font-weight:bold !important;*/
}

.bbadgecol:not(:only-child):last-child /* last elt of a list */
{
  border-radius: 0.0em 0.0em 0.8em 0.0em;
  border-left-width:0px !important;
  /*color:red !important;*/
}


/*
.bbadgecol:nth-child(2) { margin: 0 -0.25em;}
.bbadgecol:nth-child(n+2)
{
  border-radius: 0em 0.0em 0em 0.0em;
  border-left:1px solid rgba( 80, 80, 80,0.4);
}*/





.bbadge_neutral { background-color:#fefae0 !important;  color:rgba( 50, 50, 50,1.0) !important; }
.bbadge_white1  { background-color:#ffffff !important;  color:rgba( 50, 50, 50,1.0) !important; }
.bbadge_white2  { background-color:#ffffff !important;  color:rgba(181, 23,204,1.0) !important; }
.bbadge_white3  { background-color:#ffffff !important;  color:rgba( 39,153,209,1.0) !important; }
.bbadge_white4  { background-color:#ffffff !important;  color:rgba(  4,181, 53,1.0) !important; }
.bbadge_white5  { background-color:#ffffff !important;  color:rgba(250,129, 32,1.0) !important; }
.bbadge_white6  { background-color:#ffffff !important;  color:rgba(248, 49, 28,1.0) !important; }

.bbadge_violet1 { background-color:#7c4dff !important; color:#fff !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.bbadge_violet2 { background-color:#b388ff !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_violet3 { background-color:#ea80fc !important; color:#222 !important;}
.bbadge_violet4 { background-color:#D18CE0 !important; color:#222 !important;}

.bbadge_blue1   { background-color:#2979ff !important; color:#fff !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.bbadge_blue2   { background-color:#00b0ff !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_blue3   { background-color:#C4DDFF !important; color:#222 !important;}
.bbadge_blue4   { background-color:#79DAE8 !important; color:#222 !important;}

.bbadge_green1 { background-color:#64dd17 !important; color:#444 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_green2 { background-color:#aeea00 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_green3 { background-color:#b2ff59 !important; color:#222 !important; }
.bbadge_green4 { background-color:#00C897 !important; color:#222 !important; }

.bbadge_yellow1 { background-color:#ffd600 !important; color:#444 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_yellow2 { background-color:#ffea00 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_yellow3 { background-color:#ffff8d !important; color:#222 !important;}
.bbadge_yellow4 { background-color:#fffe4a !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }

.bbadge_orange1 { background-color:#FF9F45 !important; color:#333 !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.bbadge_orange2 { background-color:#ffc107 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_orange3 { background-color:#ffd180 !important; color:#222 !important;}
.bbadge_orange4 { background-color:#ff881f !important; color:#444 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }

.bbadge_red1    { background-color:#ff3d00 !important; color:#fff !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.bbadge_red2    { background-color:#ff6e40 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_red3    { background-color:#ff8a80 !important; color:#222 !important;}
.bbadge_red4    { background-color:#F56D91 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }


.bbadge_grey1   { background-color:#546e7a !important; color:#fff !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); border-color:#3f51b520 !important;}
.bbadge_grey2   { background-color:#90a4ae !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_grey3   {

  color:#242729 !important
    text-shadow: 0 1px 0 #fff;
    background-color: rgba(228, 230, 232,1.0) !important;
    /*border: 1px solid rgb(159, 166, 173) !important;*/
    /*box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset;*/
 }
.bbadge_grey4   { background-color:#99C4C8 !important; color:#111 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }


.bbadge_grey3_old   { background-color:#b0bec5 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }

.bbadge_brown1  { background-color:#5d4037 !important; color:#fff !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.bbadge_brown2  { background-color:#8d6e63 !important; color:#fff !important; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.bbadge_brown3  { background-color:#bcaaa4 !important; color:#222 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_brown4  { background-color:#D49B54 !important; color:#444 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }

.bbadge_black1  { background-color:#212121 !important; color:#fff !important; text-shadow:0px 0px 4px #000; }
.bbadge_black2  { background-color:#313131 !important; color:#00b0ff !important;text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_black3  { background-color:#313131 !important; color:#aeea00 !important;text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_black4  { background-color:#313131 !important; color:#ffff8d !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_black5  { background-color:#313131 !important; color:#ffc107 !important; text-shadow:0px 0px 4px rgba(255,255,255,0.2); }
.bbadge_black6  { background-color:#313131 !important; color:#ff8a80 !important;text-shadow:0px 0px 4px rgba(255,255,255,0.2); }

.bbadge_vivid1  {
color:#111 !important;
text-shadow:0px 0px 4px rgba(255,255,255,0.2);
background-color:hsla(90,0%,100%,0.5) !important;
border:2px solid rgba(255,255,255,0.6);
/*background-color:rgba(255,255,255,0.7) !important;*/
/*filter: saturate(2000%) !important;*/
}



/* background for label - a clear variant of badge background color */

/* very clear */

/*.list_white1  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white2  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white3  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white4  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white5  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white6  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }

.list_violet1 { background-color:#e6c5fa !important; color:rgba( 50, 50, 50,0.9); }
.list_violet2 { background-color:#eed7fc !important; color:rgba( 50, 50, 50,0.9); }
.list_violet3 { background-color:#f6eafd !important; color:rgba( 50, 50, 50,0.9); }

.list_blue1   { background-color:#c5ddfa !important; color:rgba( 50, 50, 50,0.9); }
.list_blue2   { background-color:#cceaf9 !important; color:rgba( 50, 50, 50,0.9); }
.list_blue3   { background-color:#e7f4fa !important; color:rgba( 50, 50, 50,0.9); }

.list_green1  { background-color:#c9fac5 !important; color:rgba( 50, 50, 50,0.9); }
.list_green2  { background-color:#e7fad0 !important; color:rgba( 50, 50, 50,0.9); }
.list_green3  { background-color:#f3fce8 !important; color:rgba( 50, 50, 50,0.9); }

.list_yellow1 { background-color:#fdfbdb !important; color:rgba( 50, 50, 50,0.9); }
.list_yellow2 { background-color:#fefce4 !important; color:rgba( 50, 50, 50,0.9); }
.list_yellow3 { background-color:#fefdee !important; color:rgba( 50, 50, 50,0.9); }

.list_orange1 { background-color:#fee5d2 !important; color:rgba( 50, 50, 50,0.9); }
.list_orange2 { background-color:#feeed2 !important; color:rgba( 50, 50, 50,0.9); }
.list_orange3 { background-color:#fef6e5 !important; color:rgba( 50, 50, 50,0.9); }

.list_red1    { background-color:#faccce !important; color:rgba( 50, 50, 50,0.9); }
.list_red2    { background-color:#fedcd8 !important; color:rgba( 50, 50, 50,0.9); }
.list_red3    { background-color:#feebe9 !important; color:rgba( 50, 50, 50,0.9); }

.list_grey1   { background-color:#dddddd !important; color:rgba( 50, 50, 50,0.9); }
.list_grey2   { background-color:#e9e9e9 !important; color:rgba( 50, 50, 50,0.9); }
.list_grey3   { background-color:#efefef !important; color:rgba( 50, 50, 50,0.9); }

.list_black1  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black2  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black3  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black4  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black5  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black6  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }*/

/* clear */

.list_neutral  {

background-size: auto auto;
background-color: rgba(170, 170, 170, 0.10196078431372549);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(153, 153, 153, 0.10196078431372549) 2px, rgba(153, 153, 153, 0.10196078431372549) 3px );

color:rgba( 50, 50, 50,0.9);}

.list_white1  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white2  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white3  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white4  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white5  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }
.list_white6  { background-color:#ffffff !important; color:rgba( 50, 50, 50,0.9); }

.list_violet1 { background-color:#ddb1f8 !important; color:rgba( 50, 50, 50,0.9); }
.list_violet2 { background-color:#e8cafa !important; color:rgba( 50, 50, 50,0.9); }
.list_violet3 { background-color:#f3e3fd !important; color:rgba( 50, 50, 50,0.9); }

.list_blue1   { background-color:#b2d1f8 !important; color:rgba( 50, 50, 50,0.9); }
.list_blue2   { background-color:#bbe3f7 !important; color:rgba( 50, 50, 50,0.9); }
.list_blue3   { background-color:#dff0f9 !important; color:rgba( 50, 50, 50,0.9); }

.list_green1  { background-color:#82d87b !important; color:rgba( 50, 50, 50,0.9); }
.list_green2  { background-color:#def8c0 !important; color:rgba( 50, 50, 50,0.9); }
.list_green3  { background-color:#effbe0 !important; color:rgba( 50, 50, 50,0.9); }

.list_yellow1 { background-color:#fdf9ce !important; color:rgba( 50, 50, 50,0.9); }
.list_yellow2 { background-color:#fdfbdc !important; color:rgba( 50, 50, 50,0.9); }
.list_yellow3 { background-color:#fefce9 !important; color:rgba( 50, 50, 50,0.9); }
.list_yellow4 { background-color:#ffff32 !important; color:rgba( 16, 16, 16,0.9); }

.list_orange1 { background-color:#fdddc2 !important; color:rgba( 50, 50, 50,0.9); }
.list_orange2 { background-color:#fde9c2 !important; color:rgba( 50, 50, 50,0.9); }
.list_orange3 { background-color:#fef2dd !important; color:rgba( 50, 50, 50,0.9); }

.list_red1    { background-color:#f9bbbd !important; color:rgba( 50, 50, 50,0.9); }
.list_red2    { background-color:#fdd1cc !important; color:rgba( 50, 50, 50,0.9); }
.list_red3    { background-color:#fee5e2 !important; color:rgba( 50, 50, 50,0.9); }

.list_grey1   { background-color:#d2d2d2 !important; color:rgba( 50, 50, 50,0.9); }
.list_grey2   { background-color:#e1e1e1 !important; color:rgba( 50, 50, 50,0.9); }
.list_grey3   { background-color:#eaeaea !important; color:rgba( 50, 50, 50,0.9); }

.list_brown1   { background-color:#bcaaa4 !important; color:rgba( 50, 50, 50,0.9); }
.list_brown2   { background-color:#d7ccc8 !important; color:rgba( 50, 50, 50,0.9); }
.list_brown3   { background-color:#efebe9 !important; color:rgba( 50, 50, 50,0.9); }


.list_black1  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black2  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black3  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black4  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black5  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }
.list_black6  { background-color:#bbbbbb !important; color:rgba( 50, 50, 50,0.9); }

.list_stripes_old {
background:repeating-linear-gradient(
-45deg,
transparent,
transparent 2px,
rgba(217, 228, 221, 0.4) 6px,
rgba(217, 228, 221, 0.1) 6px
),
/* on "bottom" */
linear-gradient(
to bottom,
transparent,
transparent
);
}

.list_stripes
{
background-size:7px 7px;
background-image:linear-gradient(-45deg,
                                  hsla(0, 0%, 100%, 1) 25%,
                                  transparent 0,
                                  transparent 50%,
                                  hsla(0, 0%, 100%, 1) 0,
                                  hsla(0, 0%, 100%, 1) 75%,
                                  transparent 0,
                                  transparent
                                  );
background-image:-moz-linear-gradient(0deg, transparent, transparent);
}

/* firefox only fix */
@-moz-document url-prefix()
{
.list_stripes
{


background:repeating-linear-gradient(
-45deg,
transparent,
transparent 2px,
rgba(255,255,255, 1) 3px,
rgba(255,255,255, 1) 5px
),
/* on "bottom" */
linear-gradient(
to bottom,
transparent,
transparent
);


}

}



.list_stripes_gantt_old {
background: linear-gradient(
-45deg,
#d9e4dd,
#d9e4dd 2px,
#f3f4f7 3px,
#f3f4f7 6px
) !important;
}




.list_stripes_gantt {
background-size:7px 7px !important;
background-image:linear-gradient(-45deg,
                                  hsla(0, 0%, 100%, 1) 25%,
                                  transparent 0,
                                  transparent 50%,
                                  hsla(0, 0%, 100%, 1) 0,
                                  hsla(0, 0%, 100%, 1) 75%,
                                  transparent 0,
                                  transparent
                                  ) !important;
background-image:-moz-linear-gradient(0deg, transparent, transparent) !important;
background-color: rgba(217, 228, 221, 1) !important;
border:1px solid rgba(100,100,100, 0.4) !important;
}


/* firefox only fix */
@-moz-document url-prefix()
{
.list_stripes_gantt
{
background-size:7px 7px !important;
background-color: rgba(217, 228, 221, 1) !important;
border:1px solid rgba(100,100,100, 0.4) !important;


background:repeating-linear-gradient(
-45deg,
white,
white 2px,
rgba(217, 228, 221, 1) 3px,
rgba(217, 228, 221, 1) 5px
),
/* on "bottom" */
linear-gradient(
to bottom,
transparent,
transparent
) !important;


}

}
/*background-color:rgba(217, 228, 221, 1) !important;*/
/*transparent*/



.bbadge_misc1   { background-color:#e6dfd4 !important; border-color:rgba(170,170,170,0.5); color:rgba(120,120,120,0.9) !important; text-shadow:0px 1px 0px rgba(100,100,100,0.2); }

.bbadge_selected  { position:relative; top:-1px; background-color:#8ea2c8 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:none}
.bbadge_inbutton  { position:relative; top:-1px; background-color:rgba(255,255,255,1.0) !important; border-color:rgba(0,0,0,0.5) !important; color:rgba( 0,0,0,0.9) !important; }
.bbadge_inbutton_red  { position:relative; top:-1px; background-color:#fdf9ce !important; border-color:rgba(0,0,0,0.5) !important; color:rgba( 0,0,0,0.9) !important; }
.bbadge_nb  { background-color:#ffffff !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,1.0) !important; text-shadow:0px 1px 0px rgba(255,255,255,0.6); border: 1px solid rgba( 30, 30, 30,0.3); top: 0px !important;}

.bbadge_gantt_tsk  { background-color:#777 !important; color:rgba(255,255,255,1) !important; text-shadow:0px 1px 0px rgba(100,100,100,0.9);  border: 0px solid rgba( 30, 30, 30,0.5); top: 0px !important;}
.bbadge_gantt_rsc  { background-color:rgba(255,255,255,1.0) !important; border-color:rgba( 30, 30, 30,0.5) !important; color:rgba( 45, 45, 45,0.9) !important; top:0px !important;  padding:0 4px 0px 4px; }

.bbadge_margl { margin-left:10px !important; }


/* for regular uikit badges ⋯*/
.badge_red    { background-color:#ff7175 !important; border:1px grey solid; border-color:rgba(150,150,150,0.5); color:rgba(255,255,255,1.0); text-shadow:1px 1px 1px rgba( 30, 30, 30,0.7);}
.badge_red:after { content:"→"; padding-left:5px;opacity: 0.75;}
.badge_grey    { background-color:#aaaaaa !important; border:1px grey solid; border-color:rgba(150,150,150,0.5); color:rgba(255,255,255,1.0); text-shadow:1px 1px 1px rgba( 30, 30, 30,0.7);}
/*class="uk-badge badge_red badge_icon fn_son_btn" uk-icon="icon:more; ratio:1.0" */
/*.badge_icon>svg {padding-left:5px;}*/

.bbadge_checkbox
{ width:125px !important; }



.bbadge_mini {
  display: inline-block;
  min-width: 10px;
  padding: 2px 2px;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
  /*background-color: #85C8EA;*/
  opacity: 0.75;
  border-radius: 4px;
  /*border:1px #aaa solid;*/
  text-shadow: none;
  margin:0px 4px 0px 5px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  position: relative;
  top: -1px !important;
}
.bbadge_mini_text {
  position: relative;
  top: 0px !important;
  text-transform: uppercase;
  color: #5f7ab3;
  opacity: 0.95;
  text-shadow:0px 1px 0px rgba(255,255,255,0.6);

/*  border: solid black;
  border-width: 0 3px 3px 0;
  padding: 3px;
  display: inline-block;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);*/
}

.bbadge_place {
  /*General*/
  display: inline-block;
  text-decoration: none;
  font-size:11.5px;
  text-align:center;
  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border-style:solid;
  border:1px solid rgba( 80, 80, 80,0.3);
  text-shadow:0px 0px 4px rgba(255,255,255,0.2);
  font-weight:500 !important;
  box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;
  text-shadow: 0 1px 0 #fff;
  background-color: rgb(228, 230, 232) !important;
  color:#242729 !important;
  padding:1px 3px 0px 3px;
  margin:0 1px 0 1px;
  position: relative;
  left:5px;
}

.progress_light
{
  display: inline-block !important;
  vertical-align:inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 40px !important;
  background-color:#ccc !important;
  height:7px !important;
  opacity: 0.8;
}

.progress_light_ml
{
  margin-left: 10px;
}


progress {
  -webkit-appearance: none !important;
}

::-webkit-progress-bar {
   background-color: #ccc !important;
}


/*.bbadge_code  { background-color:#293241 !important; color:#fff !important; }
.bbadge_key  {  background-color:#6185b4 !important; color:#fff !important; }*/
.bbadge_code  { background-color:#004d40 !important; color:#fff !important; }
.bbadge_key  {  background-color:#00bfa5 !important; color:#222 !important; }




.lbadge {
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:13px;
  /*line-height:180%;*/
  text-align:center;


  /*width:auto;*/
  padding:0 5px 0px 5px;

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border-style:solid;
  margin:0 1px 0 1px;


  /*_white1*/
  background-color:#ffffff !important;
  /*border-color:rgba(120,120,120,0.5);*/
  color:rgba( 50, 50, 50,1.0) !important;
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.6);*/
  border:1px solid rgba( 80, 80, 80,0.3);
  text-shadow:0px 0px 4px rgba(255,255,255,0.2);
  font-weight:normal !important;
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;*/
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;*/

}
.lbadge_std  { background-color:#118ab2 !important; color:#fff !important; border:0px solid black; }
.lbadge_code  { background-color:#004d40 !important; color:#fff !important; border:0px solid black; }
.lbadge_key  {  background-color:#00bfa5 !important; color:#000 !important; border:0px solid black; }

.bbadge_breadcrumb
{

top: 0px !important;
font-weight:300;
opacity:0.85;
}


.bbadge_breadcrumb_selected
{
top: 0px !important;
font-weight:400;
opacity:1;
}



.bbadge_filenb_old {
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:12px;
  line-height:180%;
  text-align:center;
  font-weight:600;


  /*width:auto;*/
  height:20px;
  width:30px;

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:10px;
  border-style:solid;
  padding:0 3px 0px 4px;
  margin:0 1px 0 10px;

  position: relative;
  top: -1px !important;

  /*_white1*/
  background-color:#fffb00 !important;
  /*border-color:rgba(120,120,120,0.5);*/
  color:rgba( 48, 48, 48,1.0) !important;
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.6);*/
  border: 0px solid rgba( 200, 200, 200,0.9);
  text-shadow:0px 1px 0px rgba(255,255,255,0.6);
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;*/
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;*/


  background:  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 20px,
    #e8d864 20px,
    #e8d864 40px
  );


}

.bbadge_filenb {
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:12px;
  line-height:180%;
  text-align:center;
  font-weight:600;


  /*width:auto;*/
  height:20px;
  width:30px;

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:10px;
  border-style:solid;
  padding:0 3px 0px 4px;
  margin:0 1px 0 10px;

  position: relative;
  top: -1px !important;

  /*_white1*/
  background-color:#fffb00 !important;
  /*border-color:rgba(120,120,120,0.5);*/
  color:rgba( 48, 48, 48,1.0) !important;
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.6);*/
  border: 0px solid rgba( 200, 200, 200,0.9);
  text-shadow:0px 1px 0px rgba(255,255,255,0.6);
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;*/
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px;*/


  background:  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 20px,
    #e8d864 20px,
    #e8d864 40px
  );


}

a.filelt { text-decoration: none !important;}
a.filelt:hover .bbadge_filenb  { background-color:#dece8f !important; }



:root
{
--cssicon_bg:#f5c24bE0;
--cssicon_corner:#b7830aE0;
--cssicon_txt:#d72e35E0;

--cssicon_bg_dsp:#cccccc;
--cssicon_corner_dsp:#888888E0;
--cssicon_txt_dsp:#2e89d7E0;

--cssicon_bg_dim:#cccccc;
--cssicon_corner_dim:#888888E0;
--cssicon_txt_dim:#8a98a4E0;

}


.cssicon,
.cssicon::before,
.cssicon::after
{

position:relative;
padding:0;
margin:0;
}

.cssicon
{
font-size:26px;
color:transparent;
margin-left:10px;
}



.cssicon.docgen
{
background-color:var(--cssicon_bg); /* lower half bg color */
}

.cssicon.docgendsp
{
background-color:var(--cssicon_bg_dsp); /* lower half bg color */
}

.cssicon.docgendim
{
background-color:var(--cssicon_bg_dim); /* lower half bg color */
}

.cssicon.docgen,
.cssicon.docgendsp,
.cssicon.docgendim
{
display:inline-block;
width:0.6em;
height:0.6em;
top:4px;

border:transparent 1px solid; /* lower half border color */
border-top:none;
}



.cssicon.docgen::before
{
background-color:var(--cssicon_bg); /* higher half bg color */
}

.cssicon.docgendsp::before
{
background-color:var(--cssicon_bg_dsp); /* higher half bg color */
}

.cssicon.docgendim::before
{
background-color:var(--cssicon_bg_dim); /* higher half bg color */
}

.cssicon.docgen::before,
.cssicon.docgendsp::before,
.cssicon.docgendim::before
{
display:block;
content:"";
top:-0.25em;
left:-1px;
width:0.355em;
height:0.25em;
position:absolute;
border:transparent 1px solid; /* top left border color */
border-right-color:transparent;
border-bottom:none;
}



.cssicon.docgen::after
{
border:var(--cssicon_corner) 0.14em solid; /* corner color */
}

.cssicon.docgendsp::after
{
border:var(--cssicon_corner_dsp) 0.14em solid; /* corner color */
}

.cssicon.docgendim::after
{
border:var(--cssicon_corner_dim) 0.14em solid; /* corner color */
}

.cssicon.docgen::after,
.cssicon.docgendsp::after,
.cssicon.docgendim::after
{
content:"";
display:block;
top:-0.255em;
right:-0.05em;
position:absolute;
border-right-color:transparent;
border-top-color:transparent;
/*box-shadow:#999 -1px 1px 1px;*/
}




.cssicon.icontext2::after {
content:"";
display:block;
top:-0.25em;
right:-0.025em;
position:absolute;
border:#e3cb56 0.125em solid;
border-right-color:transparent;
border-top-color:transparent;
box-shadow:#999 -1px 1px 1px;
}

.cssicontxt
{
background-color:var(--cssicon_txt);
}

.cssicontxtdsp
{
background-color:var(--cssicon_txt_dsp);
}

.cssicontxtdim
{
background-color:var(--cssicon_txt_dim);
}

.cssicontxt,
.cssicontxtdsp,
.cssicontxtdim
{
display:inline-block;
font-family:"myfont"; font-weight:600;;
font-size:11px;
color:#fff;
position:relative;
top:5px;
left:-10px;
text-align:center;
border-radius:10px;
padding:1px 4px 0px 4px;
min-width:13px !important;
}


.cssicon_map
{
position:relative;
top:12px !important;
}
.cssicon_map + span.cssicontxtdsp
{
position:relative;
top:12px !important;
}


a:hover .cssicontxt  { background-color:#000; }
a:hover .cssicontxtdim  { background-color:#000; }



.pbadge {
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:12px;
  /*line-height:180%;*/
  text-align:center;


  /*width:auto;*/
  padding:0 5px 0px 5px;
/*  height:21px;*/

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  /*border-style:solid;*/
  margin:0 1px 0 1px;

/*  position: relative;
  top: -1px !important;*/

  /*_white1*/
  background-color:#182229;
  /*border-color:rgba(120,120,120,0.5);*/
  color:#ffffff;
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.6);*/
  /*border:1px solid rgba( 80, 80, 80,0.3);*/
  /*text-shadow:0px 0px 4px rgba(255,255,255,0.2);*/
  font-weight:400 !important;
    /*box-shadow: rgba(12, 13, 14, 0.15) 0px 1px 1px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;*/
    /*box-shadow: rgba(2, 13, 14, 0.15) 0px 1px 1px 0px;*/
}