WOL 2 Bootstrap
How do I make an wol 2 bootstrap?
What is a wol 2 bootstrap? How do you make a wol 2 bootstrap? This script and codes were developed by Stuart Allen on 29 November 2022, Tuesday.
WOL 2 Bootstrap Previews
WOL 2 Bootstrap - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>WOL 2 Bootstrap</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <img src="https://cdn.jsdelivr.net/open-iconic/1.1.0/sprite/open-iconic.min.svg" class="iconic-sprite" id="ow-ui-icon-sprite" style="display:none;" />
<body> <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#intro" class="navbar-brand">WOL 2 <small>Styleguide</small></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Navigation <span class="caret"></span></a> <ul class="dropdown-menu"> <li class="dropdown-header">Basic elements</li> <li><a href="#typography">Typography</a></li> <li><a href="#buttons">Buttons</a></li> <li><a href="#tables">Tables</a></li> <li><a href="#forms">Forms</a></li> <li><a href="#navs">Navs</a></li> <li><a href="#indicators">Indicators</a></li> <li><a href="#progress">Progress</a></li> <li><a href="#containers">Containers</a></li> <li><a href="#dialogs">Dialogs</a></li> <li class="dropdown-header">Example components</li> <li><a href="#feature-buttons">Feature Buttons</a></li> <li><a href="#feature-cards">Feature Cards</a></li> </ul> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </div> <div class="container"> <!-- Help ================================================== --> <br><br><br> <h1 id="intro">WOL 2 <small>Styleguide</small></h1> <p class="lead">Welcome to the <a href="https://codepen.io/rarebush/full/zqwyje/" target="_blank"><strong>Wiley Online Library v.2 Bootstrap file</strong></a>. A tool to help produce designs for all WOL 2 products. This includes Anywhere Article, Hubs, or anything else that comes under the Wiley Online Library domain.</p> <hr> <p>This specific CodePen is used to host the CSS file generated by the bootstrap 3 customiser. Which can be found below:</p> <p><a target='_blank' href="https://getbootstrap.com/customize/?id=a6a7c7236e7cdb0ce590da2ea94c92bd">https://getbootstrap.com/customize/?id=a6a7c7236e7cdb0ce590da2ea94c92bd</a></p> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="panel panel-default"> <div class="panel-body"> <p>If you have any questions about this Bootstrap CSS, please contact Stuart Allen at <a href="mailto:[email protected]?Subject=WOL%202%20Styleguide" target="_top"><strong>[email protected]</strong></a></p> </div> </div> </div> </div> <!-- Typography ================================================== --> <div id="typography" class=""> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Typography</h1> </div> </div> </div> <!-- Headings --> <div class="row"> <div class="col-lg-4"> <div class="bs-component"> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <h2>Example body text</h2> <p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p> <p><small>This line of text is meant to be treated as fine print.</small></p> <p>The following snippet of text is <strong>rendered as bold text</strong>.</p> <p>The following snippet of text is <em>rendered as italicized text</em>.</p> <p>The following snippet of text is <code>rendered as code</code>.</p> <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <h2 id="emphasis-classes">Emphasis classes</h2> <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p> <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p> <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p> <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> </div> </div> <!-- Blockquotes --> <div class="row"> <div class="col-lg-12"> <h2 id="type-blockquotes">Blockquotes</h2> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="bs-component"> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <small>Someone famous in <cite title="Source Title">Source Title</cite></small> </blockquote> </div> </div> <div class="col-lg-6"> <div class="bs-component"> <blockquote class="blockquote blockquote--primary pull-right"> <p>A blockquote element 'pulled right' and using the $brand-primary color.</p> <small>Someone famous in <cite title="Source Title">Source Title</cite></small> </blockquote> </div> </div> </div> </div> <!-- Buttons ================================================== --> <div id="buttons" class=""> <div class="page-header"> <div class="row"> <div class="col-lg-12"> <h1>Buttons</h1> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <p class="bs-component"> <button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-link">Link</button> </p> <p class="bs-component"> <button type="button" class="btn btn-default disabled">Default</button> <button type="button" class="btn btn-primary disabled">Primary</button> <button type="button" class="btn btn-success disabled">Success</button> <button type="button" class="btn btn-info disabled">Info</button> <button type="button" class="btn btn-warning disabled">Warning</button> <button type="button" class="btn btn-danger disabled">Danger</button> <button type="button" class="btn btn-link disabled">Link</button> </p> <div style="margin-bottom: 15px;"> <div class="btn-toolbar bs-component"> <div class="btn-group"> <button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> </div> </div> <p class="bs-component"> <button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="btn btn-primary">Default button</button> <button type="button" class="btn btn-primary btn-sm">Small button</button> <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> <div class="col-lg-6"> <p class="bs-component"> <button type="button" class="btn btn-default btn-lg btn-block">Block level button</button> </p> <div class="bs-component" style="margin-bottom: 15px;"> <div class="btn-group btn-group-justified"> <a href="#" class="btn btn-default">Left</a> <a href="#" class="btn btn-default">Middle</a> <a href="#" class="btn btn-default">Right</a> </div> </div> <div class="bs-component" style="margin-bottom: 15px;"> <div class="btn-toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default">1</button> <button type="button" class="btn btn-default">2</button> <button type="button" class="btn btn-default">3</button> <button type="button" class="btn btn-default">4</button> </div> <div class="btn-group"> <button type="button" class="btn btn-default">5</button> <button type="button" class="btn btn-default">6</button> <button type="button" class="btn btn-default">7</button> </div> <div class="btn-group"> <button type="button" class="btn btn-default">8</button> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Dropdown link</a></li> <li><a href="#">Dropdown link</a></li> <li><a href="#">Dropdown link</a></li> </ul> </div> </div> </div> </div> <div class="bs-component"> <div class="btn-group-vertical"> <button type="button" class="btn btn-default">Button</button> <button type="button" class="btn btn-default">Button</button> <button type="button" class="btn btn-default">Button</button> <button type="button" class="btn btn-default">Button</button> </div> </div> </div> </div> </div> <!-- Navbar ================================================== --> <div id="navbar" class="clearfix" style="display: none;"> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Navbar</h1> </div> <div class="bs-component"> <div class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="navbar-collapse collapse navbar-responsive-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Active</a></li> <li><a href="#">Link</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li class="dropdown-header">Dropdown header</li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> </ul> <form class="navbar-form navbar-left"> <input type="text" class="form-control col-lg-8" placeholder="Search"> </form> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Link</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> </ul> </div> </div> </div> <div class="bs-component live-less-editor-hovercontainer"> <div class="navbar navbar-inverse"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="navbar-collapse collapse navbar-inverse-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Active</a></li> <li><a href="#">Link</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li class="dropdown-header">Dropdown header</li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> </ul> <form class="navbar-form navbar-left"> <input type="text" class="form-control col-lg-8" placeholder="Search"> </form> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Link</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> </ul> </div> </div> </div> <!-- /example --> </div> </div> </div> <!-- Tables ================================================== --> <div id="tables" class=""> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Tables</h1> </div> <div class="bs-component"> <h2>Long form content table</h2> <div class="table-responsive"> <table class="table table--longform"> <thead> <tr> <th class="table--longform__table-description" colspan="12"> <p><strong>This is the table description.</strong> In the table description it is possible to use almost all conventional HTML tags for text formatting. This includes the <code>i</code> tag <i>for italics</i> and <code>strong</code> tag <strong>for bold</strong>.</p> <p>Everything in the <code>thead</code> is seperated from the <code>tbody</code> by a darker <code>background-color</code>.</p> <p>There is also the <code>.no-borders</code> class to remove borders from some rows. This can help to visually group rows together.</p> <p>In theory you can apply the bootstrap class <code>.table-striped</code> to the <code>table</code> element. As well as the <code>.success</code>, <code>.info</code>, <code>.warning</code> and <code>.danger</code> classes.</p> </th> </tr> <tr> <th class="text-center" colspan="12">thead > th element</th> </tr> <tr> <th class="text-center"> </th> <th class="text-center">L</th> <th class="text-center">2</th> <th class="text-center">3</th> <th class="text-center">4</th> <th class="text-center">5</th> <th class="text-center">6</th> <th class="text-center">7</th> <th class="text-center">8</th> <th class="text-center">9</th> <th class="text-center">H</th> <th class="text-center">HL</th> </tr> </thead> <tbody> <tr> <th class="text-center" colspan="12"><b>tbody > th element</b></th> </tr> <tr class="no-borders"> <td>Daily</td> <td>0.35</td> <td>0.55</td> <td>0.54</td> <td>0.68</td> <td>0.77</td> <td>0.74</td> <td>0.68</td> <td>0.71</td> <td>0.63</td> <td>0.50</td> <td>0.15</td> </tr> <tr class="no-borders"> <td>Monthly</td> <td>0.38</td> <td>0.57</td> <td>0.56</td> <td>0.69</td> <td>0.77</td> <td>0.76</td> <td>0.70</td> <td>0.76</td> <td>0.66</td> <td>0.61</td> <td>0.23</td> </tr> <tr class="no-borders"> <td>Quarterly</td> <td>0.40</td> <td>0.61</td> <td>0.60</td> <td>0.73</td> <td>0.82</td> <td>0.83</td> <td>0.77</td> <td>0.86</td> <td>0.78</td> <td>0.84</td> <td>0.44</td> </tr> <tr> <th class="text-center" colspan="12"><b>Panel B: Standard Deviations</b></th> </tr> <tr class="no-borders"> <td>Daily</td> <td>3.46</td> <td>3.56</td> <td>4.30</td> <td>4.84</td> <td>5.37</td> <td>6.00</td> <td>6.49</td> <td>7.29</td> <td>8.05</td> <td>9.55</td> <td>8.43</td> </tr> <tr class="no-borders"> <td>Monthly</td> <td>3.96</td> <td>4.11</td> <td>4.60</td> <td>5.18</td> <td>5.50</td> <td>6.42</td> <td>6.93</td> <td>8.09</td> <td>8.60</td> <td>10.88</td> <td>9.42</td> </tr> <tr class="no-borders"> <td>Quarterly</td> <td>4.49</td> <td>4.91</td> <td>5.32</td> <td>5.86</td> <td>6.40</td> <td>7.77</td> <td>8.34</td> <td>10.12</td> <td>10.65</td> <td>14.33</td> <td>12.68</td> </tr> <tr> <th class="text-center" colspan="12"><b>Panel C: Proportion of Total Market Capitalization</b></th> </tr> <tr class="no-borders"> <td>Mean</td> <td>0.07</td> <td>0.10</td> <td>0.12</td> <td>0.12</td> <td>0.13</td> <td>0.12</td> <td>0.12</td> <td>0.10</td> <td>0.08</td> <td>0.05</td> <td> </td> </tr> <tr> <th class="text-center" colspan="12"><b>Panel D: Properties of Formation-Period Betas</b></th> </tr> <tr class="no-borders"> <td>Mean</td> <td>0.11</td> <td>0.42</td> <td>0.61</td> <td>0.78</td> <td>0.93</td> <td>1.09</td> <td>1.27</td> <td>1.48</td> <td>1.75</td> <td>2.28</td> <td> </td> </tr> <tr class="no-borders"> <td>Standard deviation</td> <td>0.31</td> <td>0.23</td> <td>0.22</td> <td>0.21</td> <td>0.21</td> <td>0.20</td> <td>0.21</td> <td>0.23</td> <td>0.27</td> <td>0.43</td> <td> </td> </tr> <tr class="no-borders success"> <td>Minimum</td> <td>−0.91</td> <td>−0.09</td> <td>0.14</td> <td>0.34</td> <td>0.50</td> <td>0.67</td> <td>0.86</td> <td>1.02</td> <td>1.18</td> <td>1.46</td> <td> </td> </tr> <tr class="no-borders"> <td>Maximum</td> <td>0.53</td> <td>0.81</td> <td>0.98</td> <td>1.15</td> <td>1.31</td> <td>1.56</td> <td>1.76</td> <td>2.09</td> <td>2.41</td> <td>3.68</td> <td> </td> </tr> <tr> <th class="text-center" colspan="12"><b>Panel E: Unconditional CAPM Betas</b></th> </tr> <tr class="no-borders"> <td>Daily</td> <td>0.51</td> <td>0.65</td> <td>0.78</td> <td>0.90</td> <td>0.98</td> <td>1.12</td> <td>1.21</td> <td>1.38</td> <td>1.49</td> <td>1.77</td> <td>1.26</td> </tr> <tr class="no-borders"> <td>Monthly</td> <td>0.49</td> <td>0.66</td> <td>0.78</td> <td>0.90</td> <td>0.97</td> <td>1.13</td> <td>1.23</td> <td>1.42</td> <td>1.50</td> <td>1.83</td> <td>1.34</td> </tr> <tr class="no-borders"> <td>Quarterly</td> <td>0.47</td> <td>0.67</td> <td>0.75</td> <td>0.85</td> <td>0.94</td> <td>1.15</td> <td>1.24</td> <td>1.49</td> <td>1.56</td> <td>2.02</td> <td>1.55</td> </tr> <tr> <th class="text-center" colspan="12"><b>Panel F: Average Conditional CAPM Betas</b></th> </tr> <tr class="no-borders"> <td>Daily</td> <td>0.54</td> <td>0.64</td> <td>0.76</td> <td>0.87</td> <td>0.97</td> <td>1.08</td> <td>1.17</td> <td>1.32</td> <td>1.45</td> <td>1.66</td> <td>1.12</td> </tr> <tr class="no-borders info"> <td>Monthly</td> <td>0.59</td> <td>0.65</td> <td>0.75</td> <td>0.87</td> <td>0.97</td> <td>1.07</td> <td>1.18</td> <td>1.33</td> <td>1.46</td> <td>1.72</td> <td>1.13</td> </tr> <tr class="no-borders"> <td>Quarterly</td> <td>0.63</td> <td>0.69</td> <td>0.78</td> <td>0.85</td> <td>0.96</td> <td>1.03</td> <td>1.15</td> <td>1.32</td> <td>1.53</td> <td>1.82</td> <td>1.18</td> </tr> </tbody> </table> </div> </div> <div class="bs-component"> <h2>Short form table content</h2> <div class="table-responsive"> <table class="table table-striped table-hover"> <thead> <tr> <th>#</th> <th>Column heading</th> <th>Column heading</th> <th>Column heading</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <td>2</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <td>3</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <td>4</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="danger"> <td>5</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <td>6</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="active"> <td>7</td> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> </tbody> </table> </div> </div> <!-- /example --> </div> </div> </div> <!-- Forms ================================================== --> <div id="forms" class=""> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Forms</h1> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="well bs-component"> <form class="form-horizontal"> <fieldset> <legend>Legend</legend> <div class="form-group"> <label for="inputEmail" class="col-lg-2 control-label">Email</label> <div class="col-lg-10"> <input type="text" class="form-control" id="inputEmail" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword" class="col-lg-2 control-label">Password</label> <div class="col-lg-10"> <input type="password" class="form-control" id="inputPassword" placeholder="Password"> <div class="checkbox"> <label> <input type="checkbox"> Checkbox </label> </div> </div> </div> <div class="form-group"> <label for="textArea" class="col-lg-2 control-label">Textarea</label> <div class="col-lg-10"> <textarea class="form-control" rows="3" id="textArea"></textarea> <span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span> </div> </div> <div class="form-group"> <label class="col-lg-2 control-label">Radios</label> <div class="col-lg-10"> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked=""> Option one is this </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else </label> </div> </div> </div> <div class="form-group"> <label for="select" class="col-lg-2 control-label">Selects</label> <div class="col-lg-10"> <select class="form-control" id="select"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <br> <select multiple="multiple" class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> <button class="btn btn-default">Cancel</button> <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form> </div> </div> <div class="col-lg-4 col-lg-offset-1"> <form class="bs-component"> <div class="form-group"> <label class="control-label" for="focusedInput">Focused input</label> <input class="form-control" id="focusedInput" type="text" value="This is focused..."> </div> <div class="form-group"> <label class="control-label" for="disabledInput">Disabled input</label> <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled=""> </div> <div class="form-group has-warning"> <label class="control-label" for="inputWarning">Input warning</label> <input type="text" class="form-control" id="inputWarning"> </div> <div class="form-group has-error"> <label class="control-label" for="inputError">Input error</label> <input type="text" class="form-control" id="inputError"> </div> <div class="form-group has-success"> <label class="control-label" for="inputSuccess">Input success</label> <input type="text" class="form-control" id="inputSuccess"> </div> <div class="form-group"> <label class="control-label" for="inputLarge">Large input</label> <input class="form-control input-lg" type="text" id="inputLarge"> </div> <div class="form-group"> <label class="control-label" for="inputDefault">Default input</label> <input type="text" class="form-control" id="inputDefault"> </div> <div class="form-group"> <label class="control-label" for="inputSmall">Small input</label> <input class="form-control input-sm" type="text" id="inputSmall"> </div> <div class="form-group"> <label class="control-label">Input addons</label> <div class="input-group"> <span class="input-group-addon">$</span> <input type="text" class="form-control"> <span class="input-group-btn"> <button class="btn btn-default" type="button">Button</button> </span> </div> </div> </form> </div> </div> </div> <!-- Navs ================================================== --> <div id="navs" class=""> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Navs</h1> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <h2 id="nav-tabs">Tabs</h2> <div class="bs-component"> <ul class="nav nav-tabs" style="margin-bottom: 15px;"> <li class="active"><a href="#recently-published" data-toggle="tab">Recently Published</a></li> <li><a href="#profile" data-toggle="tab">Accepted Articles</a></li> <li class="disabled"><a>Disabled</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> More... <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#dropdown1" data-toggle="tab">Most Cited</a></li> <li><a href="#dropdown2" data-toggle="tab">Most Accessed</a></li> </ul> </li> </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade active in" id="recently-published"> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p> </div> <div class="tab-pane fade" id="profile"> <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.</p> </div> <div class="tab-pane fade" id="dropdown1"> <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork.</p> </div> <div class="tab-pane fade" id="dropdown2"> <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater.</p> </div> </div> </div> </div> <div class="col-lg-6"> <h2 id="nav-pills">Pills</h2> <div class="bs-component"> <ul class="nav nav-pills"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li class="disabled"><a href="#">Disabled</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Dropdown <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> </ul> </div> <br> <div class="bs-component"> <ul class="nav nav-pills nav-stacked" style="max-width: 300px;"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li class="disabled"><a href="#">Disabled</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Dropdown <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <h2 id="nav-breadcrumbs">Breadcrumbs</h2> <div class="bs-component"> <ul class="breadcrumb"> <li class="active">Home</li> </ul> <ul class="breadcrumb"> <li><a href="#">Home</a></li> <li class="active">Library</li> </ul> <ul class="breadcrumb" style="margin-bottom: 5px;"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <h2 id="pagination">Pagination</h2> <div class="bs-component"> <ul class="pagination"> <li class="disabled"><a href="#">« Prev</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">Next »</a></li> </ul> <ul class="pagination pagination-sm"> <li class="disabled"><a href="#">«</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul> </div> </div> <div class="col-lg-4"> <h2 id="pager">Pager</h2> <div class="bs-component"> <ul class="pager"> <li><a href="#">Prev</a></li> <li><a href="#">Next</a></li> </ul> <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> </ul> </div> </div> <div class="col-lg-4"> </div> </div> </div> <!-- Indicators ================================================== --> <div id="indicators" class=""> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Indicators</h1> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> <div class="bs-component"> <div class="alert alert-dismissable alert-warning"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p> </div> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="bs-component"> <div class="alert alert-dismissable alert-danger"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again. </div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="alert alert-dismissable alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>. </div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="alert alert-dismissable alert-info"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important. </div> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <h2>Labels</h2> <div class="bs-component" style="margin-bottom: 40px;"> <span class="label label-default">Default</span> <span class="label label-primary">Primary</span> <span class="label label-success">Success</span> <span class="label label-warning">Warning</span> <span class="label label-danger">Danger</span> <span class="label label-info">Info</span> </div> </div> <div class="col-lg-4"> <h2>Badges</h2> <div class="bs-component"> <ul class="nav nav-pills"> <li class="active"><a href="#">Home <span class="badge">42</span></a></li> <li><a href="#">Profile <span class="badge"></span></a></li> <li><a href="#">Messages <span class="badge">3</span></a></li> </ul> </div> </div> </div> </div> <!-- Progress bars ================================================== --> <div id="progress" class=""> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Progress</h1> </div> <h3 id="progress-basic">Basic</h3> <div class="bs-component"> <div class="progress"> <div class="progress-bar" style="width: 60%;"></div> </div> </div> <h3 id="progress-alternatives">Contextual alternatives</h3> <div class="bs-component"> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 20%"></div> </div> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 40%"></div> </div> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 60%"></div> </div> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 80%"></div> </div> </div> <h3 id="progress-striped">Striped</h3> <div class="bs-component"> <div class="progress progress-striped"> <div class="progress-bar" style="width: 45%"></div> </div> </div> <h3 id="progress-animated">Animated</h3> <div class="bs-component"> <div class="progress progress-striped active"> <div class="progress-bar" style="width: 45%"></div> </div> </div> <h3 id="progress-stacked">Stacked</h3> <div class="bs-component"> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 35%"></div> <div class="progress-bar progress-bar-warning" style="width: 20%"></div> <div class="progress-bar progress-bar-danger" style="width: 10%"></div> </div> </div> </div> </div> </div> <!-- Containers ================================================== --> <div id="containers" class=""> <!-- jumbotron --> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Containers</h1> </div> <div class="bs-component"> <div class="jumbotron ow-bg-img-teal"> <h1>Jumbotron</h1> <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> <p><a class="btn btn-outline--white btn-lg">Learn more</a></p> </div> </div> </div> </div> <!-- list groups --> <div class="row"> <div class="col-lg-12"> <h2>List groups</h2> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="bs-component"> <ul class="list-group"> <li class="list-group-item"> <span class="badge">14</span> Cras justo odio </li> <li class="list-group-item"> <span class="badge">2</span> Dapibus ac facilisis in </li> <li class="list-group-item"> <span class="badge">1</span> Morbi leo risus </li> </ul> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="list-group"> <a href="#" class="list-group-item active"> Cras justo odio </a> <a href="#" class="list-group-item">Dapibus ac facilisis in </a> <a href="#" class="list-group-item">Morbi leo risus </a> </div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="list-group"> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">List group item heading</h4> <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">List group item heading</h4> <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> </a> </div> </div> </div> </div> <!-- panels --> <div class="row"> <div class="col-lg-12"> <h2>Panels</h2> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="bs-component"> <div class="panel panel-default"> <div class="panel-body"> Basic Panel </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading">Panel heading</div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-default"> <div class="panel-body"> Panel content </div> <div class="panel-footer">Panel footer</div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Panel primary</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="panel-title">Panel success</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-warning"> <div class="panel-heading"> <h3 class="panel-title">Panel warning</h3> </div> <div class="panel-body"> Panel content </div> </div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="panel panel-danger"> <div class="panel-heading"> <h3 class="panel-title">Panel danger</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">Panel info</h3> </div> <div class="panel-body"> Panel content </div> </div> </div> </div> </div> <!-- /panels --> <!-- wells --> <div class="row"> <div class="col-lg-12"> <h2>Wells</h2> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="bs-component"> <div class="well"> Look, I'm in a well! </div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="well well-sm"> Look, I'm in a small well! </div> </div> </div> <div class="col-lg-4"> <div class="bs-component"> <div class="well well-lg"> Look, I'm in a large well! </div> </div> </div> </div> <!-- /wells --> <!-- pullout --> <div class="row"> <div class="col-lg-12"> <h2 id="callouts">Callouts</h2> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="wol2-component"> <div class="callout"> <h4>Branded callout</h4> <p>Look, I'm a callout</p> </div> </div> </div> <div class="col-lg-6"> <div class="wol2-component"> <div class="callout callout--info"> <h4>Informative callout</h4> <p>Look, I'm an informative callout!</p> </div> </div> </div> </div> <!-- /pullout --> </div> <!-- Dialogs ================================================== --> <div id="dialogs"> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Dialogs</h1> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <h2>Modals</h2> <div class="bs-component"> <a class="btn btn-default" data-toggle="modal" data-target="#previewModal">Show modal dialog</a> <div id="previewModal" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> <p>One fine body…</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> </div> <div class="col-lg-6"> <h2>Popovers</h2> <div class="bs-component"> <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Left</button> <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Top</button> <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Bottom</button> <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Right</button> </div> <h2>Tooltips</h2> <div class="bs-component"> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Left</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">Top</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Bottom</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Right</button> </div> </div> </div> </div> <!-- Feature buttons ================================================== --> <div id="feature-buttons"> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Feature Buttons</h1> </div> </div> </div> <div class="row"> <div class="col-sm-6 col-lg-4"> <div class="bs-component"> <ul class="wol2-feature-buttons"> <li class="wol2-feature-button"> <a href="#"> <div class="wol2-feature-button__container"> <div class="wol2-feature-button__icon-container"><svg viewBox="0 0 8 8" class="ow-ui-icon"><use xlink:href="#play-circle"></use></svg></div> <div class="wol2-feature-button__text-container"><span class="wol2-feature-button__text">Podcasts & Videos</span></div> </div> </a> </li> <li class="wol2-feature-button wol2-feature-button--teal"> <a href="#"> <div class="wol2-feature-button__container"> <div class="wol2-feature-button__icon-container"><svg viewBox="0 0 8 8" class="ow-ui-icon"><use xlink:href="#chat"></use></svg></div> <div class="wol2-feature-button__text-container"><span class="wol2-feature-button__text">Clinicians Corner</span></div> </div> </a> </li> </ul> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="bs-component"> <ul class="wol2-feature-buttons"> <li class="wol2-feature-button wol2-feature-button--purple"> <a href="#"> <div class="wol2-feature-button__container"> <div class="wol2-feature-button__icon-container"><svg viewBox="0 0 8 8" class="ow-ui-icon"><use xlink:href="#headphones"></use></svg></div> <div class="wol2-feature-button__text-container"><span class="wol2-feature-button__text">Podcasts & Videos</span></div> </div> </a> </li> <li class="wol2-feature-button wol2-feature-button--blue"> <a href="#"> <div class="wol2-feature-button__container"> <div class="wol2-feature-button__icon-container"><svg viewBox="0 0 8 8" class="ow-ui-icon"><use xlink:href="#grid-three-up"></use></svg></div> <div class="wol2-feature-button__text-container"><span class="wol2-feature-button__text">Mobile Apps</span></div> </div> </a> </li> </ul> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="bs-component"> <ul class="wol2-feature-buttons"> <li class="wol2-feature-button wol2-feature-button--green"> <a href="#"> <div class="wol2-feature-button__container"> <div class="wol2-feature-button__icon-container"><svg viewBox="0 0 8 8" class="ow-ui-icon"><use xlink:href="#document"></use></svg></div> <div class="wol2-feature-button__text-container"><span class="wol2-feature-button__text">Documents & Resources</span></div> </div> </a> </li> <li class="wol2-feature-button wol2-feature-button--red"> <a href="#"> <div class="wol2-feature-button__container"> <div class="wol2-feature-button__icon-container"><svg viewBox="0 0 8 8" class="ow-ui-icon"><use xlink:href="#magnifying-glass"></use></svg></div> <div class="wol2-feature-button__text-container"><span class="wol2-feature-button__text">Searching</span></div> </div> </a> </li> </ul> </div> </div> </div> </div> <hr> </div>
</body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>
WOL 2 Bootstrap - Script Codes CSS Codes
/*! * Bootstrap v3.3.7 (https://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/customize/?id=a6a7c7236e7cdb0ce590da2ea94c92bd) * Config saved to config.json and https://gist.github.com/a6a7c7236e7cdb0ce590da2ea94c92bd */
/*! * Bootstrap v3.3.7 (https://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
body { margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block;
}
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline;
}
audio:not([controls]) { display: none; height: 0;
}
[hidden],
template { display: none;
}
a { background-color: transparent;
}
a:active,
a:hover { outline: 0;
}
abbr[title] { border-bottom: 1px dotted;
}
b,
strong { font-weight: bold;
}
dfn { font-style: italic;
}
h1 { font-size: 2em; margin: 0.67em 0;
}
mark { background: #ff0; color: #000;
}
small { font-size: 80%;
}
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup { top: -0.5em;
}
sub { bottom: -0.25em;
}
img { border: 0;
}
svg:not(:root) { overflow: hidden;
}
figure { margin: 1em 40px;
}
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0;
}
pre { overflow: auto;
}
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em;
}
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0;
}
button { overflow: visible;
}
button,
select { text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer;
}
button[disabled],
html input[disabled] { cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0;
}
input { line-height: normal;
}
input[type="checkbox"],
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;
}
legend { border: 0; padding: 0;
}
textarea { overflow: auto;
}
optgroup { font-weight: bold;
}
table { border-collapse: collapse; border-spacing: 0;
}
td,
th { padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html { font-size: 10px; -webkit-tap-highlight-color: transparent;
}
body { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.5; color: #757575; background-color: #ffffff;
}
input,
button,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit;
}
a { color: #855199; text-decoration: none;
}
a:hover,
a:focus { color: #5a3767; text-decoration: underline;
}
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}
figure { margin: 0;
}
img { vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto;
}
.img-rounded { border-radius: 3px;
}
.img-thumbnail { padding: 4px; line-height: 1.5; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto;
}
.img-circle { border-radius: 50%;
}
hr { margin-top: 24px; margin-bottom: 24px; border: 0; border-top: 1px solid #e0e0e0;
}
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;
}
[role="button"] { cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-family: inherit; font-weight: 300; line-height: 1.125; color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small { font-weight: normal; line-height: 1; color: #bdbdbd;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 { margin-top: 24px; margin-bottom: 12px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small { font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 { margin-top: 12px; margin-bottom: 12px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small { font-size: 75%;
}
h1,
.h1 { font-size: 40px;
}
h2,
.h2 { font-size: 32px;
}
h3,
.h3 { font-size: 24px;
}
h4,
.h4 { font-size: 20px;
}
h5,
.h5 { font-size: 16px;
}
h6,
.h6 { font-size: 12px;
}
p { margin: 0 0 12px;
}
.lead { margin-bottom: 24px; font-size: 18px; font-weight: 300; line-height: 1.4;
}
@media (min-width: 768px) { .lead { font-size: 24px; }
}
small,
.small { font-size: 75%;
}
mark,
.mark { background-color: #fbe7c0; padding: .2em;
}
.text-left { text-align: left;
}
.text-right { text-align: right;
}
.text-center { text-align: center;
}
.text-justify { text-align: justify;
}
.text-nowrap { white-space: nowrap;
}
.text-lowercase { text-transform: lowercase;
}
.text-uppercase { text-transform: uppercase;
}
.text-capitalize { text-transform: capitalize;
}
.text-muted { color: #bdbdbd;
}
.text-primary { color: #855199;
}
a.text-primary:hover,
a.text-primary:focus { color: #683f78;
}
.text-success { color: #489655;
}
a.text-success:hover,
a.text-success:focus { color: #377342;
}
.text-info { color: #265097;
}
a.text-info:hover,
a.text-info:focus { color: #1c3a6e;
}
.text-warning { color: #af790d;
}
a.text-warning:hover,
a.text-warning:focus { color: #7f5809;
}
.text-danger { color: #67141c;
}
a.text-danger:hover,
a.text-danger:focus { color: #3d0c10;
}
.bg-primary { color: #fff; background-color: #855199;
}
a.bg-primary:hover,
a.bg-primary:focus { background-color: #683f78;
}
.bg-success { background-color: #e8f4ea;
}
a.bg-success:hover,
a.bg-success:focus { background-color: #c6e4cb;
}
.bg-info { background-color: #cad9f2;
}
a.bg-info:hover,
a.bg-info:focus { background-color: #a1bbe7;
}
.bg-warning { background-color: #fbe7c0;
}
a.bg-warning:hover,
a.bg-warning:focus { background-color: #f7d590;
}
.bg-danger { background-color: #ea9199;
}
a.bg-danger:hover,
a.bg-danger:focus { background-color: #e16671;
}
.page-header { padding-bottom: 11px; margin: 48px 0 24px; border-bottom: 1px solid #e0e0e0;
}
ul,
ol { margin-top: 0; margin-bottom: 12px;
}
ul ul,
ol ul,
ul ol,
ol ol { margin-bottom: 0;
}
.list-unstyled { padding-left: 0; list-style: none;
}
.list-inline { padding-left: 0; list-style: none; margin-left: -5px;
}
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px;
}
dl { margin-top: 0; margin-bottom: 24px;
}
dt,
dd { line-height: 1.5;
}
dt { font-weight: bold;
}
dd { margin-left: 0;
}
@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; }
}
abbr[title],
abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #bdbdbd;
}
.initialism { font-size: 90%; text-transform: uppercase;
}
blockquote { padding: 12px 24px; margin: 0 0 24px; font-size: 20px; border-left: 5px solid #e0e0e0;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child { margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small { display: block; font-size: 80%; line-height: 1.5; color: #bdbdbd;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before { content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #e0e0e0; border-left: 0; text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before { content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after { content: '\00A0 \2014';
}
address { margin-bottom: 24px; font-style: normal; line-height: 1.5;
}
code,
kbd,
pre,
samp { font-family: "Roboto Mono", monospace;
}
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 2px;
}
kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #424242; border-radius: 1px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none;
}
pre { display: block; padding: 11.5px; margin: 0 0 12px; font-size: 15px; line-height: 1.5; word-break: break-all; word-wrap: break-word; color: #757575; background-color: #f5f5f5; border: 1px solid #bdbdbd; border-radius: 2px;
}
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0;
}
.pre-scrollable { max-height: 340px; overflow-y: scroll;
}
.container { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px;
}
@media (min-width: 768px) { .container { width: 752px; }
}
@media (min-width: 992px) { .container { width: 972px; }
}
@media (min-width: 1200px) { .container { width: 1172px; }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px;
}
.row { margin-left: -16px; margin-right: -16px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;
}
.col-xs-12 { width: 100%;
}
.col-xs-11 { width: 91.66666667%;
}
.col-xs-10 { width: 83.33333333%;
}
.col-xs-9 { width: 75%;
}
.col-xs-8 { width: 66.66666667%;
}
.col-xs-7 { width: 58.33333333%;
}
.col-xs-6 { width: 50%;
}
.col-xs-5 { width: 41.66666667%;
}
.col-xs-4 { width: 33.33333333%;
}
.col-xs-3 { width: 25%;
}
.col-xs-2 { width: 16.66666667%;
}
.col-xs-1 { width: 8.33333333%;
}
.col-xs-pull-12 { right: 100%;
}
.col-xs-pull-11 { right: 91.66666667%;
}
.col-xs-pull-10 { right: 83.33333333%;
}
.col-xs-pull-9 { right: 75%;
}
.col-xs-pull-8 { right: 66.66666667%;
}
.col-xs-pull-7 { right: 58.33333333%;
}
.col-xs-pull-6 { right: 50%;
}
.col-xs-pull-5 { right: 41.66666667%;
}
.col-xs-pull-4 { right: 33.33333333%;
}
.col-xs-pull-3 { right: 25%;
}
.col-xs-pull-2 { right: 16.66666667%;
}
.col-xs-pull-1 { right: 8.33333333%;
}
.col-xs-pull-0 { right: auto;
}
.col-xs-push-12 { left: 100%;
}
.col-xs-push-11 { left: 91.66666667%;
}
.col-xs-push-10 { left: 83.33333333%;
}
.col-xs-push-9 { left: 75%;
}
.col-xs-push-8 { left: 66.66666667%;
}
.col-xs-push-7 { left: 58.33333333%;
}
.col-xs-push-6 { left: 50%;
}
.col-xs-push-5 { left: 41.66666667%;
}
.col-xs-push-4 { left: 33.33333333%;
}
.col-xs-push-3 { left: 25%;
}
.col-xs-push-2 { left: 16.66666667%;
}
.col-xs-push-1 { left: 8.33333333%;
}
.col-xs-push-0 { left: auto;
}
.col-xs-offset-12 { margin-left: 100%;
}
.col-xs-offset-11 { margin-left: 91.66666667%;
}
.col-xs-offset-10 { margin-left: 83.33333333%;
}
.col-xs-offset-9 { margin-left: 75%;
}
.col-xs-offset-8 { margin-left: 66.66666667%;
}
.col-xs-offset-7 { margin-left: 58.33333333%;
}
.col-xs-offset-6 { margin-left: 50%;
}
.col-xs-offset-5 { margin-left: 41.66666667%;
}
.col-xs-offset-4 { margin-left: 33.33333333%;
}
.col-xs-offset-3 { margin-left: 25%;
}
.col-xs-offset-2 { margin-left: 16.66666667%;
}
.col-xs-offset-1 { margin-left: 8.33333333%;
}
.col-xs-offset-0 { margin-left: 0%;
}
@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; }
}
table { background-color: transparent;
}
caption { padding-top: 8px; padding-bottom: 8px; color: #bdbdbd; text-align: left;
}
th { text-align: left;
}
.table { width: 100%; max-width: 100%; margin-bottom: 24px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px solid #e0e0e0;
}
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #e0e0e0;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 0;
}
.table > tbody + tbody { border-top: 2px solid #e0e0e0;
}
.table .table { background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 5px;
}
.table-bordered { border: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { border: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fafafa;
}
.table-hover > tbody > tr:hover { background-color: #f5f5f5;
}
table col[class*="col-"] { position: static; float: none; display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] { position: static; float: none; display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th { background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th { background-color: #e8f4ea;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th { background-color: #d7ecdb;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th { background-color: #cad9f2;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th { background-color: #b5caed;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th { background-color: #fbe7c0;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th { background-color: #f9dea8;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th { background-color: #ea9199;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th { background-color: #e57c85;
}
.table-responsive { overflow-x: auto; min-height: 0.01%;
}
@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 18px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #e0e0e0; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
}
fieldset { padding: 0; margin: 0; border: 0; min-width: 0;
}
legend { display: block; width: 100%; padding: 0; margin-bottom: 24px; font-size: 24px; line-height: inherit; color: #757575; border: 0; border-bottom: 1px solid #eeeeee;
}
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;
}
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal;
}
input[type="file"] { display: block;
}
input[type="range"] { display: block; width: 100%;
}
select[multiple],
select[size] { height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}
output { display: block; padding-top: 7px; font-size: 16px; line-height: 1.5; color: #9e9e9e;
}
.form-control { display: block; width: 100%; height: 38px; padding: 6px 12px; font-size: 16px; line-height: 1.5; color: #9e9e9e; background-color: #ffffff; background-image: none; border: 1px solid #bdbdbd; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus { border-color: #648fd8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 143, 216, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 143, 216, 0.6);
}
.form-control::-moz-placeholder { color: #9e9e9e; opacity: 1;
}
.form-control:-ms-input-placeholder { color: #9e9e9e;
}
.form-control::-webkit-input-placeholder { color: #9e9e9e;
}
.form-control::-ms-expand { border: 0; background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { background-color: #e0e0e0; opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control { cursor: not-allowed;
}
textarea.form-control { height: auto;
}
input[type="search"] { -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 38px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 50px; }
}
.form-group { margin-bottom: 15px;
}
.radio,
.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px;
}
.radio label,
.checkbox label { min-height: 24px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox { margin-top: -5px;
}
.radio-inline,
.checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline { cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor: not-allowed;
}
.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 40px;
}
.form-control-static.input-lg,
.form-control-static.input-sm { padding-left: 0; padding-right: 0;
}
.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 1px;
}
select.input-sm { height: 30px; line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm { height: auto;
}
.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 1px;
}
.form-group-sm select.form-control { height: 30px; line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control { height: auto;
}
.form-group-sm .form-control-static { height: 30px; min-height: 36px; padding: 6px 10px; font-size: 12px; line-height: 1.5;
}
.input-lg { height: 50px; padding: 10px 16px; font-size: 20px; line-height: 1.375; border-radius: 3px;
}
select.input-lg { height: 50px; line-height: 50px;
}
textarea.input-lg,
select[multiple].input-lg { height: auto;
}
.form-group-lg .form-control { height: 50px; padding: 10px 16px; font-size: 20px; line-height: 1.375; border-radius: 3px;
}
.form-group-lg select.form-control { height: 50px; line-height: 50px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control { height: auto;
}
.form-group-lg .form-control-static { height: 50px; min-height: 44px; padding: 11px 16px; font-size: 20px; line-height: 1.375;
}
.has-feedback { position: relative;
}
.has-feedback .form-control { padding-right: 47.5px;
}
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback { width: 50px; height: 50px; line-height: 50px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label { color: #489655;
}
.has-success .form-control { border-color: #489655; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus { border-color: #377342; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81c38c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81c38c;
}
.has-success .input-group-addon { color: #489655; border-color: #489655; background-color: #e8f4ea;
}
.has-success .form-control-feedback { color: #489655;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label { color: #af790d;
}
.has-warning .form-control { border-color: #af790d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus { border-color: #7f5809; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0b131; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0b131;
}
.has-warning .input-group-addon { color: #af790d; border-color: #af790d; background-color: #fbe7c0;
}
.has-warning .form-control-feedback { color: #af790d;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label { color: #67141c;
}
.has-error .form-control { border-color: #67141c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus { border-color: #3d0c10; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bd2532; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bd2532;
}
.has-error .input-group-addon { color: #67141c; border-color: #67141c; background-color: #ea9199;
}
.has-error .form-control-feedback { color: #67141c;
}
.has-feedback label ~ .form-control-feedback { top: 29px;
}
.has-feedback label.sr-only ~ .form-control-feedback { top: 0;
}
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #b5b5b5;
}
@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox { min-height: 31px;
}
.form-horizontal .form-group { margin-left: -16px; margin-right: -16px;
}
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; }
}
.form-horizontal .has-feedback .form-control-feedback { right: 16px;
}
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 20px; }
}
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; }
}
.btn { display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.5; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus { color: #424242; text-decoration: none;
}
.btn:active,
.btn.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.disabled,
.btn[disabled],
fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn { pointer-events: none;
}
.btn-default { color: #424242; background-color: #ffffff; border-color: #bdbdbd;
}
.btn-default:focus,
.btn-default.focus { color: #424242; background-color: #e6e6e6; border-color: #7d7d7d;
}
.btn-default:hover { color: #424242; background-color: #e6e6e6; border-color: #9e9e9e;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default { color: #424242; background-color: #e6e6e6; border-color: #9e9e9e;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus { color: #424242; background-color: #d4d4d4; border-color: #7d7d7d;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default { background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #bdbdbd;
}
.btn-default .badge { color: #ffffff; background-color: #424242;
}
.btn-primary { color: #ffffff; background-color: #855199; border-color: #774888;
}
.btn-primary:focus,
.btn-primary.focus { color: #ffffff; background-color: #683f78; border-color: #2e1c35;
}
.btn-primary:hover { color: #ffffff; background-color: #683f78; border-color: #543360;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #683f78; border-color: #543360;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #543360; border-color: #2e1c35;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus { background-color: #855199; border-color: #774888;
}
.btn-primary .badge { color: #855199; background-color: #ffffff;
}
.btn-success { color: #ffffff; background-color: #92cb9c; border-color: #81c38c;
}
.btn-success:focus,
.btn-success.focus { color: #ffffff; background-color: #6fbb7d; border-color: #3f854b;
}
.btn-success:hover { color: #ffffff; background-color: #6fbb7d; border-color: #57af67;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #6fbb7d; border-color: #57af67;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #57af67; border-color: #3f854b;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus { background-color: #92cb9c; border-color: #81c38c;
}
.btn-success .badge { color: #92cb9c; background-color: #ffffff;
}
.btn-info { color: #ffffff; background-color: #648fd8; border-color: #5080d3;
}
.btn-info:focus,
.btn-info.focus { color: #ffffff; background-color: #3b72ce; border-color: #214582;
}
.btn-info:hover { color: #ffffff; background-color: #3b72ce; border-color: #2e61b7;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #3b72ce; border-color: #2e61b7;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #2e61b7; border-color: #214582;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus { background-color: #648fd8; border-color: #5080d3;
}
.btn-info .badge { color: #648fd8; background-color: #ffffff;
}
.btn-warning { color: #ffffff; background-color: #f2ba49; border-color: #f0b131;
}
.btn-warning:focus,
.btn-warning.focus { color: #ffffff; background-color: #efa819; border-color: #97690b;
}
.btn-warning:hover { color: #ffffff; background-color: #efa819; border-color: #d5940f;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #efa819; border-color: #d5940f;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #d5940f; border-color: #97690b;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus { background-color: #f2ba49; border-color: #f0b131;
}
.btn-warning .badge { color: #f2ba49; background-color: #ffffff;
}
.btn-danger { color: #ffffff; background-color: #d22938; border-color: #bd2532;
}
.btn-danger:focus,
.btn-danger.focus { color: #ffffff; background-color: #a7212d; border-color: #521016;
}
.btn-danger:hover { color: #ffffff; background-color: #a7212d; border-color: #891b25;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #a7212d; border-color: #891b25;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #891b25; border-color: #521016;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus { background-color: #d22938; border-color: #bd2532;
}
.btn-danger .badge { color: #d22938; background-color: #ffffff;
}
.btn-link { color: #855199; font-weight: normal; border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active { border-color: transparent;
}
.btn-link:hover,
.btn-link:focus { color: #5a3767; text-decoration: underline; background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus { color: #bdbdbd; text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn { padding: 10px 16px; font-size: 20px; line-height: 1.375; border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 1px;
}
.btn-block { display: block; width: 100%;
}
.btn-block + .btn-block { margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%;
}
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;
}
.fade.in { opacity: 1;
}
.collapse { display: none;
}
.collapse.in { display: block;
}
tr.collapse.in { display: table-row;
}
tbody.collapse.in { display: table-row-group;
}
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;
}
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;
}
.dropup,
.dropdown { position: relative;
}
.dropdown-toggle:focus { outline: 0;
}
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #ffffff; border: 1px solid #bdbdbd; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box;
}
.dropdown-menu.pull-right { right: 0; left: auto;
}
.dropdown-menu .divider { height: 1px; margin: 11px 0; overflow: hidden; background-color: #eeeeee;
}
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #757575; white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { text-decoration: none; color: #686868; background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #855199;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #bdbdbd;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;
}
.open > .dropdown-menu { display: block;
}
.open > a { outline: 0;
}
.dropdown-menu-right { left: auto; right: 0;
}
.dropdown-menu-left { left: 0; right: auto;
}
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.5; color: #bdbdbd; white-space: nowrap;
}
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;
}
.pull-right > .dropdown-menu { right: 0; left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px;
}
@media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; }
}
.btn-group,
.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn { position: relative; float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active { z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group { margin-left: -1px;
}
.btn-toolbar { margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group { float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group { margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0;
}
.btn-group > .btn:first-child { margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;
}
.btn-group > .btn-group { float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle { outline: 0;
}
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px;
}
.btn-group.open .dropdown-toggle { -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-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none;
}
.btn .caret { margin-left: 0;
}
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0;
}
.dropup .btn-lg .caret { border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn { float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 2px; border-top-left-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0;
}
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%;
}
.btn-group-justified > .btn-group .btn { width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu { left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;
}
.input-group { position: relative; display: table; border-collapse: separate;
}
.input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0;
}
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;
}
.input-group .form-control:focus { z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { height: 50px; padding: 10px 16px; font-size: 20px; line-height: 1.375; border-radius: 3px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn { height: 50px; line-height: 50px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn { height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 1px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn { height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control { display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;
}
.input-group-addon,
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle;
}
.input-group-addon { padding: 6px 12px; font-size: 16px; font-weight: normal; line-height: 1; color: #9e9e9e; text-align: center; background-color: #e0e0e0; border: 1px solid #bdbdbd; border-radius: 2px;
}
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 1px;
}
.input-group-addon.input-lg { padding: 10px 16px; font-size: 20px; border-radius: 3px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] { margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
.input-group-addon:first-child { border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0;
}
.input-group-addon:last-child { border-left: 0;
}
.input-group-btn { position: relative; font-size: 0; white-space: nowrap;
}
.input-group-btn > .btn { position: relative;
}
.input-group-btn > .btn + .btn { margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active { z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group { margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px;
}
.nav { margin-bottom: 0; padding-left: 0; list-style: none;
}
.nav > li { position: relative; display: block;
}
.nav > li > a { position: relative; display: block; padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus { text-decoration: none; background-color: #e0e0e0;
}
.nav > li.disabled > a { color: #bdbdbd;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus { color: #bdbdbd; text-decoration: none; background-color: transparent; cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background-color: #e0e0e0; border-color: #855199;
}
.nav .nav-divider { height: 1px; margin: 11px 0; overflow: hidden; background-color: #e5e5e5;
}
.nav > li > a > img { max-width: none;
}
.nav-tabs { border-bottom: 1px solid #e0e0e0;
}
.nav-tabs > li { float: left; margin-bottom: -1px;
}
.nav-tabs > li > a { margin-right: 2px; line-height: 1.5; border: 1px solid transparent; border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover { border-color: #e0e0e0 #e0e0e0 #e0e0e0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #9e9e9e; background-color: #ffffff; border: 1px solid #e0e0e0; border-bottom-color: transparent; cursor: default;
}
.nav-tabs.nav-justified { width: 100%; border-bottom: 0;
}
.nav-tabs.nav-justified > li { float: none;
}
.nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto;
}
@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 2px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus { border: 1px solid #e0e0e0;
}
@media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #e0e0e0; border-radius: 2px 2px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.nav-pills > li { float: left;
}
.nav-pills > li > a { border-radius: 2px;
}
.nav-pills > li + li { margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #ffffff; background-color: #855199;
}
.nav-stacked > li { float: none;
}
.nav-stacked > li + li { margin-top: 2px; margin-left: 0;
}
.nav-justified { width: 100%;
}
.nav-justified > li { float: none;
}
.nav-justified > li > a { text-align: center; margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto;
}
@media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs-justified { border-bottom: 0;
}
.nav-tabs-justified > li > a { margin-right: 0; border-radius: 2px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus { border: 1px solid #e0e0e0;
}
@media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #e0e0e0; border-radius: 2px 2px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.tab-content > .tab-pane { display: none;
}
.tab-content > .active { display: block;
}
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0;
}
.navbar { position: relative; min-height: 64px; margin-bottom: 24px; border: 1px solid transparent;
}
@media (min-width: 768px) { .navbar { border-radius: 2px; }
}
@media (min-width: 768px) { .navbar-header { float: left; }
}
.navbar-collapse { overflow-x: visible; padding-right: 16px; padding-left: 16px; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in { overflow-y: auto;
}
@media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse { max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse { margin-right: -16px; margin-left: -16px;
}
@media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }
}
.navbar-static-top { z-index: 1000; border-width: 0 0 1px;
}
@media (min-width: 768px) { .navbar-static-top { border-radius: 0; }
}
.navbar-fixed-top,
.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030;
}
@media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }
}
.navbar-fixed-top { top: 0; border-width: 0 0 1px;
}
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0;
}
.navbar-brand { float: left; padding: 20px 16px; font-size: 20px; line-height: 24px; height: 64px;
}
.navbar-brand:hover,
.navbar-brand:focus { text-decoration: none;
}
.navbar-brand > img { display: block;
}
@media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -16px; }
}
.navbar-toggle { position: relative; float: right; margin-right: 16px; padding: 9px 10px; margin-top: 15px; margin-bottom: 15px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 2px;
}
.navbar-toggle:focus { outline: 0;
}
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px;
}
@media (min-width: 768px) { .navbar-toggle { display: none; }
}
.navbar-nav { margin: 10px -16px;
}
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 24px;
}
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 24px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }
}
.navbar-form { margin-left: -16px; margin-right: -16px; padding: 10px 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 13px; margin-bottom: 13px;
}
@media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; }
}
@media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; }
}
@media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; }
}
.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.navbar-btn { margin-top: 13px; margin-bottom: 13px;
}
.navbar-btn.btn-sm { margin-top: 17px; margin-bottom: 17px;
}
.navbar-btn.btn-xs { margin-top: 21px; margin-bottom: 21px;
}
.navbar-text { margin-top: 20px; margin-bottom: 20px;
}
@media (min-width: 768px) { .navbar-text { float: left; margin-left: 16px; margin-right: 16px; }
}
@media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -16px; } .navbar-right ~ .navbar-right { margin-right: 0; }
}
.navbar-default { background-color: #fafafa; border-color: #e9e9e9;
}
.navbar-default .navbar-brand { color: #757575;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #5b5b5b; background-color: transparent;
}
.navbar-default .navbar-text { color: #757575;
}
.navbar-default .navbar-nav > li > a { color: #757575;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #424242; background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #616161; background-color: #e9e9e9;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus { color: #bdbdbd; background-color: transparent;
}
.navbar-default .navbar-toggle { border-color: #e0e0e0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #e0e0e0;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #757575;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #e9e9e9;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: #e9e9e9; color: #616161;
}
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #757575; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #424242; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #616161; background-color: #e9e9e9; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #bdbdbd; background-color: transparent; }
}
.navbar-default .navbar-link { color: #757575;
}
.navbar-default .navbar-link:hover { color: #424242;
}
.navbar-default .btn-link { color: #757575;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus { color: #424242;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus { color: #bdbdbd;
}
.navbar-inverse { background-color: #212121; border-color: #080808;
}
.navbar-inverse .navbar-brand { color: #e3e3e3;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent;
}
.navbar-inverse .navbar-text { color: #e3e3e3;
}
.navbar-inverse .navbar-nav > li > a { color: #e3e3e3;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus { color: #424242; background-color: transparent;
}
.navbar-inverse .navbar-toggle { border-color: #424242;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #424242;
}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: #0f0f0f;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #ffffff;
}
@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #e3e3e3; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #424242; background-color: transparent; }
}
.navbar-inverse .navbar-link { color: #e3e3e3;
}
.navbar-inverse .navbar-link:hover { color: #ffffff;
}
.navbar-inverse .btn-link { color: #e3e3e3;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus { color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus { color: #424242;
}
.breadcrumb { padding: 8px 16px; margin-bottom: 24px; list-style: none; background-color: #f5f5f5; border-radius: 2px;
}
.breadcrumb > li { display: inline-block;
}
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #bdbdbd;
}
.breadcrumb > .active { color: #bdbdbd;
}
.pagination { display: inline-block; padding-left: 0; margin: 24px 0; border-radius: 2px;
}
.pagination > li { display: inline;
}
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.5; text-decoration: none; color: #855199; background-color: #ffffff; border: 1px solid #e0e0e0; margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { z-index: 2; color: #5a3767; background-color: #e0e0e0; border-color: #e0e0e0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 3; color: #ffffff; background-color: #855199; border-color: #855199; cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #bdbdbd; background-color: #ffffff; border-color: #e0e0e0; cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 20px; line-height: 1.375;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px;
}
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 1px; border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-bottom-right-radius: 1px; border-top-right-radius: 1px;
}
.pager { padding-left: 0; margin: 24px 0; list-style: none; text-align: center;
}
.pager li { display: inline;
}
.pager li > a,
.pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #e0e0e0;
}
.pager .next > a,
.pager .next > span { float: right;
}
.pager .previous > a,
.pager .previous > span { float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #bdbdbd; background-color: #ffffff; cursor: not-allowed;
}
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;
}
a.label:hover,
a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer;
}
.label:empty { display: none;
}
.btn .label { position: relative; top: -1px;
}
.label-default { background-color: #bdbdbd;
}
.label-default[href]:hover,
.label-default[href]:focus { background-color: #a4a4a4;
}
.label-primary { background-color: #855199;
}
.label-primary[href]:hover,
.label-primary[href]:focus { background-color: #683f78;
}
.label-success { background-color: #92cb9c;
}
.label-success[href]:hover,
.label-success[href]:focus { background-color: #6fbb7d;
}
.label-info { background-color: #648fd8;
}
.label-info[href]:hover,
.label-info[href]:focus { background-color: #3b72ce;
}
.label-warning { background-color: #f2ba49;
}
.label-warning[href]:hover,
.label-warning[href]:focus { background-color: #efa819;
}
.label-danger { background-color: #d22938;
}
.label-danger[href]:hover,
.label-danger[href]:focus { background-color: #a7212d;
}
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #bdbdbd; border-radius: 10px;
}
.badge:empty { display: none;
}
.btn .badge { position: relative; top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge { top: 0; padding: 1px 5px;
}
a.badge:hover,
a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge { color: #855199; background-color: #ffffff;
}
.list-group-item > .badge { float: right;
}
.list-group-item > .badge + .badge { margin-right: 5px;
}
.nav-pills > li > a > .badge { margin-left: 3px;
}
.jumbotron { padding-top: 32px; padding-bottom: 32px; margin-bottom: 32px; color: inherit; background-color: #e0e0e0;
}
.jumbotron h1,
.jumbotron .h1 { color: inherit;
}
.jumbotron p { margin-bottom: 16px; font-size: 24px; font-weight: 200;
}
.jumbotron > hr { border-top-color: #c7c7c7;
}
.container .jumbotron,
.container-fluid .jumbotron { border-radius: 3px; padding-left: 16px; padding-right: 16px;
}
.jumbotron .container { max-width: 100%;
}
@media screen and (min-width: 768px) { .jumbotron { padding-top: 51.2px; padding-bottom: 51.2px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 64px; padding-right: 64px; } .jumbotron h1, .jumbotron .h1 { font-size: 72px; }
}
.thumbnail { display: block; padding: 4px; margin-bottom: 24px; line-height: 1.5; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 2px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img { margin-left: auto; margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active { border-color: #855199;
}
.thumbnail .caption { padding: 9px; color: #757575;
}
.alert { padding: 16px; margin-bottom: 24px; border: 1px solid transparent; border-radius: 2px;
}
.alert h4 { margin-top: 0; color: inherit;
}
.alert .alert-link { font-weight: bold;
}
.alert > p,
.alert > ul { margin-bottom: 0;
}
.alert > p + p { margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible { padding-right: 36px;
}
.alert-dismissable .close,
.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit;
}
.alert-success { background-color: #e8f4ea; border-color: #d7ecd7; color: #489655;
}
.alert-success hr { border-top-color: #c6e4c6;
}
.alert-success .alert-link { color: #377342;
}
.alert-info { background-color: #cad9f2; border-color: #adceea; color: #265097;
}
.alert-info hr { border-top-color: #99c2e5;
}
.alert-info .alert-link { color: #1c3a6e;
}
.alert-warning { background-color: #fbe7c0; border-color: #f9d1a8; color: #af790d;
}
.alert-warning hr { border-top-color: #f7c490;
}
.alert-warning .alert-link { color: #7f5809;
}
.alert-danger { background-color: #ea9199; border-color: #e57c97; color: #67141c;
}
.alert-danger hr { border-top-color: #e16686;
}
.alert-danger .alert-link { color: #3d0c10;
}
@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; }
}
@-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; }
}
@keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; }
}
.progress { overflow: hidden; height: 24px; margin-bottom: 24px; background-color: #f5f5f5; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 24px; color: #ffffff; text-align: center; background-color: #855199; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success { background-color: #92cb9c;
}
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info { background-color: #648fd8;
}
.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning { background-color: #f2ba49;
}
.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger { background-color: #d22938;
}
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media { margin-top: 15px;
}
.media:first-child { margin-top: 0;
}
.media,
.media-body { zoom: 1; overflow: hidden;
}
.media-body { width: 10000px;
}
.media-object { display: block;
}
.media-object.img-thumbnail { max-width: none;
}
.media-right,
.media > .pull-right { padding-left: 10px;
}
.media-left,
.media > .pull-left { padding-right: 10px;
}
.media-left,
.media-right,
.media-body { display: table-cell; vertical-align: top;
}
.media-middle { vertical-align: middle;
}
.media-bottom { vertical-align: bottom;
}
.media-heading { margin-top: 0; margin-bottom: 5px;
}
.media-list { padding-left: 0; list-style: none;
}
.list-group { margin-bottom: 20px; padding-left: 0;
}
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #e0e0e0;
}
.list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px;
}
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;
}
a.list-group-item,
button.list-group-item { color: #616161;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading { color: #424242;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus { text-decoration: none; color: #616161; background-color: #f5f5f5;
}
button.list-group-item { width: 100%; text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus { background-color: #e0e0e0; color: #bdbdbd; cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading { color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text { color: #bdbdbd;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #855199; border-color: #855199;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small { color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { color: #e0d0e6;
}
.list-group-item-success { color: #489655; background-color: #e8f4ea;
}
a.list-group-item-success,
button.list-group-item-success { color: #489655;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading { color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus { color: #489655; background-color: #d7ecdb;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus { color: #fff; background-color: #489655; border-color: #489655;
}
.list-group-item-info { color: #265097; background-color: #cad9f2;
}
a.list-group-item-info,
button.list-group-item-info { color: #265097;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading { color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus { color: #265097; background-color: #b5caed;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus { color: #fff; background-color: #265097; border-color: #265097;
}
.list-group-item-warning { color: #af790d; background-color: #fbe7c0;
}
a.list-group-item-warning,
button.list-group-item-warning { color: #af790d;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading { color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus { color: #af790d; background-color: #f9dea8;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus { color: #fff; background-color: #af790d; border-color: #af790d;
}
.list-group-item-danger { color: #67141c; background-color: #ea9199;
}
a.list-group-item-danger,
button.list-group-item-danger { color: #67141c;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading { color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus { color: #67141c; background-color: #e57c85;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus { color: #fff; background-color: #67141c; border-color: #67141c;
}
.list-group-item-heading { margin-top: 0; margin-bottom: 5px;
}
.list-group-item-text { margin-bottom: 0; line-height: 1.3;
}
.panel { margin-bottom: 24px; background-color: #ffffff; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body { padding: 16px;
}
.panel-heading { padding: 12px 16px; border-bottom: 1px solid transparent; border-top-right-radius: 1px; border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle { color: inherit;
}
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a { color: inherit;
}
.panel-footer { padding: 12px 16px; background-color: #f5f5f5; border-top: 1px solid #e0e0e0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group { margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 1px; border-top-left-radius: 1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0;
}
.list-group + .panel-footer { border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table { margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption { padding-left: 16px; padding-right: 16px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 1px; border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 1px; border-top-right-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body { border-top: 1px solid #e0e0e0;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td { border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered { border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0;
}
.panel > .table-responsive { border: 0; margin-bottom: 0;
}
.panel-group { margin-bottom: 24px;
}
.panel-group .panel { margin-bottom: 0; border-radius: 2px;
}
.panel-group .panel + .panel { margin-top: 5px;
}
.panel-group .panel-heading { border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #e0e0e0;
}
.panel-group .panel-footer { border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #e0e0e0;
}
.panel-default { border-color: #e0e0e0;
}
.panel-default > .panel-heading { color: #757575; background-color: #f5f5f5; border-color: #e0e0e0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e0e0e0;
}
.panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #757575;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e0e0e0;
}
.panel-primary { border-color: #855199;
}
.panel-primary > .panel-heading { color: #ffffff; background-color: #855199; border-color: #855199;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #855199;
}
.panel-primary > .panel-heading .badge { color: #855199; background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #855199;
}
.panel-success { border-color: #d7ecd7;
}
.panel-success > .panel-heading { color: #489655; background-color: #e8f4ea; border-color: #d7ecd7;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d7ecd7;
}
.panel-success > .panel-heading .badge { color: #e8f4ea; background-color: #489655;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d7ecd7;
}
.panel-info { border-color: #adceea;
}
.panel-info > .panel-heading { color: #265097; background-color: #cad9f2; border-color: #adceea;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #adceea;
}
.panel-info > .panel-heading .badge { color: #cad9f2; background-color: #265097;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #adceea;
}
.panel-warning { border-color: #f9d1a8;
}
.panel-warning > .panel-heading { color: #af790d; background-color: #fbe7c0; border-color: #f9d1a8;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f9d1a8;
}
.panel-warning > .panel-heading .badge { color: #fbe7c0; background-color: #af790d;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f9d1a8;
}
.panel-danger { border-color: #e57c97;
}
.panel-danger > .panel-heading { color: #67141c; background-color: #ea9199; border-color: #e57c97;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e57c97;
}
.panel-danger > .panel-heading .badge { color: #ea9199; background-color: #67141c;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e57c97;
}
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0;
}
.embed-responsive-16by9 { padding-bottom: 56.25%;
}
.embed-responsive-4by3 { padding-bottom: 75%;
}
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15);
}
.well-lg { padding: 24px; border-radius: 3px;
}
.well-sm { padding: 9px; border-radius: 1px;
}
.close { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20);
}
.close:hover,
.close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50);
}
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;
}
.modal-open { overflow: hidden;
}
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0;
}
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);
}
.modal-open .modal { overflow-x: hidden; overflow-y: auto;
}
.modal-dialog { position: relative; width: auto; margin: 10px;
}
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #9e9e9e; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0;
}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000;
}
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0);
}
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50);
}
.modal-header { padding: 16px; border-bottom: 1px solid #eeeeee;
}
.modal-header .close { margin-top: -2px;
}
.modal-title { margin: 0; line-height: 1.5;
}
.modal-body { position: relative; padding: 16px;
}
.modal-footer { padding: 16px; text-align: right; border-top: 1px solid #eeeeee;
}
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn { margin-left: -1px;
}
.modal-footer .btn-block + .btn-block { margin-left: 0;
}
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;
}
@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; }
}
@media (min-width: 992px) { .modal-lg { width: 900px; }
}
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0);
}
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90);
}
.tooltip.top { margin-top: -3px; padding: 5px 0;
}
.tooltip.right { margin-left: 3px; padding: 0 5px;
}
.tooltip.bottom { margin-top: 3px; padding: 5px 0;
}
.tooltip.left { margin-left: -3px; padding: 0 5px;
}
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 2px;
}
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;
}
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000;
}
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000;
}
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000;
}
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 16px; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #bdbdbd; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top { margin-top: -10px;
}
.popover.right { margin-left: 10px;
}
.popover.bottom { margin-top: 10px;
}
.popover.left { margin-left: -10px;
}
.popover-title { margin: 0; padding: 8px 14px; font-size: 16px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 2px 2px 0 0;
}
.popover-content { padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;
}
.popover > .arrow { border-width: 11px;
}
.popover > .arrow:after { border-width: 10px; content: "";
}
.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #8a8a8a; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px;
}
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff;
}
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #8a8a8a; border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff;
}
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #8a8a8a; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px;
}
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff;
}
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #8a8a8a; border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px;
}
.carousel { position: relative;
}
.carousel-inner { position: relative; overflow: hidden; width: 100%;
}
.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block;
}
.carousel-inner > .active { left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%;
}
.carousel-inner > .next { left: 100%;
}
.carousel-inner > .prev { left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0;
}
.carousel-inner > .active.left { left: -100%;
}
.carousel-inner > .active.right { left: 100%;
}
.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent;
}
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif;
}
.carousel-control .icon-prev:before { content: '\2039';
}
.carousel-control .icon-next:before { content: '\203a';
}
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center;
}
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent;
}
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff;
}
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn { text-shadow: none;
}
@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after { content: " "; display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after { clear: both;
}
.center-block { display: block; margin-left: auto; margin-right: auto;
}
.pull-right { float: right !important;
}
.pull-left { float: left !important;
}
.hide { display: none !important;
}
.show { display: block !important;
}
.invisible { visibility: hidden;
}
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;
}
.hidden { display: none !important;
}
.affix { position: fixed;
}
@-ms-viewport { width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important;
}
@media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; }
}
@media (max-width: 767px) { .visible-xs-block { display: block !important; }
}
@media (max-width: 767px) { .visible-xs-inline { display: inline !important; }
}
@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; }
}
@media (min-width: 1200px) { .visible-lg-block { display: block !important; }
}
@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; }
}
@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; }
}
@media (max-width: 767px) { .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; }
}
@media (min-width: 1200px) { .hidden-lg { display: none !important; }
}
.visible-print { display: none !important;
}
@media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; }
}
.visible-print-block { display: none !important;
}
@media print { .visible-print-block { display: block !important; }
}
.visible-print-inline { display: none !important;
}
@media print { .visible-print-inline { display: inline !important; }
}
.visible-print-inline-block { display: none !important;
}
@media print { .visible-print-inline-block { display: inline-block !important; }
}
@media print { .hidden-print { display: none !important; }
}
| Developer | Stuart Allen |
| Username | rarebush |
| Uploaded | November 29, 2022 |
| Rating | 3 |
| Size | 48,265 Kb |
| Views | 8,096 |
Do you need developer help for WOL 2 Bootstrap?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Stuart Allen (rarebush) Script Codes
| Name | Size |
| One Wiley Colors | 2,664 Kb |
| WOL 2 styleguide | 38,783 Kb |
| Hub styleguide | 5,547 Kb |
| Animated leaderboard - WOL home | 257,159 Kb |
| Literatum Style Guide | 8,561 Kb |
| Dashboard Builder - geochart | 2,874 Kb |
| Animated leaderboard | 5,701 Kb |
| Circle-graphic | 27,554 Kb |
| HUB styles | 13,840 Kb |
| HTML email | 4,277 Kb |
Create amazing love letters with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Sticky footer testing | 75th | 1,649 Kb |
| Twitch API | Coderpilot | 3,412 Kb |
| CSS3 Animated buttons | Cguillou | 3,737 Kb |
| RequestAnimationFrame | Martin-banks | 2,541 Kb |
| Test | Dviate | 2,668 Kb |
| Materializecss input form | Jasonchan | 1,443 Kb |
| My Starter Kit For Codepen | Dkdesign | 2,012 Kb |
| About Mazano | Kiti | 2,585 Kb |
| Jquery 2d character movement | Drewtadams | 4,291 Kb |
| Vue.js | Thommyboy02 | 1,506 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!