.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{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .c100{position: relative; font-size: 120px; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #cccccc;} .c100 *, .c100 *:before, .c100 *:after{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .c100.center{float: none; margin: 0 auto;} .c100.big{font-size: 240px;} .c100.small{font-size: 80px;} .c100 > span{position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;} .c100:after{position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: whitesmoke; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-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{-webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg);} .c100.p2 .bar{-webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg);} .c100.p3 .bar{-webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg);} .c100.p4 .bar{-webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg);} .c100.p5 .bar{-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg);} .c100.p6 .bar{-webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg);} .c100.p7 .bar{-webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg);} .c100.p8 .bar{-webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg);} .c100.p9 .bar{-webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg);} .c100.p10 .bar{-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg);} .c100.p11 .bar{-webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg);} .c100.p12 .bar{-webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg);} .c100.p13 .bar{-webkit-transform: rotate(46.8deg); -moz-transform: rotate(46.8deg); -ms-transform: rotate(46.8deg); -o-transform: rotate(46.8deg); transform: rotate(46.8deg);} .c100.p14 .bar{-webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg);} .c100.p15 .bar{-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg);} .c100.p16 .bar{-webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg);} .c100.p17 .bar{-webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg);} .c100.p18 .bar{-webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg);} .c100.p19 .bar{-webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg);} .c100.p20 .bar{-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg);} .c100.p21 .bar{-webkit-transform: rotate(75.6deg); -moz-transform: rotate(75.6deg); -ms-transform: rotate(75.6deg); -o-transform: rotate(75.6deg); transform: rotate(75.6deg);} .c100.p22 .bar{-webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg);} .c100.p23 .bar{-webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg);} .c100.p24 .bar{-webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg);} .c100.p25 .bar{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .c100.p26 .bar{-webkit-transform: rotate(93.6deg); -moz-transform: rotate(93.6deg); -ms-transform: rotate(93.6deg); -o-transform: rotate(93.6deg); transform: rotate(93.6deg);} .c100.p27 .bar{-webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg);} .c100.p28 .bar{-webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg);} .c100.p29 .bar{-webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg);} .c100.p30 .bar{-webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg);} .c100.p31 .bar{-webkit-transform: rotate(111.6deg); -moz-transform: rotate(111.6deg); -ms-transform: rotate(111.6deg); -o-transform: rotate(111.6deg); transform: rotate(111.6deg);} .c100.p32 .bar{-webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg);} .c100.p33 .bar{-webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg);} .c100.p34 .bar{-webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg);} .c100.p35 .bar{-webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg);} .c100.p36 .bar{-webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg);} .c100.p37 .bar{-webkit-transform: rotate(133.2deg); -moz-transform: rotate(133.2deg); -ms-transform: rotate(133.2deg); -o-transform: rotate(133.2deg); transform: rotate(133.2deg);} .c100.p38 .bar{-webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg);} .c100.p39 .bar{-webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg);} .c100.p40 .bar{-webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg);} .c100.p41 .bar{-webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg);} .c100.p42 .bar{-webkit-transform: rotate(151.2deg); -moz-transform: rotate(151.2deg); -ms-transform: rotate(151.2deg); -o-transform: rotate(151.2deg); transform: rotate(151.2deg);} .c100.p43 .bar{-webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg);} .c100.p44 .bar{-webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg);} .c100.p45 .bar{-webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg);} .c100.p46 .bar{-webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg);} .c100.p47 .bar{-webkit-transform: rotate(169.2deg); -moz-transform: rotate(169.2deg); -ms-transform: rotate(169.2deg); -o-transform: rotate(169.2deg); transform: rotate(169.2deg);} .c100.p48 .bar{-webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg);} .c100.p49 .bar{-webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg);} .c100.p50 .bar{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .c100.p51 .bar{-webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg);} .c100.p52 .bar{-webkit-transform: rotate(187.2deg); -moz-transform: rotate(187.2deg); -ms-transform: rotate(187.2deg); -o-transform: rotate(187.2deg); transform: rotate(187.2deg);} .c100.p53 .bar{-webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg);} .c100.p54 .bar{-webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg);} .c100.p55 .bar{-webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg);} .c100.p56 .bar{-webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg);} .c100.p57 .bar{-webkit-transform: rotate(205.2deg); -moz-transform: rotate(205.2deg); -ms-transform: rotate(205.2deg); -o-transform: rotate(205.2deg); transform: rotate(205.2deg);} .c100.p58 .bar{-webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg);} .c100.p59 .bar{-webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg);} .c100.p60 .bar{-webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg);} .c100.p61 .bar{-webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg);} .c100.p62 .bar{-webkit-transform: rotate(223.2deg); -moz-transform: rotate(223.2deg); -ms-transform: rotate(223.2deg); -o-transform: rotate(223.2deg); transform: rotate(223.2deg);} .c100.p63 .bar{-webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg);} .c100.p64 .bar{-webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg);} .c100.p65 .bar{-webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg);} .c100.p66 .bar{-webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg);} .c100.p67 .bar{-webkit-transform: rotate(241.2deg); -moz-transform: rotate(241.2deg); -ms-transform: rotate(241.2deg); -o-transform: rotate(241.2deg); transform: rotate(241.2deg);} .c100.p68 .bar{-webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg);} .c100.p69 .bar{-webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg);} .c100.p70 .bar{-webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg);} .c100.p71 .bar{-webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg);} .c100.p72 .bar{-webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg);} .c100.p73 .bar{-webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg);} .c100.p74 .bar{-webkit-transform: rotate(266.4deg); -moz-transform: rotate(266.4deg); -ms-transform: rotate(266.4deg); -o-transform: rotate(266.4deg); transform: rotate(266.4deg);} .c100.p75 .bar{-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);} .c100.p76 .bar{-webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg);} .c100.p77 .bar{-webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg);} .c100.p78 .bar{-webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg);} .c100.p79 .bar{-webkit-transform: rotate(284.4deg); -moz-transform: rotate(284.4deg); -ms-transform: rotate(284.4deg); -o-transform: rotate(284.4deg); transform: rotate(284.4deg);} .c100.p80 .bar{-webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg);} .c100.p81 .bar{-webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg);} .c100.p82 .bar{-webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg);} .c100.p83 .bar{-webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg);} .c100.p84 .bar{-webkit-transform: rotate(302.4deg); -moz-transform: rotate(302.4deg); -ms-transform: rotate(302.4deg); -o-transform: rotate(302.4deg); transform: rotate(302.4deg);} .c100.p85 .bar{-webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg);} .c100.p86 .bar{-webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg);} .c100.p87 .bar{-webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg);} .c100.p88 .bar{-webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg);} .c100.p89 .bar{-webkit-transform: rotate(320.4deg); -moz-transform: rotate(320.4deg); -ms-transform: rotate(320.4deg); -o-transform: rotate(320.4deg); transform: rotate(320.4deg);} .c100.p90 .bar{-webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg);} .c100.p91 .bar{-webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg);} .c100.p92 .bar{-webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg);} .c100.p93 .bar{-webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg);} .c100.p94 .bar{-webkit-transform: rotate(338.4deg); -moz-transform: rotate(338.4deg); -ms-transform: rotate(338.4deg); -o-transform: rotate(338.4deg); transform: rotate(338.4deg);} .c100.p95 .bar{-webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg);} .c100.p96 .bar{-webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg);} .c100.p97 .bar{-webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg);} .c100.p98 .bar{-webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg);} .c100.p99 .bar{-webkit-transform: rotate(356.4deg); -moz-transform: rotate(356.4deg); -ms-transform: rotate(356.4deg); -o-transform: rotate(356.4deg); transform: rotate(356.4deg);} .c100.p100 .bar{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-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: #a6192e;} .c100:hover:after{top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em;} .c100.dark{background-color: #777777;} .c100.dark .bar, .c100.dark .fill{border-color: #a6192e !important;} .c100.dark > span{color: #777777;} .c100.dark:after{background-color: #666666;} .c100.dark:hover > span{color: #c6ff00;} .c100.green .bar, .c100.green .fill{border-color: #4db53c !important;} .c100.green:hover > span{color: #4db53c;} .c100.green.dark .bar, .c100.green.dark .fill{border-color: #5fd400 !important;} .c100.green.dark:hover > span{color: #5fd400;} .c100.orange .bar, .c100.orange .fill{border-color: #dd9d22 !important;} .c100.orange:hover > span{color: #dd9d22;} .c100.orange.dark .bar, .c100.orange.dark .fill{border-color: #e08833 !important;} .c100.orange.dark:hover > span{color: #e08833;} 

/* /portal_custom/static/src/less/services.less defined in bundle 'web.assets_frontend' */
 .service-block{padding: 16px 8px; width: 100%; display: inline-block; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background-color: #f0f1f1;} .service-block.active{background-color: #FFFFFF;} .service-block:hover, .service-block:active, .service-block:focus{text-decoration: none;} .service-block svg{width: 65px; float: left;} .service-block .service-block-info{display: inline-block; width: calc(100% - 65px); padding-left: 10px; padding-right: 10px; font-size: 14px;} .service-block .service-block-info .text-muted{color: #414042;} .service-block .service-block-info .text-muted-sm{font-size: 12px;} .service-block .service-block-info .info-block-right{float: right; font-size: 16px; padding-left: 16px;} .border-color-1{border-left: solid 2px #FF7878;} .border-color-2{border-left: solid 2px #9AE154;} .border-color-3{border-left: solid 2px #3DB0F3;} .border-color-4{border-left: solid 2px #BC0F0F;} .border-color-5{border-left: solid 2px #DECB22;} .border-color-6{border-left: solid 2px #043F61;} .border-color-7{border-left: solid 2px #5CA56D;} .border-color-8{border-left: solid 2px #4A5BF5;} 

/* /portal_custom/static/src/less/policy.less defined in bundle 'web.assets_frontend' */
 .policy-block{padding: 16px; margin-bottom: 16px; margin-top: 16px; width: 100%; display: inline-block; border-radius: 5px; height: 100px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background-color: #f0f1f1;} .policy-block.active{background-color: #FFFFFF;} .policy-block:hover, .policy-block:active, .policy-block:focus{text-decoration: none;} .policy-block .policy-block-detail{height: 100%; display: inline-block; vertical-align: top; padding-left: 16px; color: #414042;} .policy-block .policy-block-detail .text-muted{color: #414042; font-size: 14px;} .policy-form{padding: 16px; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; background-color: #ffffff;} .policy-form .policy-header h3, .policy-form .policy-header h4{font-size: 24px; color: #1c2b39;} .policy-form .policy-body .nav-tabs li a{font-size: 14px;} .policy-form .policy-body ul{list-style-type: none; padding-left: 0px;} .policy-form .policy-body ul p.body-heading{width: 40%; display: inline-block; margin-top: 12px; font-size: 15px; font-weight: bold; color: #1c2b39;} .summary-value{font-size: 34px;} @media only screen and (max-width: 1800px){.summary-value{font-size: 28px;}} @media only screen and (max-width: 1500px){.summary-value{font-size: 26px;}} #request_change, #request_document{float: right;} @media only screen and (max-width: 940px){#request_change, #request_document{width: 65%;}} @media only screen and (max-width: 767px){#request_change, #request_document{float: none;}} .portal-info{margin-left: auto; margin-right: auto; max-width: 600px;} .contribution_totals{font-size: 24px;} 

/* /portal_custom/static/src/less/layout.less defined in bundle 'web.assets_frontend' */
 .portal-header{} .portal-header .navbar-brand.logo{width: 153px;} @media (max-width: 767px){.portal-header .navbar-brand.logo{display: none;}} .portal-header .sidebar-toggle{display: inline-block; cursor: pointer; position: absolute; top: 14px;} .portal-header .sidebar-toggle .bar1, .portal-header .sidebar-toggle .bar2, .portal-header .sidebar-toggle .bar3{width: 35px; height: 5px; background-color: #FFFFFF; margin: 6px 0; transition: 0.4s;} .portal-header .sidebar-toggle.active .bar1{-webkit-transform: rotate(-225deg) translate(5px, 0px); transform: rotate(-225deg) translate(5px, 0px); width: 25px;} .portal-header .sidebar-toggle.active .bar2{margin-left: 5px;} .portal-header .sidebar-toggle.active .bar3{-webkit-transform: rotate(225deg) translate(5px, 0px); transform: rotate(225deg) translate(5px, 0px); width: 25px;} @media (min-width: 767px){.portal-header .sidebar-toggle{display: none;}} .portal-header .navbar-default{background-color: #FFFFFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .portal-header .navbar-default .container-fluid{padding-left: 0px;} .portal-header .navbar-default .container-fluid .navbar-header{padding: 6px 42px;} @media (max-width: 767px){.portal-header .navbar-default .container-fluid .navbar-header{padding: 6px;}} .portal-header .navbar-default .container-fluid .breadcrumb{float: left; background: none; line-height: 46px; margin-bottom: 0px;} @media (max-width: 767px){.portal-header .navbar-default .container-fluid .breadcrumb{display: none;}} .portal-header .navbar-default .container-fluid .breadcrumb i.fa-home{font-size: 20px; color: #1C2B39;} .portal-header .navbar-default .container-fluid #top_menu{padding: 6px 12px;} .portal-header .navbar-default .container-fluid #top_menu > li > a{color: #c3c3c3;} .portal-header .navbar-default .container-fluid #top_menu > li > a:hover{color: #414042;} .portal-header .navbar-default .container-fluid #top_menu > .open > a{background-color: #FFFFFF;} .portal-header .navbar-default .container-fluid #top_menu .p_partner_switch{} @media (max-width: 767px){.portal-header .navbar-default .container-fluid #top_menu .p_partner_switch{display: none;}} .portal-header .navbar-default .container-fluid #top_menu .profile-header-img{} @media (max-width: 767px){.portal-header .navbar-default .container-fluid #top_menu .profile-header-img{display: none;}} .portal-header .navbar-default .container-fluid #top_menu .profile-header-img a{padding: 0px; line-height: 50px;} .portal-header .navbar-default .container-fluid #top_menu .profile-header-img a img{height: 40px; border-radius: 50%;} .portal-header .navbar-default .container-fluid #top_menu i.fa-chevron-down{padding-left: 8px;} #wrapwrap footer.portal-footer{background: #09192c;} #wrapwrap footer.portal-footer a{display: -webkit-inline-box; display: inline-block;} #wrapwrap footer.portal-footer .media-icons{list-style-type: none; padding-left: 0px; display: -webkit-inline-box; display: inline-block;} #wrapwrap footer.portal-footer .media-icons li{display: inline;} #wrapwrap footer.portal-footer .media-icons a{text-decoration: none; font-size: 20px;} 

/* /portal_custom/static/src/less/loader.less defined in bundle 'web.assets_frontend' */
 .portal-loader{width: 60px; height: 47px; -webkit-animation: portal-rotatey 2s linear infinite; animation: portal-rotatey 2s linear infinite; margin-left: auto; margin-right: auto; background-image: url('/portal_custom/static/src/img/loader.png'); background-repeat: no-repeat; background-size: contain;} @-webkit-keyframes portal-rotatey{0%{-webkit-transform: rotateY(0deg);}100%{-webkit-transform: rotateY(360deg);}} @keyframes portal-rotatey{0%{transform: rotateY(0deg);}100%{transform: rotateY(360deg);}} 

/* /portal_custom/static/src/less/timeline.less defined in bundle 'web.assets_frontend' */
 .timeline{position: relative; max-width: 1200px; margin: 0 auto;} .timeline::after{content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 50%; margin-left: -3px;} .time-container{padding: 10px 40px; position: relative; background-color: inherit; width: 50%;} .time-container::after{content: ''; position: absolute; width: 25px; height: 25px; right: -17px; background-color: white; border: 4px solid #FF9F55; top: 15px; border-radius: 50%; z-index: 1;} .left{left: 0;} .right{left: 50%;} .left::before{content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white;} .right::before{content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;} .right::after{left: -16px;} .content{padding: 16px; background-color: white; position: relative; border-radius: 5px;} @media screen and (max-width: 600px){.timeline::after{left: 31px;}.time-container{width: 100%; padding-left: 70px; padding-right: 25px;}.time-container::before{left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}.left::after, .right::after{left: 15px;}.right{left: 0%;}} 

/* /portal_custom/static/src/less/radio_input.less defined in bundle 'web.assets_frontend' */
 .portal-radio{transform-style: preserve-3d;} .portal-radio > label{display: inline-block; min-width: 100px; font-size: 16px; text-align: center; cursor: pointer; margin: 8px; position: relative; padding: 8px; border: 2px solid #7dd4b1;} .portal-radio > label :focus{outline: none;} .portal-radio > label:hover{background-color: rgba(125, 212, 177, 0.2);} .portal-radio > label > input[type="radio"], .portal-radio > label input[type="checkbox"]{width: 100%; height: 100%; top: 0px; left: 0px; margin-top: 0px; position: absolute; -webkit-appearance: none; -moz-appearance: none; z-index: -1;} .portal-radio > label > input[type="radio"] :focus, .portal-radio > label input[type="checkbox"] :focus{outline: none;} .portal-radio > label > input[type="radio"]:checked, .portal-radio > label input[type="checkbox"]:checked{background-color: #7dd4b1;} .portal-radio > label > input[type="radio"]:checked ~ div, .portal-radio > label input[type="checkbox"]:checked ~ div{color: #FFF;} .portal-radio.radio-sm > label{margin: 2px; padding: 2px; min-width: 48px;} 

/* /portal_custom/static/src/less/check_input.less defined in bundle 'web.assets_frontend' */
 .portal-form .option-input{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; left: 0px; height: 30px; width: 30px; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0px; margin-top: 4px; position: absolute; z-index: 1000; outline: none;} .portal-form .option-input:hover{background: #9faab7;} .portal-form .option-input:checked{background: #7dd4b1;} .portal-form .option-input:checked::before{height: 30px; width: 30px; position: absolute; content: '\2713'; display: inline-block; font-size: 18px; text-align: center; line-height: 30px;} .portal-form .option-input:checked::after{background: #7dd4b1; content: ''; display: block; position: relative; z-index: 100;} .portal-form .option-input.radio{border-radius: 50%;} .portal-form .option-input.radio::after{border-radius: 50%;} .portal-form .checkbox-label{display: block; position: relative; padding-left: 45px; min-height: 30px;} .portal-form .checkbox-label div{line-height: 30px;} 

/* /portal_custom/static/src/less/profile_selector.less defined in bundle 'web.assets_frontend' */
 .profile-result button{text-align: left;} #portal_session_expired{position: fixed; width: 100%; height: 100%; background-color: #808080a3; top: 0px; z-index: 1100; text-align: center;} #portal_session_expired > div{margin-top: 180px; font-size: 22px; max-width: 800px; margin-left: auto; margin-right: auto;} 

/* /portal_custom/static/src/less/slider.less defined in bundle 'web.assets_frontend' */
 .portal-slider .slider{-webkit-appearance: none; width: 100%; height: 8px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;} .portal-slider .slider:hover{opacity: 1;} .portal-slider .slider::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: #7dd4b1; cursor: pointer;} .portal-slider .slider::-moz-range-thumb{width: 16px; height: 16px; background: #7dd4b1; cursor: pointer;} .portal-slider ul{position: relative; height: 24px;} .portal-slider ul li{list-style: none; position: absolute;} 

/* /portal_custom/static/src/less/dependant.less defined in bundle 'web.assets_frontend' */
 .dependant .dropdown-card{cursor: pointer; top: 8px; right: 24px; position: absolute;} .dependant .dropdown-card .dropdown-left{top: 24px;} .dependant .dropdown-card li.option{padding: 8px 16px; white-space: nowrap;} .dependant .dropdown-card li.option i{margin-right: 8px; width: 16px;} 

/* /portal_assist/static/src/less/assist.less defined in bundle 'web.assets_frontend' */
 .assist-home{position: relative;} .assist-home:before, .assist-home:after{content: " "; display: table;} .assist-home:after{clear: both;} .assist-home:before, .assist-home:after{content: " "; display: table;} .assist-home:after{clear: both;} .assist-home:before, .assist-home:after{content: " "; display: table;} .assist-home:after{clear: both;} .assist-home:before, .assist-home:after{content: " "; display: table;} .assist-home:after{clear: both;} @media (min-width: 767px){.assist-home{padding: 24px; height: 200px;}} @media (max-width: 767px){.assist-home{text-align: center; padding: 16px; height: 180px;}} .assist-home:active{box-shadow: inset 0px 0px 3px 3px #c8c8c8;} .assist-home.disabled{background-color: #f6f6f6;} .assist-home.disabled .assist-icon svg{opacity: 0.5;} .assist-home .assist-status span{color: #ff7b7b; font-weight: bold;} @media (min-width: 767px){.assist-home .assist-status{bottom: 0px; position: absolute; right: 0px;}.assist-home .assist-status span{display: block; padding: 24px;}} @media (max-width: 767px){.assist-home .assist-status{text-align: center; position: relative; font-size: 14px;}} .assist-home .assist-icon{display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90px; float: left; height: 100%;} @media (max-width: 767px){.assist-home .assist-icon{float: none; height: auto;}} .assist-home .assist-icon svg{height: 100%; width: 100%;} .assist-home .assist-description{padding-left: 24px; width: calc(100% - 90px); float: left; overflow: hidden; text-overflow: ellipsis;} @media (max-width: 767px){.assist-home .assist-description{float: none; width: 100%; padding-left: 0px;}.assist-home .assist-description h5{margin-bottom: 0px;}} .assist-options{position: absolute; z-index: 1; top: 0px; right: 15px; width: 40px; height: 40px;} .assist-options:hover{background-color: #e6e6e6;} .assist-options .dropdown-card .card-options{width: 40px; height: 40px;} .assist-options .dropdown-card .card-options::after{margin-left: 2px;} .assist-options .dropdown-card.open .card-options{transform: rotate(90deg);} .assist-options .dropdown-card ul.dropdown-menu{top: 38px; min-width: 220px; padding: 0px;} .assist-options .dropdown-card ul.dropdown-menu .option{padding: 8px!important;} .assist-options .dropdown-card ul.dropdown-menu .option:hover{cursor: pointer; background-color: #e6e6e6;} .btn-assist{width: 240px; height: 240px; margin-left: auto; margin-right: auto; display: block; border-radius: 100%;} .btn-assist .svg-container{display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 5px; padding: 4px 4px; background-color: white; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 100%; border-radius: 100%; background-size: 105%; background-position: center; box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .btn-assist .svg-container:focus, .btn-assist .svg-container:active:focus, .btn-assist .svg-container.active:focus, .btn-assist .svg-container.focus, .btn-assist .svg-container:active.focus, .btn-assist .svg-container.active.focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .btn-assist .svg-container:hover, .btn-assist .svg-container:focus, .btn-assist .svg-container.focus{color: #333333; text-decoration: none;} .btn-assist .svg-container:active, .btn-assist .svg-container.active{outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn-assist .svg-container.disabled, .btn-assist .svg-container[disabled], fieldset[disabled] .btn-assist .svg-container{cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;} a.btn-assist .svg-container.disabled, fieldset[disabled] a.btn-assist .svg-container{pointer-events: none;} .btn-assist .svg-container:focus{outline: none !important;} @media (max-width: 768px){.btn-assist .svg-container{font-size: 14px;}} .btn-assist .svg-container:active{box-shadow: none;} .assist-result{max-width: 450px; display: inline-block;} @media (max-width: 1600px) and (min-width: 1450px){.js_assist{width: 50%;}} 

/* /portal_documents/static/src/less/personal_docs.less defined in bundle 'web.assets_frontend' */
 .pl4{padding-left: 4px !important;} .pr4{padding-right: 4px !important;} .float-left{float: left;} #drag_and_drop_help_container img{max-width: 350px; width: 100%;} .document-structure{display: flow-root; padding-left: 30px; padding-right: 15px;} @media (max-width: 767px){.document-structure{padding-left: 0px; padding-right: 0px;}} .document-structure .structure-container{position: absolute; left: 0px; min-width: 222px; max-width: 222px; background-color: #323f4c;} .document-structure .structure-container ul{padding-left: 0px; list-style-type: none;} .document-structure .structure-container ul.main-list{margin-top: 16px;} .document-structure .structure-container ul.main-list li.active > a{font-weight: 900; border-left: 3px solid #ff8e8e;} .document-structure .structure-container ul li.parent{margin-top: 4px; margin-bottom: 4px; background-color: #1c2b39;} .document-structure .structure-container ul li.parent.active{background-color: #1c2b39;} .document-structure .structure-container ul li.parent a{padding: 10px 15px; text-decoration: none; display: block; color: #ffffff; font-size: 0.75em; border-left: 3px solid transparent;} .document-structure .structure-container ul li.parent a:hover{border-left: 3px solid #dddddd;} .document-structure .structure-container ul li .level-2{background-color: #3a4956;} .document-structure .structure-container ul li .level-3{background-color: #3a4956;} .document-structure .sub-folder{background-color: #FFF; cursor: pointer; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid lightgray;} .document-structure .sub-folder ::last-child{border-bottom: 1px solid lightgray;} .document-structure .sub-folder .uploaded-true{color: #06aa9f;} .document-structure .sub-folder .uploaded-false{color: #c3c3c3;} .document-structure .sub-folder.is-dragover{border: 1px dotted; opacity: 0.7; background-color: lightgrey;} .document-structure .sub-folder .folder-options .js_rename{position: relative; float: right; top: 6px;} .document-structure .sub-folder .folder-options:after{content: '\2807'; font-size: 20px;} .document-structure .folder-content-container{margin-top: 16px;} .document-structure .folder-content-container ul{list-style-type: none; padding-left: 0px;} .document-structure .folder-content-container ul p.body-heading{width: 40%; display: inline-block; margin-top: 12px; font-size: 15px; font-weight: bold; color: #1c2b39;} .document-structure .folder-content-container ul .address-block{margin-top: 12px;} .document-structure .folder-content-container .folder-icon{display: inline-block; width: 100px;} .document-structure .folder-content-container .folder-icon > svg{max-height: 100px;} .document-structure .folder-content-container .folder-content{margin-bottom: 64px; padding-bottom: 15px; background-color: #ffffff;} .document-structure .folder-content-container .folder-content > h1, .document-structure .folder-content-container .folder-content h2, .document-structure .folder-content-container .folder-content h3, .document-structure .folder-content-container .folder-content h4, .document-structure .folder-content-container .folder-content h5, .document-structure .folder-content-container .folder-content h6{border-bottom: 2px solid #8c8c8c; line-height: 34px;} .document-structure .folder-content-container .folder-content .document-container .category-line{padding-top: 12px; padding-bottom: 12px; border: solid 1px #1c2b39; cursor: pointer; background-color: #323f4c; color: #FFF;} .document-structure .folder-content-container .folder-content .document-container .category-line:hover{background-color: #1c2b39;} .document-structure .folder-content-container .folder-content .document-container .category-line i{margin-right: 16px; margin-left: 16px; font-size: 18px;} .document-structure .folder-content-container .folder-content .document-container .category-line .document-count{float: right; padding-right: 16px; font-weight: bold;} .document-structure .folder-content-container .folder-button{cursor: pointer;} .document-structure .file-icon, .document-structure .file-name{display: inline-block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;} .document-structure .file-icon span, .document-structure .file-name span{font-size: 14px;} .document-structure .file-progress{height: 10px; position: relative; top: 15px;} .document-structure .file-icon{width: 30px; margin-right: 10px;} .document-structure .folder-document-container.drag-upload{background-color: #e4e4e4; margin-bottom: 8px;} .document-structure .folder-document-container .file-button{border: none; padding: unset; display: inline-block; width: 100%; text-decoration: none; cursor: pointer;} .document-structure .folder-document-container .file-button .file-name{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .document-structure .folder-document-container .folder-tag.is-dragover .file-button{border: 1px dotted; opacity: 0.7; background-color: lightgrey;} .document-structure .folder-document-container .folder-tag.is-dragover-error{animation: shake 0.1s; animation-iteration-count: infinite;} .document-structure .folder-document-container .folder-tag.is-dragover-error .file-button{border: 1px dotted red; background-color: #ffcdcd; opacity: 0.7;} .document-structure .folder-document-container .folder-tag .file-button{height: 150px; text-align: center; background-color: white;} .document-structure .folder-document-container .folder-tag .file-button .file-icon{width: 48px; margin-right: 0px; margin-top: 16px; font-size: 32px; float: none;} .document-structure .folder-document-container .folder-tag .dropdown-card{top: 8px; right: 24px; position: absolute;} .document-structure .folder-document-container.drag-upload{} .document-structure .folder-document-container.drag-upload.is-dragover{background-color: #e6e6e6; border: 2px dashed #7c7bad;} .document-structure .folder-document-container.drag-upload.is-dragover .file-button{background-color: #e6e7e8;} .document-structure .folder-document-container .icon-remove, .document-structure .folder-document-container .icon-delete, .document-structure .folder-document-container .icon-reset{color: #1C2B39; float: right; line-height: inherit;} .document-structure .folder-document-container .file-date{float: right; margin-right: 8px;} .document-structure .drag-overlay{position: absolute; background-color: #8080807d; z-index: 9999; width: 100%; height: 100%; top: 0px; left: 0px; display: none;} .document-structure .drag-overlay.is-dragover{display: initial; pointer-events: none;} .document-structure .dropdown-card .dropdown-left{top: 24px;} .document-structure .dropdown-card li.option{padding: 8px 16px; white-space: nowrap;} .document-structure .dropdown-card li.option i{margin-right: 8px; width: 16px;} .securidocs-breadcrumb{list-style: none; padding-left: 0px; line-height: 40px; margin-top: 11px; min-height: 40px;} .securidocs-breadcrumb .dropdown{display: inline-block;} .securidocs-breadcrumb .dropdown .dropdown-toggle{margin-right: 14px; display: inline; cursor: pointer; padding: 8px; border-radius: 5px;} .securidocs-breadcrumb .dropdown .dropdown-toggle:hover{background-color: #FFFFFF;} .securidocs-breadcrumb .dropdown .dropdown-toggle:hover .breadcrumb-dropdown-content{display: block; top: 90%;} .securidocs-breadcrumb .dropdown-menu{padding-left: 8px;} .securidocs-breadcrumb .dropdown:not(:first-child)::before{content: "\203A"; margin-right: 8px; font-size: 34px; position: absolute; left: -10px; top: -4px; cursor: auto;} .folder-home{padding: 24px; position: relative; height: 160px;} @media (max-width: 350px){.folder-home{padding: 16px;}} .folder-home:before, .folder-home:after{content: " "; display: table;} .folder-home:after{clear: both;} .folder-home:before, .folder-home:after{content: " "; display: table;} .folder-home:after{clear: both;} .folder-home:before, .folder-home:after{content: " "; display: table;} .folder-home:after{clear: both;} .folder-home:before, .folder-home:after{content: " "; display: table;} .folder-home:after{clear: both;} .folder-home .folder-icon{display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90px; float: left; height: 100%;} @media (max-width: 350px){.folder-home .folder-icon{width: 60px;}} .folder-home .folder-icon svg{height: 100%; width: 100%;} .folder-home .folder-description{padding-left: 24px; width: calc(100% - 90px); float: left; overflow: hidden; text-overflow: ellipsis;} @media (max-width: 350px){.folder-home .folder-description{padding-left: 18px;}} @media (max-width: 350px){.folder-home .folder-description{width: calc(100% - 60px);}} .folder-home .folder-description span{font-size: 14px;} .js_add_document{cursor: pointer;} @keyframes shake{0%{transform: translate(1px, 1px) rotate(0deg);}10%{transform: translate(-1px, -2px) rotate(-1deg);}20%{transform: translate(-3px, 0px) rotate(1deg);}30%{transform: translate(3px, 2px) rotate(0deg);}40%{transform: translate(1px, -1px) rotate(1deg);}50%{transform: translate(-1px, 2px) rotate(-1deg);}60%{transform: translate(-3px, 1px) rotate(0deg);}70%{transform: translate(3px, 1px) rotate(-1deg);}80%{transform: translate(-1px, -1px) rotate(1deg);}90%{transform: translate(1px, 2px) rotate(0deg);}100%{transform: translate(1px, -2px) rotate(-1deg);}} 

/* /portal_products/static/src/less/style.less defined in bundle 'web.assets_frontend' */
 .img-bg{background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 400px; padding-top: 100px;} @media (max-width: 426px){.img-bg{min-height: 250px; padding-top: 50px;}} .img-bg .img-title{max-width: 800px; margin-left: auto; margin-right: auto;} .img-bg .img-title h1, .img-bg .img-title h2, .img-bg .img-title h3, .img-bg .img-title h4, .img-bg .img-title h5, .img-bg .img-title h6{color: #FFFFFF;} .img-bg .img-title h1{font-weight: 600; text-align: center; font-size: 60px;} @media (max-width: 768px){.img-bg .img-title h1{font-size: 60px;}} @media (max-width: 426px){.img-bg .img-title h1{font-size: 28px;}} .img-bg .img-title h4{text-align: center; padding-left: 20px; padding-right: 20px; font-size: 28px;} @media (max-width: 768px){.img-bg .img-title h4{font-size: 28px;}} @media (max-width: 426px){.img-bg .img-title h4{font-size: 18px;}} .product-block{background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 300px;} .product-description{background-color: #1c2b39; color: #FFFFFF; margin-top: -3px;} .product-img{width: 100%; height: auto;} .result-sticky{position: fixed; bottom: 0px; width: 100%; margin-bottom: 10px;} .js_application_result .product-button{min-height: 80px;} .js_application_result .product-button-note{font-size: 14px;} #summary_container{margin-top: 16px; margin-bottom: 16px;} .portal-application span, .portal-application p{font-size: 14px;} .portal-application .application-progress div{border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4;} .portal-application .application-progress div:first-child{border-left: solid 1px #d4d4d4;} .portal-application .application-progress div:last-child{border-right: solid 1px #d4d4d4;} .portal-application .result-option input{position: relative; outline: none; padding: 16px; border-radius: 50%; -webkit-appearance: none; -moz-appearance: none; background-color: rgba(125, 212, 177, 0.3);} .portal-application .result-option input:checked{background-color: #7dd4b1;} .portal-application .result-option input:checked:after{content: '\2713'; font-size: 18px; position: absolute; top: 4px; left: 8px; color: #ffffff;} .js_upload_container .js_document_upload{border: 1px dashed #b3b3b3; padding: 64px; color: #b3b3b3; background: rgba(179, 179, 179, 0);} .js_upload_container .js_document_upload.is-dragover{background: rgba(179, 179, 179, 0.3); transition: 1s;} .js_upload_container .js_document_upload .fa-upload{font-size: 40px;} 

/* /portal_products/static/src/less/funeral.less defined in bundle 'web.assets_frontend' */
 .funeral-banner-bg{background-image: url('/portal_products/static/src/img/funeral-cover-banner.jpg');} .funeral-important{color: #ae132a !important;} .funeral-info img{width: 100%; max-width: 120px;} .funeral-info .funeral-block .block-subtitle{min-height: 44px;} .document-card{line-height: 30px;} .document-card .valid, .document-card .invalid{border-radius: 50%; width: 30px; height: 30px; color: #FFF; font-size: 16px; font-weight: bold; line-height: 30px;} .document-card .valid{background-color: #7dd4b1 !important; color: #ffffff !important;} .document-card .valid *{color: #ffffff !important;} .document-card .valid:before{content: '\2713';} .document-card .invalid{background-color: #fe5869 !important; color: #ffffff !important;} .document-card .invalid *{color: #ffffff !important;} .document-card .invalid:before{content: '\00D7';} 

/* /portal_products/static/src/less/gap_cover.less defined in bundle 'web.assets_frontend' */
 .gap-cover-banner-bg{background-image: url('/portal_products/static/src/img/gap_cover_banner.jpg');} 

/* /portal_products/static/src/less/will.less defined in bundle 'web.assets_frontend' */
 .will-banner-bg{background-image: url('/portal_products/static/src/img/will-online-banner.jpg');} .will-result img{height: 250px;} 

/* /portal_products/static/src/less/estate.less defined in bundle 'web.assets_frontend' */
 .applicant-container{position: relative;} .applicant-option{position: absolute; right: 10px; top: 15px;} .applicant-option .option{padding: 8px!important;} .applicant-option .option:hover{cursor: pointer; background-color: #f0f1f1;} .applicant-option .dropdown-card.open{border: none;} .applicant-option .dropdown-card.open .card-option{display: inline-block; padding: 10px 8px;} 

/* /portfolio_review/static/src/less/review.less defined in bundle 'web.assets_frontend' */
 .comparison-type{padding: 16px; background-color: #F5F5F5;} .comparison-type img{width: 100%; max-width: 250px;} .compare-item.category{background-color: #1c2b39; color: #FFFFFF;} .compare-item.sub_category{background-color: #a6192e; color: #FFFFFF;} .compare-item .item-action-button{float: right;} .compare-item textarea{resize: vertical;} .compare-item-value{height: 1px;} .compare-item-value [data-item_id]{cursor: cell; height: 100%;} .table-comparison table, .table-comparison tr, .table-comparison td{padding: 1px 4px !important;} .table-comparison td.value{border: solid 1px #e6e7e8;} .table-comparison p{margin-bottom: 0px;} .table-comparison h4{color: #a6192e; font-weight: bold;} @media (max-width: 769px){.premium-breakdown{font-size: 14px;}} 

/* /compliance/static/src/less/document_request.less defined in bundle 'web.assets_frontend' */
 .gray-heading-box{background-color: #d0d0d0; font-weight: bold; font-size: 16px; padding: 2px 8px;} .gray-heading{background-color: #d0d0d0; font-weight: bold;} .black-heading-box{background-color: #000000; font-weight: bold; font-size: 16px; color: #FFFFFF; padding: 2px 8px;} .black-box{border: solid 1px #4c4c4c; padding-left: 6px; padding-right: 6px; padding-top: 6px;} .document-request .document-request-otp{margin-right: auto; margin-left: auto; max-width: 480px;} .document-request .document-request-otp .digit-group input{width: 30px; height: 50px; background-color: #f6f6f6; border-top: none; border-left: none; border-right: none; line-height: 50px; text-align: center; font-size: 24px; font-weight: 200; margin: 0 2px;} .document-request .document-request-otp .digit-group .splitter{padding: 0 5px; font-size: 24px;} .document-request .document-request-otp .prompt{font-size: 18px;} .document-request .border{border: 1px solid #000000;} .document-request .border-bottom{border-bottom: 1px solid #000000;} .document-request .table-border{border: 1px solid #000000;} .document-request .table-border th, .document-request .table-border td{border: 1px solid;}