summons.html

<style>
    /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
    @media print {
        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: "";
        }
        blockquote,
        pre {
            border: 1px solid #999;
            page-break-inside: avoid;
        }
        thead {
            display: table-header-group;
        }
        img,
        tr {
            page-break-inside: avoid;
        }
        img {
            max-width: 100% !important;
        }
        h2,
        h3,
        p {
            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 td,
        .table-bordered th {
            border: 1px solid #ddd !important;
        }
    }
    @font-face {
        font-family: "Glyphicons Halflings";
        src: url("../assets/fonts/glyphicons-halflings-regular.eot");
        src: url("../assets/fonts/glyphicons-halflings-regular.eot?#iefix")
                format("embedded-opentype"),
            url("../assets/fonts/glyphicons-halflings-regular.woff2")
                format("woff2"),
            url("../assets/fonts/glyphicons-halflings-regular.woff")
                format("woff"),
            url("../assets/fonts/glyphicons-halflings-regular.ttf")
                format("truetype"),
            url("../assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")
                format("svg");
    }
    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .glyphicon-asterisk:before {
        content: "\002a";
    }
    .glyphicon-plus:before {
        content: "\002b";
    }
    .glyphicon-eur:before,
    .glyphicon-euro:before {
        content: "\20ac";
    }
    .glyphicon-minus:before {
        content: "\2212";
    }
    .glyphicon-cloud:before {
        content: "\2601";
    }
    .glyphicon-envelope:before {
        content: "\2709";
    }
    .glyphicon-pencil:before {
        content: "\270f";
    }
    .glyphicon-glass:before {
        content: "\e001";
    }
    .glyphicon-music:before {
        content: "\e002";
    }
    .glyphicon-search:before {
        content: "\e003";
    }
    .glyphicon-heart:before {
        content: "\e005";
    }
    .glyphicon-star:before {
        content: "\e006";
    }
    .glyphicon-star-empty:before {
        content: "\e007";
    }
    .glyphicon-user:before {
        content: "\e008";
    }
    .glyphicon-film:before {
        content: "\e009";
    }
    .glyphicon-th-large:before {
        content: "\e010";
    }
    .glyphicon-th:before {
        content: "\e011";
    }
    .glyphicon-th-list:before {
        content: "\e012";
    }
    .glyphicon-ok:before {
        content: "\e013";
    }
    .glyphicon-remove:before {
        content: "\e014";
    }
    .glyphicon-zoom-in:before {
        content: "\e015";
    }
    .glyphicon-zoom-out:before {
        content: "\e016";
    }
    .glyphicon-off:before {
        content: "\e017";
    }
    .glyphicon-signal:before {
        content: "\e018";
    }
    .glyphicon-cog:before {
        content: "\e019";
    }
    .glyphicon-trash:before {
        content: "\e020";
    }
    .glyphicon-home:before {
        content: "\e021";
    }
    .glyphicon-file:before {
        content: "\e022";
    }
    .glyphicon-time:before {
        content: "\e023";
    }
    .glyphicon-road:before {
        content: "\e024";
    }
    .glyphicon-download-alt:before {
        content: "\e025";
    }
    .glyphicon-download:before {
        content: "\e026";
    }
    .glyphicon-upload:before {
        content: "\e027";
    }
    .glyphicon-inbox:before {
        content: "\e028";
    }
    .glyphicon-play-circle:before {
        content: "\e029";
    }
    .glyphicon-repeat:before {
        content: "\e030";
    }
    .glyphicon-refresh:before {
        content: "\e031";
    }
    .glyphicon-list-alt:before {
        content: "\e032";
    }
    .glyphicon-lock:before {
        content: "\e033";
    }
    .glyphicon-flag:before {
        content: "\e034";
    }
    .glyphicon-headphones:before {
        content: "\e035";
    }
    .glyphicon-volume-off:before {
        content: "\e036";
    }
    .glyphicon-volume-down:before {
        content: "\e037";
    }
    .glyphicon-volume-up:before {
        content: "\e038";
    }
    .glyphicon-qrcode:before {
        content: "\e039";
    }
    .glyphicon-barcode:before {
        content: "\e040";
    }
    .glyphicon-tag:before {
        content: "\e041";
    }
    .glyphicon-tags:before {
        content: "\e042";
    }
    .glyphicon-book:before {
        content: "\e043";
    }
    .glyphicon-bookmark:before {
        content: "\e044";
    }
    .glyphicon-print:before {
        content: "\e045";
    }
    .glyphicon-camera:before {
        content: "\e046";
    }
    .glyphicon-font:before {
        content: "\e047";
    }
    .glyphicon-bold:before {
        content: "\e048";
    }
    .glyphicon-italic:before {
        content: "\e049";
    }
    .glyphicon-text-height:before {
        content: "\e050";
    }
    .glyphicon-text-width:before {
        content: "\e051";
    }
    .glyphicon-align-left:before {
        content: "\e052";
    }
    .glyphicon-align-center:before {
        content: "\e053";
    }
    .glyphicon-align-right:before {
        content: "\e054";
    }
    .glyphicon-align-justify:before {
        content: "\e055";
    }
    .glyphicon-list:before {
        content: "\e056";
    }
    .glyphicon-indent-left:before {
        content: "\e057";
    }
    .glyphicon-indent-right:before {
        content: "\e058";
    }
    .glyphicon-facetime-video:before {
        content: "\e059";
    }
    .glyphicon-picture:before {
        content: "\e060";
    }
    .glyphicon-map-marker:before {
        content: "\e062";
    }
    .glyphicon-adjust:before {
        content: "\e063";
    }
    .glyphicon-tint:before {
        content: "\e064";
    }
    .glyphicon-edit:before {
        content: "\e065";
    }
    .glyphicon-share:before {
        content: "\e066";
    }
    .glyphicon-check:before {
        content: "\e067";
    }
    .glyphicon-move:before {
        content: "\e068";
    }
    .glyphicon-step-backward:before {
        content: "\e069";
    }
    .glyphicon-fast-backward:before {
        content: "\e070";
    }
    .glyphicon-backward:before {
        content: "\e071";
    }
    .glyphicon-play:before {
        content: "\e072";
    }
    .glyphicon-pause:before {
        content: "\e073";
    }
    .glyphicon-stop:before {
        content: "\e074";
    }
    .glyphicon-forward:before {
        content: "\e075";
    }
    .glyphicon-fast-forward:before {
        content: "\e076";
    }
    .glyphicon-step-forward:before {
        content: "\e077";
    }
    .glyphicon-eject:before {
        content: "\e078";
    }
    .glyphicon-chevron-left:before {
        content: "\e079";
    }
    .glyphicon-chevron-right:before {
        content: "\e080";
    }
    .glyphicon-plus-sign:before {
        content: "\e081";
    }
    .glyphicon-minus-sign:before {
        content: "\e082";
    }
    .glyphicon-remove-sign:before {
        content: "\e083";
    }
    .glyphicon-ok-sign:before {
        content: "\e084";
    }
    .glyphicon-question-sign:before {
        content: "\e085";
    }
    .glyphicon-info-sign:before {
        content: "\e086";
    }
    .glyphicon-screenshot:before {
        content: "\e087";
    }
    .glyphicon-remove-circle:before {
        content: "\e088";
    }
    .glyphicon-ok-circle:before {
        content: "\e089";
    }
    .glyphicon-ban-circle:before {
        content: "\e090";
    }
    .glyphicon-arrow-left:before {
        content: "\e091";
    }
    .glyphicon-arrow-right:before {
        content: "\e092";
    }
    .glyphicon-arrow-up:before {
        content: "\e093";
    }
    .glyphicon-arrow-down:before {
        content: "\e094";
    }
    .glyphicon-share-alt:before {
        content: "\e095";
    }
    .glyphicon-resize-full:before {
        content: "\e096";
    }
    .glyphicon-resize-small:before {
        content: "\e097";
    }
    .glyphicon-exclamation-sign:before {
        content: "\e101";
    }
    .glyphicon-gift:before {
        content: "\e102";
    }
    .glyphicon-leaf:before {
        content: "\e103";
    }
    .glyphicon-fire:before {
        content: "\e104";
    }
    .glyphicon-eye-open:before {
        content: "\e105";
    }
    .glyphicon-eye-close:before {
        content: "\e106";
    }
    .glyphicon-warning-sign:before {
        content: "\e107";
    }
    .glyphicon-plane:before {
        content: "\e108";
    }
    .glyphicon-calendar:before {
        content: "\e109";
    }
    .glyphicon-random:before {
        content: "\e110";
    }
    .glyphicon-comment:before {
        content: "\e111";
    }
    .glyphicon-magnet:before {
        content: "\e112";
    }
    .glyphicon-chevron-up:before {
        content: "\e113";
    }
    .glyphicon-chevron-down:before {
        content: "\e114";
    }
    .glyphicon-retweet:before {
        content: "\e115";
    }
    .glyphicon-shopping-cart:before {
        content: "\e116";
    }
    .glyphicon-folder-close:before {
        content: "\e117";
    }
    .glyphicon-folder-open:before {
        content: "\e118";
    }
    .glyphicon-resize-vertical:before {
        content: "\e119";
    }
    .glyphicon-resize-horizontal:before {
        content: "\e120";
    }
    .glyphicon-hdd:before {
        content: "\e121";
    }
    .glyphicon-bullhorn:before {
        content: "\e122";
    }
    .glyphicon-bell:before {
        content: "\e123";
    }
    .glyphicon-certificate:before {
        content: "\e124";
    }
    .glyphicon-thumbs-up:before {
        content: "\e125";
    }
    .glyphicon-thumbs-down:before {
        content: "\e126";
    }
    .glyphicon-hand-right:before {
        content: "\e127";
    }
    .glyphicon-hand-left:before {
        content: "\e128";
    }
    .glyphicon-hand-up:before {
        content: "\e129";
    }
    .glyphicon-hand-down:before {
        content: "\e130";
    }
    .glyphicon-circle-arrow-right:before {
        content: "\e131";
    }
    .glyphicon-circle-arrow-left:before {
        content: "\e132";
    }
    .glyphicon-circle-arrow-up:before {
        content: "\e133";
    }
    .glyphicon-circle-arrow-down:before {
        content: "\e134";
    }
    .glyphicon-globe:before {
        content: "\e135";
    }
    .glyphicon-wrench:before {
        content: "\e136";
    }
    .glyphicon-tasks:before {
        content: "\e137";
    }
    .glyphicon-filter:before {
        content: "\e138";
    }
    .glyphicon-briefcase:before {
        content: "\e139";
    }
    .glyphicon-fullscreen:before {
        content: "\e140";
    }
    .glyphicon-dashboard:before {
        content: "\e141";
    }
    .glyphicon-paperclip:before {
        content: "\e142";
    }
    .glyphicon-heart-empty:before {
        content: "\e143";
    }
    .glyphicon-link:before {
        content: "\e144";
    }
    .glyphicon-phone:before {
        content: "\e145";
    }
    .glyphicon-pushpin:before {
        content: "\e146";
    }
    .glyphicon-usd:before {
        content: "\e148";
    }
    .glyphicon-gbp:before {
        content: "\e149";
    }
    .glyphicon-sort:before {
        content: "\e150";
    }
    .glyphicon-sort-by-alphabet:before {
        content: "\e151";
    }
    .glyphicon-sort-by-alphabet-alt:before {
        content: "\e152";
    }
    .glyphicon-sort-by-order:before {
        content: "\e153";
    }
    .glyphicon-sort-by-order-alt:before {
        content: "\e154";
    }
    .glyphicon-sort-by-attributes:before {
        content: "\e155";
    }
    .glyphicon-sort-by-attributes-alt:before {
        content: "\e156";
    }
    .glyphicon-unchecked:before {
        content: "\e157";
    }
    .glyphicon-expand:before {
        content: "\e158";
    }
    .glyphicon-collapse-down:before {
        content: "\e159";
    }
    .glyphicon-collapse-up:before {
        content: "\e160";
    }
    .glyphicon-log-in:before {
        content: "\e161";
    }
    .glyphicon-flash:before {
        content: "\e162";
    }
    .glyphicon-log-out:before {
        content: "\e163";
    }
    .glyphicon-new-window:before {
        content: "\e164";
    }
    .glyphicon-record:before {
        content: "\e165";
    }
    .glyphicon-save:before {
        content: "\e166";
    }
    .glyphicon-open:before {
        content: "\e167";
    }
    .glyphicon-saved:before {
        content: "\e168";
    }
    .glyphicon-import:before {
        content: "\e169";
    }
    .glyphicon-export:before {
        content: "\e170";
    }
    .glyphicon-send:before {
        content: "\e171";
    }
    .glyphicon-floppy-disk:before {
        content: "\e172";
    }
    .glyphicon-floppy-saved:before {
        content: "\e173";
    }
    .glyphicon-floppy-remove:before {
        content: "\e174";
    }
    .glyphicon-floppy-save:before {
        content: "\e175";
    }
    .glyphicon-floppy-open:before {
        content: "\e176";
    }
    .glyphicon-credit-card:before {
        content: "\e177";
    }
    .glyphicon-transfer:before {
        content: "\e178";
    }
    .glyphicon-cutlery:before {
        content: "\e179";
    }
    .glyphicon-header:before {
        content: "\e180";
    }
    .glyphicon-compressed:before {
        content: "\e181";
    }
    .glyphicon-earphone:before {
        content: "\e182";
    }
    .glyphicon-phone-alt:before {
        content: "\e183";
    }
    .glyphicon-tower:before {
        content: "\e184";
    }
    .glyphicon-stats:before {
        content: "\e185";
    }
    .glyphicon-sd-video:before {
        content: "\e186";
    }
    .glyphicon-hd-video:before {
        content: "\e187";
    }
    .glyphicon-subtitles:before {
        content: "\e188";
    }
    .glyphicon-sound-stereo:before {
        content: "\e189";
    }
    .glyphicon-sound-dolby:before {
        content: "\e190";
    }
    .glyphicon-sound-5-1:before {
        content: "\e191";
    }
    .glyphicon-sound-6-1:before {
        content: "\e192";
    }
    .glyphicon-sound-7-1:before {
        content: "\e193";
    }
    .glyphicon-copyright-mark:before {
        content: "\e194";
    }
    .glyphicon-registration-mark:before {
        content: "\e195";
    }
    .glyphicon-cloud-download:before {
        content: "\e197";
    }
    .glyphicon-cloud-upload:before {
        content: "\e198";
    }
    .glyphicon-tree-conifer:before {
        content: "\e199";
    }
    .glyphicon-tree-deciduous:before {
        content: "\e200";
    }
    .glyphicon-cd:before {
        content: "\e201";
    }
    .glyphicon-save-file:before {
        content: "\e202";
    }
    .glyphicon-open-file:before {
        content: "\e203";
    }
    .glyphicon-level-up:before {
        content: "\e204";
    }
    .glyphicon-copy:before {
        content: "\e205";
    }
    .glyphicon-paste:before {
        content: "\e206";
    }
    .glyphicon-alert:before {
        content: "\e209";
    }
    .glyphicon-equalizer:before {
        content: "\e210";
    }
    .glyphicon-king:before {
        content: "\e211";
    }
    .glyphicon-queen:before {
        content: "\e212";
    }
    .glyphicon-pawn:before {
        content: "\e213";
    }
    .glyphicon-bishop:before {
        content: "\e214";
    }
    .glyphicon-knight:before {
        content: "\e215";
    }
    .glyphicon-baby-formula:before {
        content: "\e216";
    }
    .glyphicon-tent:before {
        content: "\26fa";
    }
    .glyphicon-blackboard:before {
        content: "\e218";
    }
    .glyphicon-bed:before {
        content: "\e219";
    }
    .glyphicon-apple:before {
        content: "\f8ff";
    }
    .glyphicon-erase:before {
        content: "\e221";
    }
    .glyphicon-hourglass:before {
        content: "\231b";
    }
    .glyphicon-lamp:before {
        content: "\e223";
    }
    .glyphicon-duplicate:before {
        content: "\e224";
    }
    .glyphicon-piggy-bank:before {
        content: "\e225";
    }
    .glyphicon-scissors:before {
        content: "\e226";
    }
    .glyphicon-bitcoin:before {
        content: "\e227";
    }
    .glyphicon-btc:before {
        content: "\e227";
    }
    .glyphicon-xbt:before {
        content: "\e227";
    }
    .glyphicon-yen:before {
        content: "\00a5";
    }
    .glyphicon-jpy:before {
        content: "\00a5";
    }
    .glyphicon-ruble:before {
        content: "\20bd";
    }
    .glyphicon-rub:before {
        content: "\20bd";
    }
    .glyphicon-scale:before {
        content: "\e230";
    }
    .glyphicon-ice-lolly:before {
        content: "\e231";
    }
    .glyphicon-ice-lolly-tasted:before {
        content: "\e232";
    }
    .glyphicon-education:before {
        content: "\e233";
    }
    .glyphicon-option-horizontal:before {
        content: "\e234";
    }
    .glyphicon-option-vertical:before {
        content: "\e235";
    }
    .glyphicon-menu-hamburger:before {
        content: "\e236";
    }
    .glyphicon-modal-window:before {
        content: "\e237";
    }
    .glyphicon-oil:before {
        content: "\e238";
    }
    .glyphicon-grain:before {
        content: "\e239";
    }
    .glyphicon-sunglasses:before {
        content: "\e240";
    }
    .glyphicon-text-size:before {
        content: "\e241";
    }
    .glyphicon-text-color:before {
        content: "\e242";
    }
    .glyphicon-text-background:before {
        content: "\e243";
    }
    .glyphicon-object-align-top:before {
        content: "\e244";
    }
    .glyphicon-object-align-bottom:before {
        content: "\e245";
    }
    .glyphicon-object-align-horizontal:before {
        content: "\e246";
    }
    .glyphicon-object-align-left:before {
        content: "\e247";
    }
    .glyphicon-object-align-vertical:before {
        content: "\e248";
    }
    .glyphicon-object-align-right:before {
        content: "\e249";
    }
    .glyphicon-triangle-right:before {
        content: "\e250";
    }
    .glyphicon-triangle-left:before {
        content: "\e251";
    }
    .glyphicon-triangle-bottom:before {
        content: "\e252";
    }
    .glyphicon-triangle-top:before {
        content: "\e253";
    }
    .glyphicon-console:before {
        content: "\e254";
    }
    .glyphicon-superscript:before {
        content: "\e255";
    }
    .glyphicon-subscript:before {
        content: "\e256";
    }
    .glyphicon-menu-left:before {
        content: "\e257";
    }
    .glyphicon-menu-right:before {
        content: "\e258";
    }
    .glyphicon-menu-down:before {
        content: "\e259";
    }
    .glyphicon-menu-up:before {
        content: "\e260";
    }
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    *:after,
    *:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.52857143;
        color: #3a3f51;
        background-color: #ecf0f1;
    }
    button,
    input,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }
    a {
        color: #4927ac;
        text-decoration: none;
    }
    a:focus,
    a:hover {
        color: #2f196e;
        text-decoration: underline;
    }
    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    figure {
        margin: 0;
    }
    img {
        vertical-align: middle;
    }
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img,
    .img-responsive,
    .thumbnail > img,
    .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .img-rounded {
        border-radius: 6px;
    }
    .img-thumbnail {
        padding: 2px;
        line-height: 1.52857143;
        background-color: #e1e2e3;
        border: 1px solid #e1e2e3;
        border-radius: 3px;
        -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: 21px;
        margin-bottom: 21px;
        border: 0;
        border-top: 1px solid #f4f5f5;
    }
    .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: 500;
        line-height: 1.1;
        color: inherit;
    }
    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: normal;
        line-height: 1;
        color: #515d6e;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 21px;
        margin-bottom: 10.5px;
    }
    .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,
    .h5,
    .h6,
    h4,
    h5,
    h6 {
        margin-top: 10.5px;
        margin-bottom: 10.5px;
    }
    .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: 36px;
    }
    .h2,
    h2 {
        font-size: 30px;
    }
    .h3,
    h3 {
        font-size: 24px;
    }
    .h4,
    h4 {
        font-size: 18px;
    }
    .h5,
    h5 {
        font-size: 14px;
    }
    .h6,
    h6 {
        font-size: 12px;
    }
    p {
        margin: 0 0 10.5px;
    }
    .lead {
        margin-bottom: 21px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
    }
    @media (min-width: 768px) {
        .lead {
            font-size: 21px;
        }
    }
    .small,
    small {
        font-size: 85%;
    }
    .mark,
    mark {
        background-color: #fcf8e3;
        padding: 0.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: #909fa7;
    }
    .text-primary {
        color: #4927ac;
    }
    a.text-primary:focus,
    a.text-primary:hover {
        color: #371e82;
    }
    .text-success {
        color: #34c0a7;
    }
    a.text-success:focus,
    a.text-success:hover {
        color: #299884;
    }
    .text-info {
        color: #4927ac;
    }
    a.text-info:focus,
    a.text-info:hover {
        color: #371e82;
    }
    .text-warning {
        color: #ff902b;
    }
    a.text-warning:focus,
    a.text-warning:hover {
        color: #f77600;
    }
    .text-danger {
        color: #d9534f;
    }
    a.text-danger:focus,
    a.text-danger:hover {
        color: #c9302c;
    }
    .bg-primary {
        color: #fff;
        background-color: #4927ac;
    }
    a.bg-primary:focus,
    a.bg-primary:hover {
        background-color: #371e82;
    }
    .bg-success {
        background-color: #dff0d8;
    }
    a.bg-success:focus,
    a.bg-success:hover {
        background-color: #c1e2b3;
    }
    .bg-info {
        background-color: #d9edf7;
    }
    a.bg-info:focus,
    a.bg-info:hover {
        background-color: #afd9ee;
    }
    .bg-warning {
        background-color: #fcf8e3;
    }
    a.bg-warning:focus,
    a.bg-warning:hover {
        background-color: #f7ecb5;
    }
    .bg-danger {
        background-color: #f2dede;
    }
    a.bg-danger:focus,
    a.bg-danger:hover {
        background-color: #e4b9b9;
    }
    .page-header {
        padding-bottom: 9.5px;
        margin: 42px 0 21px;
        border-bottom: 1px solid #f4f5f5;
    }
    ol,
    ul {
        margin-top: 0;
        margin-bottom: 10.5px;
    }
    ol ol,
    ol ul,
    ul ol,
    ul ul {
        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: 21px;
    }
    dd,
    dt {
        line-height: 1.52857143;
    }
    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[data-original-title],
    abbr[title] {
        cursor: help;
        border-bottom: 1px dotted #515d6e;
    }
    .initialism {
        font-size: 90%;
        text-transform: uppercase;
    }
    blockquote {
        padding: 10.5px 21px;
        margin: 0 0 21px;
        font-size: 17.5px;
        border-left: 5px solid #f4f5f5;
    }
    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0;
    }
    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.52857143;
        color: #515d6e;
    }
    blockquote .small:before,
    blockquote footer:before,
    blockquote small:before {
        content: "\2014 \00A0";
    }
    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #f4f5f5;
        border-left: 0;
        text-align: right;
    }
    .blockquote-reverse .small:before,
    .blockquote-reverse footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right .small:before,
    blockquote.pull-right footer:before,
    blockquote.pull-right small:before {
        content: "";
    }
    .blockquote-reverse .small:after,
    .blockquote-reverse footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right .small:after,
    blockquote.pull-right footer:after,
    blockquote.pull-right small:after {
        content: "\00A0 \2014";
    }
    address {
        margin-bottom: 21px;
        font-style: normal;
        line-height: 1.52857143;
    }
    code,
    kbd,
    pre,
    samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    }
    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px;
    }
    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    }
    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        box-shadow: none;
    }
    pre {
        display: block;
        padding: 10px;
        margin: 0 0 10.5px;
        font-size: 13px;
        line-height: 1.52857143;
        word-break: break-all;
        word-wrap: break-word;
        color: #515d6e;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    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: 15px;
        padding-right: 15px;
    }
    @media (min-width: 768px) {
        .container {
            width: 750px;
        }
    }
    @media (min-width: 992px) {
        .container {
            width: 970px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            width: 1170px;
        }
    }
    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        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-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9 {
            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-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9 {
            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-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9 {
            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: 4px;
        padding-bottom: 4px;
        color: #909fa7;
        text-align: left;
    }
    th {
        text-align: left;
    }
    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 21px;
    }
    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 4px;
        line-height: 1.52857143;
        vertical-align: top;
        border-top: 1px solid #eee;
    }
    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #eee;
    }
    .table > caption + thead > tr:first-child > td,
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > td,
    .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }
    .table > tbody + tbody {
        border-top: 2px solid #eee;
    }
    .table .table {
        background-color: #ecf0f1;
    }
    .table-condensed > tbody > tr > td,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > td,
    .table-condensed > tfoot > tr > th,
    .table-condensed > thead > tr > td,
    .table-condensed > thead > tr > th {
        padding: 5px;
    }
    .table-bordered {
        border: 1px solid #eee;
    }
    .table-bordered > tbody > tr > td,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > td,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > thead > tr > th {
        border: 1px solid #eee;
    }
    .table-bordered > thead > tr > td,
    .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #fafbfc;
    }
    .table-hover > tbody > tr:hover {
        background-color: #f2edda;
    }
    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 > tbody > tr > td.active,
    .table > tbody > tr > th.active,
    .table > tbody > tr.active > td,
    .table > tbody > tr.active > th,
    .table > tfoot > tr > td.active,
    .table > tfoot > tr > th.active,
    .table > tfoot > tr.active > td,
    .table > tfoot > tr.active > th,
    .table > thead > tr > td.active,
    .table > thead > tr > th.active,
    .table > thead > tr.active > td,
    .table > thead > tr.active > th {
        background-color: #f2edda;
    }
    .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.active:hover > th,
    .table-hover > tbody > tr:hover > .active {
        background-color: #ebe4c7;
    }
    .table > tbody > tr > td.success,
    .table > tbody > tr > th.success,
    .table > tbody > tr.success > td,
    .table > tbody > tr.success > th,
    .table > tfoot > tr > td.success,
    .table > tfoot > tr > th.success,
    .table > tfoot > tr.success > td,
    .table > tfoot > tr.success > th,
    .table > thead > tr > td.success,
    .table > thead > tr > th.success,
    .table > thead > tr.success > td,
    .table > thead > tr.success > th {
        background-color: #dff0d8;
    }
    .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.success:hover > th,
    .table-hover > tbody > tr:hover > .success {
        background-color: #d0e9c6;
    }
    .table > tbody > tr > td.info,
    .table > tbody > tr > th.info,
    .table > tbody > tr.info > td,
    .table > tbody > tr.info > th,
    .table > tfoot > tr > td.info,
    .table > tfoot > tr > th.info,
    .table > tfoot > tr.info > td,
    .table > tfoot > tr.info > th,
    .table > thead > tr > td.info,
    .table > thead > tr > th.info,
    .table > thead > tr.info > td,
    .table > thead > tr.info > th {
        background-color: #d9edf7;
    }
    .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.info:hover > th,
    .table-hover > tbody > tr:hover > .info {
        background-color: #c4e3f3;
    }
    .table > tbody > tr > td.warning,
    .table > tbody > tr > th.warning,
    .table > tbody > tr.warning > td,
    .table > tbody > tr.warning > th,
    .table > tfoot > tr > td.warning,
    .table > tfoot > tr > th.warning,
    .table > tfoot > tr.warning > td,
    .table > tfoot > tr.warning > th,
    .table > thead > tr > td.warning,
    .table > thead > tr > th.warning,
    .table > thead > tr.warning > td,
    .table > thead > tr.warning > th {
        background-color: #fcf8e3;
    }
    .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.warning:hover > th,
    .table-hover > tbody > tr:hover > .warning {
        background-color: #faf2cc;
    }
    .table > tbody > tr > td.danger,
    .table > tbody > tr > th.danger,
    .table > tbody > tr.danger > td,
    .table > tbody > tr.danger > th,
    .table > tfoot > tr > td.danger,
    .table > tfoot > tr > th.danger,
    .table > tfoot > tr.danger > td,
    .table > tfoot > tr.danger > th,
    .table > thead > tr > td.danger,
    .table > thead > tr > th.danger,
    .table > thead > tr.danger > td,
    .table > thead > tr.danger > th {
        background-color: #f2dede;
    }
    .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.danger:hover > th,
    .table-hover > tbody > tr:hover > .danger {
        background-color: #ebcccc;
    }
    .table-responsive {
        overflow-x: auto;
        min-height: 0.01%;
    }
    @media screen and (max-width: 767px) {
        .table-responsive {
            width: 100%;
            margin-bottom: 15.75px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #eee;
        }
        .table-responsive > .table {
            margin-bottom: 0;
        }
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > thead > tr > th {
            white-space: nowrap;
        }
        .table-responsive > .table-bordered {
            border: 0;
        }
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > thead > tr > th:first-child {
            border-left: 0;
        }
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > thead > tr > th:last-child {
            border-right: 0;
        }
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th {
            border-bottom: 0;
        }
    }
    fieldset {
        padding: 0;
        margin: 0;
        border: 0;
        min-width: 0;
    }
    legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 21px;
        font-size: 21px;
        line-height: inherit;
        color: #515d6e;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }
    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: 1px \9 0 0;
        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: 14px;
        line-height: 1.52857143;
        color: #515d6e;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px;
        padding: 6px 16px;
        font-size: 14px;
        line-height: 1.52857143;
        color: #515d6e;
        background-color: #fff;
        background-image: none;
        border: 1px solid #a0aab2;
        border-radius: 4px;
        -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 0.15s,
            box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s,
            box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
            0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
            0 0 8px rgba(102, 175, 233, 0.6);
    }
    .form-control::-moz-placeholder {
        color: #b7bac9;
        opacity: 1;
    }
    .form-control:-ms-input-placeholder {
        color: #b7bac9;
    }
    .form-control::-webkit-input-placeholder {
        color: #b7bac9;
    }
    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }
    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #f4f5f5;
        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: 35px;
        }
        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: 46px;
        }
    }
    .form-group {
        margin-bottom: 15px;
    }
    .checkbox,
    .radio {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .checkbox label,
    .radio label {
        min-height: 21px;
        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;
    }
    .checkbox + .checkbox,
    .radio + .radio {
        margin-top: -5px;
    }
    .checkbox-inline,
    .radio-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: normal;
        cursor: pointer;
    }
    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-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;
    }
    .checkbox-inline.disabled,
    .radio-inline.disabled,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio-inline {
        cursor: not-allowed;
    }
    .checkbox.disabled label,
    .radio.disabled label,
    fieldset[disabled] .checkbox label,
    fieldset[disabled] .radio label {
        cursor: not-allowed;
    }
    .form-control-static {
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0;
        min-height: 35px;
    }
    .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: 3px;
    }
    select.input-sm {
        height: 30px;
        line-height: 30px;
    }
    select[multiple].input-sm,
    textarea.input-sm {
        height: auto;
    }
    .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .form-group-sm select.form-control {
        height: 30px;
        line-height: 30px;
    }
    .form-group-sm select[multiple].form-control,
    .form-group-sm textarea.form-control {
        height: auto;
    }
    .form-group-sm .form-control-static {
        height: 30px;
        min-height: 33px;
        padding: 6px 10px;
        font-size: 12px;
        line-height: 1.5;
    }
    .input-lg {
        height: 46px;
        padding: 10px 20px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
    select.input-lg {
        height: 46px;
        line-height: 46px;
    }
    select[multiple].input-lg,
    textarea.input-lg {
        height: auto;
    }
    .form-group-lg .form-control {
        height: 46px;
        padding: 10px 20px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
    .form-group-lg select.form-control {
        height: 46px;
        line-height: 46px;
    }
    .form-group-lg select[multiple].form-control,
    .form-group-lg textarea.form-control {
        height: auto;
    }
    .form-group-lg .form-control-static {
        height: 46px;
        min-height: 39px;
        padding: 11px 20px;
        font-size: 18px;
        line-height: 1.33;
    }
    .has-feedback {
        position: relative;
    }
    .has-feedback .form-control {
        padding-right: 43.75px;
    }
    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        pointer-events: none;
    }
    .form-group-lg .form-control + .form-control-feedback,
    .input-group-lg + .form-control-feedback,
    .input-lg + .form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px;
    }
    .form-group-sm .form-control + .form-control-feedback,
    .input-group-sm + .form-control-feedback,
    .input-sm + .form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .has-success .checkbox,
    .has-success .checkbox-inline,
    .has-success .control-label,
    .has-success .help-block,
    .has-success .radio,
    .has-success .radio-inline,
    .has-success.checkbox label,
    .has-success.checkbox-inline label,
    .has-success.radio label,
    .has-success.radio-inline label {
        color: #34c0a7;
    }
    .has-success .form-control {
        border-color: #34c0a7;
        -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: #299884;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
            0 0 6px #7edccb;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7edccb;
    }
    .has-success .input-group-addon {
        color: #34c0a7;
        border-color: #34c0a7;
        background-color: #dff0d8;
    }
    .has-success .form-control-feedback {
        color: #34c0a7;
    }
    .has-warning .checkbox,
    .has-warning .checkbox-inline,
    .has-warning .control-label,
    .has-warning .help-block,
    .has-warning .radio,
    .has-warning .radio-inline,
    .has-warning.checkbox label,
    .has-warning.checkbox-inline label,
    .has-warning.radio label,
    .has-warning.radio-inline label {
        color: #ff902b;
    }
    .has-warning .form-control {
        border-color: #ff902b;
        -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: #f77600;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
            0 0 6px #ffc591;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc591;
    }
    .has-warning .input-group-addon {
        color: #ff902b;
        border-color: #ff902b;
        background-color: #fcf8e3;
    }
    .has-warning .form-control-feedback {
        color: #ff902b;
    }
    .has-error .checkbox,
    .has-error .checkbox-inline,
    .has-error .control-label,
    .has-error .help-block,
    .has-error .radio,
    .has-error .radio-inline,
    .has-error.checkbox label,
    .has-error.checkbox-inline label,
    .has-error.radio label,
    .has-error.radio-inline label {
        color: #d9534f;
    }
    .has-error .form-control {
        border-color: #d9534f;
        -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: #c9302c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
            0 0 6px #eba5a3;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
    }
    .has-error .input-group-addon {
        color: #d9534f;
        border-color: #d9534f;
        background-color: #f2dede;
    }
    .has-error .form-control-feedback {
        color: #d9534f;
    }
    .has-feedback label ~ .form-control-feedback {
        top: 26px;
    }
    .has-feedback label.sr-only ~ .form-control-feedback {
        top: 0;
    }
    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #717a99;
    }
    @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 .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
            width: auto;
        }
        .form-inline .input-group > .form-control {
            width: 100%;
        }
        .form-inline .control-label {
            margin-bottom: 0;
            vertical-align: middle;
        }
        .form-inline .checkbox,
        .form-inline .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle;
        }
        .form-inline .checkbox label,
        .form-inline .radio 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 .checkbox,
    .form-horizontal .checkbox-inline,
    .form-horizontal .radio,
    .form-horizontal .radio-inline {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 7px;
    }
    .form-horizontal .checkbox,
    .form-horizontal .radio {
        min-height: 28px;
    }
    .form-horizontal .form-group {
        margin-left: -15px;
        margin-right: -15px;
    }
    @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: 15px;
    }
    @media (min-width: 768px) {
        .form-horizontal .form-group-lg .control-label {
            padding-top: 11px;
            font-size: 18px;
        }
    }
    @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: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 16px;
        font-size: 14px;
        line-height: 1.52857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: #333;
        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: #333;
        background-color: #fff;
        border-color: #eaeaea;
    }
    .btn-default.focus,
    .btn-default:focus {
        color: #333;
        background-color: #f5f5f5;
        border-color: #d6d6d6;
    }
    .btn-default:hover {
        color: #333;
        background-color: #f5f5f5;
        border-color: #d6d6d6;
    }
    .btn-default.active,
    .btn-default:active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #f5f5f5;
        border-color: #d6d6d6;
    }
    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default.active:hover,
    .btn-default:active.focus,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .open > .dropdown-toggle.btn-default.focus,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default:hover {
        color: #333;
        background-color: #f5f5f5;
        border-color: #d6d6d6;
    }
    .btn-default.active,
    .btn-default:active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }
    .btn-default.disabled.focus,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled].focus,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #eaeaea;
    }
    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }
    .btn-primary {
        color: #fff;
        background-color: #4927ac;
        border-color: #4726a8;
    }
    .btn-primary.focus,
    .btn-primary:focus {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-primary.active,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .open > .dropdown-toggle.btn-primary.focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .open > .dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-primary.active,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }
    .btn-primary.disabled.focus,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #4927ac;
        border-color: #4726a8;
    }
    .btn-primary .badge {
        color: #4927ac;
        background-color: #fff;
    }
    .btn-success {
        color: #fff;
        background-color: #34c0a7;
        border-color: #33bca4;
    }
    .btn-success.focus,
    .btn-success:focus {
        color: #fff;
        background-color: #30b099;
        border-color: #2a9c88;
    }
    .btn-success:hover {
        color: #fff;
        background-color: #30b099;
        border-color: #2a9c88;
    }
    .btn-success.active,
    .btn-success:active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #30b099;
        border-color: #2a9c88;
    }
    .btn-success.active.focus,
    .btn-success.active:focus,
    .btn-success.active:hover,
    .btn-success:active.focus,
    .btn-success:active:focus,
    .btn-success:active:hover,
    .open > .dropdown-toggle.btn-success.focus,
    .open > .dropdown-toggle.btn-success:focus,
    .open > .dropdown-toggle.btn-success:hover {
        color: #fff;
        background-color: #30b099;
        border-color: #2a9c88;
    }
    .btn-success.active,
    .btn-success:active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }
    .btn-success.disabled.focus,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled].focus,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: #34c0a7;
        border-color: #33bca4;
    }
    .btn-success .badge {
        color: #34c0a7;
        background-color: #fff;
    }
    .btn-info {
        color: #fff;
        background-color: #4927ac;
        border-color: #4726a8;
    }
    .btn-info.focus,
    .btn-info:focus {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-info:hover {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-info.active,
    .btn-info:active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-info.active.focus,
    .btn-info.active:focus,
    .btn-info.active:hover,
    .btn-info:active.focus,
    .btn-info:active:focus,
    .btn-info:active:hover,
    .open > .dropdown-toggle.btn-info.focus,
    .open > .dropdown-toggle.btn-info:focus,
    .open > .dropdown-toggle.btn-info:hover {
        color: #fff;
        background-color: #42239b;
        border-color: #391f87;
    }
    .btn-info.active,
    .btn-info:active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }
    .btn-info.disabled.focus,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled].focus,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        background-color: #4927ac;
        border-color: #4726a8;
    }
    .btn-info .badge {
        color: #4927ac;
        background-color: #fff;
    }
    .btn-warning {
        color: #fff;
        background-color: #ff902b;
        border-color: #ff8d26;
    }
    .btn-warning.focus,
    .btn-warning:focus {
        color: #fff;
        background-color: #ff8517;
        border-color: #fc7800;
    }
    .btn-warning:hover {
        color: #fff;
        background-color: #ff8517;
        border-color: #fc7800;
    }
    .btn-warning.active,
    .btn-warning:active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ff8517;
        border-color: #fc7800;
    }
    .btn-warning.active.focus,
    .btn-warning.active:focus,
    .btn-warning.active:hover,
    .btn-warning:active.focus,
    .btn-warning:active:focus,
    .btn-warning:active:hover,
    .open > .dropdown-toggle.btn-warning.focus,
    .open > .dropdown-toggle.btn-warning:focus,
    .open > .dropdown-toggle.btn-warning:hover {
        color: #fff;
        background-color: #ff8517;
        border-color: #fc7800;
    }
    .btn-warning.active,
    .btn-warning:active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }
    .btn-warning.disabled.focus,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: #ff902b;
        border-color: #ff8d26;
    }
    .btn-warning .badge {
        color: #ff902b;
        background-color: #fff;
    }
    .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d84f4b;
    }
    .btn-danger.focus,
    .btn-danger:focus {
        color: #fff;
        background-color: #d5433e;
        border-color: #ce312c;
    }
    .btn-danger:hover {
        color: #fff;
        background-color: #d5433e;
        border-color: #ce312c;
    }
    .btn-danger.active,
    .btn-danger:active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d5433e;
        border-color: #ce312c;
    }
    .btn-danger.active.focus,
    .btn-danger.active:focus,
    .btn-danger.active:hover,
    .btn-danger:active.focus,
    .btn-danger:active:focus,
    .btn-danger:active:hover,
    .open > .dropdown-toggle.btn-danger.focus,
    .open > .dropdown-toggle.btn-danger:focus,
    .open > .dropdown-toggle.btn-danger:hover {
        color: #fff;
        background-color: #d5433e;
        border-color: #ce312c;
    }
    .btn-danger.active,
    .btn-danger:active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }
    .btn-danger.disabled.focus,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d84f4b;
    }
    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }
    .btn-link {
        color: #4927ac;
        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:active,
    .btn-link:focus,
    .btn-link:hover {
        border-color: transparent;
    }
    .btn-link:focus,
    .btn-link:hover {
        color: #2f196e;
        text-decoration: underline;
        background-color: transparent;
    }
    .btn-link[disabled]:focus,
    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:focus,
    fieldset[disabled] .btn-link:hover {
        color: #e6e9ee;
        text-decoration: none;
    }
    .btn-group-lg > .btn,
    .btn-lg {
        padding: 10px 20px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
    .btn-group-sm > .btn,
    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .btn-group-xs > .btn,
    .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .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;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-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;
    }
    .dropdown,
    .dropup {
        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: 14px;
        text-align: left;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }
    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }
    .dropdown-menu .divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }
    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.52857143;
        color: #5f5f5f;
        white-space: nowrap;
    }
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        text-decoration: none;
        color: #46515f;
        background-color: #fafbfc;
    }
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #4927ac;
    }
    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:focus,
    .dropdown-menu > .disabled > a:hover {
        color: #e6e9ee;
    }
    .dropdown-menu > .disabled > a:focus,
    .dropdown-menu > .disabled > a:hover {
        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.52857143;
        color: #e6e9ee;
        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.active,
    .btn-group > .btn:active,
    .btn-group > .btn:focus,
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn.active,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:hover {
        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: 4px;
        border-top-left-radius: 4px;
        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: 4px;
        border-bottom-left-radius: 4px;
    }
    .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: 46px;
        padding: 10px 20px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
    select.input-group-lg > .form-control,
    select.input-group-lg > .input-group-addon,
    select.input-group-lg > .input-group-btn > .btn {
        height: 46px;
        line-height: 46px;
    }
    select[multiple].input-group-lg > .form-control,
    select[multiple].input-group-lg > .input-group-addon,
    select[multiple].input-group-lg > .input-group-btn > .btn,
    textarea.input-group-lg > .form-control,
    textarea.input-group-lg > .input-group-addon,
    textarea.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: 3px;
        height: 31px;
    }
    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;
    }
    select[multiple].input-group-sm > .form-control,
    select[multiple].input-group-sm > .input-group-addon,
    select[multiple].input-group-sm > .input-group-btn > .btn,
    textarea.input-group-sm > .form-control,
    textarea.input-group-sm > .input-group-addon,
    textarea.input-group-sm > .input-group-btn > .btn {
        height: auto;
    }
    .input-group .form-control,
    .input-group-addon,
    .input-group-btn {
        display: table-cell;
    }
    .input-group .form-control:not(:first-child):not(:last-child),
    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn: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 16px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #515d6e;
        text-align: center;
        background-color: #f4f5f5;
        border: 1px solid #a0aab2;
        border-radius: 4px;
    }
    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }
    .input-group-addon.input-lg {
        padding: 10px 20px;
        font-size: 18px;
        border-radius: 6px;
    }
    .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-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        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:first-child > .btn-group:not(:first-child) > .btn,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle {
        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:active,
    .input-group-btn > .btn:focus,
    .input-group-btn > .btn:hover {
        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:focus,
    .nav > li > a:hover {
        text-decoration: none;
        background-color: transparent;
    }
    .nav > li.disabled > a {
        color: #e6e9ee;
    }
    .nav > li.disabled > a:focus,
    .nav > li.disabled > a:hover {
        color: #e6e9ee;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed;
    }
    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover {
        background-color: transparent;
        border-color: #4927ac;
    }
    .nav .nav-divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }
    .nav > li > a > img {
        max-width: none;
    }
    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }
    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }
    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.52857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs > li > a:hover {
        border-color: #ddd #ddd #ddd;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        color: #a0aab2;
        background-color: #fff;
        border: 1px solid #ddd;
        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: 4px;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:hover {
        border: 1px solid #ddd;
    }
    @media (min-width: 768px) {
        .nav-tabs.nav-justified > li > a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0;
        }
        .nav-tabs.nav-justified > .active > a,
        .nav-tabs.nav-justified > .active > a:focus,
        .nav-tabs.nav-justified > .active > a:hover {
            border-bottom-color: #ecf0f1;
        }
    }
    .nav-pills > li {
        float: left;
    }
    .nav-pills > li > a {
        border-radius: 4px;
    }
    .nav-pills > li + li {
        margin-left: 2px;
    }
    .nav-pills > li.active > a,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #4927ac;
    }
    .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: 4px;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd;
    }
    @media (min-width: 768px) {
        .nav-tabs-justified > li > a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0;
        }
        .nav-tabs-justified > .active > a,
        .nav-tabs-justified > .active > a:focus,
        .nav-tabs-justified > .active > a:hover {
            border-bottom-color: #ecf0f1;
        }
    }
    .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: 55px;
        margin-bottom: 21px;
    }
    @media (min-width: 768px) {
        .navbar {
            border-radius: 4px;
        }
    }
    .navbar-header {
        height: 55px;
    }
    @media (min-width: 768px) {
        .navbar-header {
            float: left;
        }
    }
    .navbar-collapse {
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid transparent;
        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;
            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-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse {
            padding-left: 0;
            padding-right: 0;
        }
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 340px;
    }
    @media (max-device-width: 480px) and (orientation: landscape) {
        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
            max-height: 200px;
        }
    }
    .container > .navbar-collapse,
    .container > .navbar-header,
    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }
    @media (min-width: 768px) {
        .container > .navbar-collapse,
        .container > .navbar-header,
        .container-fluid > .navbar-collapse,
        .container-fluid > .navbar-header {
            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-bottom,
    .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    @media (min-width: 768px) {
        .navbar-fixed-bottom,
        .navbar-fixed-top {
            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: 17px 15px;
        font-size: 18px;
        line-height: 21px;
        height: 55px;
    }
    .navbar-brand > img {
        display: block;
    }
    @media (min-width: 768px) {
        .navbar > .container .navbar-brand,
        .navbar > .container-fluid .navbar-brand {
            margin-left: -15px;
        }
    }
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 10.5px;
        margin-bottom: 10.5px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .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: 8.5px -15px;
    }
    .navbar-nav > li > a {
        color: black;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 21px;
    }
    @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px;
        }
        .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-nav .open .dropdown-menu > li > a:hover {
            background-image: none;
        }
    }
    @media (min-width: 768px) {
        .navbar-nav {
            float: left;
            margin: 0;
        }
        .navbar-nav > li {
            float: left;
        }
        .navbar-nav > li > a {
            padding-top: 17px;
            padding-bottom: 17px;
        }
    }
    .navbar-form {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px 15px;
        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: 10px;
        margin-bottom: 10px;
    }
    @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 .form-control,
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn {
            width: auto;
        }
        .navbar-form .input-group > .form-control {
            width: 100%;
        }
        .navbar-form .control-label {
            margin-bottom: 0;
            vertical-align: middle;
        }
        .navbar-form .checkbox,
        .navbar-form .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle;
        }
        .navbar-form .checkbox label,
        .navbar-form .radio 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 {
        color: black;
        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: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .navbar-btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-btn.btn-sm {
        margin-top: 12.5px;
        margin-bottom: 12.5px;
    }
    .navbar-btn.btn-xs {
        margin-top: 16.5px;
        margin-bottom: 16.5px;
    }
    .navbar-text {
        margin-top: 17px;
        margin-bottom: 17px;
    }
    @media (min-width: 768px) {
        .navbar-text {
            float: left;
            margin-left: 15px;
            margin-right: 15px;
        }
    }
    @media (min-width: 768px) {
        .navbar-left {
            float: left !important;
        }
        .navbar-right {
            float: right !important;
            margin-right: -15px;
        }
        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
    }
    .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7;
    }
    .navbar-default .navbar-brand {
        color: #fff;
    }
    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-text {
        color: #777;
    }
    .navbar-default .navbar-nav > li > a {
        color: black;
    }
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:focus,
    .navbar-default .navbar-nav > .disabled > a:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #ddd;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }
    @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #fff;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: transparent;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
            color: #ddd;
            background-color: #e7e7e7;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
            color: #ccc;
            background-color: transparent;
        }
    }
    .navbar-default .navbar-link {
        color: #fff;
    }
    .navbar-default .btn-link {
        color: #fff;
    }
    .navbar-default .btn-link:focus,
    .navbar-default .btn-link:hover {
        color: #ddd;
    }
    .navbar-default .btn-link[disabled]:focus,
    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:focus,
    fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc;
    }
    .navbar-inverse {
        background-color: #222;
        border-color: #080808;
    }
    .navbar-inverse .navbar-brand {
        color: #e6e9ee;
    }
    .navbar-inverse .navbar-brand:focus,
    .navbar-inverse .navbar-brand:hover {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-text {
        color: #e6e9ee;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #e6e9ee;
    }
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:focus,
    .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #333;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #080808;
        color: #fff;
    }
    @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: #e6e9ee;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
            color: #fff;
            background-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
            color: #444;
            background-color: transparent;
        }
    }
    .navbar-inverse .navbar-link {
        color: #e6e9ee;
    }
    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }
    .navbar-inverse .btn-link {
        color: #e6e9ee;
    }
    .navbar-inverse .btn-link:focus,
    .navbar-inverse .btn-link:hover {
        color: #fff;
    }
    .navbar-inverse .btn-link[disabled]:focus,
    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }
    .breadcrumb {
        padding: 12px 15px;
        margin-bottom: 21px;
        list-style: none;
        background-color: #fafafa;
        border-radius: 4px;
    }
    .breadcrumb > li {
        display: inline-block;
    }
    .breadcrumb > li + li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #c1c2c3;
    }
    .breadcrumb > .active {
        color: #3a3f51;
    }
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 21px 0;
        border-radius: 4px;
    }
    .pagination > li {
        display: inline;
    }
    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 16px;
        line-height: 1.52857143;
        text-decoration: none;
        color: #3a3f51;
        background-color: #fff;
        border: 1px solid #eee;
        margin-left: -1px;
    }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        z-index: 2;
        color: #2f196e;
        background-color: #fafafa;
        border-color: #eee;
    }
    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        background-color: #4927ac;
        border-color: #4927ac;
        cursor: default;
    }
    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #e6e9ee;
        background-color: #fff;
        border-color: #eee;
        cursor: not-allowed;
    }
    .pagination-lg > li > a,
    .pagination-lg > li > span {
        padding: 10px 20px;
        font-size: 18px;
        line-height: 1.33;
    }
    .pagination-lg > li:first-child > a,
    .pagination-lg > li:first-child > span {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
    }
    .pagination-lg > li:last-child > a,
    .pagination-lg > li:last-child > span {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }
    .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: 3px;
        border-top-left-radius: 3px;
    }
    .pagination-sm > li:last-child > a,
    .pagination-sm > li:last-child > span {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
    .pager {
        padding-left: 0;
        margin: 21px 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: #fff;
        border: 1px solid #eee;
        border-radius: 15px;
    }
    .pager li > a:focus,
    .pager li > a:hover {
        text-decoration: none;
        background-color: #fafafa;
    }
    .pager .next > a,
    .pager .next > span {
        float: right;
    }
    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }
    .pager .disabled > a,
    .pager .disabled > a:focus,
    .pager .disabled > a:hover,
    .pager .disabled > span {
        color: #e6e9ee;
        background-color: #fff;
        cursor: not-allowed;
    }
    .label {
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em;
    }
    a.label:focus,
    a.label:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }
    .label:empty {
        display: none;
    }
    .btn .label {
        position: relative;
        top: -1px;
    }
    .label-default {
        background-color: #e6e9ee;
    }
    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: #c8ced9;
    }
    .label-primary {
        background-color: #4927ac;
    }
    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: #371e82;
    }
    .label-success {
        background-color: #34c0a7;
    }
    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: #299884;
    }
    .label-info {
        background-color: #4927ac;
    }
    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: #371e82;
    }
    .label-warning {
        background-color: #ff902b;
    }
    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: #f77600;
    }
    .label-danger {
        background-color: #d9534f;
    }
    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: #c9302c;
    }
    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        vertical-align: middle;
        white-space: nowrap;
        text-align: center;
        background-color: #e6e9ee;
        border-radius: 10px;
    }
    .badge:empty {
        display: none;
    }
    .btn .badge {
        position: relative;
        top: -1px;
    }
    .btn-group-xs > .btn .badge,
    .btn-xs .badge {
        top: 0;
        padding: 1px 5px;
    }
    a.badge:focus,
    a.badge:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }
    .list-group-item.active > .badge,
    .nav-pills > .active > a > .badge {
        color: #4927ac;
        background-color: #fff;
    }
    .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: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        color: inherit;
        background-color: #fcfcfc;
    }
    .jumbotron .h1,
    .jumbotron h1 {
        color: inherit;
    }
    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }
    .jumbotron > hr {
        border-top-color: #e3e3e3;
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        border-radius: 6px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .jumbotron .container {
        max-width: 100%;
    }
    @media screen and (min-width: 768px) {
        .jumbotron {
            padding-top: 48px;
            padding-bottom: 48px;
        }
        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-left: 60px;
            padding-right: 60px;
        }
        .jumbotron .h1,
        .jumbotron h1 {
            font-size: 63px;
        }
    }
    .thumbnail {
        display: block;
        padding: 2px;
        margin-bottom: 21px;
        line-height: 1.52857143;
        background-color: #e1e2e3;
        border: 1px solid #e1e2e3;
        border-radius: 3px;
        -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.active,
    a.thumbnail:focus,
    a.thumbnail:hover {
        border-color: #4927ac;
    }
    .thumbnail .caption {
        padding: 9px;
        color: #3a3f51;
    }
    .alert {
        padding: 8px;
        margin-bottom: 21px;
        border: 1px solid transparent;
        border-radius: 3px;
    }
    .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: 28px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }
    .alert-success {
        background-color: #34c0a7;
        border-color: rgba(0, 0, 0, 0.1);
        color: #fff;
    }
    .alert-success hr {
        border-top-color: rgba(0, 0, 0, 0.1);
    }
    .alert-success .alert-link {
        color: #e6e6e6;
    }
    .alert-info {
        background-color: #4927ac;
        border-color: rgba(0, 0, 0, 0.1);
        color: #fff;
    }
    .alert-info hr {
        border-top-color: rgba(0, 0, 0, 0.1);
    }
    .alert-info .alert-link {
        color: #e6e6e6;
    }
    .alert-warning {
        background-color: #ff902b;
        border-color: rgba(0, 0, 0, 0.1);
        color: #fff;
    }
    .alert-warning hr {
        border-top-color: rgba(0, 0, 0, 0.1);
    }
    .alert-warning .alert-link {
        color: #e6e6e6;
    }
    .alert-danger {
        background-color: #d9534f;
        border-color: rgba(0, 0, 0, 0.1);
        color: #fff;
    }
    .alert-danger hr {
        border-top-color: rgba(0, 0, 0, 0.1);
    }
    .alert-danger .alert-link {
        color: #e6e6e6;
    }
    @-webkit-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: 21px;
        margin-bottom: 21px;
        background-color: #f1f1f1;
        border-radius: 4px;
        -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: 21px;
        color: #fff;
        text-align: center;
        background-color: #4927ac;
        -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-bar-striped,
    .progress-striped .progress-bar {
        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
        );
        background-size: 40px 40px;
    }
    .progress-bar.active,
    .progress.active .progress-bar {
        -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: #34c0a7;
    }
    .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: #4927ac;
    }
    .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: #ff902b;
    }
    .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: #d9534f;
    }
    .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 > .pull-right,
    .media-right {
        padding-left: 10px;
    }
    .media > .pull-left,
    .media-left {
        padding-right: 10px;
    }
    .media-body,
    .media-left,
    .media-right {
        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: #fff;
        border: 1px solid #e6e9ee;
    }
    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }
    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    a.list-group-item,
    button.list-group-item {
        color: #555;
    }
    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333;
    }
    a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover {
        text-decoration: none;
        color: #555;
        background-color: #fafbfc;
    }
    button.list-group-item {
        width: 100%;
        text-align: left;
    }
    .list-group-item.disabled,
    .list-group-item.disabled:focus,
    .list-group-item.disabled:hover {
        background-color: #f4f5f5;
        color: #e6e9ee;
        cursor: not-allowed;
    }
    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }
    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text {
        color: #e6e9ee;
    }
    .list-group-item.active,
    .list-group-item.active:focus,
    .list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #4927ac;
        border-color: #4927ac;
    }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit;
    }
    .list-group-item.active .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text {
        color: #c1b2ed;
    }
    .list-group-item-success {
        color: #34c0a7;
        background-color: #dff0d8;
    }
    a.list-group-item-success,
    button.list-group-item-success {
        color: #34c0a7;
    }
    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:focus,
    a.list-group-item-success:hover,
    button.list-group-item-success:focus,
    button.list-group-item-success:hover {
        color: #34c0a7;
        background-color: #d0e9c6;
    }
    a.list-group-item-success.active,
    a.list-group-item-success.active:focus,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active,
    button.list-group-item-success.active:focus,
    button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #34c0a7;
        border-color: #34c0a7;
    }
    .list-group-item-info {
        color: #4927ac;
        background-color: #d9edf7;
    }
    a.list-group-item-info,
    button.list-group-item-info {
        color: #4927ac;
    }
    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:focus,
    a.list-group-item-info:hover,
    button.list-group-item-info:focus,
    button.list-group-item-info:hover {
        color: #4927ac;
        background-color: #c4e3f3;
    }
    a.list-group-item-info.active,
    a.list-group-item-info.active:focus,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active,
    button.list-group-item-info.active:focus,
    button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #4927ac;
        border-color: #4927ac;
    }
    .list-group-item-warning {
        color: #ff902b;
        background-color: #fcf8e3;
    }
    a.list-group-item-warning,
    button.list-group-item-warning {
        color: #ff902b;
    }
    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:focus,
    a.list-group-item-warning:hover,
    button.list-group-item-warning:focus,
    button.list-group-item-warning:hover {
        color: #ff902b;
        background-color: #faf2cc;
    }
    a.list-group-item-warning.active,
    a.list-group-item-warning.active:focus,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active,
    button.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #ff902b;
        border-color: #ff902b;
    }
    .list-group-item-danger {
        color: #d9534f;
        background-color: #f2dede;
    }
    a.list-group-item-danger,
    button.list-group-item-danger {
        color: #d9534f;
    }
    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:focus,
    a.list-group-item-danger:hover,
    button.list-group-item-danger:focus,
    button.list-group-item-danger:hover {
        color: #d9534f;
        background-color: #ebcccc;
    }
    a.list-group-item-danger.active,
    a.list-group-item-danger.active:focus,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active,
    button.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f;
    }
    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3;
    }
    .panel {
        margin-bottom: 21px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -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: 15px;
    }
    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }
    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }
    .panel-title > .small,
    .panel-title > .small > a,
    .panel-title > a,
    .panel-title > small,
    .panel-title > small > a {
        color: inherit;
    }
    .panel-footer {
        padding: 10px 15px;
        background-color: #fafafa;
        border-top: 1px solid #eee;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .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: 3px;
        border-top-left-radius: 3px;
    }
    .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: 3px;
        border-bottom-left-radius: 3px;
    }
    .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 > .panel-collapse > .table,
    .panel > .table,
    .panel > .table-responsive > .table {
        margin-bottom: 0;
    }
    .panel > .panel-collapse > .table caption,
    .panel > .table caption,
    .panel > .table-responsive > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }
    .panel > .table-responsive:first-child > .table:first-child,
    .panel > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .panel
        > .table-responsive:first-child
        > .table:first-child
        > tbody: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:first-child > thead:first-child > tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .panel
        > .table-responsive:first-child
        > .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
        th:first-child,
    .panel
        > .table-responsive:first-child
        > .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
        th:first-child,
    .panel
        > .table:first-child
        > tbody:first-child
        > tr:first-child
        td:first-child,
    .panel
        > .table:first-child
        > tbody:first-child
        > tr:first-child
        th:first-child,
    .panel
        > .table:first-child
        > thead:first-child
        > tr:first-child
        td:first-child,
    .panel
        > .table:first-child
        > thead:first-child
        > tr:first-child
        th:first-child {
        border-top-left-radius: 3px;
    }
    .panel
        > .table-responsive:first-child
        > .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
        th:last-child,
    .panel
        > .table-responsive:first-child
        > .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
        th:last-child,
    .panel
        > .table:first-child
        > tbody:first-child
        > tr:first-child
        td:last-child,
    .panel
        > .table:first-child
        > tbody:first-child
        > tr:first-child
        th:last-child,
    .panel
        > .table:first-child
        > thead:first-child
        > tr:first-child
        td:last-child,
    .panel
        > .table:first-child
        > thead:first-child
        > tr:first-child
        th:last-child {
        border-top-right-radius: 3px;
    }
    .panel > .table-responsive:last-child > .table:last-child,
    .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .panel
        > .table-responsive:last-child
        > .table:last-child
        > tbody:last-child
        > tr:last-child,
    .panel
        > .table-responsive:last-child
        > .table:last-child
        > tfoot:last-child
        > tr:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .panel
        > .table-responsive:last-child
        > .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
        th:first-child,
    .panel
        > .table-responsive:last-child
        > .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
        th:first-child,
    .panel
        > .table:last-child
        > tbody:last-child
        > tr:last-child
        td:first-child,
    .panel
        > .table:last-child
        > tbody:last-child
        > tr:last-child
        th:first-child,
    .panel
        > .table:last-child
        > tfoot:last-child
        > tr:last-child
        td:first-child,
    .panel
        > .table:last-child
        > tfoot:last-child
        > tr:last-child
        th:first-child {
        border-bottom-left-radius: 3px;
    }
    .panel
        > .table-responsive:last-child
        > .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
        th:last-child,
    .panel
        > .table-responsive:last-child
        > .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
        th:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel
        > .table:last-child
        > tfoot:last-child
        > tr:last-child
        th:last-child {
        border-bottom-right-radius: 3px;
    }
    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #eee;
    }
    .panel > .table > tbody:first-child > tr:first-child td,
    .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0;
    }
    .panel > .table-bordered,
    .panel > .table-responsive > .table-bordered {
        border: 0;
    }
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0;
    }
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0;
    }
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0;
    }
    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .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: 21px;
    }
    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }
    .panel-group .panel + .panel {
        margin-top: 5px;
    }
    .panel-group .panel-heading {
        border-bottom: 0;
    }
    .panel-group .panel-heading + .panel-collapse > .list-group,
    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #eee;
    }
    .panel-group .panel-footer {
        border-top: 0;
    }
    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #eee;
    }
    .panel-default {
        border-color: #4927ac;
    }
    .panel-default > .panel-heading {
        color: #fff;
        background-color: #4927ac;
        border-color: #4927ac;
    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #4927ac;
    }
    .panel-default > .panel-heading .badge {
        color: #4927ac;
        background-color: #fff;
    }
    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #4927ac;
    }
    .panel-primary {
        border-color: #4927ac;
    }
    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #4927ac;
        border-color: #4927ac;
    }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #4927ac;
    }
    .panel-primary > .panel-heading .badge {
        color: #4927ac;
        background-color: #fff;
    }
    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #4927ac;
    }
    .panel-success {
        border-color: #cfdbe2;
    }
    .panel-success > .panel-heading {
        color: #fff;
        background-color: #34c0a7;
        border-color: #cfdbe2;
    }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #cfdbe2;
    }
    .panel-success > .panel-heading .badge {
        color: #34c0a7;
        background-color: #fff;
    }
    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }
    .panel-info {
        border-color: #cfdbe2;
    }
    .panel-info > .panel-heading {
        color: #fff;
        background-color: #4927ac;
        border-color: #cfdbe2;
    }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #cfdbe2;
    }
    .panel-info > .panel-heading .badge {
        color: #4927ac;
        background-color: #fff;
    }
    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }
    .panel-warning {
        border-color: #cfdbe2;
    }
    .panel-warning > .panel-heading {
        color: #fff;
        background-color: #ff902b;
        border-color: #cfdbe2;
    }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #cfdbe2;
    }
    .panel-warning > .panel-heading .badge {
        color: #ff902b;
        background-color: #fff;
    }
    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }
    .panel-danger {
        border-color: #cfdbe2;
    }
    .panel-danger > .panel-heading {
        color: #fff;
        background-color: #d9534f;
        border-color: #cfdbe2;
    }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #cfdbe2;
    }
    .panel-danger > .panel-heading .badge {
        color: #d9534f;
        background-color: #fff;
    }
    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }
    .embed-responsive {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden;
    }
    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .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%;
    }

    /*!
 * Homebrewery v2.7.4 (https://github.com/stolksdorf/homebrewery)
 * Copyright (c) 2016 Scott Tolksdorf
 * Licensed under MIT (https://github.com/stolksdorf/homebrewery/blob/master/license)
*/
    .phb {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        color: #000;
        position: relative;
        z-index: 15;
        box-sizing: border-box;
        overflow: hidden;
        font-family: BookSanity;
        font-size: 0.317cm;
        text-rendering: optimizeLegibility;
    }
    .phb section {
        display: contents;
    }
    .phb .column-break {
        break-after: always;
        display: flex;
        -webkit-column-break-after: always;
        -moz-column-break-after: always;
    }
    @supports (-moz-appearance: none) {
        .phb .column-break {
            margin-top: 3000px;
        }
    }
    .phb .column-break + section {
        display: block;
    }
    @font-face {
        font-family: ScalySans;
        src: url("https://www.gmbinder.com/assets/fonts/Scaly Sans.otf")
            format("opentype");
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: ScalySans;
        src: url("https://www.gmbinder.com/assets/fonts/Scaly Sans Bold.otf")
            format("opentype");
        font-weight: bold;
        font-style: normal;
    }
    @font-face {
        font-family: ScalySans;
        src: url("https://www.gmbinder.com/assets/fonts/Scaly Sans Italic.otf")
            format("opentype");
        font-weight: normal;
        font-style: italic;
    }
    @font-face {
        font-family: ScalySans;
        src: url("https://www.gmbinder.com/assets/fonts/Scaly Sans Bold Italic.otf")
            format("opentype");
        font-weight: bold;
        font-style: italic;
    }
    @font-face {
        font-family: MrJeeves;
        src: url("https://www.gmbinder.com/assets/fonts/Mr Eaves Small Caps.otf")
            format("opentype");
        font-weight: normal;
        font-style: normal;
    }
    .phb hr + hr + section blockquote {
        column-span: all;
        -webkit-column-span: all;
        -moz-column-span: all;
    }
    .phb hr + table {
        margin-top: -5px;
        margin-bottom: 50px;
        border-collapse: separate;
        background-color: white;
        border: initial;
        border-style: solid;
        border-image-outset: 37px 17px;
        border-image-repeat: round;
        border-image-slice: 150 200 150 200;
        border-image-source: url("https://www.gmbinder.com/assets/img/table-wrap.png");
        border-image-width: 47px;
    }
    .phb h5 + hr + table {
        column-span: all;
        -webkit-column-span: all;
        -moz-column-span: all;
    }
    @page {
        margin: 0;
    }
    body {
        counter-reset: phb-page-numbers;
    }
    * {
        -webkit-print-color-adjust: exact;
    }
    .phb p {
        line-height: 1.3em;
    }
    .phb p + p {
        margin-top: -0.8em;
    }
    .phb ul {
        margin-bottom: 0.8em;
        padding-left: 1.4em;
        line-height: 1.3em;
        list-style-position: outside;
        list-style-type: disc;
    }
    .phb ol {
        margin-bottom: 0.8em;
        padding-left: 1.4em;
        line-height: 1.3em;
        list-style-position: outside;
        list-style-type: decimal;
    }
    .phb p + p,
    .phb ul + p,
    .phb ol + p {
        text-indent: 1em;
    }
    .phb img {
        z-index: -1;
    }
    .phb strong {
        font-weight: bold;
        letter-spacing: 0.03em;
    }
    .phb em {
        font-style: italic;
    }
    .phb sup {
        vertical-align: super;
        font-size: xx-small;
        line-height: 0;
    }
    .phb sub {
        vertical-align: sub;
        font-size: smaller;
        line-height: 0;
    }
    .phb h1,
    .phb h2,
    .phb h3,
    .phb h4 {
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        font-family: MrJeeves;
        color: #58180d;
    }
    .phb h1 {
        font-weight: normal;
        -webkit-text-stroke-width: 1.2px;
    }
    .phb h2 {
        font-weight: normal;
        -webkit-text-stroke-width: 0.9px;
    }
    .phb h3 {
        font-weight: normal;
        -webkit-text-stroke-width: 0.6px;
    }
    .phb h4 {
        font-weight: normal;
        -webkit-text-stroke-width: 0.5px;
    }
    .phb h1 {
        column-span: all;
        font-size: 0.987cm;
        -webkit-column-span: all;
        -moz-column-span: all;
    }
    @supports not (column-span: all) {
        .phb h1 {
            width: 864px;
            word-wrap: normal;
        }
    }
    .phb h1 + p::first-letter {
        float: left;
        font-family: Solberry;
        font-size: 10em;
        color: #222;
        line-height: 0.8em;
    }
    .phb h2 {
        font-size: 0.705cm;
    }
    .phb h3 {
        font-size: 0.529cm;
        border-bottom: 2px solid #c9ad6a;
    }
    .phb h4 {
        margin-bottom: 0;
        font-size: 0.458cm;
    }
    .phb h5 {
        margin-bottom: 0.2em;
        font-family: ScalySansSmallCaps;
        font-size: 0.423cm;
        font-weight: 900;
    }
    .phb table {
        font-family: ScalySans;
        width: 100%;
        margin-bottom: 1em;
        font-size: 10pt;
        line-height: 1.1em;
    }
    .phb table em {
        font-family: ScalySans;
        font-style: italic;
    }
    .phb table strong {
        font-family: ScalySans;
        font-weight: 800;
        letter-spacing: -0.02em;
    }
    .phb table thead {
        font-weight: 800;
    }
    .phb table thead th {
        vertical-align: bottom;
        padding-bottom: 0.3em;
        padding-right: 0.1em;
        padding-left: 0.1em;
    }
    .phb table tbody tr td {
        padding: 0.3em 0.1em;
    }
    .phb table tbody tr:nth-child(odd) {
        background-color: #e0e5c1;
    }
    .phb blockquote {
        font-family: ScalySans;
        box-sizing: border-box;
        margin-bottom: 1em;
        margin-top: 9px;
        padding: 5px 10px;
        background-color: #e0e5c1;
        border-style: solid;
        border-width: 11px;
        border-image: url("https://www.gmbinder.com/assets/img/note-wrap.png")
            11;
        border-image-outset: 9px 0;
        box-shadow: 1px 4px 14px #888;
    }
    .phb blockquote em {
        font-family: ScalySans;
        font-style: italic;
    }
    .phb blockquote strong {
        font-family: ScalySans;
        font-weight: 800;
        letter-spacing: -0.02em;
    }
    .phb blockquote p,
    .phb blockquote ul {
        font-size: 0.352cm;
        line-height: 1.1em;
    }
    .phb pre + blockquote,
    .phb h2 + blockquote,
    .phb h3 + blockquote,
    .phb h4 + blockquote,
    .phb h5 + blockquote {
        margin-top: 13px;
    }
    .phb hr + section blockquote {
        position: relative;
        padding-top: 15px;
        background-color: #fdf1dc;
        border-style: solid;
        background-image: url("https://www.gmbinder.com/assets/img/blockquote-bg.png");
        border-image: url("https://www.gmbinder.com/assets/img/blockquote-wrap.png");
        background-position: center;
        border-width: 8px;
        border-image-slice: 20;
    }
    .phb hr + section blockquote h2 {
        margin-top: -8px;
        margin-bottom: 0;
    }
    .phb hr + section blockquote h2 + p {
        padding-bottom: 0;
    }
    .phb hr + section blockquote h3 {
        font-family: ScalySans;
        font-weight: 400;
        border-bottom: 1px solid #58180d;
    }
    .phb hr + section blockquote hr + ul {
        color: #58180d;
    }
    .phb hr + section blockquote ul {
        font-family: ScalySans;
        padding-left: 1em;
        font-size: 0.352cm;
    }
    .phb hr + section blockquote section section ul li {
        text-indent: -1em;
        list-style-type: none;
        margin-bottom: 7px;
    }
    .phb hr + section blockquote ul em {
        font-family: ScalySans;
        font-style: italic;
    }
    .phb hr + section blockquote ul strong {
        font-family: ScalySans;
        font-weight: 800;
        letter-spacing: -0.02em;
    }
    .phb hr + section blockquote hr + table {
        margin: 0;
        column-span: 1;
        background-color: transparent;
        border-style: none;
        border-image: none;
        -webkit-column-span: 1;
    }
    .phb hr + section blockquote hr + table tbody tr:nth-child(odd),
    .phb hr + section blockquote hr + table tbody tr:nth-child(even) {
        background-color: transparent;
    }
    .phb hr + section blockquote table {
        color: #58180d;
    }
    .phb hr + section blockquote p + p {
        margin-top: 0;
        text-indent: 0;
        margin-bottom: 7px;
    }
    .phb hr + section blockquote hr {
        visibility: visible;
        height: 6px;
        margin: 4px 0;
        background-image: url("https://www.gmbinder.com/assets/img/arrow-right.png");
        background-size: 100% 100%;
        border: none;
    }
    .phb hr + hr + section blockquote {
        column-count: 2;
        column-fill: auto;
        column-gap: 1cm;
        column-width: 7.68cm;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -webkit-column-width: 7.68cm;
        -moz-column-width: 7.68cm;
        -webkit-column-gap: 1cm;
        -moz-column-gap: 1cm;
    }
    .phb blockquote h5 {
        margin-top: 0;
    }
    .phb:nth-child(even):after {
        background-image: url("https://www.gmbinder.com/assets/img/footer_even.png");
        padding-left: 85px;
        padding-right: 65px;
    }
    .phb:nth-child(even) .pageNumber {
        left: 2px;
    }
    .phb:nth-child(even) .footnote {
        left: 80px;
        text-align: left;
    }
    .phb hr {
        visibility: hidden;
        margin: 0;
    }
    .phb hr + ul {
        margin-bottom: 0.5em;
        padding-left: 1em;
        text-indent: -1em;
        list-style-type: none;
    }
    .phb pre,
    .phb code {
        -webkit-column-break-after: always;
        break-after: always;
        -moz-column-break-after: always;
        display: inline-block;
    }
    .phb p,
    .phb blockquote,
    .phb table {
        z-index: 15;
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid;
        overflow: visible;
    }
    .phb h4 + p + hr + ul {
        margin-top: -0.5em;
    }
    .phb table + p {
        text-indent: 1em;
    }
    .phb ul ul,
    .phb ol ol,
    .phb ul ol,
    .phb ol ul {
        margin-bottom: 0;
        margin-left: 1.5em;
    }
    .phb li {
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid;
    }
    .phb.print blockquote {
        box-shadow: none;
    }
    .phb .wide {
        column-span: all;
        -webkit-column-span: all;
        -moz-column-span: all;
    }

    .phb hr + hr blockquote {
        column-span: all;
        -webkit-column-span: all;
        -moz-column-span: all;
    }
    .phb hr blockquote {
        position: relative;
        padding-top: 15px;
        background-color: #fdf1dc;
        border-style: solid;
        background-image: url("https://www.gmbinder.com/assets/img/blockquote-bg.png");
        border-image: url("https://www.gmbinder.com/assets/img/blockquote-wrap.png");
        background-position: center;
        border-width: 8px;
        border-image-slice: 20;
    }
    .phb hr blockquote h2 {
        margin-top: -8px;
        margin-bottom: 0;
    }
    .phb hr blockquote h2 + p {
        padding-bottom: 0;
    }
    .phb hr blockquote h3 {
        font-family: ScalySans;
        font-weight: 400;
        border-bottom: 1px solid #58180d;
    }
    .phb hr blockquote hr + ul {
        color: #58180d;
    }
    .phb hr blockquote ul {
        font-family: ScalySans;
        padding-left: 1em;
        font-size: 0.352cm;
    }
    .phb hr blockquote ul em {
        font-family: ScalySans;
        font-style: italic;
    }
    .phb hr blockquote ul strong {
        font-family: ScalySans;
        font-weight: 800;
        letter-spacing: -0.02em;
    }
    .phb hr blockquote hr + table {
        margin: 0;
        column-span: 1;
        background-color: transparent;
        border-style: none;
        border-image: none;
        -webkit-column-span: 1;
    }
    .phb hr blockquote hr + table tbody tr:nth-child(odd),
    .phb hr blockquote hr + table tbody tr:nth-child(even) {
        background-color: transparent;
    }
    .phb hr blockquote table {
        color: #58180d;
    }
    .phb hr blockquote p + p {
        margin-top: 0;
        text-indent: 0;
        margin-bottom: 7px;
    }
    .phb hr blockquote hr {
        visibility: visible;
        height: 6px;
        margin: 4px 0;
        background-image: url("https://www.gmbinder.com/assets/img/arrow-right.png");
        background-size: 100% 100%;
        border: none;
    }
    .phb hr + hr blockquote {
        column-count: 2;
        column-fill: auto;
        column-gap: 1cm;
        column-width: 7.68cm;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -webkit-column-width: 7.68cm;
        -moz-column-width: 7.68cm;
        -webkit-column-gap: 1cm;
        -moz-column-gap: 1cm;
    }

    /* Notes */
    .phb blockquote {
        background-color: #cfe7ce;
        width: 325px;
        margin: 25px;
    }

    /* Tables */
    table tr:nth-child(odd) td {
        background-color: #cfe7ce;
    }
    .phb hr + section blockquote tr:nth-child(odd) td {
        background-color: transparent;
    }

    .controls {
        display: flex;
        align-content: center;
        justify-content: center;
    }

    .controls div {
        display: inline-block;
        margin-left: 20px;
        margin-right: 20px;
    }

    .stat-separator {
        width: 1px;
    }

    @media print {
        .controls {
            display: none !important;
        }
    }
