.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    position: absolute;
    border: 0.09em solid #000000;
    width: 0.82em;
    height: 0.82em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 135px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0.4em;
    background-color: #dfe8ed;
}
.c100 *, .c100 *:before, .c100 *:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    height: 5em;
    font-size: 0.2em;
    font-weight: 500;
    color: #2e2e2e;
    display: block;
    text-align: center;
    white-space: nowrap;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c100 > span n {
    display: block;
    line-height: 20px;
    font-size: 18px;
    font-weight: 400;
}
.c100:after {
    position: absolute;
    top: 0.09em;
    left: 0.09em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #ffffff;
    width: 0.82em;
    height: 0.82em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}
.c100.p2 .bar {
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.c100.p3 .bar {
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.c100.p4 .bar {
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.c100.p5 .bar {
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
}
.c100.p6 .bar {
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.c100.p7 .bar {
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.c100.p8 .bar {
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.c100.p9 .bar {
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.c100.p10 .bar {
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
}
.c100.p11 .bar {
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.c100.p12 .bar {
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.c100.p13 .bar {
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}
.c100.p14 .bar {
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.c100.p15 .bar {
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg);
}
.c100.p16 .bar {
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.c100.p17 .bar {
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.c100.p18 .bar {
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.c100.p19 .bar {
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.c100.p20 .bar {
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
}
.c100.p21 .bar {
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}
.c100.p22 .bar {
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.c100.p23 .bar {
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.c100.p24 .bar {
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.c100.p25 .bar {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.c100.p26 .bar {
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}
.c100.p27 .bar {
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.c100.p28 .bar {
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.c100.p29 .bar {
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.c100.p30 .bar {
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
}
.c100.p31 .bar {
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}
.c100.p32 .bar {
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}
.c100.p33 .bar {
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}
.c100.p34 .bar {
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}
.c100.p35 .bar {
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
}
.c100.p36 .bar {
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}
.c100.p37 .bar {
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}
.c100.p38 .bar {
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}
.c100.p39 .bar {
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}
.c100.p40 .bar {
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
}
.c100.p41 .bar {
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}
.c100.p42 .bar {
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}
.c100.p43 .bar {
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.c100.p44 .bar {
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}
.c100.p45 .bar {
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg);
}
.c100.p46 .bar {
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.c100.p47 .bar {
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}
.c100.p48 .bar {
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.c100.p49 .bar {
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}
.c100.p50 .bar {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.c100.p51 .bar {
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -webkit-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}
.c100.p52 .bar {
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -webkit-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}
.c100.p53 .bar {
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -webkit-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}
.c100.p54 .bar {
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -webkit-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}
.c100.p55 .bar {
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg);
}
.c100.p56 .bar {
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}
.c100.p57 .bar {
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -webkit-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}
.c100.p58 .bar {
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}
.c100.p59 .bar {
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -webkit-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}
.c100.p60 .bar {
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
}
.c100.p61 .bar {
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -webkit-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}
.c100.p62 .bar {
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -webkit-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}
.c100.p63 .bar {
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -webkit-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}
.c100.p64 .bar {
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -webkit-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}
.c100.p65 .bar {
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg);
}
.c100.p66 .bar {
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -webkit-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}
.c100.p67 .bar {
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}
.c100.p68 .bar {
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -webkit-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}
.c100.p69 .bar {
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}
.c100.p70 .bar {
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
}
.c100.p71 .bar {
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -webkit-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}
.c100.p72 .bar {
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -webkit-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}
.c100.p73 .bar {
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -webkit-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}
.c100.p74 .bar {
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -webkit-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}
.c100.p75 .bar {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.c100.p76 .bar {
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -webkit-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}
.c100.p77 .bar {
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -webkit-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}
.c100.p78 .bar {
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -webkit-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}
.c100.p79 .bar {
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}
.c100.p80 .bar {
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
}
.c100.p81 .bar {
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -webkit-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}
.c100.p82 .bar {
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -webkit-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}
.c100.p83 .bar {
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}
.c100.p84 .bar {
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -webkit-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}
.c100.p85 .bar {
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg);
}
.c100.p86 .bar {
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}
.c100.p87 .bar {
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -webkit-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}
.c100.p88 .bar {
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -webkit-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}
.c100.p89 .bar {
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}
.c100.p90 .bar {
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg);
}
.c100.p91 .bar {
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -webkit-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}
.c100.p92 .bar {
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}
.c100.p93 .bar {
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -webkit-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}
.c100.p94 .bar {
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -webkit-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}
.c100.p95 .bar {
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg);
}
.c100.p96 .bar {
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}
.c100.p97 .bar {
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -webkit-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}
.c100.p98 .bar {
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -webkit-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}
.c100.p99 .bar {
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -webkit-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}
.c100.p100 .bar {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.c100:hover {
    cursor: default;
}
.c100:hover > span {
    /*width: 3.33em;*/
    /*line-height: 3.33em;*/
    /*font-size: 0.3em;*/
    color: #3c4761;
    scale: 1.5;
}
.c100:hover:after {
    top: 0.07em;
    left: 0.07em;
    width: 0.86em;
    height: 0.86em;
}
.c100.blue .bar, .c100.blue .fill {
    border-color: #30bae7 !important;
}
.c100.blue:hover > span {
    color: #3c4761;
}
.c100.pink .bar, .c100.pink .fill {
    border-color: #d74680 !important;
}
.c100.pink:hover > span {
    color: #3c4761;
}
.c100.green .bar, .c100.green .fill {
    border-color: #31A3C8 !important;
}
.c100.green:hover > span {
    color: #3c4761;
}
.c100.orange .bar, .c100.orange .fill {
    border-color: #eb7d4b !important;
}
.c100.orange:hover > span {
    color: #3c4761;
}
/*.et_right_sidebar #left-area {*/
/*    padding: 0px;*/
/*    width: 100%;*/
/*}*/
#main-content .container:before{
    position:unset;
}
h1.entry-title.main_title {
    color: #2a6cdd;
    font-weight: 700;
}
.main-course-report .percent-part .info-left {
    float: left;
    width: 24%;
}
.main-course-report .percent-part .info-right {
    float: left;
    width: 76%;
    padding-left: 20px;
}
.info-left {
    text-align: center;
}
.main-course-report .percent-part .info-left > div {
    margin-bottom: 20px;
    border: 2px #fbfbfb solid;
    padding: 39px 20px;
    border-radius: 10px;
    background: #fbfbfb;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}
.main-course-report .little-title {
    font-size: 22px;
    color: #d93146;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: center;
}
.main-course-report .numberic {
    color: #2e2e2e;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}
.main-course-report .main-right {
    padding: 10px;
    margin-bottom: 20px;
    padding-bottom: 120px;
    border: 2px #fbfbfb solid;
    border-radius: 10px;
    background: #fbfbfb;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}
.main-course-report .circle-name{
    position: absolute;
    bottom: -60px;
    font-size: 18px;
    right: -30px;
    left: -30px;
    margin: auto;
    text-align: center;
    font-weight: 600;
    height: 50px;
}
.user-report .user-display, .user-report .user-overview {
    width: 50%;
    float: left;
}
.user-report .search-in {
    margin-bottom: 30px;
}
.user-report .user-display .image {
    width: 200px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px #adadad solid;
}
.user-report .user-display .image img {
    width:200px;
}
.user-report .user-display h3 {
    color: #d93146;
    font-weight: 700;
    margin-bottom: 10px;
}
.user-report .user-display p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.user-report .user-overview h3 {
    color: #d93146;
    font-weight: 600;
    margin-bottom: 10px;
}
.user-report .user-overview th {
    width: 25%!important;
    min-width:unset;
}
.search-in span {
    color: #d93146;
    font-weight: 600;
    font-size: 18px;
}

.list-part .search-in {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}
.search-in input#search_courses {
    max-width: 350px;
}
.list-part .search-in .trigger-search {
    position: absolute;
    height: 48px;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
}
.list-part .search-in .trigger-search img {
    width: 24px;
}
.list-part .search-in .download-overview {
    margin-right: 20px;
    max-width: 150px;
}
.table-in {
    padding-top: 45px;
    overflow: hidden;
    width:100%;
}
.table-in form {
    border-radius: 5px;
    /*overflow: hidden;*/
    width: 100%;
    margin-bottom:50px;
    overflow-x: scroll;
}
#lit_container table, #lit_container1 table {width:100%;}
#lit_container table, #lit_container1 table, .table-in table {
    border: 1px #d93146 solid;
    margin: 0px;
    text-align: center !important;
    font-family: 'Poppins' !important;
}
#lit_container table tr:nth-child(2) td, #lit_container1 table tr:nth-child(2) td, .table-in table tr:nth-child(2) td{border-top: 1px #d93146 solid;}
#lit_container table tr td, #lit_container1 table tr td, .table-in table tr td {
    border-left: 1px #eae2e2 solid;
    border-right: 1px #eae2e2 solid;
    height: 43px;

}
#lit_container table tr td:nth-child(n + 3), #lit_container1 table tr td:nth-child(n + 3) {
    text-align: center;
}
#lit_container table tr td, #lit_container1 table tr td{padding:5px 10px;font-size: 14px;}
#lit_container table tr th, #lit_container1 table tr th, .table-in table tr th {
    color: #fff;
    background: #d93146;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px!important;
}
#content-area .entry-content .CoursesReports tr th {
    min-width: 100px;
}
#content-area table tr td:first-child {
    text-align: left;
}
/*.table-in table tr th:first-child {*/
/*    text-align: left;*/
/*    padding-left: 20px!important;*/
/*}*/

#lit_container table tr:nth-child(2n + 3) td, #lit_container1 table tr:nth-child(2n + 3) td,.table-in table tr:nth-child(2n + 3) td {
    background: #ececec;
}
.CustomReport .ui-widget-content {
    border: unset;
    padding: unset;
    margin: unset;
    background: unset;
}
div#tabs > ul {
    padding: 0px;
    margin-bottom: 30px;
    border:unset;
    background:unset;
}
#tabs > ul li {
    list-style: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
#tabs > ul li a {
    display: inline-block;
    background: #fbfbfb;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s all;
    overflow: hidden;
    border-radius: 5px;
    font-weight: 500;
    margin: 0px;
    font-size: 16px;
    text-decoration: none;
    color: #212529;
}

#tabs > ul li:hover a, #tabs > ul li.ui-tabs-active a {
    background: #d93146;
    color: #fff;
}
div#tabs-1, div#tabs-2, div#tabs-3 {
    margin-bottom: 100px;
}
#main-content .container:before{
    position:unset;
}
h1.entry-title.main_title {
    color: #d93146;
    font-weight: 700;
}
.custom-report .form-group {
    width: 50%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
}
.custom-report .form-group label {
    width: 260px;
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.custom-report .form-group select, .custom-report .form-group input {
    border: 2px #d93146 solid;
    height: 35px;
    width: calc(100% - 160px);
    padding: 0px 10px;
}
.custom-report .dateLDzz.form-group input {
    width: 181px;
}
.custom-report .dateLDzz.form-group input#all-dates {
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    margin-left: 30px;
}
.custom-report .row {
    margin-left: -15px;
    margin-right: -15px;
}
.custom-report .dateLDzz.form-group {
    width: 100%;
    text-align: right;
    padding-right: 0px;
}

.custom-report .dateLDzz.form-group span {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.custom-report .dateLDzz.form-group p {
    display: inline-block;
}
.custom-report .dateLDzz.form-group input {

}
.list-part .search-in a.dl-custom-report, input#download_custom_report {
    background: #d93146;
    color: #ffffff;
    padding: 5px 20px;
    border-radius: 4px;
    border: 1px solid;
    margin-top: 20px;
    margin-bottom: 15px;
    display: inline-block;
    line-height: 30px;
    height: auto;
    cursor: pointer;
}
#export-form .list-part {
    display: flex;
    width: 100%;
}
#export-form .list-part > div {
    display: inline-block;
    width: auto;
}
.report_type {
    padding: 0px 15px 30px 15px;
    font-weight: 500;
    font-size: 18px;
}
.report_type input[type="radio" i] {
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
}
.report_type label:first-child {
    margin-right: 30px;
}
.report_type label:nth-child(2n + 3) {
    margin-right: 20px;
}
.has-nothing {
    text-align: center;
    font-size: 20px;
    color: #222;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.list-part .search-in.generate_button {
    float: left;
    position:relative;
}
.list-part .search-in.generate_button.fucking-cover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
}
.g-button {
    display: block;
    width: 100%;
    float: left;
}
.hidden {
    display: none!important;
}
.w-flex {display:flex;justify-content: space-between;}
.view_detail_sv_ {
    display: block;
    font-size: 12pt;
    font-style: italic;
    text-align: center;
    color: #d93146;
}
#over {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}
._full_detail
{
    background-color:#fff;
    height:auto;
    width:1200px;
    display:none;
    overflow:hidden;
    position:absolute;
    z-index:99999;
    top:10%;
    left:0px;right:0px;
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    text-align:center;
    margin:auto;
    overflow-y: auto;
    height: 80%;
    border-radius: 10px;
    box-shadow: 0px 0px 16px #1492ce;
}
.loading-layout
{
    background-color:#fff;
    height:auto;
    width:1200px;
    display:block;
    overflow:hidden;
    position:absolute;
    z-index:999999;
    top:10%;
    left:0px;right:0px;
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    text-align:center;
    margin:auto;
    overflow-y: auto;
    height: 80%;
    border-radius: 10px;
    box-shadow: 0px 0px 16px #1492ce;
}
._box_close {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #d93146;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index:2;
}
._box_close a {
    color: #fff;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
}
div#lit_container, div#lit_container1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    text-align: left;
    height: 100%;
    padding-top: 20px;
}
.block-search {
    display: inline-block;
    padding: 5px 10px;
    border-top: 1px solid #DCDEE3;
    border-bottom: 1px solid #DCDEE3;
    position: relative;
    background: #e3e8f48a;
    width: 240px;
    margin-bottom: 10px;
}

.block-search #search_chat {
    border: none;
    background: none;
}
.block-search #search_chat:focus {
    box-shadow: unset;
}
.date p {
    padding: 0 32px;
    margin: 3px;
    font-weight: 400 !important;
}
.date {
    display: -webkit-box;
}
.CoursesReports {
    width: 100%;
}
.CustomReport form p label {
    display: block;
    width: 130px;
    float: left;
}
.CustomReport ul.ui-tabs-nav > li {
    background-color: #aaaaaa;
    border-radius: 5px 5px 0px 0px;
}
.CustomReport form p select {
    max-width: 400px;
    width: 100%;
}
.CoursesReports thead,.overviewtb thead , #CourseListDetail thead {
    background: #D93146;
}
.Select_userProfile form .select2-container {
    width: 300px !important;
}
.Select_userProfile form {
    padding-bottom: 20px;
}
.user_profiles {
    max-width: 250px;
    width: 100%;
    float: left;
}
.UserOverview {
    float: left;
    width: 65%;
}
.UserProfiles {
    display: inline-block;
    width: 100%;
    margin-bottom:50px;
    margin-top:50px;
}
.CustomReport ul.ui-tabs-nav > li.ui-tabs-active {
    background-color: transparent;
}



/*-------------------*/
.csCustomReport {
    max-width: 970px;
}
.csCustomReport h2 {
    margin-bottom: 20px;
}
.csCustomReport .report_type {
    padding: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.csCustomReport .report_type label input:checked + p > i {
    display: inline-block;
    margin-right: 10px;
}
.csCustomReport .report_type label input + p > i {
    display: none;
}
.csCustomReport .report_type > label > p {
    margin: 0px;
}
.csCustomReport .report_type > label {
    margin-bottom: 20px;
}
.csCustomReport .report_type > label:not(:last-child) {
    margin-right: 20px;
}
.csCustomReport .report_type > label:last-child {
    margin-right: 0px;
}
.csCustomReport .report_type > label > p {
    background: #fbfbfb;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s all;
    overflow: hidden;
    border-radius: 5px;
    font-weight: 500;
    margin: 0px;
    font-size: 16px;
}
.csCustomReport .report_type label input:checked + p {
    background: #d93146;
    color: #fff;
}
.cs-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -15px;
    margin-right: -15px;
}
.cs-fields > .cs-field {
    width: 50%;
    padding: 10px 15px;
}
.cs-field select, .cs-field input {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    border: 1px #f1f1f1 solid;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 5%);
}
.date-section input.form-control {
    border-radius: 5px!important;
    padding: 10px;
    border: 1px #f1f1f1 solid;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 5%)!important;
    height: auto;
    width: 100%;
}
.cs-submit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cs-submit #download_custom_report {
    border: 1px #d93146 solid;
    max-width: 150px;
}
.cs-submit #download_custom_report:hover {
    background: #fff;
    color: #d93146;
}
.cs-submit img {
    height: 45px;
    margin-left: 10px;
    margin-top: 5px;
    display:none;
}
.cs-submit .cs-progress-bars{
    width: 100%;
    margin-bottom: 10px;
}
.cs-submit .cs-progress-bar {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 35px;
    position: relative;
}
.cs-progress-bar .bar-line {
    background: #d7d7d7;
    border-radius: 15px;
    height: 20px;
    overflow: hidden;
}
.cs-progress-bar .bar-line .cs-percentage-line {
    display: inline-block;
    width: 0%;
    height: 100%;
    background: linear-gradient(#4a9df2, #d93146 , #4a9df2);
    background-repeat: repeat;
    box-shadow: 0 0 10px 0px #d93146;
    animation: shine 4s ease-in infinite, end 1s ease-out 1 7s;
    transition: 0.3s;
}
.cs-progress-bar.failed .bar-line .cs-percentage-line{
    background: linear-gradient(#f24a4a, #aa1010 , #f24a4a);
    background-repeat: repeat;
    box-shadow: 0 0 10px 0px #aa1010;
}
@keyframes shine {
    0% { background-position: 0 0; }
    100% { background-position: 0 50px; }
}

@keyframes end {
    0%, 100% { box-shadow: 0 0 10px 0px orange; }
    50% { box-shadow: 0 0 15px 5px orange; }
}
.cs-progress-bar .cs-retry {
    width: 145px;
    padding: 5px;
    margin-top: 10px;
    border: 1px #ffac00 solid;
    background: #ffac00;
    display: none;
}
.cs-progress-bar .cs-retry:hover {
    border: 1px #ffac00 solid;
}
.cs-progress-bar.failed .cs-retry{
    display: inline-block;
}
.cs-progress-bar .cs-percentage {
    position: absolute;
    left: calc(100% + 10px);
    top: -1px;
    line-height: normal;
}
.cs-progress-bar .cs-title {
    position: absolute;
    background: transparent;
    bottom: calc(100% + 0px);
    text-transform: capitalize;
    font-style: italic;
}
.fromDateToDate .date-section {
    width: calc(50% - 15px);
}


/*Mapping User*/
.select2-container {
    z-index: 10000000;
}
.cs-title {
    background: #d93146;
}
.cs-title .container {
    display: flex;
    align-items: center;
    height: 100px;
    justify-content: center;
}
.cs-title h1 {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 10px;
}
.mu-container {
    margin-top: 50px;
    margin-bottom: 50px;
}
.cs-warning > p {
    display: inline-block;
    background: #ff9900;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    margin-bottom:10px;
}
.Open-mu-select-users {
    width: 100%;
    max-width: 500px;
    margin: auto;
    background: #fff;
    position: relative;
    padding: 30px;
    overflow: hidden;
    text-align: center;
}
.map_users_form .users-selector{
    width: 100%;
}
.cs-userName {
    font-size: 20px;
    margin-bottom: 10px;
    width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ff9900;
    border-radius: 10px;
    padding: 5px 10px 5px 20px;
    color: #fff;
    transition: 0.3s all;
    cursor: pointer;
    position: relative;
}
.cs-userName:hover {
    background: #2899fa;
}
.cs-userName .fa-minus {
    display: none;
}
.cs-userName.active .fa-minus {
    display: block;
}
.cs-userName.active .fa-plus {
    display: none;
}
.cs-userSg > .mapping-loop {
    margin-left: 60px;
    margin-bottom: 20px;
    position: relative;
}
.cs-userSg > .mapping-loop:before {
    height: 100%;
    width: 3px;
    background: #d93146;
    left: -45px;
    content: "";
    position: absolute;
}
.cs-userSg {
    position: relative;
}
.cs-userSg > .fa-close {
    position: absolute;
    left: 210px;
    top: 5px;
    background: #e21e1e;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s all;
    box-shadow: 0px 0px 5px #c1c1c1;
}
.cs-userSg > .fa-close:hover {
    opacity: 0.7;
}


.cs-approved.cs-btn-1 {
    background: #7a7a7a!important;
    border: 1px #7a7a7a solid!important;
    color: #fff!important;
    text-decoration: none;
    cursor: auto;
}


.CoursesReports .user-item {
    display: flex;
    border-radius: 10px;
    background: #fbfbfb;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 7%);
    overflow: hidden;
}
.CoursesReports .user-item.td-row {
    display: flex;
    justify-items: center;
    align-items: center;
    margin-bottom: 10px;
}
.CoursesReports .user-item p {
    margin: 0px;
}
.CoursesReports .user-item > * {
    padding: 10px;
    position: relative;
}
.CoursesReports .user-item > div {
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.CoursesReports .user-item > .bl-col-1{
    width: calc(100% - 660px);
}
.CoursesReports .user-item > div:not(:last-child):before {
    content: "";
    position: absolute;
    height: 1000px;
    width: 1px;
    background: rgb(16 92 170 / 30%);
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.CoursesReports .user-item p {
    margin: 0px;
    word-break: break-word;
}
.CoursesReports .cs-avatar{
    max-width: 50px;
    width: 100%;
    position: relative;
}
.CoursesReports .user-item.th-row {
    margin-bottom: 10px;
}

.courses_footer > a {
    border-radius: 3px;
    background: #e7e7e7;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 7%);
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #212529;
    text-decoration: unset;
}
.courses_footer > a:hover, .courses_footer > a.active {
    color: #fff;
    background: #d93146;
}
.search-section .cs-control {
    position: relative;
    max-width: 350px;
}
.search-section .trigger-search {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: unset;
    background: transparent;
    outline: unset;
}
.search-section .trigger-search img {
    width: 30px;
}

.cs-table tr th {
    background: #d93146;
    color: #fff;
}