.abadge[data-badge]:after
{
        content:attr(data-badge);
        font-size:.6em;
        background:#ddd;
        width:18px;
        height:18px;
        text-align:center;
        line-height:18px;
        border-radius: 25%;
        padding:2px;
}

.red      { color:red;   }
.white    { color:white; }



hr.title{
margin-top:35px !important;
height: 1px;
text-align: center;
margin-left:15px !important;
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #fff;
/*background-image: -webkit-linear-gradient(left, #fff, #333, #fff);
background-image: -moz-linear-gradient(left, #fff, #333, #fff);
background-image: -ms-linear-gradient(left, #fff, #333, #fff);
background-image: -o-linear-gradient(left, #fff, #333, #fff);*/
}

hr.title:after {
/*content: "www.formget.com";*/
content:attr(data-text);
text-transform: uppercase;
color:#1b53df;
display: inline-block;
position: relative;
top: -0.9em;
font-size: 0.9em;
padding: 0 0.25em;
background: white;
}

hr.title_line{
margin-top:35px !important;
text-align: center;
margin-left:15px !important;
height:28px !important;
/*background-image: -webkit-linear-gradient(left, #fff, #333, #fff);
background-image: -moz-linear-gradient(left, #fff, #333, #fff);
background-image: -ms-linear-gradient(left, #fff, #333, #fff);
background-image: -o-linear-gradient(left, #fff, #333, #fff);*/
}

hr.title_line:after {
/*content: "www.formget.com";*/
content:attr(data-text);
text-transform: uppercase;
display: inline-block;
position: relative;
top: 0.1em;
font-size: 0.9em;
padding: 0 0.25em;
background: transparent;
}
.help_msg
{ color: #888 !important;
  font-size: .80rem !important;
  height:40px;
  max-height:40px;
  overflow: hidden;
  font-family: "San Francisco Display Ultralight";
}
.help_msg_short
{ color: #888 !important;
  font-size: .80rem !important;
  height:20px;
  max-height:20px;
  overflow: hidden;
  font-family: "San Francisco Display Ultralight";
}


@font-face {
  font-family: "San Francisco Display Ultralight";
  font-style: normal;
  font-weight: 400;
  src: url("/_fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.eot?#iefix") format("embedded-opentype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2") format("woff2"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff") format("woff"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.ttf") format("truetype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.svg#San Francisco Display Ultralight") format("svg")
}

@font-face {
  font-family: "San Francisco Display Thin";
  font-style: normal;
  font-weight: 400;
  src: url("/_fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.eot?#iefix") format("embedded-opentype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2") format("woff2"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff") format("woff"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.ttf") format("truetype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.svg#San Francisco Display Thin") format("svg")
}

@font-face {
  font-family: "San Francisco Display Medium";
  font-style: normal;
  font-weight: 400;
  src: url("/_fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.eot?#iefix") format("embedded-opentype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2") format("woff2"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff") format("woff"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.ttf") format("truetype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.svg#San Francisco Display Medium") format("svg")
}

@font-face {
  font-family: "San Francisco Display Semibold";
  font-style: normal;
  font-weight: 400;
  src: url("/_fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix") format("embedded-opentype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2") format("woff2"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff") format("woff"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf") format("truetype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg")
}

@font-face {
  font-family: "San Francisco Display Bold";
  font-style: normal;
  font-weight: 400;
  src: url("/_fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.eot?#iefix") format("embedded-opentype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2") format("woff2"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff") format("woff"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.ttf") format("truetype"),
  url("/_fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.svg#San Francisco Display Bold") format("svg")
}

/*h1:nth-child(1) {
  font-family: "San Francisco Display Ultralight";
}

h1:nth-child(2) {
  font-family: "San Francisco Display Thin";
}

h1:nth-child(3) {
  font-family: "San Francisco Display Medium";
}

h1:nth-child(4) {
  font-family: "San Francisco Display Semibold";
}

h1:nth-child(5) {
  font-family: "San Francisco Display Bold";
}*/

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

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


  /*width:auto;*/
  padding:0 5px 1px 5px;
  height:20px;

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

.bbadge_violet1 { background-color:#7410b1 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_violet2 { background-color:#a939ee !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_violet3 { background-color:#d297f6 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_blue1   { background-color:#1059b2 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_blue2   { background-color:#1790cc !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_blue3   { background-color:#86c7e7 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_green1  { background-color:#1cb410 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_green2  { background-color:#84dd19 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }
.bbadge_green3  { background-color:#c3ef8a !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }
.bbadge_green4  { background-color:#2dde98 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_yellow1 { background-color:#f6ea49 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }
.bbadge_yellow2 { background-color:#e1f176 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }
.bbadge_yellow3 { background-color:#fbf5ab !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_orange1 { background-color:#f87f1c !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_orange2 { background-color:#f8ab1c !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }
.bbadge_orange3 { background-color:#fbd07f !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_red1    { background-color:#d5131a !important; border-color:rgba(120,120,120,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_red2    { background-color:#f8321c !important; border-color:rgba(120,120,120,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_red3    { background-color:#fc9c92 !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_grey1   { background-color:#333333 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_grey2   { background-color:#666666 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9); text-shadow:0px 1px 0px rgba(100,100,100,0.9); }
.bbadge_grey3   { background-color:#999999 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,1.0); text-shadow:0px 1px 0px rgba( 50, 50, 50,0.9); }

.bbadge_black1  { background-color:#000000 !important; border-color:rgba(  0,  0,  0,0.5); color:rgba(255,255,255,1.0); text-shadow:0px 1px 0px rgba(  0,  0,  0,0.6); }
.bbadge_black2  { background-color:#444444 !important; border-color:rgba(  0,  0,  0,0.5); color:rgba(255,255,255,1.0); text-shadow:0px 1px 0px rgba(  0,  0,  0,0.6); }

.bbadge_white1  { background-color:#ffffff !important; border-color:rgba(120,120,120,0.5); color:rgba( 50, 50, 50,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }
.bbadge_white2  { background-color:#dddddd !important; border-color:rgba(120,120,120,0.6); color:rgba( 220, 0, 0,0.9); text-shadow:0px 1px 0px rgba(255,255,255,0.6); }

.bbadge_misc1   { background-color:#e6dfd4 !important; border-color:rgba(170,170,170,0.5); color:rgba(120,120,120,0.9); 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:0px 1px 0px rgba(255,255,255,0.6); }
.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; }

/* 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;}*/

.keypan { background-color:#5ab3d4; color:#222; }
.stapan { background-color:#bae15f; color:#222; }
.calpan { background-color:#b7abe9; color:#222; }
.carpan { background-color:#f09f65; color:#222; }
.axipan { background-color:#c268f6; color:#222; }
.cpnpan { background-color:#c982f4; color:#222; }
.acnpan { background-color:#cf9cf3; color:#222; }
.tskpan { background-color:#d6b6f1; color:#222; }
.filpan { background-color:#fffc9e; color:#222; }

.black  { background-color:#555555 !important; padding-left:3px; padding-right:3px;}
.yellow  { background-color:#ffd659F0 !important; color:#333; border-radius: 1px; margin-left:5px; padding-left:3px; padding-right:3px;}

/*d6b6f1
db93fb
b841f9
833adb

b7abe9*/