html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; background: rgb(0, 0, 0); } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0px; font-size: 2em; } mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0px; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0px; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { box-sizing: content-box; appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0px 2px; border: 1px solid silver; } legend { padding: 0px; border: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0px; border-collapse: collapse; } td, th { padding: 0px; } @media print { *, ::after, ::before { color: rgb(0, 0, 0) !important; text-shadow: none !important; background: 0px 0px !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; } blockquote, pre { border: 1px solid rgb(153, 153, 153); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: rgb(0, 0, 0) !important; } .label { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(221, 221, 221) !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("heritage/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("heritage/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("heritage/fonts/glyphicons-halflings-regular.woff") format("woff"), url("heritage/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("heritage/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: 400; line-height: 1; -webkit-font-smoothing: antialiased; } .glyphicon-asterisk::before { content: "*"; } .glyphicon-plus::before { content: "+"; } .glyphicon-eur::before, .glyphicon-euro::before { content: "€"; } .glyphicon-minus::before { content: "−"; } .glyphicon-cloud::before { content: "☁"; } .glyphicon-envelope::before { content: "✉"; } .glyphicon-pencil::before { content: "✏"; } .glyphicon-glass::before { content: ""; } .glyphicon-music::before { content: ""; } .glyphicon-search::before { content: ""; } .glyphicon-heart::before { content: ""; } .glyphicon-star::before { content: ""; } .glyphicon-star-empty::before { content: ""; } .glyphicon-user::before { content: ""; } .glyphicon-film::before { content: ""; } .glyphicon-th-large::before { content: ""; } .glyphicon-th::before { content: ""; } .glyphicon-th-list::before { content: ""; } .glyphicon-ok::before { content: ""; } .glyphicon-remove::before { content: ""; } .glyphicon-zoom-in::before { content: ""; } .glyphicon-zoom-out::before { content: ""; } .glyphicon-off::before { content: ""; } .glyphicon-signal::before { content: ""; } .glyphicon-cog::before { content: ""; } .glyphicon-trash::before { content: ""; } .glyphicon-home::before { content: ""; } .glyphicon-file::before { content: ""; } .glyphicon-time::before { content: ""; } .glyphicon-road::before { content: ""; } .glyphicon-download-alt::before { content: ""; } .glyphicon-download::before { content: ""; } .glyphicon-upload::before { content: ""; } .glyphicon-inbox::before { content: ""; } .glyphicon-play-circle::before { content: ""; } .glyphicon-repeat::before { content: ""; } .glyphicon-refresh::before { content: ""; } .glyphicon-list-alt::before { content: ""; } .glyphicon-lock::before { content: ""; } .glyphicon-flag::before { content: ""; } .glyphicon-headphones::before { content: ""; } .glyphicon-volume-off::before { content: ""; } .glyphicon-volume-down::before { content: ""; } .glyphicon-volume-up::before { content: ""; } .glyphicon-qrcode::before { content: ""; } .glyphicon-barcode::before { content: ""; } .glyphicon-tag::before { content: ""; } .glyphicon-tags::before { content: ""; } .glyphicon-book::before { content: ""; } .glyphicon-bookmark::before { content: ""; } .glyphicon-print::before { content: ""; } .glyphicon-camera::before { content: ""; } .glyphicon-font::before { content: ""; } .glyphicon-bold::before { content: ""; } .glyphicon-italic::before { content: ""; } .glyphicon-text-height::before { content: ""; } .glyphicon-text-width::before { content: ""; } .glyphicon-align-left::before { content: ""; } .glyphicon-align-center::before { content: ""; } .glyphicon-align-right::before { content: ""; } .glyphicon-align-justify::before { content: ""; } .glyphicon-list::before { content: ""; } .glyphicon-indent-left::before { content: ""; } .glyphicon-indent-right::before { content: ""; } .glyphicon-facetime-video::before { content: ""; } .glyphicon-picture::before { content: ""; } .glyphicon-map-marker::before { content: ""; } .glyphicon-adjust::before { content: ""; } .glyphicon-tint::before { content: ""; } .glyphicon-edit::before { content: ""; } .glyphicon-share::before { content: ""; } .glyphicon-check::before { content: ""; } .glyphicon-move::before { content: ""; } .glyphicon-step-backward::before { content: ""; } .glyphicon-fast-backward::before { content: ""; } .glyphicon-backward::before { content: ""; } .glyphicon-play::before { content: ""; } .glyphicon-pause::before { content: ""; } .glyphicon-stop::before { content: ""; } .glyphicon-forward::before { content: ""; } .glyphicon-fast-forward::before { content: ""; } .glyphicon-step-forward::before { content: ""; } .glyphicon-eject::before { content: ""; } .glyphicon-chevron-left::before { content: ""; } .glyphicon-chevron-right::before { content: ""; } .glyphicon-plus-sign::before { content: ""; } .glyphicon-minus-sign::before { content: ""; } .glyphicon-remove-sign::before { content: ""; } .glyphicon-ok-sign::before { content: ""; } .glyphicon-question-sign::before { content: ""; } .glyphicon-info-sign::before { content: ""; } .glyphicon-screenshot::before { content: ""; } .glyphicon-remove-circle::before { content: ""; } .glyphicon-ok-circle::before { content: ""; } .glyphicon-ban-circle::before { content: ""; } .glyphicon-arrow-left::before { content: ""; } .glyphicon-arrow-right::before { content: ""; } .glyphicon-arrow-up::before { content: ""; } .glyphicon-arrow-down::before { content: ""; } .glyphicon-share-alt::before { content: ""; } .glyphicon-resize-full::before { content: ""; } .glyphicon-resize-small::before { content: ""; } .glyphicon-exclamation-sign::before { content: ""; } .glyphicon-gift::before { content: ""; } .glyphicon-leaf::before { content: ""; } .glyphicon-fire::before { content: ""; } .glyphicon-eye-open::before { content: ""; } .glyphicon-eye-close::before { content: ""; } .glyphicon-warning-sign::before { content: ""; } .glyphicon-plane::before { content: ""; } .glyphicon-calendar::before { content: ""; } .glyphicon-random::before { content: ""; } .glyphicon-comment::before { content: ""; } .glyphicon-magnet::before { content: ""; } .glyphicon-chevron-up::before { content: ""; } .glyphicon-chevron-down::before { content: ""; } .glyphicon-retweet::before { content: ""; } .glyphicon-shopping-cart::before { content: ""; } .glyphicon-folder-close::before { content: ""; } .glyphicon-folder-open::before { content: ""; } .glyphicon-resize-vertical::before { content: ""; } .glyphicon-resize-horizontal::before { content: ""; } .glyphicon-hdd::before { content: ""; } .glyphicon-bullhorn::before { content: ""; } .glyphicon-bell::before { content: ""; } .glyphicon-certificate::before { content: ""; } .glyphicon-thumbs-up::before { content: ""; } .glyphicon-thumbs-down::before { content: ""; } .glyphicon-hand-right::before { content: ""; } .glyphicon-hand-left::before { content: ""; } .glyphicon-hand-up::before { content: ""; } .glyphicon-hand-down::before { content: ""; } .glyphicon-circle-arrow-right::before { content: ""; } .glyphicon-circle-arrow-left::before { content: ""; } .glyphicon-circle-arrow-up::before { content: ""; } .glyphicon-circle-arrow-down::before { content: ""; } .glyphicon-globe::before { content: ""; } .glyphicon-wrench::before { content: ""; } .glyphicon-tasks::before { content: ""; } .glyphicon-filter::before { content: ""; } .glyphicon-briefcase::before { content: ""; } .glyphicon-fullscreen::before { content: ""; } .glyphicon-dashboard::before { content: ""; } .glyphicon-paperclip::before { content: ""; } .glyphicon-heart-empty::before { content: ""; } .glyphicon-link::before { content: ""; } .glyphicon-phone::before { content: ""; } .glyphicon-pushpin::before { content: ""; } .glyphicon-usd::before { content: ""; } .glyphicon-gbp::before { content: ""; } .glyphicon-sort::before { content: ""; } .glyphicon-sort-by-alphabet::before { content: ""; } .glyphicon-sort-by-alphabet-alt::before { content: ""; } .glyphicon-sort-by-order::before { content: ""; } .glyphicon-sort-by-order-alt::before { content: ""; } .glyphicon-sort-by-attributes::before { content: ""; } .glyphicon-sort-by-attributes-alt::before { content: ""; } .glyphicon-unchecked::before { content: ""; } .glyphicon-expand::before { content: ""; } .glyphicon-collapse-down::before { content: ""; } .glyphicon-collapse-up::before { content: ""; } .glyphicon-log-in::before { content: ""; } .glyphicon-flash::before { content: ""; } .glyphicon-log-out::before { content: ""; } .glyphicon-new-window::before { content: ""; } .glyphicon-record::before { content: ""; } .glyphicon-save::before { content: ""; } .glyphicon-open::before { content: ""; } .glyphicon-saved::before { content: ""; } .glyphicon-import::before { content: ""; } .glyphicon-export::before { content: ""; } .glyphicon-send::before { content: ""; } .glyphicon-floppy-disk::before { content: ""; } .glyphicon-floppy-saved::before { content: ""; } .glyphicon-floppy-remove::before { content: ""; } .glyphicon-floppy-save::before { content: ""; } .glyphicon-floppy-open::before { content: ""; } .glyphicon-credit-card::before { content: ""; } .glyphicon-transfer::before { content: ""; } .glyphicon-cutlery::before { content: ""; } .glyphicon-header::before { content: ""; } .glyphicon-compressed::before { content: ""; } .glyphicon-earphone::before { content: ""; } .glyphicon-phone-alt::before { content: ""; } .glyphicon-tower::before { content: ""; } .glyphicon-stats::before { content: ""; } .glyphicon-sd-video::before { content: ""; } .glyphicon-hd-video::before { content: ""; } .glyphicon-subtitles::before { content: ""; } .glyphicon-sound-stereo::before { content: ""; } .glyphicon-sound-dolby::before { content: ""; } .glyphicon-sound-5-1::before { content: ""; } .glyphicon-sound-6-1::before { content: ""; } .glyphicon-sound-7-1::before { content: ""; } .glyphicon-copyright-mark::before { content: ""; } .glyphicon-registration-mark::before { content: ""; } .glyphicon-cloud-download::before { content: ""; } .glyphicon-cloud-upload::before { content: ""; } .glyphicon-tree-conifer::before { content: ""; } .glyphicon-tree-deciduous::before { content: ""; } .glyphicon-cd::before { content: ""; } .glyphicon-save-file::before { content: ""; } .glyphicon-open-file::before { content: ""; } .glyphicon-level-up::before { content: ""; } .glyphicon-copy::before { content: ""; } .glyphicon-paste::before { content: ""; } .glyphicon-alert::before { content: ""; } .glyphicon-equalizer::before { content: ""; } .glyphicon-king::before { content: ""; } .glyphicon-queen::before { content: ""; } .glyphicon-pawn::before { content: ""; } .glyphicon-bishop::before { content: ""; } .glyphicon-knight::before { content: ""; } .glyphicon-baby-formula::before { content: ""; } .glyphicon-tent::before { content: "⛺"; } .glyphicon-blackboard::before { content: ""; } .glyphicon-bed::before { content: ""; } .glyphicon-apple::before { content: ""; } .glyphicon-erase::before { content: ""; } .glyphicon-hourglass::before { content: "⌛"; } .glyphicon-lamp::before { content: ""; } .glyphicon-duplicate::before { content: ""; } .glyphicon-piggy-bank::before { content: ""; } .glyphicon-scissors::before { content: ""; } .glyphicon-bitcoin::before { content: ""; } .glyphicon-btc::before { content: ""; } .glyphicon-xbt::before { content: ""; } .glyphicon-yen::before { content: "¥"; } .glyphicon-jpy::before { content: "¥"; } .glyphicon-ruble::before { content: "₽"; } .glyphicon-rub::before { content: "₽"; } .glyphicon-scale::before { content: ""; } .glyphicon-ice-lolly::before { content: ""; } .glyphicon-ice-lolly-tasted::before { content: ""; } .glyphicon-education::before { content: ""; } .glyphicon-option-horizontal::before { content: ""; } .glyphicon-option-vertical::before { content: ""; } .glyphicon-menu-hamburger::before { content: ""; } .glyphicon-modal-window::before { content: ""; } .glyphicon-oil::before { content: ""; } .glyphicon-grain::before { content: ""; } .glyphicon-sunglasses::before { content: ""; } .glyphicon-text-size::before { content: ""; } .glyphicon-text-color::before { content: ""; } .glyphicon-text-background::before { content: ""; } .glyphicon-object-align-top::before { content: ""; } .glyphicon-object-align-bottom::before { content: ""; } .glyphicon-object-align-horizontal::before { content: ""; } .glyphicon-object-align-left::before { content: ""; } .glyphicon-object-align-vertical::before { content: ""; } .glyphicon-object-align-right::before { content: ""; } .glyphicon-triangle-right::before { content: ""; } .glyphicon-triangle-left::before { content: ""; } .glyphicon-triangle-bottom::before { content: ""; } .glyphicon-triangle-top::before { content: ""; } .glyphicon-console::before { content: ""; } .glyphicon-superscript::before { content: ""; } .glyphicon-subscript::before { content: ""; } .glyphicon-menu-left::before { content: ""; } .glyphicon-menu-right::before { content: ""; } .glyphicon-menu-down::before { content: ""; } .glyphicon-menu-up::before { content: ""; } * { box-sizing: border-box; } ::after, ::before { 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.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { } a:focus, a:hover { } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } figure { margin: 0px; } img { vertical-align: middle; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: all 0.2s ease-in-out 0s; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; 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: 400; line-height: 1; color: rgb(119, 119, 119); } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .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: 10px; margin-bottom: 10px; } .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: 0px 0px 25px; font-size: 17px; line-height: 28px; } .lead { margin-bottom: 20px; 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 { padding: 0.2em; background-color: rgb(252, 248, 227); } .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: rgb(119, 119, 119); } .text-primary { color: rgb(51, 122, 183); } a.text-primary:focus, a.text-primary:hover { color: rgb(40, 96, 144); } .text-success { color: rgb(60, 118, 61); } a.text-success:focus, a.text-success:hover { color: rgb(43, 84, 44); } .text-info { color: rgb(49, 112, 143); } a.text-info:focus, a.text-info:hover { color: rgb(36, 82, 105); } .text-warning { color: rgb(138, 109, 59); } a.text-warning:focus, a.text-warning:hover { color: rgb(102, 81, 44); } .text-danger { color: rgb(169, 68, 66); } a.text-danger:focus, a.text-danger:hover { color: rgb(132, 53, 52); } .bg-primary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); } a.bg-primary:focus, a.bg-primary:hover { background-color: rgb(40, 96, 144); } .bg-success { background-color: rgb(223, 240, 216); } a.bg-success:focus, a.bg-success:hover { background-color: rgb(193, 226, 179); } .bg-info { background-color: rgb(217, 237, 247); } a.bg-info:focus, a.bg-info:hover { background-color: rgb(175, 217, 238); } .bg-warning { background-color: rgb(252, 248, 227); } a.bg-warning:focus, a.bg-warning:hover { background-color: rgb(247, 236, 181); } .bg-danger { background-color: rgb(242, 222, 222); } a.bg-danger:focus, a.bg-danger:hover { background-color: rgb(228, 185, 185); } .page-header { padding-bottom: 9px; margin: 40px 0px 20px; border-bottom: 1px solid rgb(238, 238, 238); } ol, ul { margin-top: 0px; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0px; margin-bottom: 20px; } dd, dt { line-height: 1.42857; } dt { font-weight: 700; } dd { margin-left: 0px; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted rgb(119, 119, 119); } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 17.5px; border-left: 5px solid rgb(238, 238, 238); } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0px; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857; color: rgb(119, 119, 119); } blockquote .small::before, blockquote footer::before, blockquote small::before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0px; text-align: right; border-right: 5px solid rgb(238, 238, 238); border-left: 0px; } .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: " —"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.42857; color: rgb(51, 51, 51); word-break: break-all; overflow-wrap: break-word; background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 4px; } pre code { padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0px; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1140px; right: 12%; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -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-right: 15px; padding-left: 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.6667%; } .col-xs-10 { width: 83.3333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.6667%; } .col-xs-7 { width: 58.3333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.6667%; } .col-xs-4 { width: 33.3333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0px; } @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.6667%; } .col-sm-10 { width: 83.3333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6667%; } .col-sm-7 { width: 58.3333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.6667%; } .col-sm-4 { width: 33.3333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.6667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0px; } } @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.6667%; } .col-md-10 { width: 83.3333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.6667%; } .col-md-7 { width: 58.3333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6667%; } .col-md-4 { width: 33.3333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0px; } } @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.6667%; } .col-lg-10 { width: 83.3333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.6667%; } .col-lg-7 { width: 58.3333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.6667%; } .col-lg-4 { width: 33.3333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.6667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0px; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: rgb(119, 119, 119); text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .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: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221); } .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: 0px; } .table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); } .table .table { background-color: rgb(255, 255, 255); } .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 rgb(221, 221, 221); } .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 rgb(221, 221, 221); } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); } .table-hover > tbody > tr:hover { background-color: rgb(245, 245, 245); } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: rgb(245, 245, 245); } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: rgb(232, 232, 232); } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: rgb(223, 240, 216); } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: rgb(208, 233, 198); } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: rgb(217, 237, 247); } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: rgb(196, 227, 243); } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: rgb(252, 248, 227); } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: rgb(250, 242, 204); } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: rgb(242, 222, 222); } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: rgb(235, 204, 204); } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid rgb(221, 221, 221); } .table-responsive > .table { margin-bottom: 0px; } .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: 0px; } .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: 0px; } .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: 0px; } .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: 0px; } } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; padding: 0px; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: rgb(51, 51, 51); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 4px 0px 0px; 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="checkbox"]:focus, input[type="radio"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; } .form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: rgb(238, 238, 238); opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { 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: 34px; } .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"], input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } .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"], input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { 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: 20px; padding-left: 20px; margin-bottom: 0px; font-weight: 400; cursor: pointer; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0px; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0px; margin-left: 10px; } fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { 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 { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0px; padding-left: 0px; } .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: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; 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 16px; font-size: 18px; line-height: 1.33333; 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: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0px; right: 0px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; 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: rgb(60, 118, 61); } .has-success .form-control { border-color: rgb(60, 118, 61); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-success .form-control:focus { border-color: rgb(43, 84, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px; } .has-success .input-group-addon { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(60, 118, 61); } .has-success .form-control-feedback { color: rgb(60, 118, 61); } .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: rgb(138, 109, 59); } .has-warning .form-control { border-color: rgb(138, 109, 59); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-warning .form-control:focus { border-color: rgb(102, 81, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px; } .has-warning .input-group-addon { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(138, 109, 59); } .has-warning .form-control-feedback { color: rgb(138, 109, 59); } .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: rgb(169, 68, 66); } .has-error .form-control { border-color: rgb(169, 68, 66); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-error .form-control:focus { border-color: rgb(132, 53, 52); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px; } .has-error .input-group-addon { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(169, 68, 66); } .has-error .form-control-feedback { color: rgb(169, 68, 66); } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0px; 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: 0px; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0px; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: relative; margin-left: 0px; } .form-inline .has-feedback .form-control-feedback { top: 0px; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0px; margin-bottom: 0px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0px; text-align: right; } } .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 { padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; display: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: rgb(51, 51, 51); text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; opacity: 0.65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default.focus, .btn-default:focus { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(140, 140, 140); } .btn-default:hover { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); } .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: rgb(51, 51, 51); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140); } .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: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default .badge { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); } .btn-primary.focus, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(18, 43, 64); } .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); } .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: rgb(255, 255, 255); background-color: rgb(32, 77, 116); border-color: rgb(18, 43, 64); } .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: rgb(51, 122, 183); border-color: rgb(46, 109, 164); } .btn-primary .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-success.focus, .btn-success:focus { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(37, 86, 37); } .btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(57, 132, 57); } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(57, 132, 57); } .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: rgb(255, 255, 255); background-color: rgb(57, 132, 57); border-color: rgb(37, 86, 37); } .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: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-success .badge { color: rgb(92, 184, 92); background-color: rgb(255, 255, 255); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info.focus, .btn-info:focus { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(27, 109, 133); } .btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); } .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: rgb(255, 255, 255); background-color: rgb(38, 154, 188); border-color: rgb(27, 109, 133); } .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: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info .badge { color: rgb(91, 192, 222); background-color: rgb(255, 255, 255); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning.focus, .btn-warning:focus { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(152, 95, 13); } .btn-warning:hover { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); } .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: rgb(255, 255, 255); background-color: rgb(213, 133, 18); border-color: rgb(152, 95, 13); } .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: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning .badge { color: rgb(240, 173, 78); background-color: rgb(255, 255, 255); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger.focus, .btn-danger:focus { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(118, 28, 25); } .btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); } .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: rgb(255, 255, 255); background-color: rgb(172, 41, 37); border-color: rgb(118, 28, 25); } .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: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger .badge { color: rgb(217, 83, 79); background-color: rgb(255, 255, 255); } .btn-link { font-weight: 400; color: rgb(51, 122, 183); border-radius: 0px; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: rgb(35, 82, 124); 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: rgb(119, 119, 119); text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; 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="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear 0s; } .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: 0px; overflow: hidden; transition-timing-function: ease; transition-duration: 0.35s; transition-property: height, visibility; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(51, 122, 183); outline: 0px; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: rgb(119, 119, 119); } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0px; } .dropdown-menu-right { right: 0px; left: auto; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0px; border-bottom: 4px dashed; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0px; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .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: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-lg .caret { border-width: 0px 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: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0px 0px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px 0px 4px 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .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: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; 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="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; } .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 16px; font-size: 18px; line-height: 1.33333; 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; } 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: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: rgb(85, 85, 85); text-align: center; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="checkbox"], .input-group-addon input[type="radio"] { margin-top: 0px; } .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-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group-addon:first-child { border-right: 0px; } .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-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-addon:last-child { border-left: 0px; } .input-group-btn { position: relative; font-size: 0px; 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 { padding-left: 0px; margin-bottom: 0px; 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: rgb(238, 238, 238); } .nav > li.disabled > a { color: rgb(119, 119, 119); } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: rgb(119, 119, 119); text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: rgb(238, 238, 238); border-color: rgb(51, 122, 183); } .nav .nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; } .nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: initial; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0px; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .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: 0px; } } .nav-tabs.nav-justified > li > a { margin-right: 0px; 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 rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: rgb(255, 255, 255); } } .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: rgb(255, 255, 255); background-color: rgb(51, 122, 183); } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0px; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .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: 0px; } } .nav-tabs-justified { border-bottom: 0px; } .nav-tabs-justified > li > a { margin-right: 0px; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: rgb(255, 255, 255); } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0px; box-shadow: none; } .navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; 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-right: 0px; padding-left: 0px; } } .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-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0px; margin-left: 0px; } } .navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0px; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0px; left: 0px; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0px; } } .navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; } .navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; } .navbar-brand { float: left; height: 50px; padding: 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .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; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0px; } .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: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; 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: 20px; } .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: 0px; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin: 8px -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 0px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0px; 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: 0px; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0px; } .navbar-form .checkbox input[type="checkbox"], .navbar-form .radio input[type="radio"] { position: relative; margin-left: 0px; } .navbar-form .has-feedback .form-control-feedback { top: 0px; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; border: 0px; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0px; border-radius: 4px 4px 0px 0px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { margin-right: -15px; float: right !important; } .navbar-right ~ .navbar-right { margin-right: 0px; } } .navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); } .navbar-default .navbar-brand { color: rgb(119, 119, 119); } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: rgb(94, 94, 94); background-color: transparent; } .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(51, 51, 51); 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: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .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: rgb(204, 204, 204); background-color: transparent; } } .navbar-default .navbar-link { color: rgb(119, 119, 119); } .navbar-default .navbar-link:hover { color: rgb(51, 51, 51); } .navbar-default .btn-link { color: rgb(119, 119, 119); } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: rgb(51, 51, 51); } .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: rgb(204, 204, 204); } .navbar-inverse { background-color: rgb(34, 34, 34); border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-brand { color: rgb(157, 157, 157); } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-text { color: rgb(157, 157, 157); } .navbar-inverse .navbar-nav > li > a { color: rgb(157, 157, 157); } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: rgb(68, 68, 68); background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(157, 157, 157); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(255, 255, 255); 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: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .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: rgb(68, 68, 68); background-color: transparent; } } .navbar-inverse .navbar-link { color: rgb(157, 157, 157); } .navbar-inverse .navbar-link:hover { color: rgb(255, 255, 255); } .navbar-inverse .btn-link { color: rgb(157, 157, 157); } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: rgb(255, 255, 255); } .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: rgb(68, 68, 68); } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: rgb(245, 245, 245); border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li::before { padding: 0px 5px; color: rgb(204, 204, 204); content: "/ "; } .breadcrumb > .active { color: rgb(119, 119, 119); } .pagination { display: inline-block; padding-left: 0px; margin: 20px 0px; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: rgb(51, 122, 183); text-decoration: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: rgb(35, 82, 124); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); } .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: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); border-color: rgb(221, 221, 221); } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-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-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0px; margin: 20px 0px; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: rgb(238, 238, 238); } .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: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:focus, a.label:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: rgb(119, 119, 119); } .label-default[href]:focus, .label-default[href]:hover { background-color: rgb(94, 94, 94); } .label-primary { background-color: rgb(51, 122, 183); } .label-primary[href]:focus, .label-primary[href]:hover { background-color: rgb(40, 96, 144); } .label-success { background-color: rgb(92, 184, 92); } .label-success[href]:focus, .label-success[href]:hover { background-color: rgb(68, 157, 68); } .label-info { background-color: rgb(91, 192, 222); } .label-info[href]:focus, .label-info[href]:hover { background-color: rgb(49, 176, 213); } .label-warning { background-color: rgb(240, 173, 78); } .label-warning[href]:focus, .label-warning[href]:hover { background-color: rgb(236, 151, 31); } .label-danger { background-color: rgb(217, 83, 79); } .label-danger[href]:focus, .label-danger[href]:hover { background-color: rgb(201, 48, 44); } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgb(119, 119, 119); border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0px; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); } .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: rgb(238, 238, 238); } .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: rgb(213, 213, 213); } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: border 0.2s ease-in-out 0s; } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: rgb(51, 122, 183); } .thumbnail .caption { padding: 9px; color: rgb(51, 51, 51); } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0px; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0px; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .alert-success hr { border-top-color: rgb(201, 226, 179); } .alert-success .alert-link { color: rgb(43, 84, 44); } .alert-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .alert-info hr { border-top-color: rgb(166, 225, 236); } .alert-info .alert-link { color: rgb(36, 82, 105); } .alert-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .alert-warning hr { border-top-color: rgb(247, 225, 181); } .alert-warning .alert-link { color: rgb(102, 81, 44); } .alert-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .alert-danger hr { border-top-color: rgb(228, 185, 192); } .alert-danger .alert-link { color: rgb(132, 53, 52); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: rgb(245, 245, 245); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; } .progress-bar { float: left; width: 0px; height: 100%; font-size: 12px; line-height: 20px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(51, 122, 183); box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset; transition: width 0.6s ease 0s; } .progress-bar-striped, .progress-striped .progress-bar { 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 { animation: 2s linear 0s infinite normal none running progress-bar-stripes; } .progress-bar-success { background-color: rgb(92, 184, 92); } .progress-striped .progress-bar-success { 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: rgb(91, 192, 222); } .progress-striped .progress-bar-info { 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: rgb(240, 173, 78); } .progress-striped .progress-bar-warning { 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: rgb(217, 83, 79); } .progress-striped .progress-bar-danger { 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: 0px; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-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: 0px; margin-bottom: 5px; } .media-list { padding-left: 0px; list-style: none; } .list-group { padding-left: 0px; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); word-break: normal; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: rgb(85, 85, 85); } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: rgb(51, 51, 51); } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: rgb(85, 85, 85); text-decoration: none; background-color: rgb(245, 245, 245); } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(238, 238, 238); } .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: rgb(119, 119, 119); } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); } .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: rgb(199, 221, 239); } .list-group-item-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); } a.list-group-item-success, button.list-group-item-success { color: rgb(60, 118, 61); } 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: rgb(60, 118, 61); background-color: rgb(208, 233, 198); } 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: rgb(255, 255, 255); background-color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); } .list-group-item-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); } a.list-group-item-info, button.list-group-item-info { color: rgb(49, 112, 143); } 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: rgb(49, 112, 143); background-color: rgb(196, 227, 243); } 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: rgb(255, 255, 255); background-color: rgb(49, 112, 143); border-color: rgb(49, 112, 143); } .list-group-item-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); } a.list-group-item-warning, button.list-group-item-warning { color: rgb(138, 109, 59); } 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: rgb(138, 109, 59); background-color: rgb(250, 242, 204); } 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: rgb(255, 255, 255); background-color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); } .list-group-item-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); } a.list-group-item-danger, button.list-group-item-danger { color: rgb(169, 68, 66); } 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: rgb(169, 68, 66); background-color: rgb(235, 204, 204); } 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: rgb(255, 255, 255); background-color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); } .list-group-item-heading { margin-top: 0px; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0px; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0px; margin-bottom: 0px; 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: rgb(245, 245, 245); border-top: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0px; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-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: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; } .list-group + .panel-footer { border-top-width: 0px; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0px; } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table: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, .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-right-radius: 3px; border-bottom-left-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 rgb(221, 221, 221); } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0px; } .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: 0px; } .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: 0px; } .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: 0px; } .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: 0px; } .panel > .table-responsive { margin-bottom: 0px; border: 0px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0px; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid rgb(221, 221, 221); } .panel-group .panel-footer { border-top: 0px; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); } .panel-default { border-color: rgb(221, 221, 221); } .panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); } .panel-default > .panel-heading .badge { color: rgb(245, 245, 245); background-color: rgb(51, 51, 51); } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); } .panel-primary { border-color: rgb(51, 122, 183); } .panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(51, 122, 183); } .panel-primary > .panel-heading .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(51, 122, 183); } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); } .panel-info { border-color: rgb(188, 232, 241); } .panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); } .panel-info > .panel-heading .badge { color: rgb(217, 237, 247); background-color: rgb(49, 112, 143); } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); } .panel-warning { border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); } .panel-warning > .panel-heading .badge { color: rgb(252, 248, 227); background-color: rgb(138, 109, 59); } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); } .panel-danger { border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); } .panel-danger > .panel-heading .badge { color: rgb(242, 222, 222); background-color: rgb(169, 68, 66); } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); } .embed-responsive { position: relative; display: block; height: 0px; padding: 0px; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } .well blockquote { border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; } .close:focus, .close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { appearance: none; padding: 0px; cursor: pointer; background: 0px center; border: 0px; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s; transform: translate(0px, -25%); } .modal.in .modal-dialog { transform: translate(0px, 0px); } .modal-open .modal { overflow: hidden auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; } .modal-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0px; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); } .modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; white-space: normal; opacity: 0; line-break: auto; } .tooltip.in { opacity: 0.9; } .tooltip.top { padding: 5px 0px; margin-top: -3px; } .tooltip.right { padding: 0px 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0px; margin-top: 3px; } .tooltip.left { padding: 0px 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-right .tooltip-arrow { bottom: 0px; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); } .tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); } .tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-left .tooltip-arrow { top: 0px; right: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-right .tooltip-arrow { top: 0px; left: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; white-space: normal; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0px; font-size: 14px; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0px; } .popover.top > .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; } .popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out 0s; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; } @media not all, (-webkit-transform-3d) { .carousel-inner > .item { transition: transform 0.6s ease-in-out 0s; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0px; transform: translate3d(100%, 0px, 0px); } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0px; transform: translate3d(-100%, 0px, 0px); } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0px; transform: translate3d(0px, 0px, 0px); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; background-color: rgba(0, 0, 0, 0); opacity: 0.5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } .carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before { display: table; content: " "; } .btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .hidden { display: none !important; } .affix { position: fixed; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm-block { display: block !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm-inline { display: inline !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm-inline-block { display: inline-block !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md-block { display: block !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md-inline { display: inline !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (max-width: 991px) and (min-width: 768px) { .hidden-sm { display: none !important; } } @media (max-width: 1199px) and (min-width: 992px) { .sectionContent { left: 22% !important; top: 11% !important; } .hidden-md { display: none !important; } .timelineHeading { left: 30% !important; } .carouselIndicators { left: 11.2% !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } body { position: fixed; width: 100vw; } .before, .after { cursor: pointer; } .before.noDisplay, .after.noDisplay { cursor: default !important; } .bannerReadingTxt > .btn:active { box-shadow: none !important; } .shareBox { margin-right: 1.5rem; } .Tooltip > .activeShare > .normalImg, .shareBtnParent > img:last-child { display: none; } .shareBtnParent { cursor: pointer; } .Tooltip > .activeShare > .hideActive { display: inline-block !important; } .shareOptions { position: absolute; width: auto; height: 4.5rem; top: 5rem; right: 0px; padding: 0.5rem; display: none; } .shareOptions > .fb > .fbAnchor { background: url("../images/heritage/fb.svg") center center no-repeat; } .shareOptions > .fb > .fbAnchor:hover { background-repeat: no-repeat; background-position: center center; } .shareOptions > .twitter > .twitterAnchor { background: url("../images/heritage/twitter_icon.svg") center center no-repeat; } .shareOptions > .twitter > .twitterAnchor:hover { background-repeat: no-repeat; background-position: center center; } .shareOptions > .linkedin > .linkedinAnchor { background: url("../images/heritage/linkedin.svg") center center no-repeat; } .shareOptions > .linkedin > .linkedinAnchor:hover { background-repeat: no-repeat; background-position: center center; } .shareOptions > .hangout > .hangoutAnchor:hover { background-repeat: no-repeat; background-position: center center; } .shareOptions > .hangout > .hangoutAnchor { background: url("../images/heritage/g+white.svg") center center no-repeat; } .shareOptions > .mailto > .mailtoAnchor { background: url("../images/heritage/contact_us.svg") center center no-repeat; } .shareOptions > .mailto > .mailtoAnchor:hover { background-repeat: no-repeat; background-position: center center; } .whatsappImg { background: url("../images/heritage/whatsapp.svg") center center no-repeat; } .shareOptions > div > a { height: 3.5rem; margin: 0px auto; display: block; } .shareOptions > div { width: 3.5rem; margin-bottom: 1rem; cursor: pointer; float: left; } .shareOptions.active { display: block; background-color: rgb(0, 0, 0); opacity: 0.9; cursor: default; } .shareOptions > div > a { color: rgb(0, 0, 0); } .shareOptions::after { transform: rotate(225deg); border-bottom: 20px solid rgb(0, 0, 0); border-right: 20px solid rgb(0, 0, 0); content: ""; position: absolute; top: -0.5rem; left: 11.5rem; z-index: -1; } .forStoryPages > .parallaxControls.showAll { display: block; } .Tooltip { position: relative; display: inline-block; width: 100%; } .Tooltip .tooltiptext { visibility: hidden; width: 6rem; height: 2.4rem; background-color: rgb(235, 235, 235); text-align: center; padding: 0.4rem 0px; position: absolute; z-index: 1; top: -2rem; left: 30%; color: rgb(69, 69, 69); font-style: normal; opacity: 0.75; font-size: 10px; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px 0px; text-transform: capitalize; } .Tooltip .tooltiptext::after { transform: rotate(-90deg); border-bottom: 12px solid transparent; border-right: 12px solid rgb(235, 235, 235); content: ""; position: absolute; top: 99%; box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px 0px; left: 43% !important; } .Tooltip:hover .tooltiptext { visibility: visible; } .TooltipHeader:hover .tooltiptextHeader { visibility: visible; } .TooltipHeader:hover .tooltiptextHeaderW { visibility: visible; } .abtUsTooltip { display: flex; margin-top: 2rem; width: 60%; align-items: center; font-size: 12px; font-style: italic; } .abtUsTooltip img { margin-right: 1rem; } .dispNone { display: none; } .carItem img.Bg { animation: 4s ease 0s 1 normal none running bgImageAnimation; } @-webkit-keyframes bgImageAnimation { 0% { opacity: 0; transform: scale(1.5); } 50% { opacity: 1; transform: scale(1); } 100% { transform: scale(1); } } @keyframes bgImageAnimation { 0% { opacity: 0; transform: scale(1.5); } 50% { opacity: 1; transform: scale(1); } 100% { transform: scale(1); } } body { overflow: hidden; font-family: Delius; } .btn.focus, .btn:focus, .btn:hover { color: rgb(255, 255, 255); } .videoOverlay { display: block !important; } .sectionContent { transition: background-color 1s ease-in 0s; } .contentActive { } .imageOverlayHp { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.7); height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 0px; display: block !important; } .centerIndicator span { font-size: 1.4rem; float: left; color: rgb(255, 255, 255); } .activePause > span:nth-child(1), .centerIndicator > span:nth-child(2) { display: none; } .activePause > span:nth-child(2) { display: inline-block; } .heroControls .carousel-indicators { width: auto; margin: 0px auto; } .heroControls .carousel-indicators .carousel-control { width: 6.4rem; opacity: 1; } .marginLeft { margin-left: 1rem; } .heroControls .carousel-indicators { width: auto; padding-left: 14.5rem; left: 21%; bottom: 20%; } .tataLogo { line-height: 6rem; } .tataLogo .tataLogoImg { width: 120%; } .backBtn { margin-right: 3rem; } .pull-bottom { display: inline-block; vertical-align: bottom; float: none; margin-bottom: 1rem; } .sideTab .list-group-item, .list-group-item.active, .list-group-item.active:focus { color: rgb(255, 255, 255); border: 0px; font-size: 1.8rem; font-weight: bold; margin-top: 0px; background: 0px center; text-align: center; } .sideTab > .active, .list-group-item.active:hover { color: rgb(226, 163, 48); background: 0px center; } .companyHeadline { font-size: 2rem; opacity: 0.6; } .innerCarousel > .carItem { height: 100%; } .sectionContent { position: absolute; margin: 0px; max-width: 51rem; top: 20%; left: 9.95%; z-index: 2; padding: 3rem; } .sectionContent.hasImg { top: 15%; } .imgDescription { display: flex; margin-top: 2rem; width: 60%; align-items: center; font-size: 10px; font-style: italic; } .imgDescription > span { margin-left: 1rem; } @media (min-width: 991px) { .rightAlign { left: auto; right: 10.25%; } } .heroHeadline { min-height: 600px; height: 100vh; position: relative; color: rgb(255, 255, 255); } .heroForegrounds { position: absolute; right: 0px; left: 0px; bottom: 0px; z-index: 1; height: 100%; } .heroHeading { font-size: 7rem; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 2.2px rgb(226, 163, 48); margin: 0px; } .yearTypo { display: inline-block; } .divider { color: rgb(226, 163, 48); margin: 0px 1rem 1rem; } .noPadding { padding: 0px; } .Bg { display: block; margin: 0px auto; width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover"; background-size: cover; background-position: center top; filter: blur(15px); } .carouselDiv, .innerCarousel { height: 100%; } .bannerPara { margin-top: 1.5rem; font-size: 1.8rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; color: rgb(255, 255, 255); } .storyBtn { padding: 0px; color: rgb(255, 255, 255); } .storyBtn:hover { color: rgb(255, 255, 255); } .storyBtn span { margin-left: 0.5rem; } .backgroundImage { top: 0px; left: 0px; width: 100%; height: 100%; max-width: none; } .backgroundImage picture img { width: 100%; height: 100%; object-fit: cover; border: 0px; } .foregroundContent { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: 1; } .tataLogo { position: fixed; z-index: 3; } .heritageYearRange {position: absolute;z-index: 2;margin: 0px auto;height: 100vh;overflow: hidden;} @media (min-width: 991px) { .heritageYearRange { left: 7.5%; } } .sideTab { height: 69vh; top: 8%; position: absolute; overflow-y: scroll; } .forLineBg { width: 100%; opacity: 0.7; height: 5rem; display: inline-block; background-image: url("../images/heritage/3.svg"); background-repeat: no-repeat; background-position: center center; } @media (max-width: 991px) { .before { content: url(""); position: absolute; left: 2.4rem; top: 13%; } .after { content: url(""); position: absolute; left: 2.4rem; top: 91%; transform: scaleY(-1); } .noDisplay { content: url(""); height: 1rem; width: 1rem; background-color: rgb(187, 187, 187); border-radius: 50%; display: inline-block; opacity: 0.7; margin-left: 1rem; } } @media (max-width: 991px) { .sideTab { position: fixed !important; } } @media (min-width: 991px) { .before, .after { position: fixed; top: 18%; } .after { bottom: 3%; top: auto; } .before::before { content: url(""); position: absolute; top: 13%; } .after::before { content: url(""); position: absolute; top: 91%; transform: scaleY(-1); } .noDisplay::before { content: url(""); height: 1rem; width: 1rem; background-color: rgb(187, 187, 187); border-radius: 50%; display: -webkit-box; opacity: 0.7; margin-left: 1rem; } } @media (max-width: 991px) and (min-width: 768px) { .timelineHeading { position: fixed !important; margin-bottom: 1rem !important; } .before { position: fixed; left: 9.5%; top: 18%; } .after { position: fixed; left: 9.5%; top: 94.2%; } .shareBox { margin-right: 10rem; } .shareOptions { right: 9rem; } } @media (max-width: 380px) { .before { left: 6.5%; } .after { left: 6.5%; } } .sideTab li { padding: 0.6rem 1.5rem; background: transparent; } .heritageBanner { width: 100%; height: 100vh; display: none; min-height: 600px; position: relative; } .sideTab > li { cursor: pointer; } .clear { clear: both; } ::-webkit-scrollbar { background: transparent; width: 0px !important; } .heritageYearActive { opacity: 1; display: block; animation: 2s ease 0s 1 normal none running fadeAddAnimation; } .heritageYearHeadingAnimation { display: block; animation: 2s ease 0s 1 normal none running fadeAddAnimationFull; } .zeroOpacity { opacity: 0; } @keyframes fadeAddAnimation { 0% { opacity: 0.5; } 100% { opacity: 1; } } @-webkit-keyframes fadeAddAnimation { 0% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes fadeAddAnimationFull { 0% { opacity: 0; margin-left: 5rem; margin-right: -5rem; } 100% { opacity: 1; margin-left: 0rem; margin-right: 0rem; } } @-webkit-keyframes fadeAddAnimationFull { 0% { opacity: 0; margin-left: 5rem; margin-right: -5rem; } 100% { opacity: 1; margin-left: 0rem; margin-right: 0rem; } } @media (max-width: 320px) { .sideTab { height: 81%; left: 1.5%; top: 10.5%; } .heritageYearRange { left: 1.5%; top: 10.5%; } .tataLogo { width: 92%; } .heroControls div.carousel-indicators { bottom: 1%; } } @media (max-width: 575px) { .sectionContent { padding-bottom: 1.5rem !important; } .before { position: fixed; left: 6%; top: 18%; } .after { top: 95%; position: fixed; left: 6%; } .storyBtn span { white-space: normal; } .shareOptions::after { left: 14.5rem; } .imgDescription { width: auto; } .verticalLine:last-child { display: none; } body { cursor: pointer; } .verticalAlign { vertical-align: sub; } .sideTab { height: 70%; top: 22%; } .heritageYearRange { left: 1.5%; } .forLineBg { height: 3.5rem; background-repeat: no-repeat; } .heritageYearRange::before { left: 2.4rem; top: 6.7rem; } .heritageYearRange::after { left: 2.4rem; bottom: 6.5rem; } .tataLogo { width: 84%; margin-left: 20%; } .sideTab .list-group-item { font-size: 1.4rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .bannerPara { font-size: 1.4rem; margin-top: 1rem; } .sectionContent { left: 15%; top: 15% !important; } .info { width: 100%; margin-bottom: 2rem; font-size: 14px; line-height: 24px; } .banerBox { width: 100%; margin-bottom: 20px; } .banerBox img { width: 100%; } .heroHeading { font-size: 4rem; } .pull-bottom { margin-bottom: 0.3rem; } .companyHeadline { font-size: 1.4rem; font-weight: bold; } .carouselIndicators { } .heroControls .carousel-indicators { padding-left: 15%; padding-right: 0px; left: 24.8%; bottom: 20%; } .yearTypo { line-height: 2.9rem; } .abtUsTooltip { position: absolute; bottom: -12%; margin-top: 0rem; } .imgDesc .readMore { font-style: normal; } .imgDesc .imgDescText { background-color: rgb(69, 69, 69); color: rgb(255, 255, 255); width: 130%; bottom: 145%; left: 0px; border-radius: 6px; position: absolute; padding: 5px 10px; } .imgDesc .imgDescText::after { content: ""; position: absolute; top: 98%; left: 50%; margin-left: -105px; border-width: 5px; border-style: solid; border-color: rgb(69, 69, 69) transparent transparent; } .clickableDiv { cursor: pointer; } .bannerReadingTxt .storyBtn { text-align: left; display: none; } .storyBtn .readMArrow { float: left; } .storyBtn span { margin-left: 1rem; float: left; } } @media (max-width: 767px) and (min-width: 576px) { body { cursor: pointer; } .sideTab {top: 22%;left: 37px;} .heritageYearRange {left: 1rem;} .tataLogo { width: 88%; margin-left: 20%; } .Indicators .timelineHeading {left: 22%;} .carouselIndicators {bottom: 10%;left: 3.2% !important;} .heroControls .carousel-indicators {padding-left: 10rem;left: 22%;} .shareOptions::after { left: 14.5rem; } .heritageYearRange .before { left: 2.4rem; top: 3%; } } @media (max-width: 768px) and (min-width: 767px) { .heritageYearRange .sideTab { } .heritageYearRange::before { top: 16rem; left: 4.7rem !important; } .heritageYearRange::after { bottom: 9.5rem; left: 4.7rem !important; } } @media (max-width: 991px) and (min-width: 768px) { body { cursor: pointer; } .sectionContent { top: 35%; left: 13%; } .sectionContent.hasImg { top: 10%; } .info { width: 100%; margin-bottom: 2rem; } .sideTab { left: 5rem; top: 21%; } .heritageYearRange { left: 5rem; } .divider { margin: 0px 1rem 1rem; } .heroControls .carousel-indicators { padding-right: 25%; } .heritageYearRange::before { left: 7.5rem; top: 16rem; } .heritageYearRange::after { left: 7.5rem; bottom: 9.5rem; } .sideTab { height: 71%; } .heroControls .carousel-indicators { padding-left: 12.5rem; left: 21.6%; bottom: 6%; } } @media (max-width: 1199px) and (min-width: 992px) { .sideTab { left: 0px; } .heritageYearRange { left: 4rem; } .heritageYearRange::before { left: 6.4rem; top: 16rem; } .heritageYearRange::after { left: 6.4rem; bottom: 9.5rem; } } @media (max-width: 1198px) and (min-width: 1100px) { .sideTab { } .heroControls .carousel-indicators { padding-left: 11rem; bottom: 20%; left: 30%; } .heritageYearRange { left: 20rem; } } @media screen and (min-width: 1320px) { .sideTab { left: 10%; } .sectionContent { top: 32%; } .sectionContent.hasImg { top: 8%; } .heritageYearRange { left: 10%; } .carItem .jwplayer.jw-flag-aspect-mode { height: 100% !important; } } @media screen and (min-width: 1440px) { .sideTab { left: 16%; } .heritageYearRange { left: 16%; } .heroControls .carousel-indicators { padding-left: 12.5rem; bottom: 20%; } .bannerPara { font-size: 1.8rem; } } @media screen and (min-width: 1440px) { .sideTab { left: 10%; } .sectionContent { top: 32%; } .sectionContent.hasImg { top: 8%; } .heritageYearRange { left: 10%; } .carItem .jwplayer.jw-flag-aspect-mode { height: 100% !important; } } @media screen and (min-width: 1600px) { .sideTab { left: 0rem; } .heritageYearRange { left: 26.5rem; } .Indicators .carouselIndicators { width: 67%; bottom: 23%; left: 6.5%; } .Indicators .timelineHeading { left: 25%; bottom: 26%; } .heroControls .carousel-indicators { width: 100%; padding-left: 5.6%; left: 24.9%; bottom: 19%; } } @media screen and (min-width: 1900px) { .sideTab { left: 0rem; } .heritageYearRange { left: 37.5rem; } .Indicators .carouselIndicators { width: 67%; bottom: 24%; left: 10%; } .Indicators .timelineHeading { left: 28.5%; bottom: 27%; } .heroControls .carousel-indicators { width: 100%; padding-left: 5.6%; left: 28.5%; bottom: 20%; } } @media (max-width: 2199px) and (min-width: 2100px) { .sideTab { left: 46.5rem; } .heritageYearRange { left: 46.5rem; } .Indicators .timelineHeading { bottom: 18%; left: 30.5% !important; } .Indicators .carouselIndicators { width: 74%; bottom: 14%; left: 12%; } .heroControls .carousel-indicators { padding-left: 7.6%; bottom: 11%; left: 16%; } } @media screen and (min-width: 2200px) { .sideTab { left: 53.5rem; } .heritageYearRange { left: 53.5rem; } .Indicators .carouselIndicators { width: 67%; bottom: 14%; left: 15%; } .Indicators .timelineHeading { left: 14.5%; bottom: 17%; } .heroControls .carousel-indicators { width: 100%; padding-left: 5.6%; bottom: 12%; left: 19%; } } @media screen and (min-width: 2300px) { .sideTab { left: 60.5rem; } .heritageYearRange { left: 60.5rem; } .Indicators .carouselIndicators { width: 67%; bottom: 14%; left: 15%; } .Indicators .timelineHeading { left: 14.5%; bottom: 16%; } .heroControls .carousel-indicators { width: 100%; padding-left: 17.6rem; } } @media screen and (min-width: 2400px) { .sideTab { left: 66.5rem; } .heritageYearRange { left: 66.5rem; } .Indicators .carouselIndicators { width: 67%; bottom: 14%; left: 15%; } .Indicators .timelineHeading { left: 14.5%; bottom: 16%; } .heroControls .carousel-indicators { width: 100%; padding-left: 5.6%; } } @media screen and (min-width: 2500px) { .sideTab { left: 0px; } .heritageYearRange { left: 27.2%; } .Indicators .carouselIndicators { width: 67%; bottom: 14%; left: 15%; } .Indicators .timelineHeading { left: 14.5%; bottom: 16%; } .heroControls .carousel-indicators { width: 100%; bottom: 11%; } } @media screen and (min-width: 2100px) { .carousel-control { left: 14.5%; } .timelineHeading { left: 33.4% !important; } .container { width: 45.5%; } } @media screen and (max-width: 2500px) and (min-width: 2100px) { .sideTab { position: relative; left: auto !important; } .heritageYearRange { left: 27%; } } .videoCarousel .innerCarousel .carItem { display: block; } .videoCarousel .jw-skin-myskin .jw-controls { display: block; } .carouselDiv { position: relative; width: 100%; } .innerCarousel { position: relative; overflow: hidden; width: 100%; } .innerCarousel > .carItem { display: none; position: relative; transition: left 0.6s ease-in-out 0s; } .timelineHeading { position: absolute; z-index: 10; bottom: 27%; left: 21%; margin-left: 0px; color: rgb(255, 255, 255); display: flex; } @media (max-width: 575px) { .timelineHeading { left: 25.1%; bottom: 28%; } } .innerCarousel > .carItem > img, .innerCarousel > .carItem > a > img { display: block; max-width: 100%; height: auto; } @media not all, (-webkit-transform-3d) { .innerCarousel > .carItem { transition: transform 0.6s ease-in-out 0s; } .innerCarousel > .carItem.next, .innerCarousel > .carItem.active.right { transform: translate3d(100%, 0px, 0px); left: 0px; } .innerCarousel > .carItem.prev, .innerCarousel > .carItem.active.left { transform: translate3d(-100%, 0px, 0px); left: 0px; } .innerCarousel > .carItem.next.left, .innerCarousel > .carItem.prev.right, .innerCarousel > .carItem.active { transform: translate3d(0px, 0px, 0px); left: 0px; } } .innerCarousel > .active, .innerCarousel > .next, .innerCarousel > .prev { display: block; } .innerCarousel > .active { left: 0px; } .innerCarousel > .next, .innerCarousel > .prev { position: absolute; top: 0px; width: 100%; } .innerCarousel > .next { left: 100%; } .innerCarousel > .prev { left: -100%; } .innerCarousel > .next.left, .innerCarousel > .prev.right { left: 0px; } .innerCarousel > .active.left { left: -100%; } .innerCarousel > .active.right { left: 100%; } .carouselIndicators { position: absolute; z-index: 10; width: 100%; text-align: center; bottom: 24%; left: 2%; margin-left: 0px; padding: 0px 8% 0px 18%; } @media (max-width: 575px) { .carouselIndicators { left: 5.8%; bottom: 24%; padding: 0px 1% 0px 18%; } } .carouselIndicators li { display: inline-block; width: 0px; height: 3px; margin: -1px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 0px; border-radius: 0px; float: left; } .carouselIndicators li.active { background-color: rgb(255, 255, 255); height: 3px; } .carouselIndicators div, .carouselIndicators .active { float: left; width: 31%; height: 3px; margin-left: 1%; background-color: rgb(255, 255, 255); } .carouselIndicators .active li { float: left; background-color: rgb(226, 163, 48); } .captionContainer { text-align: center; position: absolute; z-index: 10; padding-top: 20px; color: rgb(255, 255, 255); bottom: 30%; width: 100%; } .carouselIndicators div { border: 1px solid rgb(255, 255, 255); cursor: pointer; } @media (max-width: 320px) { .sideTab { height: 81%; left: 1.5%; top: 10.5%; } .heritageYearRange { left: 1.5%; top: 10.5%; } .tataLogo { width: 92%; } .carouselIndicators div.twoIndicators { width: 100%; } } @media (max-width: 575px) { .carouselIndicators { } .carouselIndicators li, .carouselIndicators .active, .carouselIndicators div { height: 2px; width: 22%; } .carouselIndicators .active { display: block; } .carouselIndicators div.twoIndicators { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .carouselIndicators { position: fixed; left: 2.7%; top: 90% !important; } .timelineHeading { left: 21.5%; bottom: 13%; } .carousel-indicators { position: fixed; top: 93%; } .tataLogo { margin-left: 3.65rem; } .heritageYearRange { top: 14%; } .backBtn { margin-right: 10rem; } } .numPagination { display: inline-block; } .verticalLine::after { content: ""; border: 1px solid rgb(188, 188, 188); line-height: 1px; margin: 1rem; } .videoContainerdiv { height: 56.5rem; } .videoDiv { background: url("../images/heritage/video_img.jpg") 0px 0px / cover no-repeat transparent; } .marginTop { margin-top: 2%; } .overlaySection { position: fixed; z-index: 15; top: 0px; height: 100vh; background-color: rgb(0, 0, 0); opacity: 0.9; width: 100%; } .modal-content { box-shadow: none; } .saltVideoModal { padding: 1rem 1.5rem 1rem 5rem; height: 56.6rem; } .saltVideoModal > .saltModalTitle { font-size: 2.8rem; color: rgb(255, 255, 255); width: 82rem; height: 6rem; } .saltVideoModal > .saltTextDetails { display: inherit; } .saltVideoModal > .vidcloseIcon > .closeTxt { background-image: url("../images/heritage/close_icon.svg"); width: 19px; height: 19px; background-repeat: no-repeat; margin-right: 2rem; margin-top: 1rem; } .rectangle { display: none; position: absolute; width: 26.6rem; height: 22.5rem; border-bottom: 0.2rem solid rgb(226, 163, 48); border-right: 0.2rem solid rgb(226, 163, 48); left: 22.3%; top: 41.8%; } .vidcloseIcon { top: 0px; } .playBuffer { position: absolute; background: rgb(255, 255, 255); height: 0.1rem; width: 0px; display: block; transition: width 0.5s ease-out 0s; bottom: 0px; } .volumeBar { display: none !important; } .soundIcon { background-image: url("../images/heritage/sound_icon.svg"); width: 25px; height: 19px; background-repeat: no-repeat; position: absolute; } .muteIcon { background-image: url("../images/heritage/mute_icon.svg"); width: 14px; height: 18px; background-repeat: no-repeat; position: absolute; } .fullScrIcon { background-image: url("../images/heritage/full_screen_icon.svg"); width: 20px; height: 20px; background-repeat: no-repeat; position: absolute; } .exitFullScIcon { background-image: url("../images/heritage/exit_full_screen_icon.svg"); width: 19px; height: 20px; background-repeat: no-repeat; position: absolute; } .closeImg { background-image: url("../images/heritage/close_icon.svg"); width: 19px; height: 19px; background-repeat: no-repeat; position: absolute; margin-left: -4rem; margin-top: 2rem; } .backwardImg { background-image: url("../images/heritage/backward.svg"); width: 45px; height: 46px; background-repeat: no-repeat; position: absolute; } .forwardImg { background-image: url("../images/heritage/forward.svg"); width: 45px; height: 46px; background-repeat: no-repeat; position: absolute; } .playIcon { background-image: url("../images/heritage/play_button.svg"); width: 46px; height: 46px; background-repeat: no-repeat; position: absolute; } .pauseIcon { background-image: url("../images/heritage/pause_button.svg"); width: 46px; height: 46px; background-repeat: no-repeat; position: absolute; } .nextIcon { background-image: url("../images/heritage/nexthover.svg"); width: 45px; height: 45px; background-repeat: no-repeat; position: absolute; } .nextIcon:hover { background-image: url("../images/heritage/next.svg"); } .next { right: -8%; } .prevIcon { background-image: url("../images/heritage/prevhover.svg"); width: 45px; height: 45px; background-repeat: no-repeat; position: absolute; } .prevIcon:hover { background-image: url("../images/heritage/prev.svg"); } .prev { left: -5%; } .navIcons { top: 41%; transform: translate(-50%, 50%); } .modalVideo { width: 100rem; top: 5%; } .videoCommon { height: 100%; padding: 0rem; position: relative; } .videoContainer { height: 100%; } .videoCommon .header { height: 12.4rem; } .videoCommon .closeVideo { right: 0px; } .videoCommon .addWidth { width: 124rem !important; } .videoCommon .cursorPointer { cursor: pointer; } .videoCommon .videoDiv { width: 100%; height: 100%; } .modalVideo { background: transparent; } .modalVideo .modal-content { height: 100%; background: transparent; } ::-webkit-media-controls { display: none !important; } video::-webkit-media-controls { display: none !important; } video::-webkit-media-controls-enclosure { display: none !important; } .alignControls { display: flex; margin: 0px auto; } .videoCommon .videoControls { width: 100%; position: absolute; bottom: 0px; vertical-align: middle; display: flex; right: 0px; margin: 0px auto 4.8rem; left: 6rem; } .topControls { top: 0.6rem; left: 92%; position: absolute; } .centerControls { top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; position: absolute; } .centerControls .backBy { position: absolute; font-size: 1.4rem; color: rgb(255, 255, 255); top: 1.5rem; left: 1.5rem; } .centerControls .fwdBy { position: absolute; font-size: 1.4rem; color: rgb(255, 255, 255); top: 1.5rem; right: -3rem; } .noselect { user-select: none; } .volumeControl { top: -4rem; left: 86%; display: flex; position: absolute; } .alignCenterControls { margin-left: 8.5rem; margin-right: 8.5rem; } .addMargin { margin-top: 0.2rem; } .videoCommon { width: 100%; padding: 0rem; position: relative; margin: 0rem auto; } .videoCommon .header { height: 12.4rem; } .videoCommon .closeVideo { position: absolute; } .videoCommon .timerControls { margin-bottom: 1.5rem; position: absolute; bottom: 0px; left: 6rem; display: flex; } .videoCommon .lineSeparation { color: rgb(255, 255, 255); font-size: 1.6rem; } .videoCommon .startTime { margin-bottom: 0px; color: rgb(207, 207, 207); width: 3.7rem; font-size: 1.6rem; line-height: 1.9rem; margin-right: 0.5rem; } .videoCommon .endTime { margin-left: 0.5rem; color: rgb(207, 207, 207); width: 3.7rem; font-size: 1.6rem; line-height: 1.9rem; } .videoCommon .play .pause { border: 0px; } .videoCommon .muteUnmute { width: 2.5rem; margin-left: 4rem; } .videoCommon .fullMode { margin-left: 3rem; } .slider { appearance: none; outline: 0px; box-sizing: border-box; height: 0.2rem; margin-top: 2.8rem; } .seekBar { width: 81% !important; } .slider, .slider::-webkit-slider-runnable-track, .slider::-webkit-slider-thumb { appearance: none; } .slider::-webkit-slider-runnable-track { width: 20rem; height: 0.3rem; background: linear-gradient(to right, rgb(208, 2, 27), rgb(208, 2, 27)) 0% 0% / 1% 100% no-repeat, rgb(170, 170, 170); } .slider::-webkit-slider-thumb { appearance: none; cursor: pointer; box-sizing: border-box; height: 0.8rem; width: 0.8rem; border: 0.1rem solid rgb(255, 255, 255); border-radius: 50%; background: rgb(208, 2, 27); margin-top: -0.3rem; } input[type="range"].vertical { appearance: none; background-color: rgb(207, 207, 207); height: 0.3rem; width: 4.4rem; margin-left: -2rem; margin-top: 2rem; transform: rotate(-90deg); outline: 0px; box-sizing: border-box; } input[type="range"].vertical::-webkit-slider-thumb { appearance: none; cursor: pointer; box-sizing: border-box; height: 0.8rem; width: 0.8rem; border: 0.1rem solid rgb(255, 255, 255); border-radius: 50%; background: rgb(208, 2, 27); margin-top: -0.2rem; } .rectangle { width: 24rem; height: 13.3rem; left: 59.1%; top: 70%; } .saltVideoModal > .saltTextDetails > .saltModalText { position: absolute; padding: 0.5rem 1.5rem 1rem 2rem; background-color: rgb(0, 0, 0); opacity: 0.8; margin-top: 2rem; font-size: 1.6rem; line-height: 2.5rem; width: 98.5%; left: 0px; color: rgb(255, 255, 255); bottom: 0px; } .saltModalImg { width: 100%; height: 100%; } .saltVideoModal { padding-top: 0rem; padding-bottom: 9.5rem; padding-left: 0px; } .saltVideoModal > .saltTextDetails { display: inherit; } .saltVideoModal > .saltModalTitle { font-size: 2.4rem; color: rgb(255, 255, 255); width: 85rem; height: 7rem; } @media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) { .videoCommon .closeVideo { margin-left: 0px; right: -1rem; } .rectangle { width: 13.1rem; height: 10.9rem; left: 53%; top: 61%; } } @media only screen and (max-device-width: 736px) and (min-device-width: 412px) { .rectangle { width: 13.1rem; height: 10.9rem; left: 56.6%; top: 63%; } } @media (max-width: 575px) { .videoContainerdiv { height: 32rem; } .modalVideo { width: 28.3rem; top: 6rem; margin: auto; } .topControls { top: 0.6rem; left: 78%; } .alignCenterControls { margin-left: 5rem; margin-right: 5rem; } .centerControls { top: 37%; left: 45%; } .centerControls .fwdBy { font-size: 1.1rem; top: 0.9rem; right: -2rem; } .centerControls .backBy { font-size: 1.1rem; top: 0.9rem; left: 0.7rem; } .seekBar { width: 80% !important; } .videoCommon .startTime { margin-bottom: 0px; width: 3.7rem; font-size: 1rem; line-height: 1.2rem; margin-right: -1rem; } .videoCommon .endTime { margin-left: 0.5rem; width: 3.7rem; font-size: 1rem; line-height: 1.2rem; } .videoCommon .timerControls { margin-bottom: 0.8rem; left: 1.2rem; } .videoCommon .videoControls { left: 1rem; margin-bottom: 2.8rem; } .videoCommon .lineSeparation { font-size: 1.1rem; } .videoCommon .fullMode { margin-left: 0.5rem; } .videoCommon .closeVideo { margin-left: 0px; right: -1rem; } .soundIcon { display: none; } .muteIcon { background-image: url("../images/heritage/mute_icon.png"); width: 10px; height: 12px; } .fullScrIcon { background-image: url("../images/heritage/full_screen_icon.png"); width: 11px; height: 12px; } .exitFullScIcon { background-image: url("../images/heritage/exit_full_screen_icon.png"); width: 11px; height: 12px; } .closeImg { background-image: url("../images/heritage/close_icon.svg"); width: 40px; height: 40px; margin-left: -3rem; margin-top: 0rem; } .backwardImg { background-image: url("../images/heritage/backward.png"); width: 27px; height: 28px; } .forwardImg { background-image: url("../images/heritage/forward.png"); width: 27px; height: 28px; } .playIcon { background-image: url("../images/heritage/play_button.png"); width: 30px; height: 30px; } .pauseIcon { background-image: url("../images/heritage/pause_button.png"); width: 30px; height: 30px; } .nextIcon { background-image: url("../images/heritage/next.png"); width: 23px; height: 23px; } .nextIcon:hover { background-image: url("../images/heritage/next.png"); } .prevIcon { background-image: url("../images/heritage/prev.png"); width: 23px; height: 23px; } .prevIcon:hover { background-image: url("../images/heritage/prev.png"); } .prev { left: 39%; } .next { right: 35%; } .navIcons { top: 100%; } .videoCommon .fullMode { margin-left: 2rem; } .marginTop { margin-top: 9%; } .saltVideoModal > .saltTextDetails { display: block; } .saltVideoModal { padding: 0px; height: auto; } .saltVideoModal > .saltModalTitle { font-size: 1.4rem; width: 91%; height: 8.6rem; line-height: 2.2rem; padding-top: 10%; } .saltModalImg { width: 100%; height: 100%; margin: 0px; } .rectangle { width: 13.1rem; height: 10.9rem; left: 56%; top: 63%; } .saltVideoModal > .saltTextDetails > .saltModalText { position: relative; background-color: transparent; padding-left: 0px; width: 98%; font-size: 1.4rem; line-height: 2rem; left: 1rem; bottom: 1rem; } .saltVideoModal > .closeIcon > .closeTxt { background-image: url("../images/heritage/close_icon.svg"); width: 10px; height: 10px; } .jwplayer { top: 40%; } .saltVideoModal > .vidcloseIcon > .closeTxt { margin-top: -6rem; margin-right: 1.2rem; } .saltmodal > .videoContainer > .carouselDiv { position: relative; width: 100%; height: 45rem; } .saltmodal > .videoContainer > .carouselDiv { position: relative; width: 100%; height: 43rem; } } @media only screen and (max-device-width: 426px) and (min-device-width: 412px) { .saltmodal > .videoContainer > .carouselDiv { position: relative; width: 100%; height: 45rem; } } @media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) { .saltmodal > .videoContainer > .carouselDiv { position: relative; width: 100%; height: 50rem; } } @media (max-width: 767px) and (min-width: 576px) { .modalVideo { width: 28.3rem; top: 6rem; margin: auto; } .topControls { top: 0.6rem; left: 78%; } .alignCenterControls { margin-left: 5rem; margin-right: 5rem; } .centerControls { top: 37%; left: 45%; } .centerControls .fwdBy { font-size: 1.1rem; top: 0.9rem; right: -2rem; } .centerControls .backBy { font-size: 1.1rem; top: 0.9rem; left: 0.7rem; } .seekBar { width: 80% !important; } .videoCommon .startTime { margin-bottom: 0px; width: 3.7rem; font-size: 1rem; line-height: 1.2rem; margin-right: -1rem; } .videoCommon .endTime { margin-left: 0.5rem; width: 3.7rem; font-size: 1rem; line-height: 1.2rem; } .videoCommon .timerControls { margin-bottom: 0.8rem; left: 1.2rem; } .videoCommon .videoControls { left: 1rem; margin-bottom: 2.8rem; } .videoCommon .lineSeparation { font-size: 1.1rem; } .videoCommon .fullMode { margin-left: 0.5rem; } .videoCommon .closeVideo { margin-left: 0px; right: -1rem; margin-top: 9rem; } .soundIcon { display: none; } .muteIcon { background-image: url("../images/heritage/mute_icon.png"); width: 10px; height: 12px; } .fullScrIcon { background-image: url("../images/heritage/full_screen_icon.png"); width: 11px; height: 12px; } .exitFullScIcon { background-image: url("../images/heritage/exit_full_screen_icon.png"); width: 11px; height: 12px; } .closeImg { background-image: url("../images/heritage/close_icon.svg"); width: 10px; height: 10px; margin-left: -2rem; margin-top: -2rem; } .backwardImg { background-image: url("../images/heritage/backward.png"); width: 27px; height: 28px; } .forwardImg { background-image: url("../images/heritage/forward.png"); width: 27px; height: 28px; } .playIcon { background-image: url("../images/heritage/play_button.png"); width: 30px; height: 30px; } .pauseIcon { background-image: url("../images/heritage/pause_button.png"); width: 30px; height: 30px; } .nextIcon { background-image: url("../images/heritage/next.png"); width: 23px; height: 23px; } .nextIcon:hover { background-image: url("../images/heritage/next.png"); } .prevIcon { background-image: url("../images/heritage/prev.png"); width: 23px; height: 23px; } .prevIcon:hover { background-image: url("../images/heritage/prev.png"); } .prev { left: 39%; } .next { right: 35%; } .navIcons { top: 175%; } .videoCommon .fullMode { margin-left: 2rem; } .marginTop { margin-top: 9%; } .saltVideoModal > .saltTextDetails { display: block; } .saltVideoModal { padding: 0px; height: auto; } .saltVideoModal > .saltModalTitle { font-size: 1.4rem; width: 91%; height: 8.6rem; line-height: 2.2rem; padding-top: 10%; } .saltModalImg { width: 100%; height: 100%; margin: 0px; } .rectangle { width: 13.1rem; height: 10.9rem; left: 56%; top: 63%; } .saltVideoModal > .saltTextDetails > .saltModalText { position: relative; background-color: transparent; padding-left: 0px; width: 98%; font-size: 1.4rem; line-height: 2rem; left: 1rem; bottom: 1rem; } .saltVideoModal > .closeIcon > .closeTxt { background-image: url("../images/heritage/close_icon.svg"); width: 10px; height: 10px; } .jwplayer { top: 40%; } .saltVideoModal > .vidcloseIcon > .closeTxt { margin-top: -6rem; margin-right: 1.2rem; } .saltmodal > .videoContainer > .carouselDiv { position: relative; width: 100%; height: 45rem; } .saltmodal > .videoContainer > .carouselDiv { position: relative; width: 100%; height: 43rem; } .videoContainerdiv { height: 32rem; } } @media (max-width: 991px) and (min-width: 768px) { .closeImg { margin-left: -2rem; margin-top: 0px; } .modalVideo { width: 58.7rem; top: 20rem; } .topControls { top: 1.6rem; left: 85%; } .seekBar { width: 74% !important; } .videoCommon .muteUnmute { display: none; } .videoCommon .fullMode { margin-left: 4rem; margin-top: 3%; } .videoContainerdiv { height: 66.6rem; } .volumeControl { top: -3rem; left: 75%; } .prev { left: -8%; } .next { right: -14%; } .prevIcon:hover { background-image: url("../images/heritage/prev.png"); } .nextIcon:hover { background-image: url("../images/heritage/next.png"); } .rectangle { width: 24rem; height: 13.3rem; left: 59.1%; top: 70%; } .saltVideoModal > .saltTextDetails > .saltModalText { width: 98%; bottom: 4rem; padding: 1rem 1.5rem 2rem 2rem; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.8; } .saltModalImg { width: 100%; height: 100%; } .saltVideoModal { padding-top: 0rem; padding-bottom: 9.5rem; padding-left: 0px; } .saltVideoModal > .saltTextDetails { display: inherit; } .saltVideoModal > .saltModalTitle { font-size: 3.6rem; color: rgb(255, 255, 255); width: 56rem; height: 12rem; } .jwplayer { top: 18%; } } @media (max-width: 1024px) and (min-width: 992px) { .modalVideo { width: 84%; top: 11.7rem; } .topControls { left: 85%; } .seekBar { width: 81% !important; } .volumeControl { top: -4rem; left: 84%; } .next { right: -9.5%; } .videoCommon .fullMode { margin-left: 5rem; } .videoCommon .muteUnmute { display: none; } .closeImg { margin-left: 8rem; } } @media screen and (min-width: 2000px) { .modalVideo { width: 167rem; top: 6%; } .soundIcon { top: 56%; margin-left: 6rem; } .muteIcon { top: 56%; } input[type="range"].vertical { margin-left: 0rem; } .videoCommon .fullMode { margin-left: 11rem; margin-top: 2rem; } .videoCommon { width: 68%; } .saltVideoModal { height: 64rem; } .videoContainerdiv { height: 64rem; } } @media only screen and (max-device-width: 736px) and (min-device-width: 414px) { .modalVideo { width: 36.3rem; } .seekBar { width: 34.2rem !important; } } @media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape) { .modalVideo { width: 97%; } .seekBar { width: 90% !important; } .nextIcon { display: none !important; } .prevIcon { display: none !important; } .topControls { display: none; } } @media only screen and (max-device-width: 732px) and (min-device-width: 412px) { .modalVideo { width: 30.3rem; } .seekBar { width: 34.2rem !important; } .topControls { left: 81%; } } @media only screen and (max-device-width: 732px) and (min-device-width: 412px) and (orientation: landscape) { .modalVideo { width: 97%; } .seekBar { width: 90% !important; } .nextIcon { display: none !important; } .prevIcon { display: none !important; } .topControls { display: none; } } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) { .saltVideoModal { padding-top: 9.5rem; padding-left: 6%; padding-bottom: 9.5rem; } .rectangle { left: 17.8%; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait) { .saltVideoModal { padding-left: 6%; } .rectangle { left: 17.8%; } .next { right: -8.5%; } .prev { left: -4%; } } @media screen and (min-width: 2000px) { .rectangle { position: absolute; width: 19.6rem; height: 20.55rem; border-bottom: 0.2rem solid rgb(226, 163, 48); border-right: 0.2rem solid rgb(226, 163, 48); left: 22.3%; top: 53.7%; } } .linkCopyModal .hoverimg { display: none; } .activeUrl .normimg { display: none; } .activeUrl .hoverimg { display: block; } .copyBtnModal .hoverimg { display: none; } .activeText .normimg { display: none; } .activeText .hoverimg { display: block; } .shareBtnParentModal { display: block; cursor: pointer; } .modal-header, .modal-footer { border: 0px; padding: 0px; } .modal-body { padding: 0px; } .closeIcon { position: absolute; right: 1.5rem; top: 1.5rem; } .stIcons { padding: 0px; } .captionBorderM { border-left: 2px solid rgb(255, 255, 255); position: absolute; height: 100%; bottom: 0px; } .ymlSalt img.arrow { z-index: initial !important; } .modal-body li span { color: rgb(70, 70, 70); line-height: 3.2rem; font-size: 1.6rem; } .modal-header .captionBorderM { border: 1px solid rgb(178, 178, 178); } .contentBOD::after { border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-right: 15px solid rgb(255, 255, 255); content: ""; height: 0px; position: absolute; left: -1.5rem; top: 3rem; width: 0px; } .managementModal { width: 100%; margin: 0px auto; border-radius: 0px; } .managementModal .modal-content { border-radius: 0px; } .modal-body ul { text-align: left; list-style-type: square; margin-top: 0px; padding-left: 25px; margin-bottom: 5px; } .modal-body ul li { color: rgb(48, 127, 226); margin-bottom: 2%; } .modal-body ul li:last-child { margin-bottom: 0px; } .managementModal .headerRow { display: block; margin: 0px 0px 1rem; } .downloadDiv { position: absolute; bottom: 1rem; right: 1rem; } .imageDiv img { width: 100%; } .managementModal .managHead { position: relative; } .modal-header .desigCap { text-align: left; margin-left: 0px; color: rgb(127, 127, 127); font-size: 3.6rem; line-height: 3.6rem; font-weight: 500; } .managementModal .managHead .headerCap { line-height: 4.8rem; font-weight: bold; font-size: 4.8rem; color: rgb(48, 127, 226); } .modalPara { text-align: left; color: rgb(70, 70, 70); line-height: 2.2rem; font-size: 1.5rem; margin-bottom: 0px; } .endDiv { height: 0.2rem; width: 10rem; border: 0.1rem solid rgb(226, 163, 48); display: inline-block; margin: 5rem 0px; } .ymlSection .cont { position: relative; } .ymlRow .row { margin-top: 0px !important; } .ymlSection .ymlRow { margin-top: 3rem; display: flex; padding: 0px 3rem; } .ymlSection { margin-top: 6rem; padding: 2rem 0px; } .ymlRow .nHeading { font-weight: 700; margin: 4.5rem 2.5rem 1.1rem 4rem; font-size: 2.2rem; line-height: 2.7rem; color: rgb(69, 69, 69); } .ymlRow .contentStory { word-break: break-word; padding: 0px; color: rgb(70, 70, 70); line-height: 2.2rem; font-size: 1.4rem; margin-left: 2rem; animation: 2s ease 0s 1 normal none running fadein; } .ymlSection { background-color: rgb(242, 242, 242); } .ymlSection .cont { background-color: rgb(255, 255, 255); } .ymlSection .container { max-width: 100%; } .ymlSection .rowMargin { margin: 0px 1.5rem; } .ymlSection .captionBorder.inView { border-left: 2px solid rgb(240, 173, 78); } .contentContainer { width: 100%; height: 100%; position: absolute; } .storyContent { text-overflow: ellipsis; overflow: hidden; position: relative; } .viewNext { position: relative; display: inline-block; padding: 1rem 2rem; font-size: 1.2rem; margin: 2rem 0px; line-height: 1.5; background-color: rgb(226, 163, 48); color: white; left: 50%; transform: translateX(-50%); } .headingDiv { left: -0.5rem; } .dirRow .headingDiv { left: -1.5rem; } .Tooltip .tooltiptext { top: -4.6rem; left: -19%; } input.copyAllText { opacity: 0; } .linkCopyModal > img.modalLink { width: 3rem; } .modalShare > .shareOptions { position: absolute; left: 4.5rem; top: 18.5rem; padding: 0.5rem; } .activeShare > .hideActive { display: inline-block !important; } .activeShare > .normalImg { display: none !important; } .iconsMobile { float: left; width: 10%; } .spnTextCopyModal textarea.urlCopied { display: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .spnTextCopyModal { position: absolute; top: 0rem; left: 4rem; z-index: 3; margin: 0px; } .spnTextCopyModal textarea.urlCopiediOs { display: none; width: 20rem; height: 4rem; opacity: 1; padding: 0.5rem 0px 0px 0.5rem; border-width: 0.1rem; border-radius: 0.5rem; } .copyIcon + .spnTextCopyModal { opacity: 1; z-index: 3; position: absolute; left: 5rem; top: 4rem; } .linkIcon + .spnTextCopyModal { position: absolute; opacity: 1; z-index: 3; left: 10rem; top: 4rem; } .spnTextCopyModal textarea.urlCopiediOs::selection { color: white; background: royalblue; } } @media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px) and (min-device-width: 412px) { .modalShare > .shareOptions { position: absolute; left: -0.5rem; top: 5rem; padding: 0.5rem; } } @media (max-width: 767px) and (min-width: 567px) { .linkCopyModal > img.modalLink { width: 3rem; } .modal-body ul { margin-top: 10px; margin-bottom: 0px; } } @media (max-width: 767px) { .modal-body li span { font-size: 1.6rem; line-height: inherit; } .modal-body ul { margin-top: 0px; margin-bottom: 20px; } .headingDiv { left: 0.5rem; } .mobileDiv { float: none; } .ymlSection .ymlRow { display: block; padding: 0px; } .ymlRow + .ymlRow { display: none; } .ymlRow .ymlCol { margin-bottom: 3rem; } .desktopDiv { display: none; } .managementModal { margin-top: 12%; } .managementModal .managHead { margin-left: 0px; } .managementModal .managHead .headerCap { line-height: 4.2rem; font-weight: 900; font-size: 2.4rem; color: rgb(48, 127, 226); padding-top: 6.7rem; padding-left: 1.5rem; } .managHead .desigCap { color: rgb(127, 127, 127); font-size: 1.8rem; line-height: 3.2rem; margin-top: 0px; font-weight: 500; margin-left: 1.5rem; } .mobileDiv .imageDiv { position: relative; margin-right: 0px; margin-top: 2rem; } .mobileDiv .imageDiv img { width: 100%; } .modalShare span { margin-left: 2rem; } .modalShare span:first-child { margin-left: 0px; } .modalShare { margin-top: 2rem; position: relative; } .modalShare > .shareOptions { top: 5rem; left: -0.5rem; } .aboutBoard { margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.4; margin-bottom: 2rem; font-weight: bold; } .aboutBoard::first-letter { font-weight: 900; } .modal-body .row { margin: 0px; } .ymlRow .ymlCol { padding: 0px; } .ymlRow .ymlCol .imgCont { padding: 0px; } .ymlCol .storyIcon { margin: 2rem 0px 0px 2rem; } .ymlRow .nHeading { margin: 1.8rem 3rem; font-size: 1.8rem; line-height: 2.2rem; } .ymlRow .contentStory { line-height: 1.8rem; font-size: 1.3rem; margin-left: 0.7rem; } .storyContent { margin-left: 5.1rem; margin-right: 3rem; } .ymlCol .arrow { margin: 2.4rem 2.1rem 2.4rem 25rem; width: 1.8rem; height: 1.4rem; float: right; } .ymlSection { margin-top: 0px; padding: 5rem 0px 2rem; } .contentBOD::after { left: -2.5rem; top: 3rem; } .endDiv { margin: 0px 0px 3rem; } .modalPara { line-height: inherit; display: inline-block; font-size: 1.6rem; margin-bottom: 2rem; } .managementModal .headerRow { margin-bottom: 0px; } .onlyText { background: white; } .modalParaDiv p { margin: 0px; } .contentBOD::after { position: absolute; } .contentBOD::after { left: 1.5rem; top: -1.4rem; border-width: 0px 15px 15px; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-left-style: solid; border-left-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); } .viewMoreHide { display: none !important; } .modalShare .spnTextCopyModal { position: absolute; top: 4rem; left: 0rem; z-index: 3; margin: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .modal-body ul { margin-bottom: 2rem; } .endDiv { margin: 2rem 0px 5rem; } .ymlRow .storyIcon { margin: 2rem 0px 0rem 3rem; } .headingDiv { left: 0.5rem; } .contentBOD::after { left: -2.5rem; top: 3rem; } .desktopDiv { display: none; } .downloadDiv { position: absolute; bottom: 1rem; right: 1rem; height: 4.5rem; width: 4.5rem; } .managementModal { width: 75rem; } .mobileDiv { margin-top: 4.3rem; } .modalShare { width: 3rem; float: left; position: absolute; margin-top: 4.3rem; } .modalShare span { width: 100%; margin-bottom: 5rem; float: left; } .spnTextCopyModal { position: absolute; top: 0rem; left: 4rem; z-index: 3; margin: 0px; } .managementModal .managHead .headerCap { line-height: 4.2rem; font-weight: 900; font-size: 4rem; color: rgb(48, 127, 226); padding: 8rem 0px 0px 1.6rem; } .managHead .desigCap { color: rgb(127, 127, 127); font-size: 3rem; line-height: 3.2rem; font-weight: 500; margin: 1.3rem 0px 0px 1.6rem; } .modalPara { margin: 5rem 0px 0px; display: inline-block; } .modalParaDiv p { margin: 0px; } .modal-body .row { margin: 0px; } .aboutBoard { text-align: left; font-size: 2.1rem; line-height: 1.5; display: inline-block; margin: 2.5rem 0px; } .aboutBoard::first-letter { font-weight: 900; } .modalPara, .modalList { text-align: left; color: rgb(70, 70, 70); font-size: 1.6rem; line-height: 1.6; margin: 0px 0px 2rem; } .managementModal .headerRow { margin-bottom: 0px; } .flexRow { margin: 3.9rem 0px 5.9rem; } .ymlRow, .ymlRow .row { display: flex; } .ymlSection .ymlRow { margin-top: 2rem; display: flex; padding: 0px; } .textC { width: 100%; height: 100%; } .ymlRow .row { height: 100%; } .alignL .mixedC { padding: 0px; } .alignR .mixedC { padding: 0px; } .managementModal .onlyText { background-color: white; height: 100%; position: relative; } .managementModal .storyText { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; } .ymlRow img.arrow { margin: 1rem 1.93rem 1.98rem; float: right; width: 1.1rem; height: 0.9rem; } .ymlRow .nHeading { font-weight: 700; font-style: normal; margin: 1.6rem 1rem 1.1rem 3.7rem; font-size: 1.6rem; line-height: 1.9rem; color: rgb(69, 69, 69); } .ymlRow .storyContent { position: relative; margin: 0px 1rem 0px 5rem; display: inline-block; max-height: 7.3rem; } .ymlRow .contentStory { line-height: 1.8rem; font-size: 1.2rem; margin-left: 0.9rem; } .managementModal { margin-top: 7rem; } .ymlCol, .ymlCol .imgCont { padding: 0px 1rem; } .ymlCol .imgCont { padding-left: 0px; } .arrowCon { margin-left: -1rem; } .viewNext { display: none; } .modalShare > .shareOptions { position: absolute; left: 4.5rem; top: -2rem; padding: 0.5rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .spnTextCopyModal textarea.urlCopiediOs { display: none; width: 35rem; height: 5rem; padding: 0.5rem 0px 0px 0.5rem; } .copyIcon + .spnTextCopyModal { position: absolute; opacity: 1; z-index: 1; left: 4rem; top: 8rem; } .linkIcon + .spnTextCopyModal { position: absolute; opacity: 1; z-index: 1; left: 4rem; top: 15rem; } } } @media (min-width: 992px) { .shareBtnParentModal .normalImg { display: block; } .shareBtnParentModal:hover .normalImg { display: none; } .shareBtnParentModal:hover .hideActive { display: block; } .managementModal { width: 100rem; } .ymlSection { padding: 5rem 0px 2rem; } .modalShare { margin-left: 10rem; } .managementModal { margin-top: 5%; margin-bottom: 7rem; } .managementModal .managHead .headerCap { line-height: 7rem; font-weight: 900; font-size: 3.8rem; color: rgb(48, 127, 226); padding: 6rem 0px 0px 2.6rem; } .managHead .desigCap { color: rgb(127, 127, 127); font-size: 2rem; line-height: 2.5rem; margin: 0px; font-weight: 500; padding-left: 2.6rem; } .modalShare { width: 3rem; float: left; margin: 5rem 0px 0px; } .modalShare span { width: 100%; margin-bottom: 5rem; float: left; } .modalShare .spnTextCopyModal { margin-bottom: 0rem; } .modal-header .clear { display: none; } .aboutBoard { font-size: 2.4rem; line-height: 4rem; color: rgb(33, 33, 33); text-align: left; margin-top: 4rem; } .aboutBoard::first-letter { font-weight: 900; } .headerRow .imgDiv { float: left; margin-left: 0px; padding-top: 8rem; } .modalPara { text-align: left; color: rgb(70, 70, 70); line-height: 3.2rem; font-size: 1.6rem; margin: 1rem 0px 0px; display: inline-block; } .mobileDiv { display: none; } .ymlRow, .ymlRow .row { display: flex; } .ymlSection .ymlRow { margin-top: 2rem; display: flex; padding: 0px; } .managementModal .onlyText { background-color: white; height: 100%; position: relative; } .managementModal .storyText { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; } .arrowCon { margin-left: -1.5rem; } .modal-body .row { margin: 0px; } .ymlSection .ymlRow { margin-top: 3rem; display: flex; padding: 0px; } .ymlCol .imgCont { padding-left: 0px; } .ymlRow .storyIcon { margin: 4rem 0px 0rem 4rem; } .storyContent { margin: 0px 4rem 0px 6rem; } .storyText .arrow { position: absolute; bottom: 4rem; right: 4rem; } .contentBOD::after { left: -2.9rem; top: 3rem; } .viewNext { display: none; } .aboutBoardDiv { margin-left: 6.8rem; } .linkCopyModal:hover .normimg { display: none; } .linkCopyModal:hover .hoverimg { display: block; } .copyBtnModal:hover .normimg { display: none; } .copyBtnModal:hover .hoverimg { display: block; } } @media (min-width: 1200px) { .shareBtnParentModal .normalImg { display: block; } .shareBtnParentModal:hover .normalImg { display: none; } .shareBtnParentModal:hover .hideActive { display: block; } .managementModal { width: 120rem; } .linkCopyModal:hover .normimg { display: none; } .linkCopyModal:hover .hoverimg { display: block; } .copyBtnModal:hover .normimg { display: none; } .copyBtnModal:hover .hoverimg { display: block; } } @media screen and (min-width: 2000px) { .shareBtnParentModal .normalImg { display: block; } .shareBtnParentModal:hover .normalImg { display: none; } .shareBtnParentModal:hover .hideActive { display: block; } .managementModal { width: 120rem; } .linkCopyModal:hover .normimg { display: none; } .linkCopyModal:hover .hoverimg { display: block; } .copyBtnModal:hover .normimg { display: none; } .copyBtnModal:hover .hoverimg { display: block; } } @font-face { font-family: Delius; font-style: normal; font-weight: 400; src: local("Delius-Regular"), url("https://fonts.gstatic.com/s/delius/v7/PN_xRfK0pW_9e1rdZsg_.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .heritageYearRange .before {background: url("../images/heritage/arrow_btn2.png") center center no-repeat;height: 15px;width: 31px;} .heritageYearRange .before.noDisplay { background: none; } .heritageYearRange .after { background: url("../images/heritage/arrow_btn.png") center center no-repeat; height: 15px; width: 31px; } .heritageYearRange .after.noDisplay { background: none; } .share_wechat { background: url("../images/icon1.png") center center no-repeat; display: inline-block; height: 32px; width: 32px; } .share_in { background: url("../images/icon2.png") center center no-repeat; display: inline-block; height: 32px; width: 32px; } .share_qq { background: url("../images/icon3.png") center center no-repeat; display: inline-block; height: 32px; width: 32px; } .shareOptions { padding: 0.5rem 1rem; } .shareOptions > div { margin-left: 8px; margin-right: 8px; } .shareOptions::after { left: 13.5rem; } .shareOptions { top: 6rem; } @media (max-width: 1199px) { .bannerPara { font-size: 1.6rem; } } @media (max-width: 992px) { .after { transform: none; } } @media (max-width: 767px) { .bannerPara { font-size: 1.4rem; } .sectionContent {top: 22%;left: 14.95%;} .sectionContent.hasImg { top: 10%; } }