@font-face {
    font-family: "KantarBrownWeb-Regular";
    src: url("fonts/KantarBrownWeb-Regular.eot");
    src: url("fonts/KantarBrownWeb-Regular.eot?#iefix") format("embedded-opentype")
    , url("fonts/KantarBrownWeb-Regular.woff") format("woff");   

}

@font-face {
    font-family: "KantarBrownWeb-Bold";
    src: url("fonts/KantarBrownWeb-Bold.eot");
    src: url("fonts/KantarBrownWeb-Bold.eot?#iefix") format("embedded-opentype")
    , url("fonts/KantarBrownWeb-Bold.woff") format("woff");
    /*font-weight: normal;
font-style: normal;*/

}


.anychart-credits {
    display: none !important
}

html {
    background-color: #000;
}

body { background-color:transparent !important; }

#mainList_filter {
    
    width: 180px;
    float: right;
    margin: -27px -3px 0 0;
}

#mainList_filter input {
    width: 120px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: 'KantarBrownWeb-Regular', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 100;
}

BODY,
INPUT,
TD,
TH,
A,
TEXTAREA,
SELECT {
    color: #3C3C3B;
    font-family: 'KantarBrownWeb-Regular', Helvetica, sans-serif;
    font-size: 14px;
}

p,
h1,
h2,
h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    line-height: 16px;
}

h1 {
    font-size: 18px;
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    color: #3C3C3B;
    line-height: 18px;
}

h2 {
    font-size: 16px;
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    color: #3C3C3B;
    line-height: 18px;
}

h3 {
    font-size: 26px;
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    color: #3C3C3B;
    line-height: 26px;
}

h4 {
    font-size: 20px;
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    color: #3C3C3B;
    line-height: 20px;
}

h8 {
    font-size: 26px;
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    color: #3C3C3B;
    line-height: 26px;
}



/* BootOverides */
hr {
    margin: 5px 0 5px 0;
}

.btn {
    border-radius: 0px !important
}

.nopadding {
    padding: 0px !important
}

.label {
    margin: -5px 0 0 0;
    font-weight: normal
}

.table {
    margin-bottom: 0px;
    /* table-layout: fixed; */
}

.alert {
    margin: 2px 0 2px 0px;
}

.form-control {
    display: inline-block;
    padding: 0px 4px 0px 4px;
    font-size: 12px;
    color: #3C3C3B;
    height: 28px;
}

.FCtxtArea {
    font-size: 10px;
    padding: 6px 12px;
    min-height: 80px;
    line-height: 16px;
}

.FCtxtAreaMin {
    font-size: 10px;
    padding: 6px 12px;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background-color: #DEC9ED;
}

.table>thead>tr>td {
    background-color: #D4D4C9 !important;

}

.table>thead>tr>td>a {
    background-color: #D4D4C9 !important;

}

.table>tfoot>tr>td {
    background-color: #D4D4C9 !important;

}

.smallTable>thead>tr>td,
.smallTable>thead>tr>td>a {
    font-size: 11px
}

.smallTable>tbody>tr>td,
.smallTable>tbody>tr>td>a {
    font-size: 11px
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 6px;
/*    font-size:11px;*/
    vertical-align: top;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 6px 6px;
    border-bottom: 1px solid #111;
}

table.dataTable thead th, table.dataTable tfoot td {
    padding: 6px 6px;
    border-bottom: 1px solid #111;
    font-size: 11px
}

.circle { 
        border-radius: 100px;  
        display: flex;
    align-items: center;
    justify-content: center;
}

.dt-search {margin: -30px 0 0 0 ;}

code {
    background-color: transparent !important;
}

.check-xs {
    zoom: 1.2;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin: 0px 0px 2px 0px !important
}

.K_bold {
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    
}



