custompost-electionresult.html

<!-- Works with Liveblog 3.4 -->

<div class="results">
    <label for="result.headline" hide-render="">Headline</label>
     <input class="results__headline" placeholder=" " name="$result.headline">
     <label for="result.text" hide-render="">Additional text</label>
     <input class="results__subheadline" placeholder=" " name="$result.text">
 
     <div class="results__list">
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display1" hide-render="">Show Candidate 1</label>
             <input select="$result.display1" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate1" style="display: @result.display1">
             <div class="result__itemImage">
                 <label for="candidate.img1" hide-render="">Candidate image 1</label>
                 <input image="$candidate.img1">
             </div>
             <div class="result__candidateWrap">
                 <label for="candidate.name1" hide-render="">Candidate name 1</label>
                 <input class="result__candidateName" placeholder="Candidate 1" name="$candidate.name1">
                 <label for="candidate.score1" hide-render="">Candidate score 1 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 1" name="$candidate.score1">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score1"></div>
                 </div>
                 <label for="candidate.party1" hide-render="">Candidate party 1</label>
                 <input class="result__candidateParty" placeholder="Candidate party 1" name="$candidate.party1">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display2" hide-render="">Show Candidate 2</label>
             <input select="$result.display2" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate2" style="display: @result.display2">
             <div class="result__itemImage">
                 <label for="candidate.img2" hide-render="">Candidate image 2</label>
                 <input image="$candidate.img2">
             </div>
             <div class="result__candidateWrap">
                 <label for="candidate.name2" hide-render="">Candidate name 2</label>
                 <input class="result__candidateName" placeholder="Candidate 2" name="$candidate.name2">
                 <label for="candidate.score2" hide-render="">Candidate score 2 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 2" name="$candidate.score2">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score2"></div>
                 </div>
                 <label for="candidate.party2" hide-render="">Candidate party 2</label>
                 <input class="result__candidateParty" placeholder="Candidate party 2" name="$candidate.party2">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display3" hide-render="">Show Candidate 3</label>
             <input select="$result.display3" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate3" style="display: @result.display3">
             <div class="result__itemImage">
                 <label for="candidate.img3" hide-render="">Candidate image 3</label>
                 <input image="$candidate.img3">
             </div>
             <div class="result__candidateWrap result__candidateWrap--red">
                 <label for="candidate.name3" hide-render="">Candidate name 3</label>
                 <input class="result__candidateName" placeholder="Candidate 3" name="$candidate.name3">
                 <label for="candidate.score3" hide-render="">Candidate score 3 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 3" name="$candidate.score3">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score3"></div>
                 </div>
                 <label for="candidate.party3" hide-render="">Candidate party 3</label>
                 <input class="result__candidateParty" placeholder="Candidate party 3" name="$candidate.party3">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display4" hide-render="">Show Candidate 4</label>
             <input select="$result.display4" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate4" style="display: @result.display4">
             <div class="result__itemImage">
                 <label for="candidate.img4" hide-render="">Candidate image 4</label>
                 <input image="$candidate.img4">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name4" hide-render="">Candidate name 4</label>
                 <input class="result__candidateName" placeholder="Candidate 4" name="$candidate.name4">
                 <label for="candidate.score4" hide-render="">Candidate score 4 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 4" name="$candidate.score4">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score4"></div>
                 </div>
                 <label for="candidate.party4" hide-render="">Candidate party 4</label>
                 <input class="result__candidateParty" placeholder="Candidate party 4" name="$candidate.party4">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display5" hide-render="">Show Candidate 5</label>
             <input select="$result.display5" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate5" style="display: @result.display5">
             <div class="result__itemImage">
                 <label for="candidate.img5" hide-render="">Candidate image 5</label>
                 <input image="$candidate.img5">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name5" hide-render="">Candidate name 5</label>
                 <input class="result__candidateName" placeholder="Candidate 5" name="$candidate.name5">
                 <label for="candidate.score5" hide-render="">Candidate score 5 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 5" name="$candidate.score5">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score5"></div>
                 </div>
                 <label for="candidate.party5" hide-render="">Candidate party 5</label>
                 <input class="result__candidateParty" placeholder="Candidate party 5" name="$candidate.party5">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display6" hide-render="">Show Candidate 6</label>
             <input select="$result.display6" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate6" style="display: @result.display6">
             <div class="result__itemImage">
                 <label for="candidate.img6" hide-render="">Candidate image 6</label>
                 <input image="$candidate.img6">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name6" hide-render="">Candidate name 6</label>
                 <input class="result__candidateName" placeholder="Candidate 6" name="$candidate.name6">
                 <label for="candidate.score6" hide-render="">Candidate score 6 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 6" name="$candidate.score6">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score6"></div>
                 </div>
                 <label for="candidate.party6" hide-render="">Candidate party 6</label>
                 <input class="result__candidateParty" placeholder="Candidate party 6" name="$candidate.party6">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display7" hide-render="">Show Candidate 7</label>
             <input select="$result.display7" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate7" style="display: @result.display7">
             <div class="result__itemImage">
                 <label for="candidate.img7" hide-render="">Candidate image 7</label>
                 <input image="$candidate.img7">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name7" hide-render="">Candidate name 7</label>
                 <input class="result__candidateName" placeholder="Candidate 7" name="$candidate.name7">
                 <label for="candidate.score7" hide-render="">Candidate score 7 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 7" name="$candidate.score7">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score7"></div>
                 </div>
                 <label for="candidate.party7" hide-render="">Candidate party 7</label>
                 <input class="result__candidateParty" placeholder="Candidate party 7" name="$candidate.party7">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display8" hide-render="">Show Candidate 8</label>
             <input select="$result.display8" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate8" style="display: @result.display8">
             <div class="result__itemImage">
                 <label for="candidate.img8" hide-render="">Candidate image 8</label>
                 <input image="$candidate.img8">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name8" hide-render="">Candidate name 8</label>
                 <input class="result__candidateName" placeholder="Candidate 8" name="$candidate.name8">
                 <label for="candidate.score8" hide-render="">Candidate score 8 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 8" name="$candidate.score8">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score8"></div>
                 </div>
                 <label for="candidate.party8" hide-render="">Candidate party 8</label>
                 <input class="result__candidateParty" placeholder="Candidate party 8" name="$candidate.party8">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display9" hide-render="">Show Candidate 9</label>
             <input select="$result.display9" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate9" style="display: @result.display9">
             <div class="result__itemImage">
                 <label for="candidate.img9" hide-render="">Candidate image 9</label>
                 <input image="$candidate.img9">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name9" hide-render="">Candidate name 9</label>
                 <input class="result__candidateName" placeholder="Candidate 9" name="$candidate.name9">
                 <label for="candidate.score9" hide-render="">Candidate score 9 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 9" name="$candidate.score9">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score9"></div>
                 </div>
                 <label for="candidate.party9" hide-render="">Candidate party 9</label>
                 <input class="result__candidateParty" placeholder="Candidate party 9" name="$candidate.party9">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display10" hide-render="">Show Candidate 10</label>
             <input select="$result.display10" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate10" style="display: @result.display10">
             <div class="result__itemImage">
                 <label for="candidate.img10" hide-render="">Candidate image 10</label>
                 <input image="$candidate.img10">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name10" hide-render="">Candidate name 10</label>
                 <input class="result__candidateName" placeholder="Candidate 10" name="$candidate.name10">
                 <label for="candidate.score10" hide-render="">Candidate score 10 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 10" name="$candidate.score10">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score10"></div>
                 </div>
                 <label for="candidate.party10" hide-render="">Candidate party 10</label>
                 <input class="result__candidateParty" placeholder="Candidate party 10" name="$candidate.party10">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display11" hide-render="">Show Candidate 11</label>
             <input select="$result.display11" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate11" style="display: @result.display11">
             <div class="result__itemImage">
                 <label for="candidate.img11" hide-render="">Candidate image 11</label>
                 <input image="$candidate.img11">
             </div>
             <div class="result__candidateWrap">
                 <label for="candidate.name11" hide-render="">Candidate name 11</label>
                 <input class="result__candidateName" placeholder="Candidate 11" name="$candidate.name11">
                 <label for="candidate.score11" hide-render="">Candidate score 11 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 11" name="$candidate.score11">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score11"></div>
                 </div>
                 <label for="candidate.party11" hide-render="">Candidate party 11</label>
                 <input class="result__candidateParty" placeholder="Candidate party 11" name="$candidate.party11">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display12" hide-render="">Show Candidate 12</label>
             <input select="$result.display12" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate12" style="display: @result.display12">
             <div class="result__itemImage">
                 <label for="candidate.img12" hide-render="">Candidate image 12</label>
                 <input image="$candidate.img12">
             </div>
             <div class="result__candidateWrap">
                 <label for="candidate.name12" hide-render="">Candidate name 12</label>
                 <input class="result__candidateName" placeholder="Candidate 12" name="$candidate.name12">
                 <label for="candidate.score12" hide-render="">Candidate score 12 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 12" name="$candidate.score12">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score12"></div>
                 </div>
                 <label for="candidate.party12" hide-render="">Candidate party 12</label>
                 <input class="result__candidateParty" placeholder="Candidate party 12" name="$candidate.party12">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display13" hide-render="">Show Candidate 13</label>
             <input select="$result.display13" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate13" style="display: @result.display13">
             <div class="result__itemImage">
                 <label for="candidate.img13" hide-render="">Candidate image 13</label>
                 <input image="$candidate.img13">
             </div>
             <div class="result__candidateWrap result__candidateWrap--red">
                 <label for="candidate.name13" hide-render="">Candidate name 13</label>
                 <input class="result__candidateName" placeholder="Candidate 13" name="$candidate.name13">
                 <label for="candidate.score13" hide-render="">Candidate score 13 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 13" name="$candidate.score13">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score13"></div>
                 </div>
                 <label for="candidate.party13" hide-render="">Candidate party 13</label>
                 <input class="result__candidateParty" placeholder="Candidate party 13" name="$candidate.party13">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display14" hide-render="">Show Candidate 14</label>
             <input select="$result.display14" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate14" style="display: @result.display14">
             <div class="result__itemImage">
                 <label for="candidate.img14" hide-render="">Candidate image 14</label>
                 <input image="$candidate.img14">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name14" hide-render="">Candidate name 14</label>
                 <input class="result__candidateName" placeholder="Candidate 14" name="$candidate.name14">
                 <label for="candidate.score14" hide-render="">Candidate score 4 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 14" name="$candidate.score14">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score14"></div>
                 </div>
                 <label for="candidate.party14" hide-render="">Candidate party 14</label>
                 <input class="result__candidateParty" placeholder="Candidate party 14" name="$candidate.party14">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display15" hide-render="">Show Candidate 15</label>
             <input select="$result.display15" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate15" style="display: @result.display15">
             <div class="result__itemImage">
                 <label for="candidate.img15" hide-render="">Candidate image 15</label>
                 <input image="$candidate.img15">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name15" hide-render="">Candidate name 15</label>
                 <input class="result__candidateName" placeholder="Candidate 15" name="$candidate.name15">
                 <label for="candidate.score15" hide-render="">Candidate score 15 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 15" name="$candidate.score15">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score15"></div>
                 </div>
                 <label for="candidate.party15" hide-render="">Candidate party 15</label>
                 <input class="result__candidateParty" placeholder="Candidate party 15" name="$candidate.party15">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display16" hide-render="">Show Candidate 16</label>
             <input select="$result.display16" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate16" style="display: @result.display16">
             <div class="result__itemImage">
                 <label for="candidate.img16" hide-render="">Candidate image 16</label>
                 <input image="$candidate.img16">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name16" hide-render="">Candidate name 16</label>
                 <input class="result__candidateName" placeholder="Candidate 16" name="$candidate.name16">
                 <label for="candidate.score16" hide-render="">Candidate score 16 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 16" name="$candidate.score16">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score16"></div>
                 </div>
                 <label for="candidate.party16" hide-render="">Candidate party 16</label>
                 <input class="result__candidateParty" placeholder="Candidate party 16" name="$candidate.party16">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display17" hide-render="">Show Candidate 17</label>
             <input select="$result.display17" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate17" style="display: @result.display17">
             <div class="result__itemImage">
                 <label for="candidate.img17" hide-render="">Candidate image 17</label>
                 <input image="$candidate.img17">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name17" hide-render="">Candidate name 17</label>
                 <input class="result__candidateName" placeholder="Candidate 17" name="$candidate.name17">
                 <label for="candidate.score17" hide-render="">Candidate score 17 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 17" name="$candidate.score17">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score17"></div>
                 </div>
                 <label for="candidate.party17" hide-render="">Candidate party 17</label>
                 <input class="result__candidateParty" placeholder="Candidate party 17" name="$candidate.party17">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display18" hide-render="">Show Candidate 18</label>
             <input select="$result.display18" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate18" style="display: @result.display18">
             <div class="result__itemImage">
                 <label for="candidate.img18" hide-render="">Candidate image 18</label>
                 <input image="$candidate.img18">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name18" hide-render="">Candidate name 18</label>
                 <input class="result__candidateName" placeholder="Candidate 18" name="$candidate.name18">
                 <label for="candidate.score18" hide-render="">Candidate score 18 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 18" name="$candidate.score18">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score18"></div>
                 </div>
                 <label for="candidate.party18" hide-render="">Candidate party 18</label>
                 <input class="result__candidateParty" placeholder="Candidate party 18" name="$candidate.party18">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display19" hide-render="">Show Candidate 19</label>
             <input select="$result.display19" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate19" style="display: @result.display19">
             <div class="result__itemImage">
                 <label for="candidate.img19" hide-render="">Candidate image 19</label>
                 <input image="$candidate.img19">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name19" hide-render="">Candidate name 19</label>
                 <input class="result__candidateName" placeholder="Candidate 19" name="$candidate.name9">
                 <label for="candidate.score19" hide-render="">Candidate score 19 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 19" name="$candidate.score19">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score19"></div>
                 </div>
                 <label for="candidate.party9" hide-render="">Candidate party 19</label>
                 <input class="result__candidateParty" placeholder="Candidate party 19" name="$candidate.party19">
             </div>
         </div>
 
         <div class="result__hide-item">
             <label class="legend--padding-top" for="result.display10" hide-render="">Show Candidate 20</label>
             <input select="$result.display20" options=",none;" hide-render="">
         </div>
         <div class="result__item result__item--candidate20" style="display: @result.display20">
             <div class="result__itemImage">
                 <label for="candidate.img20" hide-render="">Candidate image 20</label>
                 <input image="$candidate.img20">
             </div>
             <div class="result__candidateWrap  result__candidateWrap--yellow">
                 <label for="candidate.name20" hide-render="">Candidate name 20</label>
                 <input class="result__candidateName" placeholder="Candidate 20" name="$candidate.name20">
                 <label for="candidate.score20" hide-render="">Candidate score 20 (E.G. 24%)</label>
                 <input class="result__candidateScore" placeholder="Score 20" name="$candidate.score20">
                 <div class="result__candidateBarWrap">
                     <div class="result__candidateBar" style="width: @candidate.score20"></div>
                 </div>
                 <label for="candidate.party20" hide-render="">Candidate party 20</label>
                 <input class="result__candidateParty" placeholder="Candidate party 20" name="$candidate.party20">
             </div>
         </div>
 
         <label for="poll.source" hide-render="">Poll source</label>
         <input class="result__pollSource" placeholder="Poll source" name="$poll.source">
 
     </div>
 </div>
 
 <style type="text/css">
    .results {
        max-width: 700px;
    }
    span.results__headline {
        display: block;
        font-size: 1.06em;
        font-weight: 700;
        margin-bottom: .7em;
    }
    .results .results__list {

    } 
    .results .result__item {
        display: flex;
        align-items: center;
        margin: 20px 0px;
    }
    .editor-holder .results .result__item {
        align-items: flex-start;
        padding: 10px;
        margin: 10px 0px 20px 0px;
        border: 1px solid #d4d4d4;
    }
    .results .result__itemImage {
        flex: 0 1 auto;
        max-width: 100px;
        margin-right: 30px;
    }
    .results .result__itemImage img {
        border-radius: 100%;
        margin-right: 30px;
    }
    .results .result__candidateWrap {
        flex: 1 1 100%;
        margin: 10px 0px;
    }
    .results .result__candidateName {
        font-weight: bold;
    }
    .results .result__candidateScore {
        font-size: 19px;
        font-weight: bold;
        float: right;
    }
    .results .result__candidateBarWrap {
        position: relative;
        display: block;
        margin: 5px 0px;
        background: #ecf1f5;
        width: 100%;
        height: 20px;
    }
    .results .result__candidateBar {
        height: 20px;
        display: block;
        background: #66cfa0;
    }
    .results .result__candidateParty {
        color: #888888;
    }
    .editor-holder .results .result__itemImage {
        align-self: flex-start;
        white-space: nowrap;
    }
    .editor-holder .results .result__candidateWrap {
        margin: 0px;
    }
    .editor-holder .results .result__candidateName .form-group {
        margin-bottom: 10px;
    }
    .editor-holder .results .result__candidateScore {
        font-size: 13px;
        float: none;
    }
    .editor-holder .results .result__candidateBarWrap {
        height: 5px;
        margin: 10px 0px;
    }
    .editor-holder .results .result__candidateBar {
        height: 5px;
    }
    .editor-holder .results .form-input {
        margin-bottom: 10px;
    }
    .results .upload-form .main .computer .dropzone .text {
        font-size: 16px;
    }
    .results .upload-form .main .computer .dropzone .input-holder {
        margin-top: 10px;
        width: auto;
    }
    .results .upload-form .main .computer .dropzone .input-holder input {
        line-height: 16px;
    }
    .results .upload-form .main .computer .dropzone .input-holder input:before, .blogedit .panel--editor .content .editor-holder .results .image-text {
        white-space: pre-wrap;
    }
    @media screen and (max-width: 580px) {
        .results .result__candidateScore {
            float: none;
        }
    }
 </style>