HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!--Developer Instructions: Add each row to 'Add Content' in WTP + Simplify Panel Styles-->
<div class="bg-section01">
<div class="container">
<!--ProviderInfo_wrapper -->
<div id="Panel7_wrapper">
<div id="ctl01_ctl00_ContentPlaceHolder1_Panel7" class="EditorPanel">
<div class="wtp-article">
<!--Supplier Websites-->
<div class="wtp-responsive-row row cols-25-25-25-25 AU-container-row">
<div class="wtp-responsive-col col-md-3 ">
<div class="wtp_container AU-container supplier-website-card"><a href="https://secure.cruisingpower.com/SecureLogin.do" class="main-link">
<div class="supplier-website-card-inner">
<div>
<h4>Cruising Power</h4>
</div>
<div class="supplier-website-card-icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<p class="description">Royal Caribbean Travel Advisor Site
</p>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-website-card"><a href="https://loyaltoyoualways.com/" class="main-link" target="_blank">
<div class="supplier-website-card-inner">
<div>
<h4>Loyal to You Always</h4>
</div>
<div class="supplier-website-card-icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<p class="description">Sales & Marketing Assets</p>
</div>
</div>
</a>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-website-card"><a href="#" class="main-link" target="_blank">
<div class="supplier-website-card-inner">
<div>
<h4>Crown & Anchor Society</h4>
</div>
<div class="supplier-website-card-icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<p class="description">Customer Loyalty Rewards Program</p>
</div>
</div>
</a>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-website-card"><a href="#" class="main-link" target="_blank">
<div class="supplier-website-card-inner">
<div>
<h4>Espresso</h4>
</div>
<div class="supplier-website-card-icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<p class="description">Booking Site</p>
</div>
</div>
</div>
<div class="wtp-article">
<!--CTA 3 Blocks-->
<div class="wtp-responsive-row row cols-33-33-33 AU-container-row">
<div class="wtp-responsive-col col-md-4">
<div class="wtp_container AU-container cta-2-3">
<h4>Specialist Training</h4>
<p class="description">Description</p>
<a href="#" class="main-link">
<div class="button white">
<div>Learn More</div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-4">
<div class="wtp_container AU-container cta-2-3">
<h4>Selling Guide</h4>
<p class="description">Description</p>
<a href="#" class="main-link">
<div class="button white with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-4">
<div class="wtp_container AU-container cta-2-3">
<h4>Order Brochures</h4>
<p class="description">Description</p>
<a href="#" class="main-link">
<div class="button white">
<div>Learn More</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="wtp-article">
<!--CTA 2 Blocks-->
<div class="wtp-responsive-row row cols-50-50 AU-container-row">
<div class="wtp-responsive-col col-md-6">
<div class="wtp_container AU-container cta-2-3">
<h4>Specialist Training</h4>
<p class="description">Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.</p>
<a href="#" class="main-link">
<div class="button white with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-6">
<div class="wtp_container AU-container cta-2-3">
<h4>Specialist Training</h4>
<p class="description">Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.</p>
<a href="#" class="main-link">
<div class="button white with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="wtp-article">
<!--CTA 1 Block-->
<div class="wtp-responsive-row row AU-container-row">
<div class="wtp-responsive-col col-md-12">
<div class="wtp_container AU-container cta-1">
<div>
<h4>Specialist Training</h4>
<p class="description">Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.</p>
</div>
<a href="#" class="main-link">
<div class="button rocket-red with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="wtp-article">
<!--Supplier Cards-->
<div class="wtp-responsive-row row cols-25-25-25-25 AU-container-row">
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/5m3smrl10h6n141f372h4gut0d/_dMHQpq_cjPKTw2Lz-B-LQs4Ipg/original?content-type=image%2Fpng&name=RCI_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Royal Caribbean International</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/cdm4bbepc93fl1m61umohqcc0q/cOScRuqUKOEkoihGyQ5yBKrQr3Y/original?content-type=image%2Fpng&name=Windstar_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Windstar</h4>
<p class="description">333-333-3333</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/h2tabg4q393i7a5un5gpd9o777/tBCBnADHLvEFMG75rp0m_J4UQU4/original?content-type=image%2Fpng&name=RSSC_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Regent Seven Seas Cruises</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/p5jmvkbvat6kd31u8m443gt420/aU-FUl9qQv6xckQWKEAGegaSEhM/original?content-type=image%2Fpng&name=Oceania_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Oceania Cruises</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="wtp-article">
<div class="wtp-responsive-row row cols-25-25-25-25 AU-container-row">
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/svbu9ina9t1cf00uva9ma7tn3d/7rAHdrbLfWZ2zgJWZgNLT8LQ1c0/original?content-type=image%2Fpng&name=Micato_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Royal Caribbean</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/oscispgeil235fitnisient46d/KvKDkgQ4oCkoxOt2nvbEIqTSZi4/original?content-type=image%2Fpng&name=HAL-Stacked_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Holland America Line</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/5m3smrl10h6n141f372h4gut0d/_dMHQpq_cjPKTw2Lz-B-LQs4Ipg/original?content-type=image%2Fpng&name=RCI_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Royal Caribbean</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3"></div>
</div>
</div>
<div class="wtp-article" id="instance_47792">
<div class="wtp-responsive-row row cols-25-25-25-25 AU-container-row">
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/5m3smrl10h6n141f372h4gut0d/_dMHQpq_cjPKTw2Lz-B-LQs4Ipg/original?content-type=image%2Fpng&name=RCI_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Royal Caribbean</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/5m3smrl10h6n141f372h4gut0d/_dMHQpq_cjPKTw2Lz-B-LQs4Ipg/original?content-type=image%2Fpng&name=RCI_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Royal Caribbean</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3"></div>
<div class="wtp-responsive-col col-md-3"></div>
</div>
</div>
<div class="wtp-article">
<div class="wtp-responsive-row row cols-25-25-25-25 AU-container-row">
<div class="wtp-responsive-col col-md-3">
<div class="wtp_container AU-container supplier-card">
<div class="supplier-logo">
<img src="https://travelleaders.canto.com/direct/image/5m3smrl10h6n141f372h4gut0d/_dMHQpq_cjPKTw2Lz-B-LQs4Ipg/original?content-type=image%2Fpng&name=RCI_Color.png">
</div>
<a href="https://v2.agentuniverse.com/suppliers/royal" class="main-link">
<h4>Royal Caribbean</h4>
<p class="description">555-555-5555</p>
<a href="https://www.cruisingpower.com" target="_blank">
<div class="link with-icon">
<div>cruisingpower.com</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-3"></div>
<div class="wtp-responsive-col col-md-3"></div>
<div class="wtp-responsive-col col-md-3"></div>
</div>
</div>
</div>
<!--Panel7 -->
</div>
<!--Panel7_wrapper -->
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4">
<div id="Panel11_wrapper">
<div class="EditorPanel">
<div class="wtp-article">
<!--Booking Options-->
<h3>Booking Options
</h3>
<div class="wtp_container AU-container instruction-card">
<div class="instruction-card-inner">
<div class="circled-number">1</div>
<div>
<p><strong>GDS</strong></p>
<p class="description">TravelPort</p>
</div>
</div>
<div>
<div class="link with-icon copy">
<div>TD'RC/Link</div>
<div class="icon copy-icon"><i class="fa-regular fa-clone"></i></div>
</div>
</div>
</div>
<div class="wtp_container AU-container instruction-card">
<div class="instruction-card-inner">
<div class="circled-number">2</div>
<div>
<p><strong>GDS</strong></p>
<p class="description">TravelPort</p>
</div>
</div>
<div>
<div class="link with-icon copy">
<div>TD'RC/Link</div>
<div class="icon copy-icon"><i class="fa-regular fa-clone"></i></div>
</div>
</div>
</div>
<div class="wtp_container AU-container instruction-card">
<div class="instruction-card-inner">
<div class="circled-number">3</div>
<div>
<p><strong>GDS</strong></p>
<p class="description">TravelPort</p>
</div>
</div>
<div>
<div class="link with-icon copy">
<div>TD'RC/Link</div>
<div class="icon copy-icon"><i class="fa-regular fa-clone"></i></div>
</div>
</div>
</div>
<div class="wtp_container AU-container instruction-card">
<div class="instruction-card-inner">
<div class="circled-number">4</div>
<div>
<p><strong>GDS</strong></p>
<p class="description">TravelPort</p>
</div>
</div>
<div>
<div class="link with-icon copy">
<div>TD'RC/Link</div>
<div class="icon copy-icon"><i class="fa-regular fa-clone"></i></div>
</div>
</div>
</div>
<div class="wtp_container AU-container instruction-card">
<div class="instruction-card-inner">
<div class="circled-number">5</div>
<dv>
<div class="link with-icon">
<div>TD'RC/Link</div>
<div class="icon copy-icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</dv>
</div>
</div>
</div>
</div>
</div>
<!--Panel11 -->
</div>
<!--Panel8 -->
</div>
<!--Panel8_wrapper -->
</div>
<div class="col-md-6">
<div id="Panel9_wrapper">
<div id="ctl01_ctl00_ContentPlaceHolder1_Panel9" class="EditorPanel"></div>
<!--Panel9 -->
</div>
<!--Panel9_wrapper -->
</div>
</div>
</div>
</div>
<!--bg-section01 -->
<div class="bg-section02">
<div class="container">
<div class="wtp-article">
<!--Subpage Menu-->
<div class="wtp-responsive-row row cols-33-33-33 AU-container-row">
<div class="wtp-responsive-col col-md-4">
<div class="wtp_container AU-container subpage">
<img src="https://placehold.co/500x500/0b829e/eff5f5" class="img-responsive">
<h4>Direct Mail</h4>
<h6>140 SENT ANNUALLY</h6>
<p class="description">With Engagement, you can send an array of direct mail offers to your clients' mailboxes with your agency as the sole call to action.</p>
<a href="#" class="main-link">
<div class="button rocket-red">
<div>Learn More</div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-4">
<div class="wtp_container AU-container subpage">
<img src="https://placehold.co/500x500/0b829e/eff5f5" class="img-responsive">
<h4>Direct Mail</h4>
<h6>140 SENT ANNUALLY</h6>
<p class="description">With Engagement, you can send an array of direct mail offers to your clients' mailboxes with your agency as the sole call to action.</p>
<a href="#" class="main-link">
<div class="button rocket-red">
<div>Learn More</div>
</div>
</a>
</div>
</div>
<div class="wtp-responsive-col col-md-4">
<div class="wtp_container AU-container subpage">
<img src="https://placehold.co/500x500/0b829e/eff5f5" class="img-responsive">
<h4>Direct Mail</h4>
<h6>140 SENT ANNUALLY</h6>
<p class="description">With Engagement, you can send an array of direct mail offers to your clients' mailboxes with your agency as the sole call to action.</p>
<a href="#" class="main-link">
<div class="button rocket-red">
<div>Learn More</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!--Supplier Summary-->
<div class="row AU-container-row">
<div class="col-md-8">
<div>
<div>
<div class="wtp-article">
<div class="wtp_container AU-container">
<h1>Royal Caribbean</h2>
<p class="summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<p class="summary">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p class="summary">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="#" class="main-link">
<div class="button rocket-red-outline with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
</div>
</div>
<!--Panel10 -->
</div>
<!--Panel10_wrapper -->
</div>
<div class="col-md-4">
<div>
<div class="AU-container supplier-quick-facts">
<div class="wtp-container">
<h4>Advisors should know...
</h4>
<div class="wtp_container quick-fact">
<div class="circled-number">1</div>
<div>
<p><strong>Title</strong></p>
<p class="description">100 characters max 100 characters max 100 characters max 100 characters max 100 characters max 100</p>
</div>
</div>
<div class="wtp_container quick-fact">
<div class="circled-number">2</div>
<div>
<p><strong>Title</strong></p>
<p class="description">100 characters max 100 characters max 100 characters max 100 characters max 100 characters max 100</p>
</div>
</div>
<div class="wtp_container quick-fact">
<div class="circled-number">3</div>
<div>
<p><strong>Title</strong></p>
<p class="description">100 characters max 100 characters max 100 characters max 100 characters max 100 characters max 100</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Panel11 -->
</div>
<!--Panel11_wrapper -->
</div>
</div>
<br>
<div id="Panel12_wrapper">
<div id="ctl01_ctl00_ContentPlaceHolder1_Panel12" class="EditorPanel"></div>
<!--Panel12 -->
</div>
<!--Panel12_wrapper -->
<br>
<div class="row">
<div class="col-md-6">
<div id="Panel13_wrapper">
<div id="ctl01_ctl00_ContentPlaceHolder1_Panel13" class="EditorPanel"></div>
<!--Panel13 -->
</div>
<!--Panel13_wrapper -->
</div>
<div class="col-md-6">
<div id="Panel14_wrapper">
<div id="ctl01_ctl00_ContentPlaceHolder1_Panel14" class="EditorPanel"></div>
<!--Panel14 -->
</div>
<!--Panel14_wrapper -->
</div>
</div>
<br>
<div id="Panel15_wrapper">
<div id="ctl01_ctl00_ContentPlaceHolder1_Panel15" class="EditorPanel"></div>
<!--Panel15 -->
</div>
<!--Panel15_wrapper -->
</div>
</div>
</div>
</div>
</div>
</div>
<!---Text Styles--->
<div style="display: flex; align-items:center; justify-content: center;">
<h4>Text Styles</h4>
</div>
<!---Headings and Paragraph--->
<div style="display: flex; align-items:center; flex-direction:column; justify-content: flex-start">
<h1>Heading 1</h1>
<p>Paragraph Sample. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<h2>Heading 2</h2>
<p>Paragraph Sample. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<h3>Heading 3</h3>
<p>Paragraph Sample. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<h4>Heading 4</h4>
<p>Paragraph Sample. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<h5>Heading 5</h5>
<p>Paragraph Sample. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<h6>Heading 6</h6>
<p>Paragraph Sample. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<!---Bullets--->
<p>
<ul>
<li><strong>Bullet Sample.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
<li><strong>Bullet Sample.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
<li><strong>Bullet Sample.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
</ul>
</p>
<hr>
<!---Additional Text Classes--->
<p class="summary"><strong>Summary.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<p class="description"><strong>Description.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<p class="terms"><strong>Terms.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<h5>Price</h5>
<p class="price"><sup>$</sup>250</p>
<hr>
</div>
<hr>
<!----Link Styles---->
<div style="display: flex; align-items:center; justify-content: center;">
<h4>Links</h4>
</div>
<div style="background-color: #FFFFFF;padding:0px 50px 50px;display: flex; align-items:center; justify-content: center; gap: 40px">
<a href="#">
<div class="link">
<div>Learn More</div>
</div>
</a>
<a href="#">
<div class="link with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<a>
<div class="link with-icon email">
<a href"mailto:kdunn@travelleaders.com">
<div>kdunn@travelleaders.com</div>
</a>
<div class="copy-icon"><i class="fa-regular fa-clone"></i></div>
</div>
</a>
<a href="#">
<div class="link with-icon">
<div>Cruise Complete User Manual</div>
<div class="icon"><i class="fa-regular fa-arrow-down-to-line"></i></div>
</div>
</a>
</div>
<hr>
<!----Button Styles---->
<div style="display: flex; align-items:center; justify-content: center;">
<h4>Buttons</h4>
</div>
<div style="background-color: #FFFFFF;padding:0px 50px 50px;display: flex; align-items:center; justify-content: center;">
<!----Rocket Red Button Start---->
<a href="#" class="main-link">
<div class="button rocket-red">
<div>Learn More</div>
</div>
</a>
<!----Rocket Red Button End---->
<!----Rocket Red Button with Icon Start---->
<a href="#" class="main-link">
<div class="button rocket-red with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----Rocket Red Button with Icon End---->
<!----Rocket Red Outline Button Start---->
<a href="#" class="main-link">
<div class="button rocket-red-outline">
<div>Learn More</div>
</div>
</a>
<!----Rocket Red Outline Button End---->
<!----Rocket Red Outline Button with Icon Start---->
<a href="#" class="main-link">
<div class="button rocket-red-outline with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
</div>
<!----Twilight Teal Button Start---->
<div style="background-color: #FFFFFF;padding:0px 50px 50px;display: flex; align-items:center; justify-content: center;">
<a href="#" class="main-link">
<div class="button twilight-teal">
<div>Learn More</div>
</div>
</a>
<!----Twilight Teal Button End---->
<!----Twilight Teal Button with Icon Start---->
<a href="#" class="main-link">
<div class="button twilight-teal with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----Twilight Teal Button with Icon End---->
<!----Twilight Teal Outline Button Start---->
<a href="#" class="main-link">
<div class="button twilight-teal-outline">
<div>Learn More</div>
</div>
</a>
<!----Twilight Teal Outline Button End---->
<!----Twilight Teal Outline Button with Icon Start---->
<a href="#" class="main-link">
<div class="button twilight-teal-outline with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----Twilight Teal Outline Button with Icon End---->
</div>
<div style="background-color: #FFFFFF;padding:0px 50px 50px;display: flex; align-items:center; justify-content: center;">
<!----Midnight Sky Button Start---->
<a href="#" class="main-link">
<div class="button midnight-sky">
<div>Learn More</div>
</div>
</a>
<!----Midnight Sky Button End---->
<!----Midnight Sky Button with Icon Start---->
<a href="#" class="main-link">
<div class="button midnight-sky with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----Midnight Sky Button with Icon End---->
<!----Midnight Sky Outline Button Start---->
<a href="#" class="main-link">
<div class="button midnight-sky-outline">
<div>Learn More</div>
</div>
</a>
<!----Midnight Sky Outline Button End---->
<!----Midnight Sky Outline Button with Icon Start---->
<a href="#" class="main-link">
<div class="button midnight-sky-outline with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----Midnight Sky Outline Button with Icon End---->
</div>
<div style="background-color: #0B829E;padding:50px;display: flex; align-items:center; justify-content: center;">
<!----White Button Start---->
<a href="#">
<div class="button white">
<div>Learn More</div>
</div>
</a>
<!----White Button End---->
<!----White Button with Icon Start---->
<a href="#">
<div class="button white with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----White Button with Icon End---->
<!----White Outline Button Start---->
<a href="#">
<div class="button white-outline">
<div>Learn More</div>
</div>
</a>
<!----White Outline Button End---->
<!----White Outline Button with Icon Start---->
<a href="#">
<div class="button white-outline with-icon">
<div>Learn More</div>
<div class="icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>
</div>
</a>
<!----White Outline Button with Icon End---->
</div>
/* Developer Instructions: Copy code only up to DO NOT COPY comment */
/* Text Styles */
body {
font-family: "Lato", Arial, sans-serif;
color: #022439;
line-height: inherit;
}
h1 {
font-size: 40px;
line-height: 44px;
font-weight: 700;
letter-spacing: 0.25px;
margin: 0px !important;
}
h2 {
font-size: 30px;
line-height: 36px;
font-weight: 700;
letter-spacing: 0.25px;
margin: 0px;
}
h3 {
font-size: 22px;
line-height: 30px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0px;
}
h4 {
font-size: 20px;
line-height: 26px;
font-weight: 700;
letter-spacing: 0px;
margin: 0px;
}
h5 {
font-size: 18px;
line-height: 24px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px;
}
h6 {
font-size: 13px;
line-height: 18px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0px;
}
p {
font-size: 18px;
line-height: 28px;
color: #282828;
margin: 0px;
padding: 15px 0px 0px;
max-width: 900px;
font-weight: 400;
}
ul {
list-style: none;
margin-left: 0;
padding-left: 0;
max-width: 700px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
li {
padding-top: 15px;
padding-left: 1em;
text-indent: -1em;
}
li:before {
content: "‣";
padding-right: 8px;
font-size: 20px;
vertical-align: -0.1em;
}
sup {
position: relative;
font-size: 50%;
line-height: 0;
vertical-align: baseline;
top: -0.75em;
}
.summary {
font-size: 20px;
line-height: 30px;
margin-top: 10px;
}
.description {
font-size: 16px;
line-height: 22px;
font-weight: 400;
padding: 5px 0px;
}
.terms {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.price {
font-size: 50px;
line-height: 70px;
font-weight: 700;
margin: 0px;
padding: 0px;
}
/* All Link Styles */
a {
text-decoration: none !important;
color: inherit !important;
font-weight: 600;
}
.link {
color: #0b829e;
font-weight: 600;
font-size: 16px;
white-space: nowrap;
}
.link:hover {
color: #ee3126;
}
.email {
font-size: 13px;
letter-spacing: -0.1px;
font-weight: 600;
column-gap: 5px !important;
}
.copy-icon {
cursor: pointer;
}
/* All Button Styles */
.button {
padding: 10px 25px;
letter-spacing: 0.5px;
border-radius: 42px;
font-family: "Lato", Arial, sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
text-transform: uppercase;
width: fit-content;
margin: 10px 5px;
white-space: nowrap;
transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-moz-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
}
/* Variations */
/* Icon Styles */
.with-icon {
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
column-gap: 10px;
}
.icon {
font-size: 15px;
}
/* Rocket Red Button Styles */
.rocket-red {
background-color: #ee3126;
color: #ffffff;
}
.rocket-red:hover {
background-color: #ffffff;
color: #ee3126;
outline: 2px solid #ee3126;
outline-offset: -2px;
}
.rocket-red-outline {
background-color: transparent;
color: #ee3126;
outline: 2px solid #ee3126;
outline-offset: -2px;
}
.rocket-red-outline:hover {
background-color: #ee3126;
color: #ffffff;
}
/* Twilight Teal Button Styles */
.twilight-teal {
background-color: #0b829e;
color: #ffffff;
}
.twilight-teal:hover {
background-color: #ee3126;
color: #ffffff;
}
.twilight-teal-outline {
background-color: transparent;
color: #0b829e;
outline: 2px solid #0b829e;
outline-offset: -2px;
}
.twilight-teal-outline:hover {
background-color: #ee3126;
color: #ffffff;
outline: 0px;
}
/* Midnight Sky Button Styles */
.midnight-sky {
background-color: #022439;
color: #ffffff;
}
.midnight-sky:hover {
background-color: #ee3126;
color: #ffffff;
}
.midnight-sky-outline {
background-color: transparent;
color: #022439;
outline: 2px solid #022439;
outline-offset: -2px;
}
.midnight-sky-outline:hover {
background-color: #ee3126;
color: #ffffff;
outline: 0px;
}
/* White Button Styles */
.white {
background-color: #ffffff;
color: #ee3126;
}
.white:hover {
background-color: #ee3126;
color: #ffffff;
}
.white-outline {
background-color: transparent;
color: #ffffff;
outline: 2px solid #ffffff;
outline-offset: -2px;
}
.white-outline:hover {
background-color: #ffffff;
color: #ee3126;
}
/* Master Container Styles */
.container {
max-width: 1400px;
}
.wtp-responsive-col {
padding: 0 10px !important;
display: flex;
width: 100%;
}
.wtp_container {
border: none;
border-style: none !important;
}
.AU-container {
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: column;
width: 100%;
margin: 1% auto;
}
.AU-container-row {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch !important;
margin: 30px;
}
.center {
align-items: stretch;
}
@media only screen and (max-width: 700px) {
.AU-container-row {
flex-direction: column;
margin: 0px;
}
}
/* Supplier Websites */
.supplier-website-card {
background-color: white;
cursor: pointer;
}
.supplier-website-card h4 {
color: #0d829e;
}
.supplier-website-card-icon {
color: #0d829e;
font-size: 16px;
}
.supplier-website-card-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
column-gap: 10px;
}
.supplier-website-card:hover {
h4 {
color: #ee3126;
}
.supplier-website-card-icon {
color: #ee3126;
}
}
/* Supplier Card */
.supplier-card {
display: flex;
background-color: #ffffff;
justify-content: space-between;
cursor: pointer;
}
.supplier-card:hover {
h4 {
color: #ee3126;
}
}
.supplier-logo {
width: 125px;
height: 60px;
img {
max-width: 125px;
max-height: 60px;
object-fit: contain;
padding: 0px 0px 20px;
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
.supplier-card {
padding: 15px;
.link {
font-size: 12px;
}
.icon {
font-size: 12px;
}
img {
width: 100%;
}
h4 {
font-size: 18px;
line-height: 18px;
}
}
}
/* CTA */
.cta-2-3 {
background-color: #0b829e;
color: #ffffff;
text-align: center;
display: flex;
align-content: space-evenly;
align-items: center;
p {
color: #ffffff;
}
}
.cta-1 {
background-color: #022439;
color: #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
column-gap: 20px;
p {
color: #ffffff;
padding: 5px 0px;
}
}
@media only screen and (max-width: 700px) {
.cta-1 {
flex-direction: column;
align-items: center;
align-content: space-between;
p {
text-align: center;
padding: 15px 0px;
}
h4 {
text-align: center;
}
}
}
/* Subpages */
.subpage {
background-color: #eff5f5;
text-align: center;
align-items: center;
padding: 0px 0px 20px;
h4 {
color: #0b829e;
padding: 20px;
}
img {
border-radius: 10px 10px 0px 0px;
width: 100%;
}
.description {
padding: 20px;
}
}
/* Instructions and Quick Facts */
.instruction-card {
background-color: #ffffff;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 20px 10px 5px;
gap: 10px;
justify-content: space-between;
p {
padding: 0px;
line-height: 18px;
}
.copy {
font-size: 14px;
gap: 5px;
}
}
.instruction-card-inner {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}
.circled-number {
display: flex;
width: 40px;
height: 40px;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 900;
border: 1px solid #5d7381;
border-radius: 50%;
margin: 0 5px;
}
.supplier-quick-facts {
padding: 30px;
background-color: #eff5f5;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
p {
padding: 3px 0px;
}
}
.quick-fact {
padding: 20px 0px;
display: flex;
flex-direction: row;
gap: 10px;
}
@media only screen and (max-width: 700px) {
.quick-fact {
flex-direction: column;
gap: 10px;
.circled-number {
margin: 0px;
}
}
}
/* =================================== */
/* =================================== */
/* ==========DO NOT COPY========================= */
/* =================================== */
/* =================================== */
/* =================================== */
/* =================================== */
/* =================================== */
/* ============FROM STYLE.CSS========= */
/* =================================== */
body {
font-family: "Lato", sans-serif;
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
.vertical-align {
display: flex;
align-items: center;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1400px) {
.container {
// width: 1320px;
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 1600px) {
.container {
width: 1640px;
}
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
}
.EditionMode .EditorPanel {
min-height: 20px;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
#Header_wrapper {
background: #000;
color: white;
width: 100%;
@media only screen and (min-width: 768px) {
position: sticky;
top: 0;
z-index: 3;
}
body.easymode & {
position: fixed;
top: 40px;
}
.EditorPanel {
@extend .container;
min-height: 55px;
}
&.userIsLogged {
position: absolute;
}
}
#Image_wrapper,
#ImageProvider_wrapper {
min-height: 470px;
background-color: #363641;
color: white;
// background-image: url('https://picsum.photos/id/77/1600/600');
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
&::after {
// top: 55px;
height: 100%;
width: 100%;
position: absolute;
content: "";
background: rgb(0, 0, 0);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0) 100%
);
}
> .container {
z-index: 2;
margin-right: auto;
margin-left: auto;
width: 100%;
}
> .EditorPanel {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 1;
width: 100%;
}
&.page-full-width {
min-height: 250px;
#Search_wrapper {
margin-top: auto;
margin-bottom: 28px;
flex-grow: 0;
}
}
}
#ImageProvider_wrapper {
background: rgb(20, 56, 77);
background: linear-gradient(
90deg,
rgba(20, 56, 77, 1) 0%,
rgba(58, 28, 47, 1) 100%
);
min-height: 380px;
#Search_wrapper {
flex-grow: 0;
margin-top: 30px;
}
}
#Menu_wrapper {
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
margin-top: 15px;
}
body.easymode & {
margin-top: 40px;
}
}
#Search_wrapper {
z-index: 1;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-grow: 1;
padding: 0;
@extend .col-sm-7;
@extend .col-md-5;
@extend .center-block;
.EditorPanel {
// width: 100%;
flex-grow: 1;
}
}
.wrapper-panels01 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 27px;
// min-height: 560px;
@media only screen and (max-width: 1200px) {
flex-direction: column;
min-height: 0;
}
}
#Panel1_wrapper,
#Slideshow_wrapper,
#Panel2_wrapper {
background-color: #fff;
box-shadow: 0px 0px 20px #00000029;
border-radius: 10px;
}
#Slideshow_wrapper {
// display: flex;
overflow: hidden;
.EditorPanel {
display: flex;
}
.wtp-agentuniverseslideshow,
.contenteditable-container {
width: 100%;
}
div.contenteditable-container {
flex-grow: 1;
}
}
#Panel3_wrapper,
#Panel4_wrapper {
margin: 40px 0;
overflow: hidden;
}
.bg-section01 {
background-color: #f3f5f6;
padding: 30px 0 70px;
&.full {
padding: 30px 0 30px;
}
}
.bg-section02 {
background-color: #fff;
padding: 0 0 140px;
&.margin-top {
margin-top: 60px;
}
&.full {
background: rgb(243, 245, 246);
background: linear-gradient(
180deg,
rgba(243, 245, 246, 1) 0%,
rgba(243, 245, 246, 1) 50%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 1) 100%
);
padding: 30px 0 30px;
}
}
.bg-section03 {
background-color: #022439;
padding: 30px 0;
color: #fff;
}
#Panel1_wrapper,
#Panel2_wrapper {
order: 0;
flex: 0 0 260px;
align-self: auto;
@media only screen and (max-width: 1200px) {
flex: 0 0 auto;
}
}
#Slideshow_wrapper {
order: 0;
flex: 1 1 auto;
align-self: auto;
}
#Panel3_wrapper {
background-color: #022439;
border-radius: 10px;
color: #fff;
}
#AdPanel1_wrapper {
@extend .col-sm-9;
@extend .col-md-7;
@extend .center-block;
float: none;
margin-top: -45px;
background: white;
height: 90px;
border-radius: 10px;
margin-bottom: 90px;
border: 1px solid rgb(230, 230, 230);
}
#Footer5_wrapper {
margin-top: -125px;
background: #eff5f5;
height: 205px;
border-radius: 21px;
margin-bottom: 40px;
box-shadow: 0px 0px 20px #00000029;
color: #000;
}
#Footer6_wrapper {
margin-bottom: 20px;
}
.ProviderInfo_wrapper {
background-color: white;
border-radius: 16px;
margin-top: -100px;
margin-bottom: 40px;
position: relative;
z-index: 1;
min-height: 150px;
> .row {
padding: 16px;
}
}
#Panel7_wrapper {
margin-bottom: 40px;
}
#Panel11_wrapper {
.EditorPanel {
background: #f3f5f6;
border-radius: 16px;
margin-top: 20px;
> div {
padding: 0px 10px;
}
> :first-child {
padding: 10px 10px;
}
}
}
#Commission_wrapper {
background-color: #022439;
color: white;
border-radius: 16px;
padding: 8px 16px;
}
#SupplierSummary_wrapper {
h2 {
text-transform: initial;
color: #022439;
font-size: 30px;
letter-spacing: normal;
font-weight: 600;
}
}
.mb-auto {
margin-bottom: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.btn-rounded {
border-radius: 23px;
text-transform: uppercase;
border-width: 2px;
padding: 8px 20px 10px;
font-size: 16px;
font-weight: 600;
i.fas {
font-size: 0.7em;
margin-left: 5px;
position: relative;
bottom: 2px;
}
}
.btn-light-blue {
color: $primary-color;
border-color: $primary-color;
&:hover {
color: darken($primary-color, 10%);
border-color: darken($primary-color, 10%);
background-color: #fff;
}
}
.btn-blue {
color: white;
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: darken($primary-color, 10%);
}
}
body.easymode {
#PageContent {
padding-top: 21px;
}
}
/* Supplier direcory PE */
.pe-supdir-title {
flex-direction: column;
padding: 0px 20px 20px;
color: $primary-color;
text-align: center;
}
.pe-supdir-card {
background-color: white;
flex-direction: column;
align-self: flex-start;
border-radius: 12px;
padding: 15px;
color: #113145;
}
.pe-supdir-card-logo {
color: #113145;
}
.alphabet-selector {
display: flex;
justify-content: center;
margin-bottom: 20px;
text-align: center;
}
.alphabet-selector a {
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 4px;
margin: 0 5px;
color: #333;
text-decoration: none;
}
.alphabet-selector a:hover {
background-color: #ddd;
}
.pe-supdir-filters {
text-align: center;
}
.pe-supdir-ul-alphabetic {
line-height: 2;
padding-left: 15px;
}
.pe-supdir-ul-alphabetic li {
display: inline;
margin-right: 4px;
padding: 2px;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
.title-center {
color: #022439;
font-size: 24px;
line-height: 1.2;
font-weight: 900;
text-align: center;
margin-bottom: 30px;
}
.list-suppliers {
display: grid;
grid-column-gap: 27px;
grid-row-gap: 27px;
// align-items: flex-start;
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
grid-template-columns: repeat(2, 1fr);
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
grid-template-columns: repeat(4, 1fr);
}
&_item {
background-color: white;
border-radius: 20px;
padding: 26px 32px;
img {
max-width: 150px;
max-height: 100px;
}
&_title a,
&_phone {
font-size: 26px;
font-weight: bold;
color: #022439;
text-decoration: none;
}
&_phone {
font-size: 16px;
}
&_web a {
text-decoration: none;
color: $primary-color;
font-weight: bold;
word-wrap: anywhere;
}
}
}
.wtp_container {
.table-responsive {
flex-grow: 1;
table {
margin-bottom: 0;
}
}
}
table.table > tbody > tr > td,
table.table > tbody > tr > th {
border-top: 0;
}
/* FROM DEFAULT.CSS */
@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700;900&display=swap"; /*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: rgba(0, 0, 0, 0) !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^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: "Glyphicons Halflings";
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix")
format("embedded-opentype"),
url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"),
url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"),
url("../fonts/bootstrap/glyphicons-halflings-regular.ttf")
format("truetype"),
url("../fonts/bootstrap/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;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "*";
}
.glyphicon-plus:before {
content: "+";
}
.glyphicon-euro:before,
.glyphicon-eur: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: "";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1 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: #777;
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
font-size: 65%;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.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: #fcf8e3;
}
.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,
.initialism {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
}
.bg-primary {
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.428571429;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: " ";
}
.dl-horizontal dd:after {
clear: both;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
}
.initialism {
font-size: 90%;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.428571429;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: "— ";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: " —";
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container,
#Header_wrapper .EditorPanel {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container:before,
#Header_wrapper .EditorPanel:before,
.container:after,
#Header_wrapper .EditorPanel:after {
display: table;
content: " ";
}
.container:after,
#Header_wrapper .EditorPanel:after {
clear: both;
}
@media (min-width: 768px) {
.container,
#Header_wrapper .EditorPanel {
width: 750px;
}
}
@media (min-width: 992px) {
.container,
#Header_wrapper .EditorPanel {
width: 970px;
}
}
@media (min-width: 1200px) {
.container,
#Header_wrapper .EditorPanel {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: " ";
}
.container-fluid:after {
clear: both;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row:before,
.row:after {
display: table;
content: " ";
}
.row:after {
clear: both;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
#Search_wrapper,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
#AdPanel1_wrapper,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.3333333333%;
}
.col-xs-pull-2 {
right: 16.6666666667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.3333333333%;
}
.col-xs-pull-5 {
right: 41.6666666667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.3333333333%;
}
.col-xs-pull-8 {
right: 66.6666666667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.3333333333%;
}
.col-xs-pull-11 {
right: 91.6666666667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.3333333333%;
}
.col-xs-push-2 {
left: 16.6666666667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.3333333333%;
}
.col-xs-push-5 {
left: 41.6666666667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.3333333333%;
}
.col-xs-push-8 {
left: 66.6666666667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.3333333333%;
}
.col-xs-push-11 {
left: 91.6666666667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
#Search_wrapper,
.col-sm-8,
.col-sm-9,
#AdPanel1_wrapper,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7,
#Search_wrapper {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9,
#AdPanel1_wrapper {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.3333333333%;
}
.col-sm-pull-2 {
right: 16.6666666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.3333333333%;
}
.col-sm-pull-5 {
right: 41.6666666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.3333333333%;
}
.col-sm-pull-8 {
right: 66.6666666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.3333333333%;
}
.col-sm-pull-11 {
right: 91.6666666667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.3333333333%;
}
.col-sm-push-2 {
left: 16.6666666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.3333333333%;
}
.col-sm-push-5 {
left: 41.6666666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.3333333333%;
}
.col-sm-push-8 {
left: 66.6666666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.3333333333%;
}
.col-sm-push-11 {
left: 91.6666666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
#Search_wrapper,
.col-md-6,
.col-md-7,
#AdPanel1_wrapper,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5,
#Search_wrapper {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7,
#AdPanel1_wrapper {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.3333333333%;
}
.col-md-pull-2 {
right: 16.6666666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.3333333333%;
}
.col-md-pull-5 {
right: 41.6666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.3333333333%;
}
.col-md-pull-8 {
right: 66.6666666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.3333333333%;
}
.col-md-pull-11 {
right: 91.6666666667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.3333333333%;
}
.col-md-push-2 {
left: 16.6666666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.3333333333%;
}
.col-md-push-5 {
left: 41.6666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.3333333333%;
}
.col-md-push-8 {
left: 66.6666666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.3333333333%;
}
.col-md-push-11 {
left: 91.6666666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.3333333333%;
}
.col-lg-pull-2 {
right: 16.6666666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.3333333333%;
}
.col-lg-pull-5 {
right: 41.6666666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.3333333333%;
}
.col-lg-pull-8 {
right: 66.6666666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.3333333333%;
}
.col-lg-pull-11 {
right: 91.6666666667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.3333333333%;
}
.col-lg-push-2 {
left: 16.6666666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.3333333333%;
}
.col-lg-push-5 {
left: 41.6666666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.3333333333%;
}
.col-lg-push-8 {
left: 66.6666666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.3333333333%;
}
.col-lg-push-11 {
left: 91.6666666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
table {
background-color: rgba(0, 0, 0, 0);
}
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;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.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;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: rgba(0, 0, 0, 0);
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
@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[type="date"].input-sm,
.input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
.input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-right: 0;
padding-left: 0;
}
.input-sm,
.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-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
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 textarea.form-control,
.form-group-sm select[multiple].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,
.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.3333333;
border-radius: 6px;
}
select.input-lg,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: " ";
}
.form-horizontal .form-group:after {
clear: both;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
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 {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: rgba(0, 0, 0, 0);
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: rgba(0, 0, 0, 0);
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid rgba(0, 0, 0, 0);
border-left: 4px solid rgba(0, 0, 0, 0);
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: rgba(0, 0, 0, 0);
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.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: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: " ";
}
.btn-toolbar:after {
clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret,
.btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
display: table;
content: " ";
}
.btn-group-vertical > .btn-group:after {
clear: both;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
> .btn-group:first-child:not(:last-child)
> .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical
> .btn-group:last-child:not(:first-child)
> .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.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="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav:before,
.nav:after {
display: table;
content: " ";
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: rgba(0, 0, 0, 0);
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: rgba(0, 0, 0, 0);
}
.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:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified,
.nav-tabs.nav-justified {
width: 100%;
}
.nav-justified > li,
.nav-tabs.nav-justified > li {
float: none;
}
.nav-justified > li > a,
.nav-tabs.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,
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0);
}
.navbar:before,
.navbar:after {
display: table;
content: " ";
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
.navbar-header:before,
.navbar-header:after {
display: table;
content: " ";
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: " ";
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.container > .navbar-header,
#Header_wrapper .EditorPanel > .navbar-header,
.container > .navbar-collapse,
#Header_wrapper .EditorPanel > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
#Header_wrapper .EditorPanel > .navbar-header,
.container > .navbar-collapse,
#Header_wrapper .EditorPanel > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
#Header_wrapper .navbar > .EditorPanel .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: rgba(0, 0, 0, 0);
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 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: 0;
background-color: rgba(0, 0, 0, 0);
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-right: -15px;
margin-left: -15px;
border-top: 1px solid rgba(0, 0, 0, 0);
border-bottom: 1px solid rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm,
.btn-group-sm > .navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs,
.btn-group-xs > .navbar-btn.btn {
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 {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: rgba(0, 0, 0, 0);
}
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #090909;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #090909;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: rgba(0, 0, 0, 0);
}
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/ ";
}
.breadcrumb > .active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
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.428571429;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
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 > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.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: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
#Header_wrapper .EditorPanel .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container,
.jumbotron #Header_wrapper .EditorPanel,
#Header_wrapper .jumbotron .EditorPanel {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
#Header_wrapper .EditorPanel .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.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
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-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.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: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,
.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 {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel
> .panel-collapse
> .list-group:first-child
.list-group-item:first-child {
border-top: 0;
border-top-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: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel
> .panel-heading
+ .panel-collapse
> .list-group
.list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.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,
.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-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-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 {
border-top-left-radius: 3px;
}
.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,
.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-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-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 {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.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,
.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 {
border-bottom-left-radius: 3px;
}
.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,
.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 {
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 #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .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,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: rgba(0, 0, 0, 0);
border: 0;
-webkit-appearance: none;
appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header:before,
.modal-header:after {
display: table;
content: " ";
}
.modal-header:after {
clear: both;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.428571429;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 12px;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: 0.9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: rgba(0, 0, 0, 0);
border-style: solid;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.428571429;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: rgba(0, 0, 0, 0);
border-style: solid;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.0001) 100%
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.0001) 100%
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.0001) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.0001) 0%,
rgba(0, 0, 0, 0.5) 100%
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.0001) 0%,
rgba(0, 0, 0, 0.5) 100%
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.0001) 0%,
rgba(0, 0, 0, 0.5) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
outline: 0;
filter: alpha(opacity=90);
opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
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: 0;
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: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
.center-block,
#AdPanel1_wrapper,
#Search_wrapper {
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: 0/0 a;
color: rgba(0, 0, 0, 0);
text-shadow: none;
background-color: rgba(0, 0, 0, 0);
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs {
display: none !important;
}
.visible-sm {
display: none !important;
}
.visible-md {
display: none !important;
}
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
iframe,
embed,
object {
max-width: 100%;
}
.EditorPanel img {
display: inline;
width: auto \9;
max-width: 100%;
height: auto;
}
.video_player_responsive {
padding: 0%;
margin-bottom: 0em;
}
.container_video_25,
.container_video_50,
.container_video_75,
.container_video_100,
.container_video {
max-width: 100%;
min-width: 25%;
}
.container_video_50 {
min-width: 50%;
}
.container_video_75 {
min-width: 75%;
}
.container_video_100,
.container_video {
min-width: 100%;
}
.myvideo_left_25,
.myvideo_right_25 {
float: left;
margin: 10px 20px 0px 0px;
width: 25%;
min-width: 25%;
}
.myvideo_left_50,
.myvideo_right_50 {
float: left;
margin: 10px 20px 0px 0px;
width: 50%;
min-width: 50%;
}
.myvideo_left_75,
.myvideo_right_75 {
float: left;
margin: 10px 20px 0px 0px;
width: 75%;
min-width: 75%;
}
.myvideo_100 {
float: none;
margin: 10px 0px 0px 0px;
width: 100%;
min-width: 100%;
}
.myvideo_right_25,
.myvideo_right_50,
.myvideo_right_75 {
float: right;
margin: 10px 0px 0px 20px;
}
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0px;
padding-top: 56.4103%;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.container_video_25,
.container_video_50,
.container_video_75,
.container_video_100,
.container_video {
max-width: 100% !important;
min-width: 100% !important;
}
.myvideo_left_25,
.myvideo_right_25,
.myvideo_left_50,
.myvideo_right_50,
.myvideo_left_75,
.myvideo_right_75,
.myvideo_left_100,
.myvideo_right_100,
.myvideo_100 {
float: none !important;
margin: 10px 0px 0px 0px;
width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.container_video_25,
.container_video_50,
.container_video_75,
.container_video_100,
.container_video {
max-width: 100% !important;
min-width: 100% !important;
}
}
div.wtp-form input[type="text"],
div.wtp-form input[type="reset"],
div.wtp-form input[type="submit"],
div.wtp-form input[type="password"] {
display: inline-block;
width: 100%;
}
div.wtp-form textarea,
div.wtp-form select,
div.wtp-form button {
display: inline-block;
width: 100%;
}
.easymode img.selectPlaceholder {
width: 100% !important;
}
blockquote {
border-left: 5px solid rgba(0, 0, 0, 0);
font-size: inherit;
}
.bootbox-body {
white-space: pre-wrap;
}
.col-md-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
.pe-rvp__title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
font-size: 0.9em;
padding: 15px 20px;
display: flex;
align-items: center;
font: normal normal 900 15px/18px;
letter-spacing: 1.5px;
color: #0b829e;
}
.pe-rvp__title svg {
fill: #0b829e;
margin-right: 7px;
}
.pe-rvp ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.pe-rvp ul li {
font-size: 0.85em;
border-bottom: 1px solid rgba(112, 112, 112, 0.3019607843);
padding: 10px 10px 10px 25px;
color: #8d8b8b;
}
.pe-rvp ul li a {
font-weight: 900;
color: #000;
font-size: 1.05em;
}
.pe-rvp ul li a:hover,
.pe-rvp ul li a:focus {
text-decoration: none;
color: red;
}
.pe-rvp ul li a + i {
color: #0b829e;
margin-left: 5px;
font-size: 0.7em;
}
.pe-rvp ul li:last-child {
border-bottom: none;
}
.pe-tlgau-slideshow {
font-family: "Lato", sans-serif;
width: 100%;
}
.pe-tlgau-slideshow--wrapper {
max-width: 100%;
}
.pe-tlgau-slideshow--slide {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
}
.pe-tlgau-slideshow--images {
min-height: 450px;
flex-grow: 1;
background-color: #000;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.pe-tlgau-slideshow--info {
background-color: #fff;
display: flex;
align-items: end;
max-height: 150px;
padding: 35px 40px;
gap: 10px;
}
@media only screen and (max-width: 768px) {
.pe-tlgau-slideshow--info {
flex-direction: column;
max-height: none;
}
}
.pe-tlgau-slideshow--block-left {
width: 60%;
flex: 0 0 60%;
}
@media only screen and (max-width: 768px) {
.pe-tlgau-slideshow--block-left {
width: 100%;
flex: 0 0 100%;
}
}
.pe-tlgau-slideshow--block-right {
display: flex;
flex-grow: 1;
align-items: center;
justify-content: space-between;
gap: 15px;
font-size: 13px;
font-weight: 700;
}
@media only screen and (max-width: 768px) {
.pe-tlgau-slideshow--block-right {
margin: 40px 0 20px 0;
width: 100%;
}
}
.pe-tlgau-slideshow--block-right a {
color: #022439;
text-decoration: none;
}
.pe-tlgau-slideshow--block-right a:hover {
color: #f04a41;
}
.pe-tlgau-slideshow--block-right a:focus {
outline: none;
}
.pe-tlgau-slideshow--block-right .progress {
flex-grow: 1;
width: 50%;
margin-bottom: 0;
height: 8px;
background-color: rgba(11, 130, 158, 0.54);
}
.pe-tlgau-slideshow--block-right .progress .progress-bar {
background-color: #0b829e;
}
.pe-tlgau-slideshow--subtitle {
color: #0b829e;
font-weight: 700;
font-size: 15px;
line-height: 1.2;
letter-spacing: 1.5px;
color: #0b829e;
text-transform: uppercase;
margin-bottom: 5px;
}
.pe-tlgau-slideshow--title {
font-weight: 700;
font-size: 22px;
line-height: 1.2;
letter-spacing: 0.25px;
color: #000;
}
@media only screen and (min-width: 1600px) {
.pe-tlgau-slideshow--title {
font-size: 25px;
}
}
.pe-tlgau-slideshow .contenedor-elemento-hijo {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.pe-tlgau-login {
display: flex;
min-height: 100vh;
background: gray;
padding: 4rem 8rem;
gap: 20px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 768px) {
.pe-tlgau-login {
flex-direction: column-reverse;
padding: 4rem 4rem;
}
}
.pe-tlgau-login_side-left {
display: flex;
align-items: end;
flex-grow: 1;
}
@media only screen and (max-width: 768px) {
.pe-tlgau-login_side-left {
justify-content: center;
}
}
.pe-tlgau-login_side-left img {
max-width: 320px;
}
.pe-tlgau-login_side-right {
flex-basis: 525px;
min-height: 75vh;
flex-shrink: 1;
background-color: #fff;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
align-self: center;
justify-content: space-between;
padding: 4rem 8rem;
}
@media only screen and (max-width: 768px) {
.pe-tlgau-login_side-right {
flex-basis: initial;
width: 100%;
padding: 4rem 4rem;
}
}
.pe-tlgau-login_logo {
margin-top: 2rem;
margin-bottom: 2rem;
}
.pe-tlgau-login_buttons {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 315px;
margin: auto;
}
.pe-tlgau-login .form-groups {
width: 100%;
text-align: center;
}
.pe-tlgau-login .form-group input.form-control {
border: 3px solid #e0e0e0;
border-radius: 31px;
padding: 24px 25px 25px;
}
.pe-tlgau-login .form-group.has-error input.form-control {
border-color: #ee3126;
color: #ee3126;
}
.pe-tlgau-login .form-group.field-password {
position: relative;
}
.pe-tlgau-login .form-group.field-password svg {
position: absolute;
width: 20px;
right: 15px;
top: 20px;
}
.pe-tlgau-login .form-group.field-password svg path {
fill: #acacac;
}
.pe-tlgau-login .label.label-danger {
display: block;
color: #ee3126;
background-color: rgba(238, 49, 38, 0.1294117647);
padding: 18px;
border-radius: 18px;
font-size: 16px;
text-transform: uppercase;
margin: 10px 0;
}
.pe-tlgau-login .btn-link {
color: #0b829e;
font-weight: bold;
}
.pe-tlgau-login .btn-submit,
.pe-tlgau-login .btn-default {
font-size: 16px;
text-transform: uppercase;
padding: 18px 72px;
border-radius: 31px;
background-color: #ee3126;
font-weight: bold;
}
.pe-tlgau-login .btn-default {
border-color: #8d8b8b;
background-color: #fff;
color: #8d8b8b;
}
.pe-tlgau-login .support-text {
text-align: center;
margin-top: 30px;
}
.pe-tlgau-login .support-text .text {
margin: 5px 0;
color: #6b7280;
font-weight: 400;
}
.pe-tlgau-login .support-text .phone {
margin: 5px 0;
font-weight: 700;
color: #022439;
}
.pe-tlgau-login .support-text .email {
color: #0b829e;
}
.pe-tlgau-login #togglePassword {
top: 0;
}
.pe-tlgau-login h2 {
color: #022439;
font-size: 40px;
font-weight: bold;
text-transform: none;
letter-spacing: normal;
}
body.agentuniverse_blank #LoginLink {
display: none;
}
.wtp-searchenginecustom input[type="text"] {
border: none;
margin-top: 1px;
padding: 16px 10px 16px;
border-radius: 27px 0 0 27px;
width: 40%;
color: #000;
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5019607843);
}
@media only screen and (max-width: 992px) {
.wtp-searchenginecustom input[type="text"] {
width: 75%;
}
}
.wtp-searchenginecustom input[type="text"].watermark {
color: #999;
letter-spacing: 1.2px;
}
.wtp-searchenginecustom a.LinkButton {
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5019607843);
}
.wtp-searchenginecustom a.LinkButton img {
position: relative;
top: -2px;
} /*!
* Yamm!3 - Yet another megamenu for Bootstrap 3
* http://geedmo.github.com/yamm3
*
* @geedmo - Licensed under the MIT license
*/
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container,
.yamm #Header_wrapper .EditorPanel,
#Header_wrapper .yamm .EditorPanel {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .yamm-content {
padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
.yamm.navbar-default {
background-color: rgba(0, 0, 0, 0);
border: none;
margin-bottom: 0;
color: #000;
}
.yamm.navbar-default b.caret {
border-right: 0 solid rgba(0, 0, 0, 0);
border-left: 0 solid rgba(0, 0, 0, 0);
}
.yamm.navbar-default .container,
.yamm.navbar-default #Header_wrapper .EditorPanel,
#Header_wrapper .yamm.navbar-default .EditorPanel {
display: flex;
align-items: center;
justify-content: space-between;
}
.yamm.navbar-default .container::before,
.yamm.navbar-default #Header_wrapper .EditorPanel::before,
#Header_wrapper .yamm.navbar-default .EditorPanel::before,
.yamm.navbar-default .container::after,
.yamm.navbar-default #Header_wrapper .EditorPanel::after,
#Header_wrapper .yamm.navbar-default .EditorPanel::after {
display: none;
}
@media only screen and (max-width: 767px) {
.yamm.navbar-default .container,
.yamm.navbar-default #Header_wrapper .EditorPanel,
#Header_wrapper .yamm.navbar-default .EditorPanel {
position: absolute;
width: calc(100vw - 30px);
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
.yamm.navbar-default .container,
.yamm.navbar-default #Header_wrapper .EditorPanel,
#Header_wrapper .yamm.navbar-default .EditorPanel {
gap: 40px;
}
}
.yamm.navbar-default .container .navbar-header,
.yamm.navbar-default #Header_wrapper .EditorPanel .navbar-header,
#Header_wrapper .yamm.navbar-default .EditorPanel .navbar-header {
margin-left: 0;
margin-right: 0;
flex: 0 1 180px;
}
@media only screen and (max-width: 767px) {
.yamm.navbar-default .container .navbar-header,
.yamm.navbar-default #Header_wrapper .EditorPanel .navbar-header,
#Header_wrapper .yamm.navbar-default .EditorPanel .navbar-header {
flex: 1 0 auto;
width: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.yamm.navbar-default .container .navbar-header::before,
.yamm.navbar-default #Header_wrapper .EditorPanel .navbar-header::before,
#Header_wrapper .yamm.navbar-default .EditorPanel .navbar-header::before,
.yamm.navbar-default .container .navbar-header::after,
.yamm.navbar-default #Header_wrapper .EditorPanel .navbar-header::after,
#Header_wrapper .yamm.navbar-default .EditorPanel .navbar-header::after {
display: none;
}
}
.yamm.navbar-default .yamm-content {
padding: 0;
}
.yamm.navbar-default .yamm-content .yamm-title {
color: #0b829e;
font-size: 1.8em;
padding-left: 15px;
font-weight: 600;
}
.yamm.navbar-default .yamm-content .yamm-title + .ul-small {
margin-top: 20px;
line-height: 2.05;
}
.yamm.navbar-default .yamm-content .yamm-subtitle {
margin-top: 25px;
margin-bottom: 5px;
padding-left: 15px;
font-weight: bold;
}
.yamm.navbar-default .yamm-content .yamm-subtitle a {
text-decoration: none;
color: #022439;
}
.yamm.navbar-default .yamm-content .yamm-subtitle i.fa {
font-size: 0.85em;
color: #0b829e;
}
.yamm.navbar-default .yamm-content .yamm-description {
padding-left: 15px;
color: #8d8d8d;
transform: translateY(-10px);
}
.yamm.navbar-default .yamm-content .label.label-info {
background-color: #0b829e;
}
.yamm.navbar-default .yamm-content ul {
line-height: 3.5;
padding-left: 0;
list-style: none;
width: 100%;
}
.yamm.navbar-default .yamm-content ul li {
padding: 15px;
line-height: 1.2;
}
.yamm.navbar-default .yamm-content ul li a {
font-size: 18px;
color: #022439;
font-weight: bold;
text-decoration: none;
}
.yamm.navbar-default .yamm-content ul li a span.label-info {
margin-left: 10px;
border-radius: 7px;
font-size: 11.5px;
padding: 4px 8px;
}
.yamm.navbar-default .yamm-content ul li i.fa {
font-size: 0.85em;
color: #0b829e;
margin-left: 7px;
}
.yamm.navbar-default .yamm-content ul li i.fa.fa-angle-right {
font-size: 1em;
}
.yamm.navbar-default .yamm-content ul li:hover {
background: rgba(234, 240, 240, 0.5019607843) 0% 0% no-repeat padding-box;
border-radius: 10px;
}
@media only screen and (min-width: 1400px) {
.yamm.navbar-default .yamm-content ul.two-columns li {
width: 48%;
display: inline-block;
}
}
.yamm.navbar-default .yamm-content ul.ul-small {
line-height: 2;
}
.yamm.navbar-default .yamm-content ul.ul-small li {
padding: 5px 5px 5px 15px;
}
.yamm.navbar-default .yamm-content ul.ul-small li a {
font-size: 16px;
font-weight: normal;
}
.yamm.navbar-default .yamm-content ul.ul-small li a.link {
color: #0b829e;
}
.yamm.navbar-default .yamm-content ul.ul-with-description {
width: 100%;
}
.yamm.navbar-default .yamm-content ul.ul-with-description li {
line-height: 1.5;
padding: 13px 20px 13px 15px;
color: #8d8d8d;
}
.yamm.navbar-default .yamm-content ul.ul-with-description li:last-child {
margin-bottom: 0.7rem;
}
.yamm.navbar-default .yamm-content ul.ul-alphabetic {
line-height: 2;
padding-left: 15px;
}
.yamm.navbar-default .yamm-content ul.ul-alphabetic li {
float: left;
margin-right: 6px;
padding: 2px;
}
.yamm.navbar-default .yamm-content ul.ul-alphabetic li a {
font-size: 16px;
font-weight: normal;
}
.yamm.navbar-default .navbar-toggle {
margin-right: 0;
}
.yamm.navbar-default .navbar-brand {
padding: 0;
}
.yamm.navbar-default .navbar-brand img {
max-height: 40px;
}
@media only screen and (min-width: 768px) {
.yamm.navbar-default .navbar-brand img {
max-height: 50px;
}
}
@media only screen and (min-width: 768px) {
.yamm.navbar-default .dropdown.yamm-fw .dropdown-menu {
left: -30px;
right: 30px;
}
}
@media only screen and (min-width: 1200px) {
.yamm.navbar-default .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
}
.yamm.navbar-default #navbar-collapse-1 {
width: 100%;
}
@media only screen and (min-width: 768px) {
.yamm.navbar-default #navbar-collapse-1 {
padding-left: 30px;
padding-right: 30px;
}
}
.yamm.navbar-default #navbar-collapse-1::before,
.yamm.navbar-default #navbar-collapse-1::after {
display: none;
}
.yamm.navbar-default .navbar-nav {
margin-top: 0;
margin-bottom: 0;
}
.yamm.navbar-default .navbar-nav::before,
.yamm.navbar-default .navbar-nav::after {
display: none;
}
@media only screen and (min-width: 768px) {
.yamm.navbar-default .navbar-nav > li {
float: none;
}
.yamm.navbar-default .navbar-nav > li > a {
color: #fff;
font-size: 18px;
font-size: 0.9vw;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
padding-top: 45px;
padding-bottom: 45px;
padding-right: 10px;
padding-left: 10px;
}
.yamm.navbar-default .navbar-nav > li .dropdown-menu {
padding: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.yamm.navbar-default .navbar-nav > li.open > a,
.yamm.navbar-default .navbar-nav > li.open > a:hover,
.yamm.navbar-default .navbar-nav > li.open > a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
position: relative;
}
.yamm.navbar-default .navbar-nav > li.open > a ::after,
.yamm.navbar-default .navbar-nav > li.open > a:hover ::after,
.yamm.navbar-default .navbar-nav > li.open > a:focus ::after {
content: "";
width: 100%;
height: 15px;
position: absolute;
background-color: #0b829e;
left: 0;
bottom: 0;
border-radius: 8px;
}
}
@media only screen and (min-width: 768px) {
.yamm.navbar-default .navbar-collapse.collapse {
display: flex !important;
flex-grow: 1;
}
.yamm.navbar-default .navbar-collapse.collapse > ul {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.yamm.navbar-default .navbar-collapse.collapse,
.yamm.navbar-default .navbar-collapse.collapsing {
background-color: #fff;
}
}
@media only screen and (min-width: 768px) {
.yamm-content.tab {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.yamm-content.tab .tab-content {
padding: 35px 20px !important;
border-right: 1px solid #d3d3d3;
flex: 0 1 20%;
}
.yamm-content.tab .tab-content:first-child {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.yamm-content.tab .tab-content:last-child {
border-right: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
}
.yamm-content.tab .tab-content {
padding: 15px;
border-bottom: 1px solid #d3d3d3;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.yamm-content.tab .tab-content:last-child {
border-bottom: 0;
}
@media only screen and (min-width: 768px) {
.yamm-content.tab.tab01 .tc01 {
flex: 0 0 22%;
}
.yamm-content.tab.tab01 .tc02 {
flex: 1 1 auto;
}
.yamm-content.tab.tab01 .tc03,
.yamm-content.tab.tab01 .tc04 {
flex: 0 0 23%;
}
.yamm-content.tab.tab02 .tc01,
.yamm-content.tab.tab02 .tc02,
.yamm-content.tab.tab02 .tc03,
.yamm-content.tab.tab02 .tc04,
.yamm-content.tab.tab02 .tc05 {
flex: 0 0 20%;
}
.yamm-content.tab.tab02 .tc01 {
background-color: #edf3f3;
}
.yamm-content.tab.tab03 {
min-height: 670px;
}
.yamm-content.tab.tab03 .tc01,
.yamm-content.tab.tab03 .tc02,
.yamm-content.tab.tab03 .tc03,
.yamm-content.tab.tab03 .tc04 {
flex: 0 0 25%;
}
.yamm-content.tab.tab04 {
min-height: 670px;
}
.yamm-content.tab.tab04 .tc01,
.yamm-content.tab.tab04 .tc02,
.yamm-content.tab.tab04 .tc03,
.yamm-content.tab.tab04 .tc04 {
flex: 0 0 25%;
}
.yamm-content.tab.tab05 {
min-height: 670px;
}
.yamm-content.tab.tab05 .tc01,
.yamm-content.tab.tab05 .tc02,
.yamm-content.tab.tab05 .tc03,
.yamm-content.tab.tab05 .tc04 {
flex: 0 0 25%;
}
.yamm-content.tab.tab06 .tc01 {
flex-grow: 1;
}
.yamm-content.tab.tab06 .tc02 {
flex: 0 0 25%;
padding-right: 40px !important;
padding-left: 35px !important;
}
.yamm-content.tab.tab06 .tc03 {
flex: 0 0 25%;
padding-right: 40px !important;
padding-left: 35px !important;
}
.yamm-content.tab.tab06 .tc04 {
flex: 0 0 18.5%;
}
}
.wtp-breadcrumb > div > div > div > span {
display: flex;
gap: 8px;
font-size: 13px;
}
.wtp-breadcrumb > div > div > div > span a {
color: rgba(2, 36, 57, 0.6);
text-decoration: none;
}
.wtp-breadcrumb > div > div > div > span span:last-child {
font-weight: bold;
}
.wtp-breadcrumb > div > div > div > span span[class^="BreadcrumbSeparator"] {
color: rgba(2, 36, 57, 0.6);
font-size: 20px;
line-height: 1;
}
body {
font-family: "Lato", sans-serif;
overflow-x: hidden;
}
h2 {
text-transform: uppercase;
font-size: 23px;
letter-spacing: 2.3px;
}
@media only screen and (min-width: 992px) {
.vertical-align {
display: flex;
align-items: center;
}
}
@media only screen and (min-width: 1400px) {
.container,
#Header_wrapper .EditorPanel {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 1600px) {
.container,
#Header_wrapper .EditorPanel {
width: 1640px;
}
}
.EditionMode .EditorPanel {
min-height: 20px;
}
.center-block,
#AdPanel1_wrapper,
#Search_wrapper {
display: block;
margin-left: auto;
margin-right: auto;
}
#Header_wrapper {
background: #000;
color: #fff;
width: 100%;
}
@media only screen and (min-width: 768px) {
#Header_wrapper {
position: sticky;
top: 0;
z-index: 3;
}
}
body.easymode #Header_wrapper {
position: fixed;
top: 40px;
}
#Header_wrapper .EditorPanel {
min-height: 55px;
}
#Header_wrapper.userIsLogged {
position: absolute;
}
#Image_wrapper,
#ImageProvider_wrapper {
min-height: 470px;
background-color: #363641;
color: #fff;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
}
#Image_wrapper::after,
#ImageProvider_wrapper::after {
height: 100%;
width: 100%;
position: absolute;
content: "";
background: #000;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0) 100%
);
}
#Image_wrapper > .container,
#Header_wrapper #Image_wrapper > .EditorPanel,
#ImageProvider_wrapper > .container,
#Header_wrapper #ImageProvider_wrapper > .EditorPanel {
z-index: 2;
margin-right: auto;
margin-left: auto;
width: 100%;
}
#Image_wrapper > .EditorPanel,
#ImageProvider_wrapper > .EditorPanel {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 1;
width: 100%;
}
#Image_wrapper.page-full-width,
#ImageProvider_wrapper.page-full-width {
min-height: 250px;
}
#Image_wrapper.page-full-width #Search_wrapper,
#ImageProvider_wrapper.page-full-width #Search_wrapper {
margin-top: auto;
margin-bottom: 28px;
flex-grow: 0;
}
#ImageProvider_wrapper {
background: #14384d;
background: linear-gradient(90deg, rgb(20, 56, 77) 0%, rgb(58, 28, 47) 100%);
min-height: 380px;
}
#ImageProvider_wrapper #Search_wrapper {
flex-grow: 0;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
#Menu_wrapper {
margin-top: 15px;
}
}
body.easymode #Menu_wrapper {
margin-top: 40px;
}
#Search_wrapper {
z-index: 1;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-grow: 1;
padding: 0;
}
#Search_wrapper .EditorPanel {
flex-grow: 1;
}
.wrapper-panels01 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 27px;
}
@media only screen and (max-width: 1200px) {
.wrapper-panels01 {
flex-direction: column;
min-height: 0;
}
}
#Panel1_wrapper,
#Slideshow_wrapper,
#Panel2_wrapper {
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
border-radius: 10px;
}
#Slideshow_wrapper {
overflow: hidden;
}
#Slideshow_wrapper .EditorPanel {
display: flex;
}
#Slideshow_wrapper .wtp-agentuniverseslideshow,
#Slideshow_wrapper .contenteditable-container {
width: 100%;
}
#Slideshow_wrapper div.contenteditable-container {
flex-grow: 1;
}
#Panel3_wrapper,
#Panel4_wrapper {
margin: 40px 0;
overflow: hidden;
}
.bg-section01 {
background-color: #f3f5f6;
padding: 30px 0 70px;
}
.bg-section01.full {
padding: 30px 0 30px;
}
.bg-section02 {
background-color: #fff;
padding: 0 0 140px;
}
.bg-section02.margin-top {
margin-top: 60px;
}
.bg-section02.full {
background: #f3f5f6;
background: linear-gradient(
180deg,
rgb(243, 245, 246) 0%,
rgb(243, 245, 246) 50%,
rgb(255, 255, 255) 50%,
rgb(255, 255, 255) 100%
);
padding: 30px 0 30px;
}
.bg-section03 {
background-color: #022439;
padding: 30px 0;
color: #fff;
}
#Panel1_wrapper,
#Panel2_wrapper {
order: 0;
flex: 0 0 260px;
align-self: auto;
}
@media only screen and (max-width: 1200px) {
#Panel1_wrapper,
#Panel2_wrapper {
flex: 0 0 auto;
}
}
#Slideshow_wrapper {
order: 0;
flex: 1 1 auto;
align-self: auto;
}
#Panel3_wrapper {
background-color: #022439;
border-radius: 10px;
color: #fff;
}
#AdPanel1_wrapper {
float: none;
margin-top: -45px;
background: #fff;
height: 90px;
border-radius: 10px;
margin-bottom: 90px;
border: 1px solid #e6e6e6;
}
#Footer5_wrapper {
margin-top: -125px;
background: #eff5f5;
height: 205px;
border-radius: 21px;
margin-bottom: 40px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
color: #000;
}
#Footer6_wrapper {
margin-bottom: 20px;
}
.ProviderInfo_wrapper {
background-color: #fff;
border-radius: 16px;
margin-top: -100px;
margin-bottom: 40px;
position: relative;
z-index: 1;
min-height: 150px;
}
.ProviderInfo_wrapper > .row {
padding: 16px;
}
#Panel7_wrapper {
margin-bottom: 40px;
}
#Panel11_wrapper .EditorPanel {
background: #f3f5f6;
border-radius: 16px;
margin-top: 20px;
}
#Panel11_wrapper .EditorPanel > div {
padding: 0px 10px;
}
#Panel11_wrapper .EditorPanel > :first-child {
padding: 10px 10px;
}
#Commission_wrapper {
background-color: #022439;
color: #fff;
border-radius: 16px;
padding: 8px 16px;
}
#SupplierSummary_wrapper h2 {
text-transform: initial;
color: #022439;
font-size: 30px;
letter-spacing: normal;
font-weight: 600;
}
.mb-auto {
margin-bottom: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.btn-rounded {
border-radius: 23px;
text-transform: uppercase;
border-width: 2px;
padding: 8px 20px 10px;
font-size: 16px;
font-weight: 600;
}
.btn-rounded i.fas {
font-size: 0.7em;
margin-left: 5px;
position: relative;
bottom: 2px;
}
.btn-light-blue {
color: #0b829e;
border-color: #0b829e;
}
.btn-light-blue:hover {
color: #085b6e;
border-color: #085b6e;
background-color: #fff;
}
.btn-blue {
color: #fff;
background-color: #0b829e;
border-color: #0b829e;
}
.btn-blue:hover {
background-color: #085b6e;
}
body.easymode #PageContent {
padding-top: 21px;
}
.pe-supdir-title {
flex-direction: column;
padding: 0px 20px 20px;
color: #0b829e;
text-align: center;
}
.pe-supdir-card {
background-color: #fff;
flex-direction: column;
align-self: flex-start;
border-radius: 12px;
padding: 15px;
color: #113145;
}
.pe-supdir-card-logo {
color: #113145;
}
.alphabet-selector {
display: flex;
justify-content: center;
margin-bottom: 20px;
text-align: center;
}
.alphabet-selector a {
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 4px;
margin: 0 5px;
color: #333;
text-decoration: none;
}
.alphabet-selector a:hover {
background-color: #ddd;
}
.pe-supdir-filters {
text-align: center;
}
.pe-supdir-ul-alphabetic {
line-height: 2;
padding-left: 15px;
}
.pe-supdir-ul-alphabetic li {
display: inline;
margin-right: 4px;
padding: 2px;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
.title-center {
color: #022439;
font-size: 24px;
line-height: 1.2;
font-weight: 900;
text-align: center;
margin-bottom: 30px;
}
.list-suppliers {
display: grid;
grid-column-gap: 27px;
grid-row-gap: 27px;
}
@media only screen and (min-width: 768px) {
.list-suppliers {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 992px) {
.list-suppliers {
grid-template-columns: repeat(4, 1fr);
}
}
.list-suppliers_item {
background-color: #fff;
border-radius: 20px;
padding: 26px 32px;
}
.list-suppliers_item img {
max-width: 150px;
max-height: 100px;
}
.list-suppliers_item_title a,
.list-suppliers_item_phone {
font-size: 26px;
font-weight: bold;
color: #022439;
text-decoration: none;
}
.list-suppliers_item_phone {
font-size: 16px;
}
.list-suppliers_item_web a {
text-decoration: none;
color: #0b829e;
font-weight: bold;
word-wrap: anywhere;
}
.wtp_container .table-responsive {
flex-grow: 1;
}
.wtp_container .table-responsive table {
margin-bottom: 0;
}
table.table > tbody > tr > td,
table.table > tbody > tr > th {
border-top: 0;
} /*# sourceMappingURL=default.css.map */
/* =================================== */
/* from 'ogEAAB-LCAAAAAAABACVi0EKgzAQRU-TLl1IIWttoStX8QIxjm0wmYiTiMd3.css' */
/* =================================== */
#tagcloud {
color: #999;
text-align: center;
text-decoration: none;
}
#tagcloud a {
text-decoration: none;
}
#tagcloud .info {
font-size: 0.5em;
}
#tagcloud .weight-1 {
font-size: 0.8em;
}
#tagcloud .weight-2 {
font-size: 1em;
}
#tagcloud .weight-3 {
font-size: 1.5em;
}
#tagcloud .weight-4 {
font-size: 1.7em;
}
#tagcloud .weight-5 {
font-size: 2em;
}
#tagcloud .weight-6 {
font-size: 2.5em;
}
#tagcloud .weight-7 {
font-size: 3em;
}
.blog-comment {
border-top: solid 1px silver;
margin: 5px 5px 20px;
}
.blog-comment .date {
font-size: 10px;
font-style: italic;
margin-left: 3px;
}
.blog-comment .text {
margin-left: 15px;
}
.blogroll-title {
font-size: 28px;
}
.blogroll-post-title {
font-size: 16px;
}
.blogroll-post-pubdate {
color: Gray;
font-size: 8px;
font-style: italic;
}
DIV.blogcategoryadmin {
background-color: #fff;
border: solid 1px #e0e0e0;
margin: 5px;
}
.blogcategoryadmin .title {
background: url(/Common/CSS/Bundles/Default/images/category_title.png)
repeat-x top;
background-color: #f8f8f8;
font-style: italic;
font-variant: small-caps;
}
.blogcategoryadmin .form td {
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.grid .row-unapproved {
background: url(/Common/CSS/Bundles/Default/images/grid_row_unapproved.png)
repeat-x top;
background-color: #ffffe0;
}
TABLE.popup-messagebox {
background-color: #fff;
}
.popup-messagebox .b1 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) 0 0;
height: 6px;
width: 6px;
}
.popup-messagebox .b2 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) 0 -15px;
height: 6px;
}
.popup-messagebox .b3 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) -9px 0;
height: 6px;
width: 6px;
}
.popup-messagebox .b4 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) 0 -35px;
width: 6px;
}
.popup-messagebox .b6 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) -9px -35px;
width: 6px;
}
.popup-messagebox .b7 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) 0 -9px;
width: 6px;
}
.popup-messagebox .b8 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) 0 -26px;
height: 6px;
}
.popup-messagebox .b9 {
background: url(/Common/CSS/Bundles/Default/images/skin-messagebox.png) -9px -9px;
width: 6px;
}
.blogcategoryadmin .title td,
.blogcategoryadmin .grid td,
.grid td {
padding: 10px;
}
.blogcategoryadmin .grid .row,
.grid .row {
background: url(/Common/CSS/Bundles/Default/images/grid_row.png) repeat-x top;
background-color: #fff;
}
.blogcategoryadmin .grid .header,
.grid .header {
background: url(/Common/CSS/Bundles/Default/images/grid_header.png) repeat-x
top;
font-size: 14px;
font-weight: 700;
height: 31px;
padding: 0;
vertical-align: middle;
}
.blogcategoryadmin .grid .pager,
.grid .pager {
background: url(/Common/CSS/Bundles/Default/images/grid_pager.png) repeat-x
top;
font-size: 10px;
font-weight: 700;
height: 31px;
vertical-align: middle;
}
.blogcategoryadmin .grid .pager td,
.grid .pager td {
padding-bottom: 0;
padding-right: 0;
padding-top: 0;
}
.PostTitle {
line-height: 1;
}
.wtp-blogpost {
padding: 10px 0;
}
.wtp-blogpost .pull-right {
float: right !important;
}
.wtp-blogpost .pull-left {
float: left !important;
}
.wtp-blogpost .wtp-post__image > img {
margin-bottom: 30px;
}
.wtp-post {
background-color: #eee;
margin-bottom: 20px;
}
.wtp-post__image img {
display: inline;
width: auto \9;
max-width: 100%;
height: auto;
}
.wtp-post__box {
padding: 5px 15px 15px 15px;
}
.wtp-post__info {
padding: 10px 0;
}
.wtp-post__info,
.wtp-post__tags,
.wtp-post__comments {
font-size: 0.9em;
}
.wtp-post__body {
line-height: 1.5;
}
.wtp-post__excerpt {
margin-bottom: 10px;
color: #757575;
}
.wtp-post__date {
color: #000;
}
@media only screen and (min-width: 768px) {
.wtp-post {
width: 48%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 15px;
}
}
div.blog-archives {
margin-top: 15px;
}
div.blog-archives #nav {
font-weight: 700 !important;
list-style: none !important;
margin-left: 0 !important;
padding-bottom: 0.45em !important;
}
div.blog-archives #nav ul {
font-weight: 400 !important;
list-style: none !important;
margin-left: 10px !important;
}
div.blog-archives #nav li {
background: url(/Common/CSS/Bundles/Default/Images/BlogArchivesArrow.gif) left
center no-repeat !important;
margin-left: 10px !important;
padding-bottom: 0.2em !important;
padding-left: 15px !important;
}
div.blog-archives #nav a {
text-decoration: none !important;
}
div.blog-archives #nav a:hover {
color: #1b53b9 !important;
}
div.blog-archives #nav .expandable {
background-image: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
div.blog-archives #nav .expandable img {
margin-left: 0 !important;
margin-right: 2px !important;
}
div.blog-archives #expandAll,
div.blog-archives #collapseAll {
background-image: none !important;
font-weight: 700 !important;
padding-bottom: 0.5em !important;
padding-top: 0.2em !important;
}
div.blog-archives img.blogExpand {
padding-right: 5px;
}
.round-a-gray {
background: #444 url(/Common/CSS/Bundles/Default/cssbox/round_gray-left.png)
left top no-repeat;
color: #fff;
text-align: center;
}
.round-a-gray div {
background: url(/Common/CSS/Bundles/Default/cssbox/round_gray-right.png) right
bottom no-repeat;
padding: 4px;
}
.round-a-ok {
background: green url(/Common/CSS/Bundles/Default/cssbox/round_green-left.png)
left top no-repeat;
color: #fff;
text-align: center;
}
.round-a-ok div {
background: url(/Common/CSS/Bundles/Default/cssbox/round_green-right.png)
right bottom no-repeat;
padding: 4px;
}
.round-a-error {
background: #c00 url(/Common/CSS/Bundles/Default/cssbox/round_red-left.png)
left top no-repeat;
color: #fff;
text-align: center;
}
.round-a-error div {
background: url(/Common/CSS/Bundles/Default/cssbox/round_red-right.png) right
bottom no-repeat;
padding: 4px;
}
.tooltips-gray {
background: #444;
color: #fff;
padding-top: 4px;
text-align: center;
}
.tooltips-gray div {
background: url(/Common/CSS/Bundles/Default/cssbox/tips_gray.png) left bottom
no-repeat;
height: 18px;
padding-top: 4px;
}
.tooltips-ok {
background: green;
color: #fff;
padding-top: 4px;
text-align: center;
}
.tooltips-ok div {
background: url(/Common/CSS/Bundles/Default/cssbox/tips_green.png) left bottom
no-repeat;
height: 18px;
padding-top: 4px;
}
.tooltips-error {
background: #c00;
color: #fff;
padding-top: 4px;
text-align: center;
}
.tooltips-error div {
background: url(/Common/CSS/Bundles/Default/cssbox/tips_red.png) left bottom
no-repeat;
height: 18px;
margin-top: 4px;
}
@import "cssbox.css";
p {
margin: 0;
padding: 0;
}
fieldset {
background: #eaf0f2;
border: 1px solid #d4d4d4;
margin-bottom: 3px;
}
.PicButton {
color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
a.PicButton:link,
a.PicButton:visited,
a.PicButton:active,
a.PicButton:hover {
color: #fff;
}
#LoginLink {
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 11px;
padding: 5px;
}
#waitload,
#waitload h1 {
color: #000;
font-family: arial, verdana, sans-serif;
font-size: 16px;
margin: 0.6em 0 0.3em;
padding: 0 0 0.1em;
}
#login {
color: #676767;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 35%;
}
#login h2 {
font-size: 15px;
}
#login input {
font-size: 11px;
}
#errorMsg {
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
#errorMsg p {
font-size: 12px;
margin: 10px;
}
.validationMsg {
background: #c00;
color: #fff;
text-align: center;
width: 120px;
}
.clean-gray {
background: #efefef;
border: solid 1px #dedede;
color: #222;
padding: 4px;
text-align: center;
}
.clean-ok {
background: #c9ffca;
border: solid 1px #349534;
color: green;
font-weight: 700;
padding: 4px;
text-align: center;
}
.sep {
background: #ffc;
border: solid 1px #dedede;
color: #222;
padding: 4px;
text-align: center;
}
.information {
background: url(/Common/CSS/Bundles/Default/images/info.png) 0 100% no-repeat;
clear: left;
color: #999;
margin: 10px 0;
padding: 0 0 7px;
text-align: left;
width: 300px;
}
.information div {
background: url(/Common/CSS/Bundles/Default/images/info.png) 0 0 no-repeat;
min-height: 35px;
padding: 8px 0 0 50px;
}
.short_message .information div {
background: url(/Common/CSS/Bundles/Default/images/icon_info.png) 0 0
no-repeat;
background-image: none;
background-position: 5px 5px;
min-height: 35px;
}
.information .Infotitle {
color: #a8cc82;
font-size: 150%;
font-weight: 700;
margin-bottom: 2px;
}
.warning {
background: url(/Common/CSS/Bundles/Default/images/warning.png) 0 100%
no-repeat;
clear: left;
color: #999;
margin: 10px 0;
padding: 0 0 7px;
text-align: left;
width: 300px;
}
.warning div {
background: url(/Common/CSS/Bundles/Default/images/warning.png) 0 0 no-repeat;
min-height: 35px;
padding: 8px 0 0 50px;
}
.short_message .warning div {
background: url(/Common/CSS/Bundles/Default/images/icon_warning.png) 0 0
no-repeat;
background-image: none;
background-position: 5px 5px;
min-height: 35px;
}
.warning .Errortitle {
color: #900;
font-size: 150%;
font-weight: 700;
margin-bottom: 2px;
}
.tablecenter {
margin: auto;
}
.tableRight {
margin-left: auto;
margin-right: 0;
}
.tableLeft {
margin-left: 0;
margin-right: auto;
}
.searchlegend {
color: #999;
font-size: 10px;
}
.searchWarning {
background-color: #ffc;
color: #000;
font-size: 12px;
padding: 5px;
}
#panelStoreLocatorUpdate {
background-color: #fff;
border: 1px solid #000;
color: #000;
position: absolute;
right: 50%;
top: 350px;
}
#expiredMessagePublicMode h2 {
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 16px;
font-weight: 700;
}
#expiredMessagePublicMode p {
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 12px;
padding-top: 5px;
}
#expiredMessagePublicMode a:link,
#expiredMessagePublicMode a:visited,
#expiredMessagePublicMode a:active,
#expiredMessagePublicMode a:hover {
color: #06c;
}
#loginlink a:link,
#loginlink a:visited,
#loginlink a:active,
#loginlink a:hover,
#errorMsg h1 {
color: #369;
}
#login a,
#login a:link {
color: #2f5788;
}
.short_message .information,
.short_message .warning {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #fff;
background-image: none;
border: 1px solid #e7e7e7;
border-radius: 6px;
width: auto;
}
.information p,
.warning p {
margin-bottom: 0;
}
ul.i-am-new li {
width: auto;
}
.ui-dialog-content.ui-widget-content {
padding: 0 !important;
}
ul.dash {
list-style-type: none;
}
ul.dash li {
list-style-type: none;
position: relative;
}
ul.dash li:before {
content: "-";
position: absolute;
margin-left: -15px;
}
.wtp-pe-blogposts {
padding: 2em 0;
}
.wtp-pe-blogposts .wtp-pe-post {
padding: 1.5em;
margin-bottom: 20px;
border: 1px solid #ddd;
}
@media only screen and (min-width: 768px) {
.wtp-pe-blogposts .wtp-pe-post {
width: 48%;
}
}
.wtp-pe-blogposts .wtp-pe-post_title {
font-weight: bold;
font-size: 1.15em;
margin: 0;
line-height: 1.5;
}
.wtp-pe-blogposts .wtp-pe-post_date {
font-size: 0.75em;
}
.wtp-pe-post_btn-back {
display: flex;
align-items: baseline;
justify-content: right;
font-size: 0.75em;
}
.wtp-pe-blogposts .wtp-pe-post_taxonomies-tags:before,
.wtp-pe-blogposts .wtp-pe-post_taxonomies-categories:before {
content: "Tags:";
font-size: 0.7em;
display: block;
}
.wtp-pe-blogposts .wtp-pe-post_taxonomies-categories:before {
content: "Categories:";
}
.wtp-pe-blogposts .wtp-pe-post_taxonomies-tags a,
.wtp-pe-blogposts .wtp-pe-post_taxonomies-categories a {
background-color: #000;
display: inline-block;
color: #fff;
border-radius: 5px;
font-size: 0.8em;
padding: 0 5px;
margin: 0 5px 5px 0;
}
.wtp-pe-blogposts .wtp-pe-post_taxonomies-tags a:hover,
.wtp-pe-blogposts .wtp-pe-post_taxonomies-categories a:hover {
opacity: 0.5;
}
.wtp-pe-post_btn-back + div > nav .pagination > .active > a,
.wtp-pe-post_btn-back + div > nav .pagination > li > a:hover {
z-index: initial;
}
.wtp-pe-post_btn-back + div > nav .pagination a {
cursor: pointer;
}
.wtp-pe-post_btn-back {
text-align: right;
}
.pe-category-tag_title {
font-weight: bold;
margin-bottom: 10px;
}
.pe-category-tag strong {
font-weight: bold;
}
.pe-category-tag ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 20px;
}
.pe-category-tag ul li a {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.pe-category-tag ul li a span {
padding-left: 5px;
}
.pe-category-tag .hidden-tags {
display: none;
}
.pe-category-tag .tags-title {
font-size: 0.7em;
display: block;
}
.pe-category-tag .pe-category-tag_filters {
background: #eaeaea;
padding: 5px 5px 0;
border-radius: 5px;
border: 1px solid lightgray;
margin: 0 0 10px 0;
font-size: 13px;
}
.pe-category-tag .pe-category-tag_filters .tags-title {
max-width: 220px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 3px 0 -3px;
}
.pe-category-tag .fa.fa-close {
color: red;
margin: 0 0 0 5px;
font-size: 16px;
}
.wtp-pe-singlepost {
padding: 2em 0;
}
.wtp-pe-singlepost .wtp-pe-singlepost_title {
font-weight: bold;
font-size: 2em;
margin: 0;
line-height: 1.5;
}
.wtp-pe-singlepost .wtp-pe-singlepost_meta {
font-size: 0.75em;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.wtp-pe-singlepost .wtp-pe-singlepost_date,
.wtp-pe-singlepost .wtp-pe-singlepost_author {
font-weight: bold;
}
.wtp-pe-singlepost .wtp-pe-singlepost_image {
margin: 20px 0;
}
.wtp-pe-singlepost .wtp-pe-singlepost_content {
border-bottom-width: 2px;
border-bottom-style: solid;
padding-bottom: 5px;
}
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-tags:before,
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-categories:before {
content: "Tags:";
font-size: 0.7em;
display: block;
}
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-categories:before {
content: "Categories:";
}
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-tags a,
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-categories a {
background-color: #000;
display: inline-block;
color: #fff;
border-radius: 5px;
font-size: 0.8em;
padding: 0 5px;
margin: 0 5px 5px 0;
}
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-tags a:hover,
.wtp-pe-singlepost .wtp-pe-singlepost_taxonomies-categories a:hover {
opacity: 0.5;
}
.wtp_container {
display: flex !important;
border-style: solid;
border-color: transparent;
}
.wtp_container.cke_widget_element {
border: 2px dashed lightsalmon;
padding: 5px;
}
.labelerror {
color: Red;
text-align: left;
}
.linkbutton {
color: #00f;
text-align: left;
text-decoration: none;
}
.textboxcapitalize,
.textboxupper {
border: 1px solid #779bcd;
color: #000;
text-transform: capitalize;
}
.textboxupper {
text-transform: uppercase;
}
.paneltitle {
border-bottom: 1px solid Gray;
font-weight: 700;
padding: 3px 0 3px 8px;
text-align: left;
}
.paneltabs {
border-width: 1px solid #eee;
padding: 5px;
}
.panelsignup {
background-color: #ebebeb;
padding: 4px 0 3px 5px;
}
.panelerror {
background-color: #ffe4e1;
border-bottom: 10px solid #fff;
padding: 5px;
}
.panellistheader {
font-weight: 700;
padding: 2px 0;
text-align: center;
}
.panelbox {
border: solid 1px #ccc;
padding: 4px 0 3px 5px;
}
.panelscroll {
overflow: auto;
}
.bulletlist {
border: solid 0 #fff;
text-align: left;
}
.graphicbutton {
color: #036499;
font-weight: 700;
}
.picbutton {
color: #fff;
font-weight: 700;
text-decoration: none;
}
a.picbutton:link,
a.picbutton:visited,
a.picbutton:active,
a.picbutton:hover {
color: #fff;
}
.clientgridviewheader {
background-color: #779bcd;
color: #fff;
font-weight: 700;
padding: 2px 0;
text-align: center;
vertical-align: middle;
}
.clientgridviewrow {
background-color: #fff;
color: #000;
cursor: default;
font-weight: 400;
}
.clientgridviewselectedrow {
background-color: #265199;
color: #fff;
cursor: default;
font-family: Verdana;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
}
a.tabstrip {
color: #036499;
font-weight: 700;
text-decoration: none;
}
.datepicker {
border: 1px solid #779bcd;
color: #000;
}
.fixedfont {
font-family: "Terminal", Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 8px;
height: 22px;
overflow: hidden;
}
.fixedfontfirefox {
font-family: "Terminal", Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 13px;
height: 22px;
overflow: 0;
}
.watermark {
color: #999;
}
.imagebutton,
td.tabstrip {
cursor: hand;
}
a.tabstrip:visited,
a.tabstrip:hover {
color: #036499;
}
table.tabstrip,
.tabstripborder {
border: 1px solid #8ca2b8;
}
.EditorPanel img {
border-style: solid;
}
.EditorPanel img:not([border]),
.EditorPanel img[border="0"] {
border: none;
}
.EditorPanel img[border="1"] {
border-width: 1px;
}
.EditorPanel img[border="2"] {
border-width: 2px;
}
.EditorPanel img[border="3"] {
border-width: 3px;
}
.EditorPanel img[border="4"] {
border-width: 4px;
}
.EditorPanel img[border="5"] {
border-width: 5px;
}
.EditorPanel img[border="6"] {
border-width: 6px;
}
.EditorPanel img[border="7"] {
border-width: 7px;
}
.EditorPanel img[border="8"] {
border-width: 8px;
}
.EditorPanel img[border="9"] {
border-width: 9px;
}
.EditorPanel img[border="10"] {
border-width: 10px;
}
.EditorPanel img[border="11"] {
border-width: 11px;
}
.EditorPanel img[border="12"] {
border-width: 12px;
}
.EditorPanel img[border="13"] {
border-width: 13px;
}
.EditorPanel img[border="14"] {
border-width: 14px;
}
.EditorPanel img[border="15"] {
border-width: 15px;
}
.EditorPanel img[border="16"] {
border-width: 16px;
}
.EditorPanel img[border="17"] {
border-width: 17px;
}
.EditorPanel img[border="18"] {
border-width: 18px;
}
.EditorPanel img[border="19"] {
border-width: 19px;
}
.EditorPanel img[border="20"] {
border-width: 20px;
}
.EditorPanel img[border="25"] {
border-width: 25px;
}
.EditorPanel img[border="26"] {
border-width: 26px;
}
.EditorPanel img[border="27"] {
border-width: 27px;
}
.EditorPanel img[border="28"] {
border-width: 28px;
}
.EditorPanel img[border="29"] {
border-width: 29px;
}
.EditorPanel img[border="30"] {
border-width: 30px;
}
.ClientGridView {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.ClientGridViewHeader {
background-color: #006;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
height: 18px;
padding: 2px 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
.ClientGridViewRow {
background-color: #fff;
color: #000;
cursor: default;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size: 10px;
font-weight: 400;
}
.ClientGridViewFrozenRow {
background-color: #e0dfe4;
color: #000;
cursor: default;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size: 10px;
font-weight: 400;
}
.ClientGridViewSelectedRow {
background-color: #265199;
color: #fff;
cursor: default;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size: 10px;
font-weight: 400;
}
.ClientGridViewEmptyRow {
background-color: #779bcd;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
padding: 2px 0;
text-align: center;
vertical-align: middle;
}
.ClientGridView a,
.ClientGridViewHeader a {
color: #fff;
text-decoration: none;
}
.ddmx {
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
background: #e9e9e9;
color: #686868;
display: block;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 11px;
font-weight: 700;
padding: 3px 3px 3px 9px;
position: relative;
text-decoration: none;
white-space: nowrap;
z-index: 500;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
color: #686868;
display: block;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 11px;
font-weight: 700;
padding: 3px 3px 3px 9px;
position: relative;
text-decoration: none;
white-space: nowrap;
z-index: 500;
}
.ddmx .item2 {
background: #eee;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
background: #fff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img {
border: 0;
position: absolute;
right: 1px;
top: 4px;
}
.ddmx .section {
border: 1px solid #b8b4ae;
position: absolute;
visibility: hidden;
z-index: -1;
}
* html .ddmx td {
position: relative;
}
.MenuDiv {
background-color: #0a1464;
border-color: #0a1464;
height: 15%;
width: 100%;
}
.BottomLinks {
color: blue;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 12px;
font-weight: 700;
margin-left: 12px;
margin-right: 12px;
text-decoration: underline;
}
.RightsReserved {
color: #000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
}
.BottomLinksWhite {
color: #fff;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 12px;
font-weight: 700;
margin-left: 12px;
margin-right: 12px;
text-decoration: underline;
}
.RightsReservedWhite {
color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
}
.FooterDiv,
.BodyLeftDiv {
background-color: #0a1464;
}
#instance_47727 {
padding-top: 10px;
padding-left: 8px;
padding-right: 8px;
}
//CopytoClipboard//
// Get all copy icons
const copyIcons = document.querySelectorAll(".copy-icon");
// Add click event to each copy icon
copyIcons.forEach((icon) => {
icon.addEventListener("click", function () {
// Get the text to copy that is before the icon
const textToCopy = this.previousElementSibling.innerText;
// Create a hidden text input
const tempInput = document.createElement("input");
tempInput.style.position = "absolute";
tempInput.style.left = "-9999px";
tempInput.value = textToCopy;
document.body.appendChild(tempInput);
// Select the content of the temporary input
tempInput.select();
tempInput.setSelectionRange(0, 99999); // For mobile devices
// Copy the text to the clipboard
document.execCommand("copy");
// Remove the temporary input
document.body.removeChild(tempInput);
// Show an alert or some type of feedback to the user
alert("Text copied: " + textToCopy);
});
});
//Main Link Class Event//
const card = document.querySelector(".AU-container");
const mainLink = card.querySelector(".main-link");
const clickableElements = Array.from(card.querySelectorAll("a"));
clickableElements.forEach((ele) =>
ele.addEventListener("click", (e) => e.stopPropagation())
);
function handleClick(event) {
const noTextSelected = !window.getSelection().toString();
if (noTextSelected) {
mainLink.click();
}
}
card.addEventListener("click", handleClick);
Also see: Tab Triggers