.btn-grey {
    background-image: -webkit-linear-gradient(top, #858574 0, #858574 100%);
    background-image: -o-linear-gradient(top, #858574 0, #858574 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#858574), to(#858574));
    background-image: linear-gradient(to bottom, #858574 0, #858574 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #858574;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #FFF
}

.btn-black {
    background-image: -webkit-linear-gradient(top, #000 0, #000 100%);
    background-image: -o-linear-gradient(top, #000 0, #000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: linear-gradient(to bottom, #000 0, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #FFF
}

.btn-black:hover,
.btn-black:focus {
    background-color: #692691;
    background-position: 0 -50px;
    color: #FFF
}

.btn-pink {
    background-image: -webkit-linear-gradient(top, #858574 0, #EC008C 100%);
    background-image: -o-linear-gradient(top, #EC008C 0, #EC008C 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EC008C), to(#EC008C));
    background-image: linear-gradient(to bottom, #EC008C 0, #EC008C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #EC008C;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #FFF
}

.btn-pink:hover,
.btn-pink:focus {
    background-color: #BF0073;
    background-position: 0 -50px;
    color: #FFF
}

.btn-blue {
    background-image: -webkit-linear-gradient(top, #06a9b5 0, #06a9b5 100%);
    background-image: -o-linear-gradient(top, #06a9b5 0, #06a9b5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#06a9b5), to(#06a9b5));
    background-image: linear-gradient(to bottom, #06a9b5 0, #06a9b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #06a9b5;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #FFF
}

.btn-blue:hover,
.btn-blue:focus {
    background-color: #858574;
    background-position: 0 -50px;
    border-color: #858574;
    color: #FFF
}

th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

th.rotate>div {
    transform:
        /* Magic Numbers */
        translate(0px, 0px)
        /* 45 is really 360 - 45 */
        rotate(300deg);
    width: 30px;
}

th.rotate>div>span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.thumbDiv {
    margin: 3px 12px 0 0
}

.thumbDivMin {
    margin: 0px 0px 0 0
}

.tnsBadge5Min {
    font-size: 10px;
    margin: 5px 0 0 0
}

.lorealCell {
    height: 100px;
    width: 80%;
    border: 1px solid #FFF;
    color: #FFF !important;
    font-weight: 900
}

.tns-squareBlack {
    position: relative;
    float: left;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #484848 !important;
    color: #FFF !important;
    line-height: 18px
}

.tns-LHC {
    width: 28px;
    height: 28px;
    float: left;
    text-align: center;
    line-height: 28px;
    color: #FFF !important;
    font-weight: bold
}

.colsomeTitle {color: #333 !important;}
.cellDiv { 
    width: 80%;
/*    background-color: #ebebeb;
   
    border: solid #999;
    border-width: 0px 1px 0px 1px;*/
    margin: 0px 0px 20px 0px ;
}

.cellDiv h2 {
    color: #333 !important;
    border: solid #333;
    border-width: 0px 0px 2px 0px;
    margin: 0 5px 0 0;
}
.cellDiv b { 
    font-size: 16px ;
    
}

/* Styles */
/*A:link,A:visited    { color: #990000; text-decoration: none}
A:hover     { color: #990000; text-decoration: underline}
*/
.clr {
    clear: both
}

.flR {
    float: right
}

.flL {
    float: left
}

.p5x {
    padding: 5px
}

.p0x {
    padding: 0px !important
}

.bordo {
    border: 1px solid #3C3C3B;
}

.bordoBot {
    border-bottom: 1px solid #e5e5e5;
}

.bordoMin {
    border: 1px solid #e5e5e5;
    
}

.bordoShade {
    border: 1px solid #666;
    box-shadow: 3px 3px 5px #888888;
}

.hoverRed:hover {
    color: #900 !important
}

.hover3C3C3B:hover {
    background-color: #3C3C3B
}

.w100 {
    width: 100%
}

.w95 {
    width: 95%
}

.w90 {
    width: 90%
}

.w85 {
    width: 85%
}

.w80 {
    width: 80%
}

.w75 {
    width: 75%
}

.w70 {
    width: 70%
}

.w65 {
    width: 65%
}

.w60 {
    width: 60%
}

.w55 {
    width: 55%
}

.w50 {
    width: 50%
}

.w45 {
    width: 45%
}

.w40 {
    width: 40%
}

.w35 {
    width: 35%
}

.w30 {
    width: 30%
}

.w25 {
    width: 25%
}

.w20 {
    width: 20%
}

.w15 {
    width: 15%
}

.w10 {
    width: 10%
}

.w10x {
    width: 10px
}

.w20x {
    width: 20px
}

.w25x {
    width: 25px
}

.w30x {
    width: 30px
}

.w40x {
    width: 40px
}

.w50x {
    width: 50px
}

.w60x {
    width: 60px
}

.w70x {
    width: 70px
}

.w80x {
    width: 80px
}

.w90x {
    width: 90px
}

.w100x {
    width: 100px
}

.w110x {
    width: 110px
}

.w120x {
    width: 120px
}

.w130x {
    width: 130px
}

.w140x {
    width: 140px
}

.w150x {
    width: 150px
}

.w160x {
    width: 160px
}

.w170x {
    width: 170px
}

.w180x {
    width: 180px
}

.w190x {
    width: 190px
}

.w200x {
    width: 200px
}

.w220x {
    width: 220px
}

.w240x {
    width: 240px
}

.w260x {
    width: 260px
}

.w280x {
    width: 280px
}

.w300x {
    width: 300px
}

.w320x {
    width: 320px
}

.w340x {
    width: 340px
}

.w350x {
    width: 350px
}

.w360x {
    width: 360px
}

.w380x {
    width: 380px
}

.w400x {
    width: 400px
}

.w420x {
    width: 420px
}

.w440x {
    width: 440px
}

.w450x {
    width: 450px
}

.w460x {
    width: 460px
}

.w480x {
    width: 480px
}

.w500x {
    width: 500px
}

.w520x {
    width: 520px
}

.w540x {
    width: 540px
}

.w550x {
    width: 550px
}

.w560x {
    width: 560px
}

.w580x {
    width: 580px
}

.w600x {
    width: 600px
}

.w620x {
    width: 620px
}

.w640x {
    width: 640px
}

.w650x {
    width: 650px
}

.w660x {
    width: 660px
}

.w680x {
    width: 680px
}

.w700x {
    width: 700px
}

.w720x {
    width: 720px
}

.w740x {
    width: 740px
}

.w750x {
    width: 750px
}

.w760x {
    width: 760px
}

.w780x {
    width: 780px
}

.w800x {
    width: 800px
}

.w820x {
    width: 820px
}

.w840x {
    width: 840px
}

.w850x {
    width: 850px
}

.w860x {
    width: 860px
}

.w880x {
    width: 880px
}

.w900x {
    width: 900px
}

.w920x {
    width: 920px
}

.w940x {
    width: 940px
}

.w950x {
    width: 950px
}

.w960x {
    width: 960px
}

.w980x {
    width: 980px
}

.w1000x {
    width: 1000px
}

.h100 {
    height: 100%
}

.h10x {
    height: 10px
}

.h18x {
    height: 18px
}

.h20x {
    height: 20px
}

.h30x {
    height: 30px
}

.h35x {
    height: 35px
}

.h40x {
    height: 40px
}

.h50x {
    height: 50px
}

.h60x {
    height: 60px
}

.h70x {
    height: 70px
}

.h80x {
    height: 80px
}

.h90x {
    height: 90px
}

.h100x {
    height: 100px
}

.h110x {
    height: 110px
}

.h120x {
    height: 120px
}

.h130x {
    height: 130px
}

.h140x {
    height: 140px
}

.h150x {
    height: 150px
}

.h160x {
    height: 160px
}

.h170x {
    height: 170px
}

.h180x {
    height: 180px
}

.h190x {
    height: 190px
}

.h200x {
    height: 200px
}
.h220x {
    height: 220px
}

.h240x {
    height: 240px
}

.h260x {
    height: 260px
}

.h280x {
    height: 280px
}

.h300x {
    height: 300px
}

.h350x {
    height: 350px
}

.h400x {
    height: 400px
}
.h500x {
    height: 500px
}


.CFFF {
    color: #FFF
}

.Cwhite {
    color: #FFF
}

.cRed,
.Cred {
    color: #900
}

.cBlue {
    color: #03C
}

.cGreen {
    color: #093
}

.C666 {
    color: #666
}

.C3C3C3B {
    color: #3C3C3B
}

.padd0 {
    padding: 0px
}

.padd3 {
    padding: 3px
}

.padd6 {
    padding: 6px
}

.someTitle {
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    border: solid #333;
    border-width: 0px 0px 2px 0px;
    margin: 0 5px 0 0
}

.pointer {
    cursor: pointer
}

.aBold {
    font-weight: bold
}

.a10 {
    font-size: 10px;
    line-height: 11px !important
}

.a11 {
    font-size: 11px;
    line-height: 12px !important
}

.a12 {
    font-size: 12px;
     !important
}

.a14 {
    font-size: 14px;
}

.a15 {
    font-size: 15px;
}

.a16 {
    font-size: 16px;
}

.a18 {
    font-size: 18px;
}

.a20 {
    font-size: 20px;
}

.a22 {
    font-size: 22px;
}

.a24 {
    font-size: 24px;
}

.a26 {
    font-size: 26px;
}

.a28 {
    font-size: 28px;
}

.a30 {
    font-size: 30px;
}

.a32 {
    font-size: 32px;
}

.a34 {
    font-size: 34px;
}

.a36 {
    font-size: 36px;
}

.a38 {
    font-size: 38px;
}

.a40 {
    font-size: 40px;
}

.tns-square {
    width: 16px;
    height: 16px;
    display: inline-block;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px
}

.tnsP4 {
    width: 50px;
    height: 50px;
    border: 1px solid #CCC;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 7px;
    position: absolute;
    text-align: center;
    color: #FFF;
    cursor: pointer
}

.tnsP4inner {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 32px;
    width: 50px;
}

.tnsHr {
    display: inline-block;
    border: solid;
    border-bottom: thin;
    width: 20%
}

.p15cell {
    background-color: #D4D4C9;
    margin: 2px 0 2px 0
}

.someDIVactive {
    background: #C1CED2;
}

.GridViewPagerStyle td table {
    border: 1px solid #3C3C3B;
    padding: 2px
}

.GridViewPagerStyle td table tr td {
    padding: 10px;
    background-color: #CCC;
    margin: 1px
}

.GridViewPagerStyle td table tr td a {
    color: #06C;
    font-weight: bold;
    font-size: 14px
}

.GridViewPagerStyle td table tr td span {
    font-weight: bold;
    font-size: 14px;
    background-color: #FFF;
    padding: 5px
}

.tnsTablemin>thead>tr>td,
.tnsTablemin>tbody>tr>td,
.tnsTablemin>tbody>tr>td>div {
    font-size: 10px;
}

.TableColCell {
    text-align: center;
    color: #FFF !important;
    border-right: 1px solid #ddd;
}

.table-nopadding>thead>tr>td,
.table-nopadding>tbody>tr>td {
    padding: 0px !important;
}

.table-noborder>thead>tr>th,
.table-noborder>tbody>tr>th,
.table-noborder>tfoot>tr>th,
.table-noborder>thead>tr>td,
.table-noborder>tbody>tr>td,
.table-noborder>tfoot>tr>td {
    border: 0px !important
}

/*
Page: register and login
*/
.wrapper {
    background-color: #FFF;
    width: 1044px;
    padding: 20px;
    margin: 0 auto;
}

.sign-in-logo {
    width: 400px;
    height: 82px;
    display: block;
    margin: 90px auto 0 auto;
}

.form-box {
    width: 600px;
    margin: 45px auto 0 auto;
}

.headerTitle {
    /*font-family: 'KantarBrownWeb-Bold', Helvetica;*/
    font-weight: 600;
    text-align: center;
    font-size: 22px;
    color: #3C3C3C;
}

.headerText {
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    color: #3C3C3C;
}

.headerErr {
    color: #EC008C;
}

.headerPink {
    color: #EB0064;
    font-family: 'KantarBrownWeb-Bold', Helvetica;
    font-size: 18px;
}

.header {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    padding: 20px 30px;
    margin: 0 0 20px 0;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.2)
}

.campaing_header {
    border: 2px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    padding: 10px 15px;
    margin: 0 20px 20px 0;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.2)
}

.Fix300 {
    width: 31%;
    height: 140px
}

.tnsFont0,
.tnsFont1,
.tnsFont1,
.tnsFont1 {
    font-size: 11px
}

.tnsFont4,
.tnsFont5 {
    font-size: 10.5px
}

.tnsFont6,
.tnsFont7,
.tnsFont8 {
    font-size: 10px
}

.tnsP4 {
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0px;
    position: absolute;
    text-align: center;
    color: #333;
    cursor: pointer
}

.tnsP4inner {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    width: 200px;
    font-size: 10px
}

.rotate90 {
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.rotate90v2 {
    writing-mode: vertical-rl;
    min-height: 100px;
    min-width: 30px;
    font-size: 11px;
}

.rotate90v2:hover {
    writing-mode: horizontal-tb
}

.rotate90v2:hover .tns-square {
    display: none
}

.rotate90v3 {
    writing-mode: vertical-rl;
    height: 320px;
    width: 40px;
    font-size: 12px;
    transform: rotate(180deg);
    text-align: center;
}

.Chart1 {
    width: 400px;
    height: 320px;
    background: url(Chart1.png) no-repeat top !important;
    float: left;
    margin: 0 0 0 0
}

.xlabel {
    padding: .2em .6em .3em;
    line-height: 1.5;
    color: #fff;
    font-size: 11px;
    white-space: normal;
    vertical-align: baseline;
    border-radius: .25em;
    margin: 0 2px 2px 0
        /**/
}


.pill {
    background-color: #F3F3F3;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    width: 150px;
    float: left;
    font-size: 12px;
    margin: 0 2px 0 0
}

.pillSelect {
    background-color: #F93
}

.pill:hover {
    background: #E5E5E5;
}

.pill label {
    width: 100%;
    margin: 3px;
    cursor: pointer
}

.pill span {
    float: right;
    margin: 0 6px 5px 5px
}

.tnsFont0,
.tnsFont1,
.tnsFont2,
.tnsFont3 {
    font-size: 12px;
    line-height: 14px
}

.tnsFont5,
.tnsFont4 {
    font-size: 11px
}

.tnsP4 {
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0px;
    position: absolute;
    text-align: center;
    color: #333;
    cursor: pointer
}

.tnsP4inner {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    width: 200px;
    font-size: 10px
}

.rotate90 {
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.blueTop {
    background-color: #D4D4C9 !important;
    height: 50px;
    text-align: center
}

.found {
    color: #900;
    font-weight: bold
}

.badge {
    font-weight: 100;
    margin: 4px 0 0 0;
    padding: 4px 13px 5px 13px;
}

.UserComment {
    padding: 12px;
    margin: 0 10px 10px 0;
    background-color: #EBEBEB
}

.UserComment:hover {
    transition: 1s;
    background-color: #F0EEBA;
}

.StaRwrapper {
    font-size: 38px;
}

.StarSize0,
.StarSize1,
.StarSize2,
.StarSize3 {
    font-size: 32px;
}

.StarSize4 {
    font-size: 26px;
}

.StarSize5 {
    font-size: 22px;
}

.StarSize6,
.StarSize7 {
    font-size: 15px;
}

.StaRwrapper .fa {
    position: relative
}

.StaRwrapper .fa-star-percentage {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.StaRwrapper .fa-star {
    color: #2A889E !important
}

.StaRwrapper .fa-star-o {
    color: #2A889E !important;
    font-weight: lighter
}

.tnsBadge0,
.tnsBadge1,
.tnsBadge2,
.tnsBadge3 {
    font-size: 16px
}

.tnsBadge4 {
    font-size: 12px
}

.tnsBadge5 {
    font-size: 12px;
    margin: 0 -8px 0 0
}

.Cpink {
    color: #E5007E
}

.Cblue {
    color: #2A889E
}

.C_C700D3
{
    color: #C700D3
}

.C666 {
    color: #666
}

.theCenter {
    margin: 0 auto;
    text-align: center;
}

.sigDiv {
    height: 20px
}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }
}

.check-sm {
    zoom: 1.4;
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin: 0px 0px 4px 4px !important
}

.bgWhite {
    background-color: #FFF;
}

.bgBlue {
    background-color: var(--colorBlue);
}

.bgGreen {
    background-color: var(--colorGreen);
}

.bgRed {
    background-color: var(--colorRed);
}

.bgLilac {
    background-color: var(--colorLilac);
}

.bgPurple {
    background-color: var(--colorPurple);
}

.bgOrange {
    background-color: var(--colorOrange);
}

.bgYellow {
    background-color: var(--colorYellow);
}

.bgGrey {
    background-color: var(--colorGrey);
}

.bgGreyLight {
    background-color: var(--colorGreyLight);
}



.htc_purple_bg {
    background-color: #2c0d61 !important
}

.htc_green_bg {
    background-color: #41D470 !important
}

.htc_yellow_bg {
    background-color: #feff15 !important
}

.htc_grn_bg {
    background-color: #8FAE47 !important
}

.htc_teal_bg {
    background-color: #06a9b5 !important
}

.htc_orange_bg {
    background-color: #ff6a5b !important
}

.htc_red_bg {
    background-color: #E70D47 !important
}

.htc_grey1_bg {
    background-color: #CCC !important
}

.htc_grey2_bg {
    background-color: #999 !important
}

.htc_grey3_bg {
    background-color: #333 !important
}

.htc_purple_col {
    color: #2c0d61 !important
}

.htc_green_col {
    color: #41D470 !important
}

.htc_yellow_col {
    color: #feff15 !important
}

.htc_grn_col {
    color: #8FAE47 !important
}

.htc_teal_col {
    color: #692691 !important
/*    color: #06a9b5 !important*/
}

.htc_orange_col {
    color: #ff6a5b !important
}

.htc_red_col {
    color: #E70D47 !important
}

.htc_grey1_col {
    color: #CCC !important
}
.htc_grey1_col:hover {
    color: #06a9b5 !important
}

.htc_grey2_col {
    color: #999 !important
}

.htc_grey3_col {
    color: #333 !important
}