</style>

<div class="controls" id="controls">
    <div>
        Spirit
        <select id="spell">
            <option value="all">All</option>
            <option value="aberrant">Aberrant (4th)</option>
            <option value="beast">Beast (2nd)</option>
            <option value="celestial">Celestial (5th)</option>
            <option value="construct">Construct (4th)</option>
            <option value="elemental">Elemental (4th)</option>
            <option value="fey">Fey (3rd)</option>
            <option value="fiendish">Fiendish (6th)</option>
            <option value="shadow">Shadow (3rd)</option>
            <option value="undead">Undead (3rd)</option>
        </select>
    </div>
    <div>
        Spell Level
        <select id="spell-level">
            <option value="1">1st</option>
            <option value="2">2nd</option>
            <option value="3">3rd</option>
            <option value="4">4th</option>
            <option value="5">5th</option>
            <option value="6">6th</option>
            <option value="7">7th</option>
            <option value="8">8th</option>
            <option value="9">9th</option>
        </select>
    </div>
    <div>
        Main Casting Stat Score
        <input
            id="stat-score"
            type="number"
            min="1"
            max="20"
            placeholder="Int/Wis/Cha score"
        />
    </div>
    <div>
        Character Level
        <input
            id="character-level"
            type="number"
            min="1"
            max="20"
            placeholder="1-20"
        />
    </div>
    <div>
        Stat Bonus
        <input
            id="stat-bonus"
            type="number"
            min="0"
            max="3"
            placeholder="0-3"
        />
    </div>
