/* <span style="color:#8DC63F">|</span> */
.colorIAGreenStyle {
    color: #8DC63F;
}

.sssorting_def:after {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    opacity: 0.6;
    content: '\e150';
    /* sort */
}

.sssorting_asc:after {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    content: '\e155';
    /* sort-by-attributes */
}

.sssorting_desc:after {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    content: '\e156';
    /* sort-by-attributes-alt */
}

#pwd_message_box {
    display: none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 5px;
    margin-top: 5px;
}

    #pwd_message_box p {
        font-size: 14px;
        text-align: left;
        margin-left: 25%;
    }

/* Add a green text color and a checkmark when the requirements are right */
.pwd_valid {
    color: green;
}

    .pwd_valid:before {
        position: relative;
        left: -10px;
        content: "✔";
    }

/* Add a red text color and an "x" icon when the requirements are wrong */
.pwd_invalid {
    color: red;
}

    .pwd_invalid:before {
        position: relative;
        left: -10px;
        content: "✖";
    }

.field-icon {
    float: right;
    margin-right: 5px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}




.nameCircleSmTest {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.nameCircleSmTier0 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}
.nameCircleSmTier1 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d8f0f5;
    color: #59d1e8;
    border: solid 2px #d8f0f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}
.nameCircleSmTier2 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2dcea;
    color: #f879c0;
    border: solid 2px #f2dcea;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}
.nameCircleSmTier3 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dcf4ef;
    color: #5cbea6;
    border: solid 2px #dcf4ef;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}
.nameCircleSmTier4 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e3e4f5;
    color: #b4b4f9;
    border: solid 2px #e3e4f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.nameCircleSmTier5 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e1f1;
    color: #f886df;
    border: solid 2px #f3e1f1;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.nameCircleSmTier6 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e2df;
    color: #ec8f7b;
    border: solid 2px #f3e2df;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.nameCircleSmTier7 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d4f7b6;
    color: #6ca837;
    border: solid 2px #d4f7b6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.nameCircleSmTier8 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f4d7c6;
    color: #f19580;
    border: solid 2px #f4d7c6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.nameCircleLgTier0 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier1 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d8f0f5;
    color: #59d1e8;
    border: solid 2px #d8f0f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier2 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2dcea;
    color: #f879c0;
    border: solid 2px #f2dcea;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier3 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dcf4ef;
    color: #5cbea6;
    border: solid 2px #dcf4ef;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier4 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e3e4f5;
    color: #b4b4f9;
    border: solid 2px #e3e4f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier5 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e1f1;
    color: #f886df;
    border: solid 2px #f3e1f1;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier6 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e2df;
    color: #ec8f7b;
    border: solid 2px #f3e2df;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier7 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d4f7b6;
    color: #6ca837;
    border: solid 2px #d4f7b6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleLgTier8 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f4d7c6;
    color: #f19580;
    border: solid 2px #f4d7c6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier0 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier1 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d8f0f5;
    color: #59d1e8;
    border: solid 2px #d8f0f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier2 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2dcea;
    color: #f879c0;
    border: solid 2px #f2dcea;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier3 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dcf4ef;
    color: #5cbea6;
    border: solid 2px #dcf4ef;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier4 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e3e4f5;
    color: #b4b4f9;
    border: solid 2px #e3e4f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier5 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e1f1;
    color: #f886df;
    border: solid 2px #f3e1f1;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier6 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e2df;
    color: #ec8f7b;
    border: solid 2px #f3e2df;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier7 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d4f7b6;
    color: #6ca837;
    border: solid 2px #d4f7b6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.nameCircleMdTier8 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f4d7c6;
    color: #f19580;
    border: solid 2px #f4d7c6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}



.groupCircleSmTier0 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier1 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d8f0f5;
    color: #59d1e8;
    border: solid 2px #d8f0f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier2 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2dcea;
    color: #f879c0;
    border: solid 2px #f2dcea;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier3 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dcf4ef;
    color: #5cbea6;
    border: solid 2px #dcf4ef;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier4 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e3e4f5;
    color: #b4b4f9;
    border: solid 2px #e3e4f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier5 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e1f1;
    color: #f886df;
    border: solid 2px #f3e1f1;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier6 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e2df;
    color: #ec8f7b;
    border: solid 2px #f3e2df;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier7 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d4f7b6;
    color: #6ca837;
    border: solid 2px #d4f7b6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}

.groupCircleSmTier8 {
    width: 35px;
    height: 35px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f4d7c6;
    color: #f19580;
    border: solid 2px #f4d7c6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
}


.groupCircleLgTier0 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier1 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d8f0f5;
    color: #59d1e8;
    border: solid 2px #d8f0f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier2 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2dcea;
    color: #f879c0;
    border: solid 2px #f2dcea;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier3 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dcf4ef;
    color: #5cbea6;
    border: solid 2px #dcf4ef;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier4 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e3e4f5;
    color: #b4b4f9;
    border: solid 2px #e3e4f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier5 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e1f1;
    color: #f886df;
    border: solid 2px #f3e1f1;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier6 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e2df;
    color: #ec8f7b;
    border: solid 2px #f3e2df;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier7 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d4f7b6;
    color: #6ca837;
    border: solid 2px #d4f7b6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleLgTier8 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f4d7c6;
    color: #f19580;
    border: solid 2px #f4d7c6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier0 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2e5d8;
    color: #f7ab62;
    border: solid 2px #f2e5d8;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier1 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d8f0f5;
    color: #59d1e8;
    border: solid 2px #d8f0f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier2 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f2dcea;
    color: #f879c0;
    border: solid 2px #f2dcea;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier3 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dcf4ef;
    color: #5cbea6;
    border: solid 2px #dcf4ef;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier4 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e3e4f5;
    color: #b4b4f9;
    border: solid 2px #e3e4f5;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier5 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e1f1;
    color: #f886df;
    border: solid 2px #f3e1f1;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier6 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3e2df;
    color: #ec8f7b;
    border: solid 2px #f3e2df;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier7 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d4f7b6;
    color: #6ca837;
    border: solid 2px #d4f7b6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}

.groupCircleMdTier8 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f4d7c6;
    color: #f19580;
    border: solid 2px #f4d7c6;
    text-align: center;
    display: block;
    font-family: Calibri;
    font-size: 40px;
    font-weight: bold;
}