</div>

<div class="phb" id="summons">
    <hr class="stat-separator" />

    <section id="aberrant">
        <section>
            <blockquote>
                <section>
                    <h2>Aberrant Spirit</h2>
                    <p><em>Medium aberration</em></p>
                    <hr />
                    <ul>
                        <li>
                            <strong>Armor Class</strong>
                            <span class="ac" data-base="11"
                                >11 + spell level</span
                            >
                            (natural armor)
                        </li>
                        <li>
                            <strong>Hit Points</strong>
                            <span
                                class="hp"
                                data-base="40"
                                data-increase="10"
                                data-min-spell="4"
                                >40 + 10 for each spell level above 4th</span
                            >
                        </li>
                        <li>
                            <strong>Speed</strong> 30 ft.; fly 30 ft. (hover)
                            (Beholderkin only)
                        </li>
                    </ul>
                    <hr />
                    <table>
                        <thead>
                            <tr>
                                <th style="text-align: center">STR</th>
                                <th style="text-align: center">DEX</th>
                                <th style="text-align: center">CON</th>
                                <th style="text-align: center">INT</th>
                                <th style="text-align: center">WIS</th>
                                <th style="text-align: center">CHA</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="text-align: center">16 (+3)</td>
                                <td style="text-align: center">10 (+0)</td>
                                <td style="text-align: center">15 (+2)</td>
                                <td style="text-align: center">16 (+3)</td>
                                <td style="text-align: center">10 (+0)</td>
                                <td style="text-align: center">6 (-2)</td>
                            </tr>
                        </tbody>
                    </table>
                    <hr />
                    <ul>
                        <li><strong>Damage Immunities</strong> psychic</li>
                        <li>
                            <strong>Senses</strong> darkvision 60 ft., passive
                            Perception 10
                        </li>
                        <li>
                            <strong>Languages</strong> Deeps Speech, understands
                            the languages you speak
                        </li>
                    </ul>
                    <hr />
                    <p>
                        <em><strong>Regeneration (Slaad Only).</strong></em> The
                        aberration regains 5 hit points at the start of its turn
                        if it has at least 1 hit point.
                    </p>
                    <p>
                        <em
                            ><strong
                                >Whispering Aura (Star Spawn Only).</strong
                            ></em
                        >
                        At the start of each of the aberration's turns, each
                        creature within 5 feet of the aberration must succeed on
                        a Wisdom saving throw
                        <span class="saveDC">against your spell save DC</span>
                        or take 2d6 psychic damage, provided that the aberration
                        isn't incapacitated
                    </p>
                    <section id="aberrant-actions">
                        <h3 id="aberrant-actions">Actions</h3>
                        <p>
                            <em><strong>Multiattack.</strong></em> The
                            aberration makes
                            <span class="multiattack"
                                >a number of attacks equal to half this spell's
                                level (rounded down)</span
                            >.
                        </p>
                        <p>
                            <em><strong>Claws (Slaad Only).</strong></em>
                            <em>Melee Weapon Attack:</em>
                            <span class="spellAttack"
                                >your spell attack modifier</span
                            >
                            to hit, reach 5 ft., one target. <em>Hit:</em> 1d10
                            +
                            <span class="attack" data-base="3"
                                ><span class="attack" data-base="3"
                                    >3 + the spell's level</span
                                ></span
                            >
                            slashing damage. If the target is a creature, it
                            can't regain hit points until the start of the
                            aberration's next turn.
                        </p>
                        <p>
                            <em
                                ><strong
                                    >Eye Ray (Beholderkin Only).</strong
                                ></em
                            >
                            <em>Ranged Spell Attack:</em>
                            <span class="spellAttack"
                                >your spell attack modifier</span
                            >
                            to hit, range 150 ft., one target. <em>Hit:</em> 1d8
                            +
                            <span class="attack" data-base="3"
                                >3 + the spell's level</span
                            >
                            psychic damage.
                        </p>
                        <p>
                            <em
                                ><strong
                                    >Psychic Slam (Star Spawn Only).</strong
                                ></em
                            >
                            <em>Melee Spell Attack:</em>
                            <span class="spellAttack"
                                >your spell attack modifier</span
                            >
                            to hit, reach 5 ft., one target. <em>Hit:</em> 1d8 +
                            <span class="attack" data-base="3"
                                >3 + the spell's level</span
                            >
                            psychic damage.
                        </p>
                    </section>
                </section>
            </blockquote>
        </section>
    </section>

    <hr class="stat-separator" />

    <section id="beast">
        <blockquote>
            <section>
                <h2>Beast Spirit</h2>
                <p><em>Small beast</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="11">11 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="20"
                            data-increase="5"
                            data-min-spell="2"
                            >20</span
                        >
                        (Air only) or
                        <span
                            class="hp"
                            data-base="30"
                            data-increase="5"
                            data-min-spell="2"
                            >30</span
                        >
                        (Land and Water only)
                        <span class="hp" data-hide="true"
                            >+ 5 for each spell level above 2nd</span
                        >
                    </li>
                    <li>
                        <strong>Speed</strong> 30 ft.; climb 30 ft. (Land only);
                        fly 30 ft. (Air only); swim 30 ft. (Water only)
                    </li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">18 (+4)</td>
                            <td style="text-align: center">11 (+0)</td>
                            <td style="text-align: center">16 (+3)</td>
                            <td style="text-align: center">4 (-3)</td>
                            <td style="text-align: center">14 (+2)</td>
                            <td style="text-align: center">5 (-3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 12
                    </li>
                    <li>
                        <strong>Languages</strong> understands the languages you
                        speak
                    </li>
                </ul>
                <hr />
                <p>
                    <em><strong>Flyby (Air Only).</strong></em> The beast
                    doesn't provoke opportunity attacks when it flies out of an
                    enemy's reach.
                </p>
                <p>
                    <em
                        ><strong
                            >Pack Tactics (Land and Water Only).</strong
                        ></em
                    >
                    The beast has advantage on an attack roll against a creature
                    if at least one of the beast's allies is within 5 ft. of the
                    creature and the ally isn't incapacitated.
                </p>
                <p>
                    <em><strong>Water Breathing (Water Only).</strong></em> The
                    beast can breath only underwater.
                </p>
                <section id="beast-actions">
                    <h3 id="beast-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The beast makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Maul.</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d8 +
                        <span class="attack" data-base="4"
                            >4 + the spell's level</span
                        >
                        piercing damage.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="celestial">
        <blockquote>
            <section>
                <h2>Celestial Spirit</h2>
                <p><em>Large celestial</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="11">11 + spell level</span>
                        (natural armor) (Avenger only) or
                        <span class="ac" data-base="13">13 + spell level</span>
                        (natural armor) (Defender only)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="40"
                            data-increase="10"
                            data-min-spell="5"
                            >40 + 10 for each spell level above 5th</span
                        >
                    </li>
                    <li><strong>Speed</strong> 30 ft.; fly 40 ft.</li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">16 (+2)</td>
                            <td style="text-align: center">14 (+2)</td>
                            <td style="text-align: center">16 (+3)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">14 (+2)</td>
                            <td style="text-align: center">16 (+3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li><strong>Damage Resistances</strong> radiant</li>
                    <li>
                        <strong>Condition Immunities</strong> charmed,
                        frightened
                    </li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 12
                    </li>
                    <li>
                        <strong>Languages</strong> Celestial, understands the
                        languages you speak
                    </li>
                </ul>
                <hr />
                <section id="celestial-actions">
                    <h3 id="celestial-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The beast makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Radiant Bow (Avenger Only).</strong></em>
                        <em>Ranged Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, range 150/600 ft., one target. <em>Hit:</em> 2d6
                        +
                        <span class="attack" data-base="2"
                            >2 + the spell's level</span
                        >
                        radiant damage.
                    </p>
                    <p>
                        <em><strong>Radiant Mace (Defender Only).</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d10 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        radiant damage, and the celestial can choose itself or
                        another creature it can see within 10 ft. of the target.
                        The chosen creature gains 1d10 temporary hit points.
                    </p>
                    <p>
                        <em><strong>Healing Touch (1/day).</strong></em> The
                        celestial touches another creature. The target magically
                        regains hit points equal to 2d8 +
                        <span class="attack" data-base="0">
                            the spell's level</span
                        >.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="construct">
        <blockquote>
            <section>
                <h2>Construct Spirit</h2>
                <p><em>Medium construct</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="13">13 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="40"
                            data-increase="15"
                            data-min-spell="3"
                            >40 + 15 for each spell level above 3rd</span
                        >
                    </li>
                    <li><strong>Speed</strong> 30 ft.</li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">18 (+4)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">18 (+4)</td>
                            <td style="text-align: center">14 (+2)</td>
                            <td style="text-align: center">11 (+0)</td>
                            <td style="text-align: center">5 (-3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li><strong>Damage Resistances</strong> poison</li>
                    <li>
                        <strong>Condition Immunities</strong> charmed,
                        exhaustion, frightened, incapacitated, paralyzed,
                        petrified, poisoned
                    </li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 10
                    </li>
                    <li>
                        <strong>Languages</strong> understands the languages you
                        speak
                    </li>
                </ul>
                <hr />
                <p>
                    <em><strong>Heated Body (Metal Only).</strong></em> A
                    creature that touches the construct or hits it with a melee
                    attack while within 5 ft. of it takes 1d10 fire damage.
                </p>
                <p>
                    <em><strong>Stony Lethargy (Stone Only).</strong></em> When
                    a creature the construct can see starts its turn within 10
                    ft. of the construct, the construct can force it to make a
                    Wisdom saving throw
                    <span class="saveDC">against your spell save DC</span>. On a
                    failed save, the carget can't use reactions and its speed is
                    halved until the start of its next turn.
                </p>
                <section id="construct-actions">
                    <h3 id="construct-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The construct
                        makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Slam.</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d8 +
                        <span class="attack" data-base="4"
                            >4 + the spell's level</span
                        >
                        bludgeoning damage.
                    </p>
                </section>
                <section id="construct-reactions">
                    <h3 id="construct-reactions">Reactions</h3>
                    <p>
                        <em><strong>Berserk Lashing (Clay Only).</strong></em>
                        When the construct takes damage, it makes a slam attack
                        against a random creature within 5 ft. of it. If no
                        creature is within reach, the construct moves up to half
                        its speed toward an enemy it can see, without provoking
                        opportunity attacks.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="elemental">
        <blockquote>
            <section>
                <h2>Elemental Spirit</h2>
                <p><em>Medium elemental</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="11">11 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="50"
                            data-increase="10"
                            data-min-spell="4"
                            >50 + 10 for each spell level above 4th</span
                        >
                    </li>
                    <li>
                        <strong>Speed</strong> 40 ft.; burrow 40 ft. (Earth
                        only); fly 40 ft. (hover) (Air only); swim 40 ft. (Water
                        only)
                    </li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">18 (+4)</td>
                            <td style="text-align: center">15 (+2)</td>
                            <td style="text-align: center">17 (+3)</td>
                            <td style="text-align: center">4 (-3)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">16 (+3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li>
                        <strong>Damage Resistances</strong> acid (Water only);
                        lightning and thunder (Air only); piercing and slashing
                        (Earth only)
                    </li>
                    <li>
                        <strong>Damage Immunities</strong> poison; fire (Fire
                        only)
                    </li>
                    <li>
                        <strong>Condition Immunities</strong> exhaustion,
                        paralyzed, petrified, poisoned, unconscious
                    </li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 10
                    </li>
                    <li>
                        <strong>Languages</strong> Primordial, understands the
                        languages you speak
                    </li>
                </ul>
                <hr />
                <p>
                    <em
                        ><strong
                            >Amorphous Form (Air, Fire and Water Only).</strong
                        ></em
                    >
                    The elemental can move through spaces as narrow as 1 inch
                    wide without squeezing.
                </p>
                <section id="elemental-actions">
                    <h3 id="elemental-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The elemental
                        makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Slam.</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d10 +
                        <span class="attack" data-base="4"
                            >4 + the spell's level</span
                        >
                        bludgeoning damage (Air, Earth, and Water only) or fire
                        damage (Fire only).
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="fey">
        <blockquote>
            <section>
                <h2>Fey Spirit</h2>
                <p><em>Small fey</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="12">12 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="30"
                            data-increase="10"
                            data-min-spell="3"
                            >30 + 10 for each spell level above 3rd</span
                        >
                    </li>
                    <li><strong>Speed</strong> 40 ft.</li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">13 (+1)</td>
                            <td style="text-align: center">16 (+3)</td>
                            <td style="text-align: center">14 (+2)</td>
                            <td style="text-align: center">14 (+2)</td>
                            <td style="text-align: center">11 (+0)</td>
                            <td style="text-align: center">16 (+3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li><strong>Condition Immunities</strong> charmed</li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 10
                    </li>
                    <li>
                        <strong>Languages</strong> Sylvan, understands the
                        languages you speak
                    </li>
                </ul>
                <hr />
                <section id="fey-actions">
                    <h3 id="fey-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The fey makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Shortsword.</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d6 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        piercing damage + 1d6 force damage.
                    </p>
                </section>
                <section id="fey-bonus-actions">
                    <h3 id="fey-bonus-actions">Bonus Actions</h3>
                    <p>
                        <em><strong>Fey Step.</strong></em> The fey magically
                        teleports up to 30 ft. to an unoccupied space it can
                        see. Then one of the following effects occurs, based on
                        the fey's chosen mood:
                    </p>
                    <p>
                        <strong>Fuming.</strong> The fey has advantage on the
                        next attack roll it makes before the end of this turn.
                    </p>
                    <p>
                        <strong>Mirthful.</strong> The fey can force one
                        creature it can see within 10 ft. of it to make a Wisdom
                        saving throw
                        <span class="saveDC">against your spell save DC</span>.
                        Unless the save succeeds, the target is charmed by you
                        and the fey for 1 minute or until the target takes any
                        damage.
                    </p>
                    <p>
                        <strong>Tricksy.</strong> The fey can fill a 5 ft. cube
                        within 5 ft of it with magical darkness, which lasts
                        until the end of its next turn.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="fiendish">
        <blockquote>
            <section>
                <h2>Fiendish Spirit</h2>
                <p><em>Large fiend</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="12">12 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="50"
                            data-increase="15"
                            data-min-spell="6"
                            >50</span
                        >
                        (Demon only) or
                        <span
                            class="hp"
                            data-base="40"
                            data-increase="15"
                            data-min-spell="6"
                            >40</span
                        >
                        (Devil only) or
                        <span
                            class="hp"
                            data-base="60"
                            data-increase="15"
                            data-min-spell="6"
                            >60</span
                        >
                        (Yugoloth only)
                        <span class="hp" data-hide="true"
                            >+ 15 for each spell level above 6th</span
                        >
                    </li>
                    <li>
                        <strong>Speed</strong> 40 ft.; climb 40 ft. (Demon
                        only); fly 60 ft. (Devil only);
                    </li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">13 (+1)</td>
                            <td style="text-align: center">16 (+3)</td>
                            <td style="text-align: center">15 (+2)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">16 (+3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li><strong>Damage Resistances</strong> fire</li>
                    <li><strong>Damage Immunities</strong> poison</li>
                    <li><strong>Condition Immunities</strong> charmed</li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 10
                    </li>
                    <li>
                        <strong>Languages</strong> Abyssal, Infernal, telepathy
                        60 ft.
                    </li>
                </ul>
                <hr />
                <p>
                    <em><strong>Death Throes (Demon Only).</strong></em> When
                    the fiend drops to 0 hit points or the spell ends, the fiend
                    explodes, and each creature within 10 feet of it must make a
                    Dexterity saving throw
                    <span class="saveDC">against your spell save DC</span>. A
                    creature takes 2d10 +
                    <span class="attack" data-base="0"> the spell's level</span>
                    fire damage on a failed save, or half as much damage on a
                    successful one.
                </p>
                <p>
                    <em><strong>Devil's Sight (Devil Only).</strong></em>
                    Magical darkness does not impede the fiend's darkvision.
                </p>
                <p>
                    <em><strong>Magic Resistance.</strong></em> The fiend has
                    advantage on saving throws against spells and other magical
                    effects.
                </p>
                <section id="fiendish-actions">
                    <h3 id="fiendish-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The fiend makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Bite (Demon Only).</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d12 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        necrotic damage.
                    </p>
                    <p>
                        <em><strong>Claws (Yugoloth Only).</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d8 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        slashing damage. Immediately after the attack hits or
                        misses, the fiend can magically teleport up to 30 ft. to
                        an unoccupied space it can see.
                    </p>
                    <p>
                        <em><strong>Hurl Flame (Devil Only).</strong></em>
                        <em>Ranged Spell Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, range 150 ft., one target. <em>Hit:</em> 2d6 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        fire damage. If the target is a flammable object that
                        isn't being worn or carried, it also catches fire.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="shadow">
        <blockquote>
            <section>
                <h2>Shadow Spirit</h2>
                <p><em>Medium monstrosity</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="11">11 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="55"
                            data-increase="15"
                            data-min-spell="3"
                            >55 + 15 for each spell level over 3rd</span
                        >
                    </li>
                    <li><strong>Speed</strong> 40 ft.</li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">13 (+1)</td>
                            <td style="text-align: center">16 (+3)</td>
                            <td style="text-align: center">15 (+2)</td>
                            <td style="text-align: center">4 (-3)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">16 (+3)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li><strong>Damage Resistances</strong> necrotic</li>
                    <li><strong>Condition Immunities</strong> frightened</li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 10
                    </li>
                    <li>
                        <strong>Languages</strong> understands languages you
                        speak
                    </li>
                </ul>
                <hr />
                <p>
                    <em><strong>Terror Frenzy (Fury Only).</strong></em> The
                    spirit has advantage on attack rolls against frightened
                    creatures.
                </p>
                <p>
                    <em><strong>Weight of Sorrow (Despair Only).</strong></em>
                    Any creature, other than you, that starts its turn within 5
                    ft. of the spirit has its speed reduced by 20 ft. until the
                    start of that creature's next turn.
                </p>
                <section id="shadow-actions">
                    <h3 id="shadow-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The spirit makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Chilling Rend.</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d12 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        cold damage.
                    </p>
                    <p>
                        <em><strong>Dreadful Scream (1/Day).</strong></em> The
                        spirit screams. Each creature within 30 ft. of it must
                        succeed on a Wisdom saving throw
                        <span class="saveDC">against your spell save DC</span>
                        or be frightened of the spirit for 1 minute. The
                        frightened creature can repeat the saving throw at the
                        end of each of its turns, ending the effect on itself on
                        a success.
                    </p>
                </section>
                <section id="shadow-bonus-actions">
                    <h3 id="shadow-bonus-actions">Bonus Actions</h3>
                    <p>
                        <em><strong>Shadow Stealth (Fear Only).</strong></em>
                        While in dim light or darkness, the spirit takes the
                        Hide action.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>

    <hr class="stat-separator" />

    <section id="undead">
        <blockquote>
            <section>
                <h2>Undead Spirit</h2>
                <p><em>Medium undead</em></p>
                <hr />
                <ul>
                    <li>
                        <strong>Armor Class</strong>
                        <span class="ac" data-base="11">11 + spell level</span>
                        (natural armor)
                    </li>
                    <li>
                        <strong>Hit Points</strong>
                        <span
                            class="hp"
                            data-base="30"
                            data-increase="10"
                            data-min-spell="3"
                            >30</span
                        >
                        (Ghostly and Putrid only) or
                        <span
                            class="hp"
                            data-base="20"
                            data-increase="10"
                            data-min-spell="3"
                            >20</span
                        >
                        (Skeletal only)
                        <span class="hp" data-hide="true"
                            >+ 10 for each spell level over 3rd</span
                        >
                    </li>
                    <li>
                        <strong>Speed</strong> 30 ft.; fly 40 ft. (hover)
                        (Ghostly only)
                    </li>
                </ul>
                <hr />
                <table>
                    <thead>
                        <tr>
                            <th style="text-align: center">STR</th>
                            <th style="text-align: center">DEX</th>
                            <th style="text-align: center">CON</th>
                            <th style="text-align: center">INT</th>
                            <th style="text-align: center">WIS</th>
                            <th style="text-align: center">CHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="text-align: center">12 (+1)</td>
                            <td style="text-align: center">16 (+3)</td>
                            <td style="text-align: center">15 (+2)</td>
                            <td style="text-align: center">4 (-3)</td>
                            <td style="text-align: center">10 (+0)</td>
                            <td style="text-align: center">9 (-1)</td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                <ul>
                    <li><strong>Damage Immunities</strong> necrotic, poison</li>
                    <li>
                        <strong>Condition Immunities</strong> exhaustion,
                        frightened, paralyzed, poisoned
                    </li>
                    <li>
                        <strong>Senses</strong> darkvision 60 ft., passive
                        Perception 10
                    </li>
                    <li>
                        <strong>Languages</strong> understands languages you
                        speak
                    </li>
                </ul>
                <hr />
                <p>
                    <em><strong>Festering Aura (Putrid Only).</strong></em> Any
                    creature, other than you, that starts its turn within 5 ft.
                    of the undead must succeed on a Constitution saving throw
                    <span class="saveDC">against your spell save DC</span> or be
                    poisoned until the start of its next turn.
                </p>
                <p>
                    <em
                        ><strong
                            >Incorporeal Passage (Ghostly Only).</strong
                        ></em
                    >
                    The undead can move through other creatures and objects as
                    if they were difficult terrain. If it ends its turn inside
                    an object, it is shunted to the nearest unoccupied space and
                    takes 1d10 force damage for every 5 ft. travelled.
                </p>
                <section id="undead-actions">
                    <h3 id="undead-actions">Actions</h3>
                    <p>
                        <em><strong>Multiattack.</strong></em> The undead makes
                        <span class="multiattack"
                            >a number of attacks equal to half this spell's
                            level (rounded down)</span
                        >.
                    </p>
                    <p>
                        <em><strong>Deathly Touch (Ghostly Only).</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d8 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        necrotic damage, and the creature must succeed on a
                        Wisdom saving throw
                        <span class="saveDC">against your spell save DC</span>
                        or be frightened until the end of the target's next
                        turn.
                    </p>
                    <p>
                        <em><strong>Grave Bolt (Skeletal Only).</strong></em>
                        <em>Ranged Spell Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, range 150 ft., one target. <em>Hit:</em> 2d4 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        necrotic damage.
                    </p>
                    <p>
                        <em><strong>Rotting Claw (Putrid Only).</strong></em>
                        <em>Melee Weapon Attack:</em>
                        <span class="spellAttack"
                            >your spell attack modifier</span
                        >
                        to hit, reach 5 ft., one target. <em>Hit:</em> 1d6 +
                        <span class="attack" data-base="3"
                            >3 + the spell's level</span
                        >
                        slashing damage. If the target is poisoned, it must
                        succeed on a Constitution saving throw
                        <span class="saveDC">against your spell save DC</span>
                        or be paralyzed until the end of its next turn.
                    </p>
                </section>
            </section>
        </blockquote>
    </section>
</div>

<script>
    let statScore;
    let characterLevel;

    window.addEventListener("load", function () {
        const url = new URL(window.location);
        const spiritParam = url.searchParams.get("spirit");
        const spellParam = url.searchParams.get("spell");
        const statParam = url.searchParams.get("stat");
        const levelParam = url.searchParams.get("level");
        const bonusParam = url.searchParams.get("bonus");

        const spiritParamProvided = typeof spiritParam === "string";
        const spellParamProvided = typeof spellParam === "string";
        const statParamProvided = typeof statParam === "string";
        const levelParamProvided = typeof levelParam === "string";
        const bonusParamProvided = typeof bonusParam === "string";

        if (
            spiritParamProvided ||
            spellParamProvided ||
            statParamProvided ||
            levelParamProvided ||
            bonusParamProvided
        ) {
            document.getElementById("controls").style.display = "none";
            document.getElementById("summons").style.display = "initial";
            document.querySelector("body").style.margin = "0";
            document.querySelector(
                "#" + spiritParam + " blockquote"
            ).style.margin = "initial";
        }

        // only if its set, do this, else it breaks the form
        if (spiritParamProvided) {
            document.getElementById("spell").value = spiritParam;
            document.getElementById("spell").dispatchEvent(new Event("change"));
        }
        if (spellParamProvided) {
            document.getElementById("spell-level").value = parseInt(spellParam);
            document
                .getElementById("spell-level")
                .dispatchEvent(new Event("change"));
        }
        if (statParamProvided) {
            document.getElementById("stat-score").value = parseInt(statParam);
            document
                .getElementById("stat-score")
                .dispatchEvent(new Event("change"));
        }
        if (levelParamProvided) {
            document.getElementById("character-level").value =
                parseInt(levelParam);
            document
                .getElementById("character-level")
                .dispatchEvent(new Event("change"));
        }
        if (bonusParamProvided) {
            document.getElementById("stat-bonus").value = parseInt(bonusParam);
            document
                .getElementById("stat-bonus")
                .dispatchEvent(new Event("change"));
        }
    });

    document.getElementById("spell").addEventListener("change", function (e) {
        const spell = e.target.value;
        document.getElementById("aberrant").style.display =
            spell === "all" || spell === "aberrant" ? "contents" : "none";
        document.getElementById("beast").style.display =
            spell === "all" || spell === "beast" ? "contents" : "none";
        document.getElementById("celestial").style.display =
            spell === "all" || spell === "celestial" ? "contents" : "none";
        document.getElementById("construct").style.display =
            spell === "all" || spell === "construct" ? "contents" : "none";
        document.getElementById("elemental").style.display =
            spell === "all" || spell === "elemental" ? "contents" : "none";
        document.getElementById("fey").style.display =
            spell === "all" || spell === "fey" ? "contents" : "none";
        document.getElementById("fiendish").style.display =
            spell === "all" || spell === "fiendish" ? "contents" : "none";
        document.getElementById("shadow").style.display =
            spell === "all" || spell === "shadow" ? "contents" : "none";
        document.getElementById("undead").style.display =
            spell === "all" || spell === "undead" ? "contents" : "none";
    });

    document
        .getElementById("spell-level")
        .addEventListener("change", function (e) {
            const spellLevel = parseInt(e.target.value);
            Array.from(document.getElementsByClassName("ac")).forEach(function (
                element
            ) {
                element.textContent =
                    parseInt(element.getAttribute("data-base")) + spellLevel;
            });
            Array.from(document.getElementsByClassName("hp")).forEach(function (
                element
            ) {
                const hp =
                    parseInt(element.getAttribute("data-base")) +
                    (spellLevel -
                        parseInt(element.getAttribute("data-min-spell"))) *
                        parseInt(element.getAttribute("data-increase"));
                element.textContent = !!element.getAttribute("data-hide")
                    ? ""
                    : hp;
            });
            Array.from(document.getElementsByClassName("multiattack")).forEach(
                function (element) {
                    const attacks = Math.floor(spellLevel / 2);
                    element.textContent = attacks + " attacks";
                }
            );
            Array.from(document.getElementsByClassName("attack")).forEach(
                function (element) {
                    const attacks = Math.floor(spellLevel / 2);
                    element.textContent =
                        parseInt(element.getAttribute("data-base")) +
                        spellLevel;
                }
            );
        });
    document
        .getElementById("stat-score")
        .addEventListener("change", function (e) {
            statScore = parseInt(e.target.value);
            setStatAndLevelStuff();
        });
    document
        .getElementById("character-level")
        .addEventListener("change", function (e) {
            characterLevel = parseInt(e.target.value);
            setStatAndLevelStuff();
        });
    document
        .getElementById("stat-bonus")
        .addEventListener("change", function (e) {
            statBonus = parseInt(e.target.value);
            setStatAndLevelStuff();
        });

    function setStatAndLevelStuff() {
        if (
            typeof statScore === "number" &&
            typeof characterLevel === "number"
        ) {
            const proficiencyBonus = Math.ceil(characterLevel / 4) + 1;
            const statMod = Math.floor((statScore - 10) / 2);
            const bonus = typeof statBonus === "number" ? statBonus : 0;
            const spellAttack = proficiencyBonus + statMod + bonus;
            const spellDC = 8 + proficiencyBonus + statMod + bonus;

            Array.from(document.getElementsByClassName("spellAttack")).forEach(
                function (element) {
                    element.textContent = "+" + spellAttack;
                }
            );
            Array.from(document.getElementsByClassName("saveDC")).forEach(
                function (element) {
                    element.textContent = "(DC" + spellDC + ")";
                }
            );
        }
    }
</script>