diff --git a/sites/arcwerx-site/about-us.html b/sites/arcwerx-site/about-us.html new file mode 100644 index 0000000000000000000000000000000000000000..b5d12c9c0c526a46ede0be225c9bc9513a0ba24b --- /dev/null +++ b/sites/arcwerx-site/about-us.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

ABOUT US

+
+

The foundations for what would become ARCWERX were laid in 2018 when Gen Goldfein launched the first Squadron Innovation Funds program designed to unleash the creativity of airmen across the Air Force. A small team was assembled at the Air National Guard Readiness Center on Joint Base Andrews to design the initial concept and begin planning for expansion beyond the headquarters. In 2019 ARCWERX was launched in Tucson, AZ to build on the foundation laid down by the original team and leverage the enormous strengths of the Air National Guard and Air Force Reserve Test Center.

+
+
+
+
+
+ + +
+ +
+
+
+
+
+ +
+
+ +

Lieutenant Colonel Hans “Solo” Jagow, Director

+

Lieutenant Colonel Hans Jagow is the co-founder of ARCWERX and currently serves as the organization’s Director. Before ARCWERX, Hans was the Director or HC/MC/EC-130 Test at AATC. He brings a career worth of passion for modernizing and optimizing the “Tools of the trade” used by the operational warfighters we support. Additionally, Hans’ focus has always been one of fostering non-traditional partnerships to expedite delivery of warfighter’s critical needs; a skill that optimizes the broadened focus he has undertaken with ARCWERX as opposed to specific MDS modernization.

+

Lieutenant Colonel Jagow is a Combat Systems Officer (CSO) on HC-130J aircraft who hails from the Alaska Air National Guard’s 176th Wing. Prior to commissioning in 2006 at the 129th RQW, CA ANG, he spent 10 years as a soldier in the Ohio Army National Guard and as an Airman in the 445th AW (AFRC), WPAFB, OH. His career includes multiple combat tours in multiple airframes logging over 2500 flight hours and 181 combat sorties.

+

He graduated from Wright State University in 2003 with a Bachelor of Science in Organizational Leadership. Hans lives on DMAFB with his wife Tamera, daughters Saylor & Liberty and sons Atlas & Ace.

+
+
+
+
+
+
+
+
+ +
+ +

Major Roberto “Bobby” Carbonell, Operations Officer

+

Major Bobby Carbonell is the co-founder of ARCWERX and currently serves as the organization’s Operations Officer. Before returning to Active Duty for his position at ARCWERX, he served as the Executive Director of Veterans Florida, a state-created nonprofit organization that helps veterans find meaningful employment and start their own businesses in the State of Florida. Prior to his position with Veterans Florida, Bobby served as the Legislative and Cabinet Affairs Director for the Florida Department of Veterans’ Affairs and the Deputy Legislative Affairs Director for the Florida Department of Military Affairs.

+

Major Carbonell is an Aircraft Maintenance Officer who served in the Florida Air National Guard’s 125th Fighter Wing. Prior to commissioning in 2010 he spent 10 years as a soldier in the Florida Army National Guard. His Army career included a combat tour in Iraq in 2003-2004 as an infantryman.

+

He graduated from Florida State University in 2007 with a Bachelor of Arts in International Affairs. Bobby also co-owns Growler Country, a small business in Tallahassee with his brother Michael Carbonell. Bobby lives in Tucson with his wife Jaime and his daughter, Sophie.

+
+
+
+ +
+
+
+
+
+
+
+
+ +
+ +
+ +

Master Sergeant Steven McKnew, Innovation Consultant

+

Master Sergeant Steven McKnew is the ARCWERX Innovation Consultant for the Air National Guard. His previous assignment was as the Security Forces Superintendent at 178th Wing, Springfield, Ohio. Prior to that he was the Superintendent of Force Protection Inspections, NORAD-USNORTHCOM Inspector General, Peterson AFB, CO.

+

Sergeant McKnew validated operational capabilities of US/Canadian air defense alert units and detachments for Commander NORAD. He led C2 and fighter security inspection providing oversight to 28 Aerospace Control Alert Force units and joint/bi-national operations. He also coordinated with MAJCOM and Air Staffs to develop and enforce USAF and Canadian Security policies and procedures. He recently completed his Master’s degree in Business Management from American Military University.

+
+
+
+
+
+
+
+
+ +
+ +

Master Sergeant Dana Hamlin, Innovation Consultant

+

Master Sergeant Dana Hamlin is one of the ARCWERX Innovation Consultants for the Air National Guard. She grew up in Klamath Falls, Oregon where she began her military career at the 173d Fighter Wing. Shortly after joining she transferred to the 162d in Tucson, Arizona. During her time at the 162d Wing she worked as Admin in the Maintenance and Operations Group and was a long-time admin in the Wing Commanders office. She served several years as the Wing Protocol NCOIC.

+

She worked with over 13 countries to include General Officers and high-ranking Government Officials. She then moved onto the Communications Flight where she served for about five years before joining ARCWERX.

+
+
+
+ +
+
+
+
+
+
+
+
+ +
+ +
+ +

Ms. Kim Casey, Commercial Sector Outreach

+

Kim Casey manages commercial sector outreach for ARCWERX where she discovers, catalogues and matches commercial technology with defense-related problem sets in support of ARCWERX initiatives. Kim is also the Coordinator for Air Reserve Component (ARC) Weapons and Tactics Council (WEPTAC) for AATC where she manages all of the all of the components from planning to execution. She joined ARCWERX in December of 2019 and AATC in July of 2016.

+

Kim has a reputable and established career history of Business Development, Project Management and Strategic Marketing. She obtained her Bachelor of Business Organizational Degree and Master of Business Administration Degree from Western Michigan University.

+
+
+
+
+
+
+
+ + + +
+
+
+
+
+

Ready to get started? Share your idea now!

+
+
+
+
+ Sign up! +
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/sites/arcwerx-site/assets/Images/.gitkeep b/sites/arcwerx-site/assets/Images/.gitkeep new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/sites/arcwerx-site/assets/Images/BobbyNewHeadshot.jpg b/sites/arcwerx-site/assets/Images/BobbyNewHeadshot.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cff438f709c29d771b2c54fc592d2811961f5b11 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/BobbyNewHeadshot.jpg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/.gitkeep b/sites/arcwerx-site/assets/Images/High_Res/.gitkeep new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/sites/arcwerx-site/assets/Images/High_Res/180605-Z-ZY202-100.jpeg b/sites/arcwerx-site/assets/Images/High_Res/180605-Z-ZY202-100.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..8e79eeb026e44f50ec83fc0c97dcb72f2c990a60 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/180605-Z-ZY202-100.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/190918-Z-CC887-145.jpeg b/sites/arcwerx-site/assets/Images/High_Res/190918-Z-CC887-145.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..827436ccd80bd0fe1d8c86a796927e104977cb4f Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/190918-Z-CC887-145.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/191005-Z-NK561-025.jpeg b/sites/arcwerx-site/assets/Images/High_Res/191005-Z-NK561-025.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..bdd550acf39521e31eb6f0d6280b84c7335ecf75 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/191005-Z-NK561-025.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/200204-Z-HS920-0512.jpeg b/sites/arcwerx-site/assets/Images/High_Res/200204-Z-HS920-0512.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..6d4a793b755f38dc7d4f447be9f59a509016239b Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/200204-Z-HS920-0512.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/200513-F-XX680-0002.jpeg b/sites/arcwerx-site/assets/Images/High_Res/200513-F-XX680-0002.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..de27d785771f8416ba039143cad19d6f80804b30 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/200513-F-XX680-0002.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/201014-Z-BQ359-1006.jpeg b/sites/arcwerx-site/assets/Images/High_Res/201014-Z-BQ359-1006.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..af5cf9a719dd9e42d57e021ee26f0398ca777a70 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/201014-Z-BQ359-1006.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/201118-F-WW501-1019.jpeg b/sites/arcwerx-site/assets/Images/High_Res/201118-F-WW501-1019.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..c5856fc211490756fcec3749b14e9e863f59e45f Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/201118-F-WW501-1019.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/201125-F-XB799-1207.jpeg b/sites/arcwerx-site/assets/Images/High_Res/201125-F-XB799-1207.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..f429e2c428d89778d517901ad7889e8328bc7e3a Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/201125-F-XB799-1207.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/210114-F-NF995-1008.jpeg b/sites/arcwerx-site/assets/Images/High_Res/210114-F-NF995-1008.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..001b42e349f090972cc279a274582900faef367a Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/210114-F-NF995-1008.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/210123-Z-OQ080-100.jpeg b/sites/arcwerx-site/assets/Images/High_Res/210123-Z-OQ080-100.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..c9fb1335b57136a73a4f5a88a072a630d2d30b34 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/210123-Z-OQ080-100.jpeg differ diff --git a/sites/arcwerx-site/assets/Images/High_Res/Hans.jpg b/sites/arcwerx-site/assets/Images/High_Res/Hans.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ab43911672bf08a4c160b7340a969d68828ed8f1 Binary files /dev/null and b/sites/arcwerx-site/assets/Images/High_Res/Hans.jpg differ diff --git a/sites/arcwerx-site/assets/css/main.css b/sites/arcwerx-site/assets/css/main.css index 75d75631a2bf6e94894be1583468575792a39916..e7f1aa2fa8958fe369b85019577a0ff316745fd6 100644 --- a/sites/arcwerx-site/assets/css/main.css +++ b/sites/arcwerx-site/assets/css/main.css @@ -2404,6 +2404,7 @@ cursor: default; list-style: none; padding-left: 0; + padding-top: 20px; } ul.actions li { @@ -3630,8 +3631,6 @@ } #banner h2 { - border-style: double solid; - border-width: 4px 1px; font-size: 2.4em; line-height: 1.35em; margin: 0 auto 1em; @@ -3650,7 +3649,7 @@ #banner { padding: 8em 0 6em 0; } - + } @media screen and (max-width: 1280px) { @@ -3845,3 +3844,11 @@ margin-right: auto; width: auto; } +/*Salesforce*/ + #Salesforce + div { + padding-top: 50px; + padding-right: 30px; + padding-bottom: 50px; + padding-left: 80px; + } \ No newline at end of file diff --git a/sites/arcwerx-site/connect.html b/sites/arcwerx-site/connect.html new file mode 100644 index 0000000000000000000000000000000000000000..45cab3fe484094ff4d9ea618df30658a94e993c4 --- /dev/null +++ b/sites/arcwerx-site/connect.html @@ -0,0 +1,286 @@ + + + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

CONNECT

+
+

ARCWERX has created a connected ecosystem of empowered ARC Innovators that can affect change from every level of the organization. Our team is plugged in with every level of the Department of Defense innovation system so we can ensure your needs are met with the right resource at the right time for your project.

+
+
+
+
+
+ +
+

I need help solving a problem

+
+ +
+
Fill Out the Following Information. We will get back to you as soon as possible!
+
+
+ + +
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +

+
+
+
+ +

+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/sites/arcwerx-site/educate.html b/sites/arcwerx-site/educate.html new file mode 100644 index 0000000000000000000000000000000000000000..83fe2537317c76236aed4fff17939f46970bfb21 --- /dev/null +++ b/sites/arcwerx-site/educate.html @@ -0,0 +1,276 @@ + + + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

EDUCATE

+ +
+

ARCWERX drives culture change across the Air National Guard to move towards a culture of continuous innovation through education, training and messaging. From wing level training on how to build a Spark Cell to advanced training in Design Thinking and Lean Startup, we can help you achieve your goals and build the future.

+
+
+
+
+
+ +
+

Request training from ARCWERX

+
+ +
+
Fill Out the Following Information. We will get back to you as soon as possible!
+
+
+ + +
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +
+
+
+
+
+ +

+
+
+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/sites/arcwerx-site/events.html b/sites/arcwerx-site/events.html new file mode 100644 index 0000000000000000000000000000000000000000..fd83c52189f55b823769d079dd9a8f855e6ecd11 --- /dev/null +++ b/sites/arcwerx-site/events.html @@ -0,0 +1,108 @@ + + + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

EVENTS

+
+

ARCWERX holds many types of events designed to share knowledge and increase your wing’s innovation capacity. Check back here often to find out when we are holding events such as problem definition workshops, technology briefs, new spark cell training, and how to leverage innovative contracting methodologies.

+
+
+
+
+
+ +
+ + + + +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/sites/arcwerx-site/facilitate.html b/sites/arcwerx-site/facilitate.html new file mode 100644 index 0000000000000000000000000000000000000000..2fad6689dcc8c11a212e846c1e638bfce10f7365 --- /dev/null +++ b/sites/arcwerx-site/facilitate.html @@ -0,0 +1,276 @@ + + + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

FACILITATE

+
+

ARCWERX is creating a system where innovative ideas can be shared, tested and scaled across the enterprise. We know blazing an unknown path is hard, that’s why our trained and experienced innovation sherpa’s are here to guide you on the right path and help shoulder some of the load.

+
+
+
+
+
+ +
+

Request facilitation

+ +
+ +
+
Fill Out the Following Information. We will get back to you as soon as possible!
+
+
+ + +
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +

+
+
+
+ +
+
+
+
+
+ +

+
+
+
+ +
+
+
+
+ + +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/sites/arcwerx-site/index.html b/sites/arcwerx-site/index.html index da2ad8b2e5feaab4694d9dc25763e6852fbbbf4d..fe31c0be6aad1f92cba47186f0f4f1ae2e0fd11b 100644 --- a/sites/arcwerx-site/index.html +++ b/sites/arcwerx-site/index.html @@ -1,530 +1,196 @@ - - - - - ARCWERX - - - - - - - - - - -
-
-
-

ARCWERX Lines of Efforts

-
-
-
- -

Education

-

- We provide training to ANG and AFRC units on innovtion process, - tools and methods. -

-
-
- -

Innovation Consulting

-

- Our experts can help you find answers to your toughest problems. -

-
-
- -

Connections

-

- Make connections with subject matter experts, resources and - partners. -

-
-
- -

Collaboration

-

Let ARCWERX host your group problem solving session.

-
-
- -

Submit an idea

-

- Have a problem or an idea? Submit it to ARCWERX and we'll help you - solve your problem or build a protoype. -

+ + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ Los Angeles +
+
+ +
+ +

We Help Airmen Turn Ideas into Reality!

-
- - -
-
-
-

Get in touch

-
-
-
- - +
+
+ Sign up! +
+
-
- - + + + +
+
- - - +
+
+
+
+
+

PURPOSE

+

The purpose of ARCWERX is to create and foster a lasting culture of innovation in the ARC that builds on the unique structure, geographic distribution and talents of individual Guardsmen and Reservist. +

+
+
+
+
+
+

MISSION

+

Our mission is to enable Reserve Component Airmen to make positive, lasting, and meaningful change. +

+
+
+
+
+
+

VISION

+

The Air Reserve Component is a force where any member can contribute to innovation through a robust and integrated innovation program that sets the example for how to innovate within DOD. +

+
+
+
+
+ + +
+
+
+
+
+

Ready to get started? Share your idea now!

+
+
+
+
+ Sign up! +
+
+
+
-

Box

-
-

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

-
-

Preformatted

-
i = 0;
 
-while (!deck.isInOrder()) {
-    print 'Iteration ' + i;
-    deck.shuffle();
-    i++;
-}
 
-print 'It took ' + i + ' iterations to sort the deck.';
-
+ +
+
+
+
+

© ARCWERX 2021. All Rights Reserved.

+
+
+ +
+
+
+
-
-
+ - -
- --> + + - - + - - - - - - - - + \ No newline at end of file diff --git a/sites/arcwerx-site/news.html b/sites/arcwerx-site/news.html new file mode 100644 index 0000000000000000000000000000000000000000..be35fc31f9a09250711315634716afe9929ee8d7 --- /dev/null +++ b/sites/arcwerx-site/news.html @@ -0,0 +1,259 @@ + + + + + + + + + + + + + + ARCWERX + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

NEWS

+
+

Stories and articles about the projects and people that are changing the way we do business in the Air National Guard and Air Force Reserve.

+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/sites/arcwerx-site/static/assets/css/material-kit.css b/sites/arcwerx-site/static/assets/css/material-kit.css new file mode 100644 index 0000000000000000000000000000000000000000..ae8fa85e038f82e09156fb663504466c94b393cc --- /dev/null +++ b/sites/arcwerx-site/static/assets/css/material-kit.css @@ -0,0 +1,18059 @@ +/* + ========================================================= + * Material Kit - v2.0.6 + ========================================================= + + * Product Page: https://www.creative-tim.com/product/material-kit + * Copyright 2019 Creative Tim (http://www.creative-tim.com) + Licensed under MIT (https://github.com/creativetimofficial/material-kit/blob/master/LICENSE.md) + + + ========================================================= + + * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + */ + +/* brand Colors */ + + +.card { + font-size: .875rem; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +dialog, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fafafa; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 500; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #9c27b0; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #0a6ebd; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: .5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + 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; + } +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +dialog, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fafafa; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 500; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #9c27b0; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #0a6ebd; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: .5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 400; + line-height: 1.2; + color: inherit; +} + +h1, +.h1 { + font-size: 2.5rem; +} + +h2, +.h2 { + font-size: 2rem; +} + +h3, +.h3 { + font-size: 1.75rem; +} + +h4, +.h4 { + font-size: 1.5rem; +} + +h5, +.h5 { + font-size: 1.25rem; +} + +h6, +.h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 7rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 2.8125rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 2.125rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014 \00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fafafa; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code, +kbd, +pre, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +code { + font-size: 87.5%; + color: #e91e63; + word-break: break-word; +} + +a>code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.2rem; + box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 500; + box-shadow: none; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters>.col, +.no-gutters>[class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col, +.col-auto, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-sm, +.col-sm-auto, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-md, +.col-md-auto, +.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, +.col-lg, +.col-lg-auto, +.col-xl-1, +.col-xl-2, +.col-xl-3, +.col-xl-4, +.col-xl-5, +.col-xl-6, +.col-xl-7, +.col-xl-8, +.col-xl-9, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.col-xl, +.col-xl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: none; +} + +.col-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +.col-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.col-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.333333%; +} + +.offset-2 { + margin-left: 16.666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.333333%; +} + +.offset-5 { + margin-left: 41.666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.333333%; +} + +.offset-8 { + margin-left: 66.666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.333333%; +} + +.offset-11 { + margin-left: 91.666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-sm-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-sm-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-sm-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-sm-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-sm-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.333333%; + } + .offset-sm-2 { + margin-left: 16.666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.333333%; + } + .offset-sm-5 { + margin-left: 41.666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.333333%; + } + .offset-sm-8 { + margin-left: 66.666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.333333%; + } + .offset-sm-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-md-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-md-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-md-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-md-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-md-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.333333%; + } + .offset-md-2 { + margin-left: 16.666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.333333%; + } + .offset-md-5 { + margin-left: 41.666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.333333%; + } + .offset-md-8 { + margin-left: 66.666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.333333%; + } + .offset-md-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-lg-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-lg-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-lg-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-lg-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-lg-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.333333%; + } + .offset-lg-2 { + margin-left: 16.666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.333333%; + } + .offset-lg-5 { + margin-left: 41.666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.333333%; + } + .offset-lg-8 { + margin-left: 66.666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.333333%; + } + .offset-lg-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-xl-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-xl-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-xl-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-xl-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-xl-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.333333%; + } + .offset-xl-2 { + margin-left: 16.666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.333333%; + } + .offset-xl-5 { + margin-left: 41.666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.333333%; + } + .offset-xl-8 { + margin-left: 66.666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.333333%; + } + .offset-xl-11 { + margin-left: 91.666667%; + } +} + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + background-color: transparent; +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid rgba(0, 0, 0, 0.06); +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid rgba(0, 0, 0, 0.06); +} + +.table tbody+tbody { + border-top: 2px solid rgba(0, 0, 0, 0.06); +} + +.table .table { + background-color: #fafafa; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid rgba(0, 0, 0, 0.06); +} + +.table-bordered th, +.table-bordered td { + border: 1px solid rgba(0, 0, 0, 0.06); +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-primary, +.table-primary>th, +.table-primary>td { + background-color: #c1e2fc; +} + +.table-hover .table-primary:hover { + background-color: #a9d7fb; +} + +.table-hover .table-primary:hover>td, +.table-hover .table-primary:hover>th { + background-color: #a9d7fb; +} + +.table-secondary, +.table-secondary>th, +.table-secondary>td { + background-color: #d6d8db; +} + +.table-hover .table-secondary:hover { + background-color: #c8cbcf; +} + +.table-hover .table-secondary:hover>td, +.table-hover .table-secondary:hover>th { + background-color: #c8cbcf; +} + +.table-success, +.table-success>th, +.table-success>td { + background-color: #cde9ce; +} + +.table-hover .table-success:hover { + background-color: #bbe1bd; +} + +.table-hover .table-success:hover>td, +.table-hover .table-success:hover>th { + background-color: #bbe1bd; +} + +.table-info, +.table-info>th, +.table-info>td { + background-color: #b8ecf3; +} + +.table-hover .table-info:hover { + background-color: #a2e6ef; +} + +.table-hover .table-info:hover>td, +.table-hover .table-info:hover>th { + background-color: #a2e6ef; +} + +.table-warning, +.table-warning>th, +.table-warning>td { + background-color: #fff9c8; +} + +.table-hover .table-warning:hover { + background-color: #fff6af; +} + +.table-hover .table-warning:hover>td, +.table-hover .table-warning:hover>th { + background-color: #fff6af; +} + +.table-danger, +.table-danger>th, +.table-danger>td { + background-color: #fccac7; +} + +.table-hover .table-danger:hover { + background-color: #fbb3af; +} + +.table-hover .table-danger:hover>td, +.table-hover .table-danger:hover>th { + background-color: #fbb3af; +} + +.table-light, +.table-light>th, +.table-light>td { + background-color: #fdfdfe; +} + +.table-hover .table-light:hover { + background-color: #ececf6; +} + +.table-hover .table-light:hover>td, +.table-hover .table-light:hover>th { + background-color: #ececf6; +} + +.table-dark, +.table-dark>th, +.table-dark>td { + background-color: #c6c8ca; +} + +.table-hover .table-dark:hover { + background-color: #b9bbbe; +} + +.table-hover .table-dark:hover>td, +.table-hover .table-dark:hover>th { + background-color: #b9bbbe; +} + +.table-active, +.table-active>th, +.table-active>td { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover>td, +.table-hover .table-active:hover>th { + background-color: rgba(0, 0, 0, 0.075); +} + +.table .thead-dark th { + color: #fafafa; + background-color: #212529; + border-color: #32383e; +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: rgba(0, 0, 0, 0.06); +} + +.table-dark { + color: #fafafa; + background-color: #212529; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #32383e; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-sm>.table-bordered { + border: 0; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-md>.table-bordered { + border: 0; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-lg>.table-bordered { + border: 0; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-xl>.table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive>.table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + padding: 0.4375rem 0; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: rgba(0, 0, 0, 0); + background-clip: padding-box; + border: 1px solid #d2d2d2; + border-radius: 0; + box-shadow: none; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: #495057; + background-color: rgba(0, 0, 0, 0); + border-color: #9acffa; + outline: 0; + box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.25); +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:not([size]):not([multiple]) { + height: calc(2.4375rem + 2px); +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: rgba(0, 0, 0, 0); +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.4375rem + 1px); + padding-bottom: calc(0.4375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5625rem + 1px); + padding-bottom: calc(0.5625rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.4375rem; + padding-bottom: 0.4375rem; + margin-bottom: 0; + line-height: 1.5; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.input-group-sm>.form-control-plaintext.form-control, +.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text, +.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text, +.input-group-sm>.input-group-prepend>.form-control-plaintext.btn, +.input-group-sm>.input-group-append>.form-control-plaintext.btn, +.form-control-plaintext.form-control-lg, +.input-group-lg>.form-control-plaintext.form-control, +.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text, +.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text, +.input-group-lg>.input-group-prepend>.form-control-plaintext.btn, +.input-group-lg>.input-group-append>.form-control-plaintext.btn { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm, +.input-group-sm>.form-control, +.input-group-sm>.input-group-prepend>.input-group-text, +.input-group-sm>.input-group-append>.input-group-text, +.input-group-sm>.input-group-prepend>.btn, +.input-group-sm>.input-group-append>.btn { + padding: 0.25rem 0; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +select.form-control-sm:not([size]):not([multiple]), +.input-group-sm>select.form-control:not([size]):not([multiple]), +.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), +.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), +.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), +.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) { + height: calc(2.125rem + 2px); +} + +.form-control-lg, +.input-group-lg>.form-control, +.input-group-lg>.input-group-prepend>.input-group-text, +.input-group-lg>.input-group-append>.input-group-text, +.input-group-lg>.input-group-prepend>.btn, +.input-group-lg>.input-group-append>.btn { + padding: 0.5625rem 0; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control-lg:not([size]):not([multiple]), +.input-group-lg>select.form-control:not([size]):not([multiple]), +.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), +.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]), +.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]), +.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) { + height: calc(4.125rem + 2px); +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} + +.form-row>.col, +.form-row>[class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input:disabled~.form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(76, 175, 80, 0.8); + border-radius: .2rem; +} + +.was-validated .form-control:valid, +.form-control.is-valid, +.was-validated .custom-select:valid, +.custom-select.is-valid { + border-color: #4caf50; +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus, +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .form-control:valid~.valid-feedback, +.was-validated .form-control:valid~.valid-tooltip, +.form-control.is-valid~.valid-feedback, +.form-control.is-valid~.valid-tooltip, +.was-validated .custom-select:valid~.valid-feedback, +.was-validated .custom-select:valid~.valid-tooltip, +.custom-select.is-valid~.valid-feedback, +.custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #4caf50; +} + +.was-validated .form-check-input:valid~.valid-feedback, +.was-validated .form-check-input:valid~.valid-tooltip, +.form-check-input.is-valid~.valid-feedback, +.form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid~.custom-control-label, +.custom-control-input.is-valid~.custom-control-label { + color: #4caf50; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + background-color: #a3d7a5; +} + +.was-validated .custom-control-input:valid~.valid-feedback, +.was-validated .custom-control-input:valid~.valid-tooltip, +.custom-control-input.is-valid~.valid-feedback, +.custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked~.custom-control-label::before, +.custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #6ec071; +} + +.was-validated .custom-control-input:valid:focus~.custom-control-label::before, +.custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #4caf50; +} + +.was-validated .custom-file-input:valid~.custom-file-label::before, +.custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .custom-file-input:valid~.valid-feedback, +.was-validated .custom-file-input:valid~.valid-tooltip, +.custom-file-input.is-valid~.valid-feedback, +.custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus~.custom-file-label, +.custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(244, 67, 54, 0.8); + border-radius: .2rem; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid, +.was-validated .custom-select:invalid, +.custom-select.is-invalid { + border-color: #f44336; +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus, +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .form-control:invalid~.invalid-feedback, +.was-validated .form-control:invalid~.invalid-tooltip, +.form-control.is-invalid~.invalid-feedback, +.form-control.is-invalid~.invalid-tooltip, +.was-validated .custom-select:invalid~.invalid-feedback, +.was-validated .custom-select:invalid~.invalid-tooltip, +.custom-select.is-invalid~.invalid-feedback, +.custom-select.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #f44336; +} + +.was-validated .form-check-input:invalid~.invalid-feedback, +.was-validated .form-check-input:invalid~.invalid-tooltip, +.form-check-input.is-invalid~.invalid-feedback, +.form-check-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid~.custom-control-label, +.custom-control-input.is-invalid~.custom-control-label { + color: #f44336; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + background-color: #fbb4af; +} + +.was-validated .custom-control-input:invalid~.invalid-feedback, +.was-validated .custom-control-input:invalid~.invalid-tooltip, +.custom-control-input.is-invalid~.invalid-feedback, +.custom-control-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, +.custom-control-input.is-invalid:checked~.custom-control-label::before { + background-color: #f77066; +} + +.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, +.custom-control-input.is-invalid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #f44336; +} + +.was-validated .custom-file-input:invalid~.custom-file-label::before, +.custom-file-input.is-invalid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .custom-file-input:invalid~.invalid-feedback, +.was-validated .custom-file-input:invalid~.invalid-tooltip, +.custom-file-input.is-invalid~.invalid-feedback, +.custom-file-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus~.custom-file-label, +.custom-file-input.is-invalid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + padding: 0.46875rem 1rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.btn:hover, +.btn:focus { + text-decoration: none; +} + +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25); +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.btn:not(:disabled):not(.disabled):active, +.btn:not(:disabled):not(.disabled).active { + background-image: none; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled):active:focus, +.btn:not(:disabled):not(.disabled).active:focus { + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25), none; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; + box-shadow: none; +} + +.btn-primary:hover { + color: #ffffff; + background-color: #0c83e2; + border-color: #0c7cd5; +} + +.btn-primary:focus, +.btn-primary.focus { + box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #0c7cd5; + border-color: #0b75c9; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.btn-secondary { + color: #ffffff; + background-color: #6c757d; + border-color: #6c757d; + box-shadow: none; +} + +.btn-secondary:hover { + color: #ffffff; + background-color: #5a6268; + border-color: #545b62; +} + +.btn-secondary:focus, +.btn-secondary.focus { + box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #ffffff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle { + color: #ffffff; + background-color: #545b62; + border-color: #4e555b; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #4caf50; + border-color: #4caf50; + box-shadow: none; +} + +.btn-success:hover { + color: #ffffff; + background-color: #409444; + border-color: #3d8b40; +} + +.btn-success:focus, +.btn-success.focus { + box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-success.disabled, +.btn-success:disabled { + color: #ffffff; + background-color: #4caf50; + border-color: #4caf50; +} + +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show>.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #3d8b40; + border-color: #39833c; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-success.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: none; +} + +.btn-info:hover { + color: #ffffff; + background-color: #009aae; + border-color: #008fa1; +} + +.btn-info:focus, +.btn-info.focus { + box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-info.disabled, +.btn-info:disabled { + color: #ffffff; + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show>.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #008fa1; + border-color: #008394; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-info.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffeb3b; + border-color: #ffeb3b; + box-shadow: none; +} + +.btn-warning:hover { + color: #212529; + background-color: #ffe715; + border-color: #ffe608; +} + +.btn-warning:focus, +.btn-warning.focus { + box-shadow: none, 0 0 0 0.2rem rgba(255, 235, 59, 0.5); +} + +.btn-warning.disabled, +.btn-warning:disabled { + color: #212529; + background-color: #ffeb3b; + border-color: #ffeb3b; +} + +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show>.btn-warning.dropdown-toggle { + color: #212529; + background-color: #ffe608; + border-color: #fae100; +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-warning.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(255, 235, 59, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #f44336; + border-color: #f44336; + box-shadow: none; +} + +.btn-danger:hover { + color: #ffffff; + background-color: #f22112; + border-color: #ea1c0d; +} + +.btn-danger:focus, +.btn-danger.focus { + box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-danger.disabled, +.btn-danger:disabled { + color: #ffffff; + background-color: #f44336; + border-color: #f44336; +} + +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show>.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ea1c0d; + border-color: #de1b0c; +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-danger.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; + box-shadow: none; +} + +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.btn-light:focus, +.btn-light.focus { + box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-light.disabled, +.btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show>.btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} + +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #343a40; + border-color: #343a40; + box-shadow: none; +} + +.btn-dark:hover { + color: #ffffff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-dark:focus, +.btn-dark.focus { + box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-dark.disabled, +.btn-dark:disabled { + color: #ffffff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show>.btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #1d2124; + border-color: #171a1d; +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-dark.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-primary { + color: #2196f3; + background-color: transparent; + background-image: none; + border-color: #2196f3; +} + +.btn-outline-primary:hover { + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #2196f3; + background-color: transparent; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.show>.btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.btn-outline-secondary { + color: #6c757d; + background-color: transparent; + background-image: none; + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #ffffff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show>.btn-outline-secondary.dropdown-toggle { + color: #ffffff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-success { + color: #4caf50; + background-color: transparent; + background-image: none; + border-color: #4caf50; +} + +.btn-outline-success:hover { + color: #ffffff; + background-color: #4caf50; + border-color: #4caf50; +} + +.btn-outline-success:focus, +.btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #4caf50; + background-color: transparent; +} + +.btn-outline-success:not(:disabled):not(.disabled):active, +.btn-outline-success:not(:disabled):not(.disabled).active, +.show>.btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #4caf50; + border-color: #4caf50; +} + +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.btn-outline-info { + color: #00bcd4; + background-color: transparent; + background-image: none; + border-color: #00bcd4; +} + +.btn-outline-info:hover { + color: #ffffff; + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn-outline-info:focus, +.btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #00bcd4; + background-color: transparent; +} + +.btn-outline-info:not(:disabled):not(.disabled):active, +.btn-outline-info:not(:disabled):not(.disabled).active, +.show>.btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.5); +} + +.btn-outline-warning { + color: #ffeb3b; + background-color: transparent; + background-image: none; + border-color: #ffeb3b; +} + +.btn-outline-warning:hover { + color: #212529; + background-color: #ffeb3b; + border-color: #ffeb3b; +} + +.btn-outline-warning:focus, +.btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 235, 59, 0.5); +} + +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ffeb3b; + background-color: transparent; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active, +.btn-outline-warning:not(:disabled):not(.disabled).active, +.show>.btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffeb3b; + border-color: #ffeb3b; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 235, 59, 0.5); +} + +.btn-outline-danger { + color: #f44336; + background-color: transparent; + background-image: none; + border-color: #f44336; +} + +.btn-outline-danger:hover { + color: #ffffff; + background-color: #f44336; + border-color: #f44336; +} + +.btn-outline-danger:focus, +.btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #f44336; + background-color: transparent; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active, +.btn-outline-danger:not(:disabled):not(.disabled).active, +.show>.btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #f44336; + border-color: #f44336; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.btn-outline-light { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:focus, +.btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} + +.btn-outline-light:not(:disabled):not(.disabled):active, +.btn-outline-light:not(:disabled):not(.disabled).active, +.show>.btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; +} + +.btn-outline-dark:hover { + color: #ffffff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:focus, +.btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active, +.btn-outline-dark:not(:disabled):not(.disabled).active, +.show>.btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-link { + font-weight: 400; + color: #9c27b0; + background-color: transparent; +} + +.btn-link:hover { + color: #0a6ebd; + text-decoration: underline; + background-color: transparent; + border-color: transparent; +} + +.btn-link:focus, +.btn-link.focus { + text-decoration: underline; + border-color: transparent; + box-shadow: none; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #999; +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 1.125rem 2.25rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, +.btn-group-sm>.btn { + padding: 0.40625rem 1.25rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.1875rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block+.btn-block { + margin-top: 0.5rem; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + opacity: 0; + transition: opacity 0.15s linear; +} + +.fade.show { + opacity: 1; +} + +.collapse { + display: none; +} + +.collapse.show { + display: block; +} + +tr.collapse.show { + display: table-row; +} + +tbody.collapse.show { + display: table-row-group; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.dropup .dropdown-menu { + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + width: 0; + height: 0; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.625rem 1.25rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #2196f3; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.25rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 0 1 auto; +} + +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover { + z-index: 1; +} + +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group, +.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-left: -1px; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group>.btn:first-child { + margin-left: 0; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.dropdown-toggle-split::after { + margin-left: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.9375rem; + padding-left: 0.9375rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 1.6875rem; + padding-left: 1.6875rem; +} + +.btn-group.show .dropdown-toggle { + box-shadow: none; +} + +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { + width: 100%; +} + +.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(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle>.btn, +.btn-group-toggle>.btn-group>.btn { + margin-bottom: 0; +} + +.btn-group-toggle>.btn input[type="radio"], +.btn-group-toggle>.btn input[type="checkbox"], +.btn-group-toggle>.btn-group>.btn input[type="radio"], +.btn-group-toggle>.btn-group>.btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.custom-select, +.input-group>.custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group>.form-control:focus, +.input-group>.custom-select:focus, +.input-group>.custom-file:focus { + z-index: 3; +} + +.input-group>.form-control+.form-control, +.input-group>.form-control+.custom-select, +.input-group>.form-control+.custom-file, +.input-group>.custom-select+.form-control, +.input-group>.custom-select+.custom-select, +.input-group>.custom-select+.custom-file, +.input-group>.custom-file+.form-control, +.input-group>.custom-file+.custom-select, +.input-group>.custom-file+.custom-file { + margin-left: -1px; +} + +.input-group>.form-control:not(:last-child), +.input-group>.custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.form-control:not(:first-child), +.input-group>.custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.custom-file { + display: flex; + align-items: center; +} + +.input-group>.custom-file:not(:last-child) .custom-file-label, +.input-group>.custom-file:not(:last-child) .custom-file-label::before { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.custom-file:not(:first-child) .custom-file-label, +.input-group>.custom-file:not(:first-child) .custom-file-label::before { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn+.btn, +.input-group-prepend .btn+.input-group-text, +.input-group-prepend .input-group-text+.input-group-text, +.input-group-prepend .input-group-text+.btn, +.input-group-append .btn+.btn, +.input-group-append .btn+.input-group-text, +.input-group-append .input-group-text+.input-group-text, +.input-group-append .input-group-text+.btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.4375rem 0; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group>.input-group-prepend>.btn, +.input-group>.input-group-prepend>.input-group-text, +.input-group>.input-group-append:not(:last-child)>.btn, +.input-group>.input-group-append:not(:last-child)>.input-group-text, +.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.input-group-append>.btn, +.input-group>.input-group-append>.input-group-text, +.input-group>.input-group-prepend:not(:first-child)>.btn, +.input-group>.input-group-prepend:not(:first-child)>.input-group-text, +.input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.custom-control-input:checked~.custom-control-label::before { + color: #ffffff; + background-color: #2196f3; + box-shadow: none; +} + +.custom-control-input:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(33, 150, 243, 0.25); +} + +.custom-control-input:active~.custom-control-label::before { + color: #ffffff; + background-color: #cae6fc; + box-shadow: none; +} + +.custom-control-input:disabled~.custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + margin-bottom: 0; +} + +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + user-select: none; + background-color: #dee2e6; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + background-color: #2196f3; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { + background-color: #2196f3; + box-shadow: none; +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(33, 150, 243, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(33, 150, 243, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::before { + background-color: #2196f3; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E"); +} + +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(33, 150, 243, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.4375rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #d2d2d2; + border-radius: 0.25rem; + appearance: none; +} + +.custom-select:focus { + border-color: #9acffa; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(154, 207, 250, 0.5); +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: rgba(0, 0, 0, 0); +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + opacity: 0; +} + +.custom-select-sm { + height: calc(2.125rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; +} + +.custom-select-lg { + height: calc(4.125rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 125%; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(2.4375rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(2.4375rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus~.custom-file-control { + border-color: #9acffa; + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25); +} + +.custom-file-input:focus~.custom-file-control::before { + border-color: #9acffa; +} + +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.4375rem + 2px); + padding: 0.46875rem 1rem; + line-height: 1.3; + color: #495057; + background-color: transparent; + border: 0 solid #d2d2d2; + border-radius: 0; + box-shadow: none; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(calc(2.4375rem + 2px) - 0 * 2); + padding: 0.46875rem 1rem; + line-height: 1.3; + color: #495057; + content: "Browse"; + background-color: transparent; + border-left: 0 solid #d2d2d2; + border-radius: 0 0 0 0; +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fafafa; + border-color: #dee2e6 #dee2e6 #fafafa; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #ffffff; + background-color: #2196f3; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content>.tab-pane { + display: none; +} + +.tab-content>.active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} + +.navbar>.container, +.navbar>.container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .dropup .dropdown-menu { + top: auto; + bottom: 100%; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .dropup .dropdown-menu { + top: auto; + bottom: 100%; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .active>.nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .active>.nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-text a { + color: #ffffff; +} + +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0.25rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card>.list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link+.card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: #fff; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-header+.list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #fff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck { + display: flex; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + display: flex; + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group { + display: flex; + flex-direction: column; +} + +.card-group>.card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + flex-flow: row wrap; + } + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + .card-group>.card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group>.card:first-child .card-img-top, + .card-group>.card:first-child .card-header { + border-top-right-radius: 0; + } + .card-group>.card:first-child .card-img-bottom, + .card-group>.card:first-child .card-footer { + border-bottom-right-radius: 0; + } + .card-group>.card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group>.card:last-child .card-img-top, + .card-group>.card:last-child .card-header { + border-top-left-radius: 0; + } + .card-group>.card:last-child .card-img-bottom, + .card-group>.card:last-child .card-footer { + border-bottom-left-radius: 0; + } + .card-group>.card:only-child { + border-radius: 0.25rem; + } + .card-group>.card:only-child .card-img-top, + .card-group>.card:only-child .card-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + .card-group>.card:only-child .card-img-bottom, + .card-group>.card:only-child .card-footer { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; + } + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + padding-left: 0.5rem; + color: #6c757d; + content: "/"; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: 0; + line-height: 1.25; + color: #2196f3; + background-color: transparent; + border: 0 solid #dee2e6; +} + +.page-link:hover { + color: #0a6ebd; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25); +} + +.page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.page-item.active .page-link { + z-index: 1; + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: transparent; + border-color: #dee2e6; +} + +.pagination-lg .page-link { + padding: 0.75rem 0; + font-size: 1.25rem; + line-height: 1.5; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0; + font-size: 0.875rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 500; +} + +.alert-dismissible { + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #114e7e; + background-color: #d3eafd; + border-color: #c1e2fc; +} + +.alert-primary hr { + border-top-color: #a9d7fb; +} + +.alert-primary .alert-link { + color: #0b3251; +} + +.alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.alert-secondary hr { + border-top-color: #c8cbcf; +} + +.alert-secondary .alert-link { + color: #202326; +} + +.alert-success { + color: #285b2a; + background-color: #dbefdc; + border-color: #cde9ce; +} + +.alert-success hr { + border-top-color: #bbe1bd; +} + +.alert-success .alert-link { + color: #18381a; +} + +.alert-info { + color: #00626e; + background-color: #ccf2f6; + border-color: #b8ecf3; +} + +.alert-info hr { + border-top-color: #a2e6ef; +} + +.alert-info .alert-link { + color: #00353b; +} + +.alert-warning { + color: #857a1f; + background-color: #fffbd8; + border-color: #fff9c8; +} + +.alert-warning hr { + border-top-color: #fff6af; +} + +.alert-warning .alert-link { + color: #5c5415; +} + +.alert-danger { + color: #7f231c; + background-color: #fdd9d7; + border-color: #fccac7; +} + +.alert-danger hr { + border-top-color: #fbb3af; +} + +.alert-danger .alert-link { + color: #551713; +} + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-light hr { + border-top-color: #ececf6; +} + +.alert-light .alert-link { + color: #686868; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.alert-dark hr { + border-top-color: #b9bbbe; +} + +.alert-dark .alert-link { + color: #040505; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; + box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #ffffff; + text-align: center; + background-color: #2196f3; + transition: width 0.6s ease; +} + +.progress-bar-striped { + 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: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: inherit; + border: 0 solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.list-group-item:hover, +.list-group-item:focus { + z-index: 1; + text-decoration: none; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + background-color: inherit; +} + +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +.list-group-item-primary { + color: #114e7e; + background-color: #c1e2fc; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #114e7e; + background-color: #a9d7fb; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #114e7e; + border-color: #114e7e; +} + +.list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; +} + +.list-group-item-success { + color: #285b2a; + background-color: #cde9ce; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #285b2a; + background-color: #bbe1bd; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #285b2a; + border-color: #285b2a; +} + +.list-group-item-info { + color: #00626e; + background-color: #b8ecf3; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #00626e; + background-color: #a2e6ef; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #00626e; + border-color: #00626e; +} + +.list-group-item-warning { + color: #857a1f; + background-color: #fff9c8; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #857a1f; + background-color: #fff6af; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #857a1f; + border-color: #857a1f; +} + +.list-group-item-danger { + color: #7f231c; + background-color: #fccac7; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #7f231c; + background-color: #fbb3af; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #7f231c; + border-color: #7f231c; +} + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; +} + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 500; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: .5; +} + +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + opacity: .75; +} + +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 500; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #2196f3; +} + +.badge-primary[href]:hover, +.badge-primary[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #0c7cd5; +} + +.badge-secondary { + color: #ffffff; + background-color: #6c757d; +} + +.badge-secondary[href]:hover, +.badge-secondary[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #545b62; +} + +.badge-success { + color: #ffffff; + background-color: #4caf50; +} + +.badge-success[href]:hover, +.badge-success[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #3d8b40; +} + +.badge-info { + color: #ffffff; + background-color: #00bcd4; +} + +.badge-info[href]:hover, +.badge-info[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #008fa1; +} + +.badge-warning { + color: #212529; + background-color: #ffeb3b; +} + +.badge-warning[href]:hover, +.badge-warning[href]:focus { + color: #212529; + text-decoration: none; + background-color: #ffe608; +} + +.badge-danger { + color: #ffffff; + background-color: #f44336; +} + +.badge-danger[href]:hover, +.badge-danger[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #ea1c0d; +} + +.badge-light { + color: #212529; + background-color: #f8f9fa; +} + +.badge-light[href]:hover, +.badge-light[href]:focus { + color: #212529; + text-decoration: none; + background-color: #dae0e5; +} + +.badge-dark { + color: #ffffff; + background-color: #343a40; +} + +.badge-dark[href]:hover, +.badge-dark[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #1d2124; +} + +.modal-open { + overflow: hidden; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -25%); +} + +.modal.show .modal-dialog { + transform: translate(0, 0); +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - (0.5rem * 2)); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + box-shadow: 0 0.25rem 0.5rem 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: #000000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.26; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 1rem; + border-top: 1px solid #e9ecef; +} + +.modal-footer> :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer> :not(:last-child) { + margin-right: .25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-centered { + min-height: calc(100% - (1.75rem * 2)); + } + .modal-content { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); + } + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: rgba(97, 97, 97, 0.9); +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: rgba(97, 97, 97, 0.9); +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: rgba(97, 97, 97, 0.9); +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: rgba(97, 97, 97, 0.9); + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, +.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} + +.bs-popover-top .arrow, +.bs-popover-auto[x-placement^="top"] .arrow { + bottom: calc((0.5rem + 1px) * -1); +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before, +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + border-width: 0.5rem 0.5rem 0; +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: 1px; + border-top-color: #ffffff; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right .arrow, +.bs-popover-auto[x-placement^="right"] .arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before, +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + border-width: 0.5rem 0.5rem 0.5rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before { + left: 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + left: 1px; + border-right-color: #ffffff; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom .arrow, +.bs-popover-auto[x-placement^="bottom"] .arrow { + top: calc((0.5rem + 1px) * -1); +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-width: 0 0.5rem 0.5rem 0.5rem; +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: 1px; + border-bottom-color: #ffffff; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left .arrow, +.bs-popover-auto[x-placement^="left"] .arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before, +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + border-width: 0.5rem 0 0.5rem 0.5rem; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before { + right: 0; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + right: 1px; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-item { + position: relative; + display: none; + align-items: center; + width: 100%; + transition: transform 0.6s ease; + backface-visibility: hidden; + perspective: 1000px; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; +} + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); + } +} + +.carousel-item-next, +.active.carousel-item-right { + transform: translateX(100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); + } +} + +.carousel-item-prev, +.active.carousel-item-left { + transform: translateX(-100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: .9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + position: relative; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: rgba(255, 255, 255, 0.5); +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators .active { + background-color: #ffffff; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #2196f3 !important; +} + +a.bg-primary:hover, +a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #0c7cd5 !important; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +a.bg-secondary:hover, +a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #545b62 !important; +} + +.bg-success { + background-color: #4caf50 !important; +} + +a.bg-success:hover, +a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3d8b40 !important; +} + +.bg-info { + background-color: #00bcd4 !important; +} + +a.bg-info:hover, +a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #008fa1 !important; +} + +.bg-warning { + background-color: #ffeb3b !important; +} + +a.bg-warning:hover, +a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #ffe608 !important; +} + +.bg-danger { + background-color: #f44336 !important; +} + +a.bg-danger:hover, +a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ea1c0d !important; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +a.bg-light:hover, +a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #dae0e5 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, +a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #2196f3 !important; +} + +.border-secondary { + border-color: #6c757d !important; +} + +.border-success { + border-color: #4caf50 !important; +} + +.border-info { + border-color: #00bcd4 !important; +} + +.border-warning { + border-color: #ffeb3b !important; +} + +.border-danger { + border-color: #f44336 !important; +} + +.border-light { + border-color: #f8f9fa !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} + +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.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-21by9::before { + padding-top: 42.857143%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only, +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, +.bootstrap-datetimepicker-widget .picker-switch::after, +.bootstrap-datetimepicker-widget table th.prev::after, +.bootstrap-datetimepicker-widget table th.next::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + clip-path: inset(50%); + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; + clip-path: none; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 500 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #2196f3 !important; +} + +a.text-primary:hover, +a.text-primary:focus { + color: #0c7cd5 !important; +} + +.text-secondary { + color: #6c757d !important; +} + +a.text-secondary:hover, +a.text-secondary:focus { + color: #545b62 !important; +} + +.text-success { + color: #4caf50 !important; +} + +a.text-success:hover, +a.text-success:focus { + color: #3d8b40 !important; +} + +.text-info { + color: #00bcd4 !important; +} + +a.text-info:hover, +a.text-info:focus { + color: #008fa1 !important; +} + +.text-warning { + color: #ffeb3b !important; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #ffe608 !important; +} + +.text-danger { + color: #f44336 !important; +} + +a.text-danger:hover, +a.text-danger:focus { + color: #ea1c0d !important; +} + +.text-light { + color: #f8f9fa !important; +} + +a.text-light:hover, +a.text-light:focus { + color: #dae0e5 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, +a.text-dark:focus { + color: #1d2124 !important; +} + +.text-muted, +.bmd-help { + color: #6c757d !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +body { + background-color: #FFFFFF; +} + +a:focus { + outline: none; +} + +button:focus { + outline: none; +} + +.bmd-layout-canvas { + position: absolute; + width: 100%; + height: 100%; +} + +.bmd-layout-container { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.bmd-layout-header { + z-index: 3; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + flex-shrink: 0; + justify-content: flex-start; + width: 100%; + max-height: 1000px; + transform: translateZ(0); + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-layout-content { + position: relative; + z-index: 1; + display: inline-block; + flex-grow: 1; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-layout-spacer { + flex-grow: 1; +} + +.bmd-layout-backdrop { + position: absolute; + top: 0; + left: 0; + z-index: 4; + width: 100%; + height: 100%; + visibility: hidden; + background-color: transparent; + transition-property: background-color; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@supports (pointer-events: auto) { + .bmd-layout-backdrop { + background-color: rgba(0, 0, 0, 0.5); + opacity: 0; + transition-property: opacity; + visibility: visible; + pointer-events: none; + } +} + +.btn { + position: relative; + padding: 12px 30px; + margin: 0.3125rem 1px; + font-size: .75rem; + font-weight: 400; + line-height: 1.428571; + text-decoration: none; + text-transform: uppercase; + letter-spacing: 0; + cursor: pointer; + background-color: transparent; + border: 0; + border-radius: 0.2rem; + outline: 0; + transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow, transform; +} + +.btn:focus, +.btn.focus, +.btn:active:focus, +.btn:active.focus, +.btn:active:focus:focus, +.btn:active:focus.focus, +.btn.active:focus, +.btn.active.focus { + outline: 0; + box-shadow: none !important; +} + +.btn.btn-primary { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); +} + +.btn.btn-primary:hover { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; +} + +.btn.btn-primary:focus, +.btn.btn-primary.focus, +.btn.btn-primary:hover { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; +} + +.btn.btn-primary:active, +.btn.btn-primary.active, +.open>.btn.btn-primary.dropdown-toggle, +.show>.btn.btn-primary.dropdown-toggle { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); +} + +.btn.btn-primary:active:hover, +.btn.btn-primary:active:focus, +.btn.btn-primary:active.focus, +.btn.btn-primary.active:hover, +.btn.btn-primary.active:focus, +.btn.btn-primary.active.focus, +.open>.btn.btn-primary.dropdown-toggle:hover, +.open>.btn.btn-primary.dropdown-toggle:focus, +.open>.btn.btn-primary.dropdown-toggle.focus, +.show>.btn.btn-primary.dropdown-toggle:hover, +.show>.btn.btn-primary.dropdown-toggle:focus, +.show>.btn.btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #9124a3; + border-color: #3f1048; +} + +.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #9c27b0; +} + +.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: #9124a3; +} + +.btn.btn-primary.disabled:focus, +.btn.btn-primary.disabled.focus, +.btn.btn-primary:disabled:focus, +.btn.btn-primary:disabled.focus { + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn.btn-primary.disabled:hover, +.btn.btn-primary:disabled:hover { + background-color: #9c27b0; + border-color: #9c27b0; +} + +.btn.btn-primary:focus, +.btn.btn-primary:active, +.btn.btn-primary:hover { + box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); +} + +.btn.btn-primary.btn-link { + background-color: transparent; + color: #9c27b0; + box-shadow: none; +} + +.btn.btn-primary.btn-link:hover, +.btn.btn-primary.btn-link:focus, +.btn.btn-primary.btn-link:active { + background-color: transparent; + color: #9c27b0; +} + +.btn.btn-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: #fafafa; + border-color: #ccc; + box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); +} + +.btn.btn-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; +} + +.btn.btn-secondary:focus, +.btn.btn-secondary.focus, +.btn.btn-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; +} + +.btn.btn-secondary:active, +.btn.btn-secondary.active, +.open>.btn.btn-secondary.dropdown-toggle, +.show>.btn.btn-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; + box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); +} + +.btn.btn-secondary:active:hover, +.btn.btn-secondary:active:focus, +.btn.btn-secondary:active.focus, +.btn.btn-secondary.active:hover, +.btn.btn-secondary.active:focus, +.btn.btn-secondary.active.focus, +.open>.btn.btn-secondary.dropdown-toggle:hover, +.open>.btn.btn-secondary.dropdown-toggle:focus, +.open>.btn.btn-secondary.dropdown-toggle.focus, +.show>.btn.btn-secondary.dropdown-toggle:hover, +.show>.btn.btn-secondary.dropdown-toggle:focus, +.show>.btn.btn-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #8c8c8c; +} + +.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #fafafa; +} + +.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f2f2f2; +} + +.btn.btn-secondary.disabled:focus, +.btn.btn-secondary.disabled.focus, +.btn.btn-secondary:disabled:focus, +.btn.btn-secondary:disabled.focus { + background-color: #fafafa; + border-color: #ccc; +} + +.btn.btn-secondary.disabled:hover, +.btn.btn-secondary:disabled:hover { + background-color: #fafafa; + border-color: #ccc; +} + +.btn.btn-secondary:focus, +.btn.btn-secondary:active, +.btn.btn-secondary:hover { + box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2); +} + +.btn.btn-secondary.btn-link { + background-color: transparent; + color: #fafafa; + box-shadow: none; +} + +.btn.btn-secondary.btn-link:hover, +.btn.btn-secondary.btn-link:focus, +.btn.btn-secondary.btn-link:active { + background-color: transparent; + color: #fafafa; +} + +.btn.btn-info { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); +} + +.btn.btn-info:hover { + color: #fff; + background-color: #00aec5; + border-color: #008697; +} + +.btn.btn-info:focus, +.btn.btn-info.focus, +.btn.btn-info:hover { + color: #fff; + background-color: #00aec5; + border-color: #008697; +} + +.btn.btn-info:active, +.btn.btn-info.active, +.open>.btn.btn-info.dropdown-toggle, +.show>.btn.btn-info.dropdown-toggle { + color: #fff; + background-color: #00aec5; + border-color: #008697; + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); +} + +.btn.btn-info:active:hover, +.btn.btn-info:active:focus, +.btn.btn-info:active.focus, +.btn.btn-info.active:hover, +.btn.btn-info.active:focus, +.btn.btn-info.active.focus, +.open>.btn.btn-info.dropdown-toggle:hover, +.open>.btn.btn-info.dropdown-toggle:focus, +.open>.btn.btn-info.dropdown-toggle.focus, +.show>.btn.btn-info.dropdown-toggle:hover, +.show>.btn.btn-info.dropdown-toggle:focus, +.show>.btn.btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #00aec5; + border-color: #004b55; +} + +.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #00bcd4; +} + +.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: #00aec5; +} + +.btn.btn-info.disabled:focus, +.btn.btn-info.disabled.focus, +.btn.btn-info:disabled:focus, +.btn.btn-info:disabled.focus { + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn.btn-info.disabled:hover, +.btn.btn-info:disabled:hover { + background-color: #00bcd4; + border-color: #00bcd4; +} + +.btn.btn-info:focus, +.btn.btn-info:active, +.btn.btn-info:hover { + box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); +} + +.btn.btn-info.btn-link { + background-color: transparent; + color: #00bcd4; + box-shadow: none; +} + +.btn.btn-info.btn-link:hover, +.btn.btn-info.btn-link:focus, +.btn.btn-info.btn-link:active { + background-color: transparent; + color: #00bcd4; +} + +.btn.btn-success { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); +} + +.btn.btn-success:hover { + color: #fff; + background-color: #47a44b; + border-color: #39843c; +} + +.btn.btn-success:focus, +.btn.btn-success.focus, +.btn.btn-success:hover { + color: #fff; + background-color: #47a44b; + border-color: #39843c; +} + +.btn.btn-success:active, +.btn.btn-success.active, +.open>.btn.btn-success.dropdown-toggle, +.show>.btn.btn-success.dropdown-toggle { + color: #fff; + background-color: #47a44b; + border-color: #39843c; + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); +} + +.btn.btn-success:active:hover, +.btn.btn-success:active:focus, +.btn.btn-success:active.focus, +.btn.btn-success.active:hover, +.btn.btn-success.active:focus, +.btn.btn-success.active.focus, +.open>.btn.btn-success.dropdown-toggle:hover, +.open>.btn.btn-success.dropdown-toggle:focus, +.open>.btn.btn-success.dropdown-toggle.focus, +.show>.btn.btn-success.dropdown-toggle:hover, +.show>.btn.btn-success.dropdown-toggle:focus, +.show>.btn.btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #47a44b; + border-color: #255627; +} + +.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #4caf50; +} + +.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: #47a44b; +} + +.btn.btn-success.disabled:focus, +.btn.btn-success.disabled.focus, +.btn.btn-success:disabled:focus, +.btn.btn-success:disabled.focus { + background-color: #4caf50; + border-color: #4caf50; +} + +.btn.btn-success.disabled:hover, +.btn.btn-success:disabled:hover { + background-color: #4caf50; + border-color: #4caf50; +} + +.btn.btn-success:focus, +.btn.btn-success:active, +.btn.btn-success:hover { + box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); +} + +.btn.btn-success.btn-link { + background-color: transparent; + color: #4caf50; + box-shadow: none; +} + +.btn.btn-success.btn-link:hover, +.btn.btn-success.btn-link:focus, +.btn.btn-success.btn-link:active { + background-color: transparent; + color: #4caf50; +} + +.btn.btn-warning { + color: #fff; + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); +} + +.btn.btn-warning:hover { + color: #fff; + background-color: #f08f00; + border-color: #c27400; +} + +.btn.btn-warning:focus, +.btn.btn-warning.focus, +.btn.btn-warning:hover { + color: #fff; + background-color: #f08f00; + border-color: #c27400; +} + +.btn.btn-warning:active, +.btn.btn-warning.active, +.open>.btn.btn-warning.dropdown-toggle, +.show>.btn.btn-warning.dropdown-toggle { + color: #fff; + background-color: #f08f00; + border-color: #c27400; + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); +} + +.btn.btn-warning:active:hover, +.btn.btn-warning:active:focus, +.btn.btn-warning:active.focus, +.btn.btn-warning.active:hover, +.btn.btn-warning.active:focus, +.btn.btn-warning.active.focus, +.open>.btn.btn-warning.dropdown-toggle:hover, +.open>.btn.btn-warning.dropdown-toggle:focus, +.open>.btn.btn-warning.dropdown-toggle.focus, +.show>.btn.btn-warning.dropdown-toggle:hover, +.show>.btn.btn-warning.dropdown-toggle:focus, +.show>.btn.btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #f08f00; + border-color: #804c00; +} + +.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #ff9800; +} + +.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f08f00; +} + +.btn.btn-warning.disabled:focus, +.btn.btn-warning.disabled.focus, +.btn.btn-warning:disabled:focus, +.btn.btn-warning:disabled.focus { + background-color: #ff9800; + border-color: #ff9800; +} + +.btn.btn-warning.disabled:hover, +.btn.btn-warning:disabled:hover { + background-color: #ff9800; + border-color: #ff9800; +} + +.btn.btn-warning:focus, +.btn.btn-warning:active, +.btn.btn-warning:hover { + box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); +} + +.btn.btn-warning.btn-link { + background-color: transparent; + color: #ff9800; + box-shadow: none; +} + +.btn.btn-warning.btn-link:hover, +.btn.btn-warning.btn-link:focus, +.btn.btn-warning.btn-link:active { + background-color: transparent; + color: #ff9800; +} + +.btn.btn-danger { + color: #fff; + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); +} + +.btn.btn-danger:hover { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; +} + +.btn.btn-danger:focus, +.btn.btn-danger.focus, +.btn.btn-danger:hover { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; +} + +.btn.btn-danger:active, +.btn.btn-danger.active, +.open>.btn.btn-danger.dropdown-toggle, +.show>.btn.btn-danger.dropdown-toggle { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); +} + +.btn.btn-danger:active:hover, +.btn.btn-danger:active:focus, +.btn.btn-danger:active.focus, +.btn.btn-danger.active:hover, +.btn.btn-danger.active:focus, +.btn.btn-danger.active.focus, +.open>.btn.btn-danger.dropdown-toggle:hover, +.open>.btn.btn-danger.dropdown-toggle:focus, +.open>.btn.btn-danger.dropdown-toggle.focus, +.show>.btn.btn-danger.dropdown-toggle:hover, +.show>.btn.btn-danger.dropdown-toggle:focus, +.show>.btn.btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #f33527; + border-color: #a21309; +} + +.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #f44336; +} + +.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f33527; +} + +.btn.btn-danger.disabled:focus, +.btn.btn-danger.disabled.focus, +.btn.btn-danger:disabled:focus, +.btn.btn-danger:disabled.focus { + background-color: #f44336; + border-color: #f44336; +} + +.btn.btn-danger.disabled:hover, +.btn.btn-danger:disabled:hover { + background-color: #f44336; + border-color: #f44336; +} + +.btn.btn-danger:focus, +.btn.btn-danger:active, +.btn.btn-danger:hover { + box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); +} + +.btn.btn-danger.btn-link { + background-color: transparent; + color: #f44336; + box-shadow: none; +} + +.btn.btn-danger.btn-link:hover, +.btn.btn-danger.btn-link:focus, +.btn.btn-danger.btn-link:active { + background-color: transparent; + color: #f44336; +} + +.btn.btn-rose { + color: #fff; + background-color: #e91e63; + border-color: #e91e63; + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); +} + +.btn.btn-rose:hover { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; +} + +.btn.btn-rose:focus, +.btn.btn-rose.focus, +.btn.btn-rose:hover { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; +} + +.btn.btn-rose:active, +.btn.btn-rose.active, +.open>.btn.btn-rose.dropdown-toggle, +.show>.btn.btn-rose.dropdown-toggle { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); +} + +.btn.btn-rose:active:hover, +.btn.btn-rose:active:focus, +.btn.btn-rose:active.focus, +.btn.btn-rose.active:hover, +.btn.btn-rose.active:focus, +.btn.btn-rose.active.focus, +.open>.btn.btn-rose.dropdown-toggle:hover, +.open>.btn.btn-rose.dropdown-toggle:focus, +.open>.btn.btn-rose.dropdown-toggle.focus, +.show>.btn.btn-rose.dropdown-toggle:hover, +.show>.btn.btn-rose.dropdown-toggle:focus, +.show>.btn.btn-rose.dropdown-toggle.focus { + color: #fff; + background-color: #ea2c6d; + border-color: #7b0c32; +} + +.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #e91e63; +} + +.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover { + background-color: #ea2c6d; +} + +.btn.btn-rose.disabled:focus, +.btn.btn-rose.disabled.focus, +.btn.btn-rose:disabled:focus, +.btn.btn-rose:disabled.focus { + background-color: #e91e63; + border-color: #e91e63; +} + +.btn.btn-rose.disabled:hover, +.btn.btn-rose:disabled:hover { + background-color: #e91e63; + border-color: #e91e63; +} + +.btn.btn-rose:focus, +.btn.btn-rose:active, +.btn.btn-rose:hover { + box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); +} + +.btn.btn-rose.btn-link { + background-color: transparent; + color: #e91e63; + box-shadow: none; +} + +.btn.btn-rose.btn-link:hover, +.btn.btn-rose.btn-link:focus, +.btn.btn-rose.btn-link:active { + background-color: transparent; + color: #e91e63; +} + +.btn, +.btn.btn-default { + color: #fff; + background-color: #999999; + border-color: #999999; + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); +} + +.btn:hover, +.btn.btn-default:hover { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; +} + +.btn:focus, +.btn.focus, +.btn:hover, +.btn.btn-default:focus, +.btn.btn-default.focus, +.btn.btn-default:hover { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; +} + +.btn:active, +.btn.active, +.open>.btn.dropdown-toggle, +.show>.btn.dropdown-toggle, +.btn.btn-default:active, +.btn.btn-default.active, +.open>.btn.btn-default.dropdown-toggle, +.show>.btn.btn-default.dropdown-toggle { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); +} + +.btn:active:hover, +.btn:active:focus, +.btn:active.focus, +.btn.active:hover, +.btn.active:focus, +.btn.active.focus, +.open>.btn.dropdown-toggle:hover, +.open>.btn.dropdown-toggle:focus, +.open>.btn.dropdown-toggle.focus, +.show>.btn.dropdown-toggle:hover, +.show>.btn.dropdown-toggle:focus, +.show>.btn.dropdown-toggle.focus, +.btn.btn-default:active:hover, +.btn.btn-default:active:focus, +.btn.btn-default:active.focus, +.btn.btn-default.active:hover, +.btn.btn-default.active:focus, +.btn.btn-default.active.focus, +.open>.btn.btn-default.dropdown-toggle:hover, +.open>.btn.btn-default.dropdown-toggle:focus, +.open>.btn.btn-default.dropdown-toggle.focus, +.show>.btn.btn-default.dropdown-toggle:hover, +.show>.btn.btn-default.dropdown-toggle:focus, +.show>.btn.btn-default.dropdown-toggle.focus { + color: #fff; + background-color: #919191; + border-color: #595959; +} + +.open>.btn.dropdown-toggle.bmd-btn-icon, +.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #999999; +} + +.open>.btn.dropdown-toggle.bmd-btn-icon:hover, +.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon:hover { + background-color: #919191; +} + +.btn.disabled:focus, +.btn.disabled.focus, +.btn:disabled:focus, +.btn:disabled.focus, +.btn.btn-default.disabled:focus, +.btn.btn-default.disabled.focus, +.btn.btn-default:disabled:focus, +.btn.btn-default:disabled.focus { + background-color: #999999; + border-color: #999999; +} + +.btn.disabled:hover, +.btn:disabled:hover, +.btn.btn-default.disabled:hover, +.btn.btn-default:disabled:hover { + background-color: #999999; + border-color: #999999; +} + +.btn:focus, +.btn:active, +.btn:hover, +.btn.btn-default:focus, +.btn.btn-default:active, +.btn.btn-default:hover { + box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); +} + +.btn.btn-link, +.btn.btn-default.btn-link { + background-color: transparent; + color: #999999; + box-shadow: none; +} + +.btn.btn-link:hover, +.btn.btn-link:focus, +.btn.btn-link:active, +.btn.btn-default.btn-link:hover, +.btn.btn-default.btn-link:focus, +.btn.btn-default.btn-link:active { + background-color: transparent; + color: #999999; +} + +.btn.btn-white, +.btn.btn-white:focus, +.btn.btn-white:hover { + background-color: #fff; + color: #999999; +} + +.btn.btn-white.btn-link { + color: #fff; + background: transparent; + box-shadow: none; +} + +.btn.btn-link:hover, +.btn.btn-link:focus, +.btn.btn-link:active { + text-decoration: none !important; +} + +.btn.btn-disabled { + cursor: not-allowed; + pointer-events: none; +} + +.btn.btn-disabled:hover { + box-shadow: none; +} + +.btn.btn-raised.btn-link, +.btn-group-raised .btn.btn-link { + box-shadow: none; +} + +.btn.btn-raised.btn-link.active, +.btn-group-raised .btn.btn-link.active { + box-shadow: none; +} + +.btn.btn-raised.btn-link:hover, +.btn.btn-raised.btn-link:focus, +.btn.btn-raised.btn-link:active, +.btn-group-raised .btn.btn-link:hover, +.btn-group-raised .btn.btn-link:focus, +.btn-group-raised .btn.btn-link:active { + box-shadow: none; +} + +fieldset[disabled][disabled] .btn.btn-raised, +.btn.btn-raised.disabled, +.btn.btn-raised:disabled, +.btn.btn-raised[disabled], +fieldset[disabled][disabled] .btn-group-raised .btn, +.btn-group-raised .btn.disabled, +.btn-group-raised .btn:disabled, +.btn-group-raised .btn[disabled] { + box-shadow: none; +} + +.btn.btn-outline, +.btn.btn-outline-primary, +.btn.btn-outline-secondary, +.btn.btn-outline-info, +.btn.btn-outline-success, +.btn.btn-outline-warning, +.btn.btn-outline-danger { + border-color: currentColor; + border-style: solid; + border-width: 1px; +} + +.btn.btn-outline { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline:focus, +.btn.btn-outline.focus, +.btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline:active, +.btn.btn-outline.active, +.open>.btn.btn-outline.dropdown-toggle, +.show>.btn.btn-outline.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline:active:hover, +.btn.btn-outline:active:focus, +.btn.btn-outline:active.focus, +.btn.btn-outline.active:hover, +.btn.btn-outline.active:focus, +.btn.btn-outline.active.focus, +.open>.btn.btn-outline.dropdown-toggle:hover, +.open>.btn.btn-outline.dropdown-toggle:focus, +.open>.btn.btn-outline.dropdown-toggle.focus, +.show>.btn.btn-outline.dropdown-toggle:hover, +.show>.btn.btn-outline.dropdown-toggle:focus, +.show>.btn.btn-outline.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.4); + border-color: rgba(0, 0, 0, 0.87); +} + +.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline.disabled:focus, +.btn.btn-outline.disabled.focus, +.btn.btn-outline:disabled:focus, +.btn.btn-outline:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline.disabled:hover, +.btn.btn-outline:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline:focus, +.bg-inverse .btn.btn-outline.focus, +.bg-inverse .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline:active, +.bg-inverse .btn.btn-outline.active, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline:active:hover, +.bg-inverse .btn.btn-outline:active:focus, +.bg-inverse .btn.btn-outline:active.focus, +.bg-inverse .btn.btn-outline.active:hover, +.bg-inverse .btn.btn-outline.active:focus, +.bg-inverse .btn.btn-outline.active.focus, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline.disabled:focus, +.bg-inverse .btn.btn-outline.disabled.focus, +.bg-inverse .btn.btn-outline:disabled:focus, +.bg-inverse .btn.btn-outline:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline.disabled:hover, +.bg-inverse .btn.btn-outline:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline.btn-link { + background-color: transparent; +} + +.btn.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + border-color: #9c27b0; +} + +.btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; +} + +.btn.btn-outline-primary:focus, +.btn.btn-outline-primary.focus, +.btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; +} + +.btn.btn-outline-primary:active, +.btn.btn-outline-primary.active, +.open>.btn.btn-outline-primary.dropdown-toggle, +.show>.btn.btn-outline-primary.dropdown-toggle { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-primary:active:hover, +.btn.btn-outline-primary:active:focus, +.btn.btn-outline-primary:active.focus, +.btn.btn-outline-primary.active:hover, +.btn.btn-outline-primary.active:focus, +.btn.btn-outline-primary.active.focus, +.open>.btn.btn-outline-primary.dropdown-toggle:hover, +.open>.btn.btn-outline-primary.dropdown-toggle:focus, +.open>.btn.btn-outline-primary.dropdown-toggle.focus, +.show>.btn.btn-outline-primary.dropdown-toggle:hover, +.show>.btn.btn-outline-primary.dropdown-toggle:focus, +.show>.btn.btn-outline-primary.dropdown-toggle.focus { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.4); + border-color: #9c27b0; +} + +.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-primary.disabled:focus, +.btn.btn-outline-primary.disabled.focus, +.btn.btn-outline-primary:disabled:focus, +.btn.btn-outline-primary:disabled.focus { + background-color: transparent; + border-color: #9c27b0; +} + +.btn.btn-outline-primary.disabled:hover, +.btn.btn-outline-primary:disabled:hover { + background-color: transparent; + border-color: #9c27b0; +} + +.bg-inverse .btn.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + border-color: #9c27b0; +} + +.bg-inverse .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-primary:focus, +.bg-inverse .btn.btn-outline-primary.focus, +.bg-inverse .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-primary:active, +.bg-inverse .btn.btn-outline-primary.active, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-primary:active:hover, +.bg-inverse .btn.btn-outline-primary:active:focus, +.bg-inverse .btn.btn-outline-primary:active.focus, +.bg-inverse .btn.btn-outline-primary.active:hover, +.bg-inverse .btn.btn-outline-primary.active:focus, +.bg-inverse .btn.btn-outline-primary.active.focus, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-primary.disabled:focus, +.bg-inverse .btn.btn-outline-primary.disabled.focus, +.bg-inverse .btn.btn-outline-primary:disabled:focus, +.bg-inverse .btn.btn-outline-primary:disabled.focus { + background-color: transparent; + border-color: #9c27b0; +} + +.bg-inverse .btn.btn-outline-primary.disabled:hover, +.bg-inverse .btn.btn-outline-primary:disabled:hover { + background-color: transparent; + border-color: #9c27b0; +} + +.btn.btn-outline-primary.btn-link { + background-color: transparent; +} + +.btn.btn-outline-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary:focus, +.btn.btn-outline-secondary.focus, +.btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary:active, +.btn.btn-outline-secondary.active, +.open>.btn.btn-outline-secondary.dropdown-toggle, +.show>.btn.btn-outline-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-secondary:active:hover, +.btn.btn-outline-secondary:active:focus, +.btn.btn-outline-secondary:active.focus, +.btn.btn-outline-secondary.active:hover, +.btn.btn-outline-secondary.active:focus, +.btn.btn-outline-secondary.active.focus, +.open>.btn.btn-outline-secondary.dropdown-toggle:hover, +.open>.btn.btn-outline-secondary.dropdown-toggle:focus, +.open>.btn.btn-outline-secondary.dropdown-toggle.focus, +.show>.btn.btn-outline-secondary.dropdown-toggle:hover, +.show>.btn.btn-outline-secondary.dropdown-toggle:focus, +.show>.btn.btn-outline-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.4); + border-color: rgba(0, 0, 0, 0.87); +} + +.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-secondary.disabled:focus, +.btn.btn-outline-secondary.disabled.focus, +.btn.btn-outline-secondary:disabled:focus, +.btn.btn-outline-secondary:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary.disabled:hover, +.btn.btn-outline-secondary:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-secondary:focus, +.bg-inverse .btn.btn-outline-secondary.focus, +.bg-inverse .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-secondary:active, +.bg-inverse .btn.btn-outline-secondary.active, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-secondary:active:hover, +.bg-inverse .btn.btn-outline-secondary:active:focus, +.bg-inverse .btn.btn-outline-secondary:active.focus, +.bg-inverse .btn.btn-outline-secondary.active:hover, +.bg-inverse .btn.btn-outline-secondary.active:focus, +.bg-inverse .btn.btn-outline-secondary.active.focus, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-secondary.disabled:focus, +.bg-inverse .btn.btn-outline-secondary.disabled.focus, +.bg-inverse .btn.btn-outline-secondary:disabled:focus, +.bg-inverse .btn.btn-outline-secondary:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.bg-inverse .btn.btn-outline-secondary.disabled:hover, +.bg-inverse .btn.btn-outline-secondary:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); +} + +.btn.btn-outline-secondary.btn-link { + background-color: transparent; +} + +.btn.btn-outline-info { + color: #00bcd4; + background-color: transparent; + border-color: #00bcd4; +} + +.btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; +} + +.btn.btn-outline-info:focus, +.btn.btn-outline-info.focus, +.btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; +} + +.btn.btn-outline-info:active, +.btn.btn-outline-info.active, +.open>.btn.btn-outline-info.dropdown-toggle, +.show>.btn.btn-outline-info.dropdown-toggle { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-info:active:hover, +.btn.btn-outline-info:active:focus, +.btn.btn-outline-info:active.focus, +.btn.btn-outline-info.active:hover, +.btn.btn-outline-info.active:focus, +.btn.btn-outline-info.active.focus, +.open>.btn.btn-outline-info.dropdown-toggle:hover, +.open>.btn.btn-outline-info.dropdown-toggle:focus, +.open>.btn.btn-outline-info.dropdown-toggle.focus, +.show>.btn.btn-outline-info.dropdown-toggle:hover, +.show>.btn.btn-outline-info.dropdown-toggle:focus, +.show>.btn.btn-outline-info.dropdown-toggle.focus { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.4); + border-color: #00bcd4; +} + +.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-info.disabled:focus, +.btn.btn-outline-info.disabled.focus, +.btn.btn-outline-info:disabled:focus, +.btn.btn-outline-info:disabled.focus { + background-color: transparent; + border-color: #00bcd4; +} + +.btn.btn-outline-info.disabled:hover, +.btn.btn-outline-info:disabled:hover { + background-color: transparent; + border-color: #00bcd4; +} + +.bg-inverse .btn.btn-outline-info { + color: #00bcd4; + background-color: transparent; + border-color: #00bcd4; +} + +.bg-inverse .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-info:focus, +.bg-inverse .btn.btn-outline-info.focus, +.bg-inverse .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-info:active, +.bg-inverse .btn.btn-outline-info.active, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-info:active:hover, +.bg-inverse .btn.btn-outline-info:active:focus, +.bg-inverse .btn.btn-outline-info:active.focus, +.bg-inverse .btn.btn-outline-info.active:hover, +.bg-inverse .btn.btn-outline-info.active:focus, +.bg-inverse .btn.btn-outline-info.active.focus, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-info.disabled:focus, +.bg-inverse .btn.btn-outline-info.disabled.focus, +.bg-inverse .btn.btn-outline-info:disabled:focus, +.bg-inverse .btn.btn-outline-info:disabled.focus { + background-color: transparent; + border-color: #00bcd4; +} + +.bg-inverse .btn.btn-outline-info.disabled:hover, +.bg-inverse .btn.btn-outline-info:disabled:hover { + background-color: transparent; + border-color: #00bcd4; +} + +.btn.btn-outline-info.btn-link { + background-color: transparent; +} + +.btn.btn-outline-success { + color: #4caf50; + background-color: transparent; + border-color: #4caf50; +} + +.btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; +} + +.btn.btn-outline-success:focus, +.btn.btn-outline-success.focus, +.btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; +} + +.btn.btn-outline-success:active, +.btn.btn-outline-success.active, +.open>.btn.btn-outline-success.dropdown-toggle, +.show>.btn.btn-outline-success.dropdown-toggle { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-success:active:hover, +.btn.btn-outline-success:active:focus, +.btn.btn-outline-success:active.focus, +.btn.btn-outline-success.active:hover, +.btn.btn-outline-success.active:focus, +.btn.btn-outline-success.active.focus, +.open>.btn.btn-outline-success.dropdown-toggle:hover, +.open>.btn.btn-outline-success.dropdown-toggle:focus, +.open>.btn.btn-outline-success.dropdown-toggle.focus, +.show>.btn.btn-outline-success.dropdown-toggle:hover, +.show>.btn.btn-outline-success.dropdown-toggle:focus, +.show>.btn.btn-outline-success.dropdown-toggle.focus { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.4); + border-color: #4caf50; +} + +.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-success.disabled:focus, +.btn.btn-outline-success.disabled.focus, +.btn.btn-outline-success:disabled:focus, +.btn.btn-outline-success:disabled.focus { + background-color: transparent; + border-color: #4caf50; +} + +.btn.btn-outline-success.disabled:hover, +.btn.btn-outline-success:disabled:hover { + background-color: transparent; + border-color: #4caf50; +} + +.bg-inverse .btn.btn-outline-success { + color: #4caf50; + background-color: transparent; + border-color: #4caf50; +} + +.bg-inverse .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-success:focus, +.bg-inverse .btn.btn-outline-success.focus, +.bg-inverse .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-success:active, +.bg-inverse .btn.btn-outline-success.active, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-success:active:hover, +.bg-inverse .btn.btn-outline-success:active:focus, +.bg-inverse .btn.btn-outline-success:active.focus, +.bg-inverse .btn.btn-outline-success.active:hover, +.bg-inverse .btn.btn-outline-success.active:focus, +.bg-inverse .btn.btn-outline-success.active.focus, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-success.disabled:focus, +.bg-inverse .btn.btn-outline-success.disabled.focus, +.bg-inverse .btn.btn-outline-success:disabled:focus, +.bg-inverse .btn.btn-outline-success:disabled.focus { + background-color: transparent; + border-color: #4caf50; +} + +.bg-inverse .btn.btn-outline-success.disabled:hover, +.bg-inverse .btn.btn-outline-success:disabled:hover { + background-color: transparent; + border-color: #4caf50; +} + +.btn.btn-outline-success.btn-link { + background-color: transparent; +} + +.btn.btn-outline-warning { + color: #ff9800; + background-color: transparent; + border-color: #ff9800; +} + +.btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; +} + +.btn.btn-outline-warning:focus, +.btn.btn-outline-warning.focus, +.btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; +} + +.btn.btn-outline-warning:active, +.btn.btn-outline-warning.active, +.open>.btn.btn-outline-warning.dropdown-toggle, +.show>.btn.btn-outline-warning.dropdown-toggle { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-warning:active:hover, +.btn.btn-outline-warning:active:focus, +.btn.btn-outline-warning:active.focus, +.btn.btn-outline-warning.active:hover, +.btn.btn-outline-warning.active:focus, +.btn.btn-outline-warning.active.focus, +.open>.btn.btn-outline-warning.dropdown-toggle:hover, +.open>.btn.btn-outline-warning.dropdown-toggle:focus, +.open>.btn.btn-outline-warning.dropdown-toggle.focus, +.show>.btn.btn-outline-warning.dropdown-toggle:hover, +.show>.btn.btn-outline-warning.dropdown-toggle:focus, +.show>.btn.btn-outline-warning.dropdown-toggle.focus { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.4); + border-color: #ff9800; +} + +.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-warning.disabled:focus, +.btn.btn-outline-warning.disabled.focus, +.btn.btn-outline-warning:disabled:focus, +.btn.btn-outline-warning:disabled.focus { + background-color: transparent; + border-color: #ff9800; +} + +.btn.btn-outline-warning.disabled:hover, +.btn.btn-outline-warning:disabled:hover { + background-color: transparent; + border-color: #ff9800; +} + +.bg-inverse .btn.btn-outline-warning { + color: #ff9800; + background-color: transparent; + border-color: #ff9800; +} + +.bg-inverse .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-warning:focus, +.bg-inverse .btn.btn-outline-warning.focus, +.bg-inverse .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-warning:active, +.bg-inverse .btn.btn-outline-warning.active, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-warning:active:hover, +.bg-inverse .btn.btn-outline-warning:active:focus, +.bg-inverse .btn.btn-outline-warning:active.focus, +.bg-inverse .btn.btn-outline-warning.active:hover, +.bg-inverse .btn.btn-outline-warning.active:focus, +.bg-inverse .btn.btn-outline-warning.active.focus, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-warning.disabled:focus, +.bg-inverse .btn.btn-outline-warning.disabled.focus, +.bg-inverse .btn.btn-outline-warning:disabled:focus, +.bg-inverse .btn.btn-outline-warning:disabled.focus { + background-color: transparent; + border-color: #ff9800; +} + +.bg-inverse .btn.btn-outline-warning.disabled:hover, +.bg-inverse .btn.btn-outline-warning:disabled:hover { + background-color: transparent; + border-color: #ff9800; +} + +.btn.btn-outline-warning.btn-link { + background-color: transparent; +} + +.btn.btn-outline-danger { + color: #f44336; + background-color: transparent; + border-color: #f44336; +} + +.btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; +} + +.btn.btn-outline-danger:focus, +.btn.btn-outline-danger.focus, +.btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; +} + +.btn.btn-outline-danger:active, +.btn.btn-outline-danger.active, +.open>.btn.btn-outline-danger.dropdown-toggle, +.show>.btn.btn-outline-danger.dropdown-toggle { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn.btn-outline-danger:active:hover, +.btn.btn-outline-danger:active:focus, +.btn.btn-outline-danger:active.focus, +.btn.btn-outline-danger.active:hover, +.btn.btn-outline-danger.active:focus, +.btn.btn-outline-danger.active.focus, +.open>.btn.btn-outline-danger.dropdown-toggle:hover, +.open>.btn.btn-outline-danger.dropdown-toggle:focus, +.open>.btn.btn-outline-danger.dropdown-toggle.focus, +.show>.btn.btn-outline-danger.dropdown-toggle:hover, +.show>.btn.btn-outline-danger.dropdown-toggle:focus, +.show>.btn.btn-outline-danger.dropdown-toggle.focus { + color: #f44336; + background-color: rgba(153, 153, 153, 0.4); + border-color: #f44336; +} + +.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); +} + +.btn.btn-outline-danger.disabled:focus, +.btn.btn-outline-danger.disabled.focus, +.btn.btn-outline-danger:disabled:focus, +.btn.btn-outline-danger:disabled.focus { + background-color: transparent; + border-color: #f44336; +} + +.btn.btn-outline-danger.disabled:hover, +.btn.btn-outline-danger:disabled:hover { + background-color: transparent; + border-color: #f44336; +} + +.bg-inverse .btn.btn-outline-danger { + color: #f44336; + background-color: transparent; + border-color: #f44336; +} + +.bg-inverse .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-danger:focus, +.bg-inverse .btn.btn-outline-danger.focus, +.bg-inverse .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-danger:active, +.bg-inverse .btn.btn-outline-danger.active, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.bg-inverse .btn.btn-outline-danger:active:hover, +.bg-inverse .btn.btn-outline-danger:active:focus, +.bg-inverse .btn.btn-outline-danger:active.focus, +.bg-inverse .btn.btn-outline-danger.active:hover, +.bg-inverse .btn.btn-outline-danger.active:focus, +.bg-inverse .btn.btn-outline-danger.active.focus, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, +.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus { + color: #f44336; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); +} + +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; +} + +.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); +} + +.bg-inverse .btn.btn-outline-danger.disabled:focus, +.bg-inverse .btn.btn-outline-danger.disabled.focus, +.bg-inverse .btn.btn-outline-danger:disabled:focus, +.bg-inverse .btn.btn-outline-danger:disabled.focus { + background-color: transparent; + border-color: #f44336; +} + +.bg-inverse .btn.btn-outline-danger.disabled:hover, +.bg-inverse .btn.btn-outline-danger:disabled:hover { + background-color: transparent; + border-color: #f44336; +} + +.btn.btn-outline-danger.btn-link { + background-color: transparent; +} + +.btn.btn-lg, +.btn-group-lg>.btn, +.btn-group-lg .btn { + padding: 1.125rem 2.25rem; + font-size: 0.875rem; + line-height: 1.333333; + border-radius: 0.2rem; +} + +.btn.btn-sm, +.btn-group-sm>.btn, +.btn-group-sm .btn { + padding: 0.40625rem 1.25rem; + font-size: 0.6875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn.btn-round { + border-radius: 30px; +} + +.btn.btn-fab, +.btn.btn-just-icon { + font-size: 24px; + height: 41px; + min-width: 41px; + width: 41px; + padding: 0; + overflow: hidden; + position: relative; + line-height: 41px; +} + +.btn.btn-fab.btn-round, +.btn.btn-just-icon.btn-round { + border-radius: 50%; +} + +.btn-group-sm .btn.btn-fab, +.btn.btn-fab.btn-sm, +.btn-group-sm>.btn.btn-fab, +.btn.btn-fab.btn-fab-mini, +.btn-group-sm .btn.btn-just-icon, +.btn.btn-just-icon.btn-sm, +.btn-group-sm>.btn.btn-just-icon, +.btn.btn-just-icon.btn-fab-mini { + height: 30px; + min-width: 30px; + width: 30px; +} + +.btn-group-sm .btn.btn-fab .material-icons, +.btn-group-sm .btn.btn-fab .fa, +.btn.btn-fab.btn-sm .material-icons, +.btn-group-sm>.btn.btn-fab .material-icons, +.btn.btn-fab.btn-sm .fa, +.btn-group-sm>.btn.btn-fab .fa, +.btn.btn-fab.btn-fab-mini .material-icons, +.btn.btn-fab.btn-fab-mini .fa, +.btn-group-sm .btn.btn-just-icon .material-icons, +.btn-group-sm .btn.btn-just-icon .fa, +.btn.btn-just-icon.btn-sm .material-icons, +.btn-group-sm>.btn.btn-just-icon .material-icons, +.btn.btn-just-icon.btn-sm .fa, +.btn-group-sm>.btn.btn-just-icon .fa, +.btn.btn-just-icon.btn-fab-mini .material-icons, +.btn.btn-just-icon.btn-fab-mini .fa { + font-size: 17px; + line-height: 29px; +} + +.btn-group-lg .btn.btn-fab, +.btn.btn-fab.btn-lg, +.btn-group-lg>.btn.btn-fab, +.btn-group-lg .btn.btn-just-icon, +.btn.btn-just-icon.btn-lg, +.btn-group-lg>.btn.btn-just-icon { + height: 57px; + min-width: 57px; + width: 57px; + line-height: 56px; +} + +.btn-group-lg .btn.btn-fab .material-icons, +.btn-group-lg .btn.btn-fab .fa, +.btn.btn-fab.btn-lg .material-icons, +.btn-group-lg>.btn.btn-fab .material-icons, +.btn.btn-fab.btn-lg .fa, +.btn-group-lg>.btn.btn-fab .fa, +.btn-group-lg .btn.btn-just-icon .material-icons, +.btn-group-lg .btn.btn-just-icon .fa, +.btn.btn-just-icon.btn-lg .material-icons, +.btn-group-lg>.btn.btn-just-icon .material-icons, +.btn.btn-just-icon.btn-lg .fa, +.btn-group-lg>.btn.btn-just-icon .fa { + font-size: 32px; + line-height: 56px; +} + +.btn.btn-fab .material-icons, +.btn.btn-fab .fa, +.btn.btn-just-icon .material-icons, +.btn.btn-just-icon .fa { + margin-top: 0; + position: absolute; + width: 100%; + transform: none; + left: 0; + top: 0; + height: 100%; + line-height: 41px; + font-size: 20px; +} + +.btn-just-icon.btn-lg, +.btn-group-lg>.btn-just-icon.btn { + font-size: 24px; + height: 41px; + min-width: 41px; + width: 41px; +} + +.input-group-btn>.btn { + border: 0; +} + +.btn .material-icons, +.btn:not(.btn-just-icon):not(.btn-fab) .fa { + position: relative; + display: inline-block; + top: 0; + margin-top: -1em; + margin-bottom: -1em; + font-size: 1.1rem; + vertical-align: middle; +} + +.bg-inverse fieldset[disabled][disabled] .btn, +.bg-inverse .btn.disabled, +.bg-inverse .btn:disabled, +.bg-inverse .btn[disabled], +.bg-inverse fieldset[disabled][disabled] .input-group-btn .btn, +.bg-inverse .input-group-btn .btn.disabled, +.bg-inverse .input-group-btn .btn:disabled, +.bg-inverse .input-group-btn .btn[disabled], +.bg-inverse fieldset[disabled][disabled] .btn-group, +.bg-inverse .btn-group.disabled, +.bg-inverse .btn-group:disabled, +.bg-inverse .btn-group[disabled], +.bg-inverse fieldset[disabled][disabled] .btn-group-vertical, +.bg-inverse .btn-group-vertical.disabled, +.bg-inverse .btn-group-vertical:disabled, +.bg-inverse .btn-group-vertical[disabled] { + color: rgba(255, 255, 255, 0.3); +} + +.btn-group, +.btn-group-vertical { + position: relative; + margin: 10px 1px; +} + +.btn-group .dropdown-menu, +.btn-group-vertical .dropdown-menu { + border-radius: 0 0 0.25rem 0.25rem; +} + +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.btn-group .btn+.btn, +.btn-group .btn, +.btn-group .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn+.btn, +.btn-group-vertical .btn, +.btn-group-vertical .btn:active, +.btn-group-vertical .btn-group { + margin: 0; +} + +.btn-group>.btn-group, +.btn-group-vertical>.btn-group { + margin: 0; +} + +body { + background-color: #eee; + color: #3C4858; + font-weight: 300; +} + +legend { + border-bottom: 0; +} + +.serif-font { + font-family: "Roboto Slab", "Times New Roman", serif; +} + +* { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; +} + +*:focus { + outline: 0; +} + +a { + color: #9c27b0; +} + +a:hover, +a:focus { + color: #89229b; + text-decoration: none; +} + +a.text-info:hover, +a.text-info:focus { + color: #00a5bb; +} + +a .material-icons { + vertical-align: middle; +} + +.main { + background: #FFFFFF; + position: relative; + z-index: 3; +} + +.form-check, +label { + font-size: 14px; + line-height: 1.42857; + color: #AAAAAA; + font-weight: 400; +} + +.main-raised { + margin: -60px 30px 0px; + border-radius: 6px; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +/* Animations */ + +.animation-transition-general, +.carousel .carousel-indicators li { + -webkit-transition: all 300ms linear; + -moz-transition: all 300ms linear; + -o-transition: all 300ms linear; + -ms-transition: all 300ms linear; + transition: all 300ms linear; +} + +.animation-transition-slow { + -webkit-transition: all 370ms linear; + -moz-transition: all 370ms linear; + -o-transition: all 370ms linear; + -ms-transition: all 370ms linear; + transition: all 370ms linear; +} + +.animation-transition-fast, +.bootstrap-datetimepicker-widget table td>div, +.bootstrap-datetimepicker-widget table th>div, +.bootstrap-datetimepicker-widget table th, +.bootstrap-datetimepicker-widget table td span { + -webkit-transition: all 150ms ease 0s; + -moz-transition: all 150ms ease 0s; + -o-transition: all 150ms ease 0s; + -ms-transition: all 150ms ease 0s; + transition: all 150ms ease 0s; +} + +.animation-transition-fast, +.bootstrap-datetimepicker-widget table td>div, +.bootstrap-datetimepicker-widget table th>div, +.bootstrap-datetimepicker-widget table th, +.bootstrap-datetimepicker-widget table td span, +.navbar, +.bootstrap-tagsinput .tag, +.bootstrap-tagsinput [data-role="remove"], +.card-collapse .card-header a i { + -webkit-transition: all 150ms ease 0s; + -moz-transition: all 150ms ease 0s; + -o-transition: all 150ms ease 0s; + -ms-transition: all 150ms ease 0s; + transition: all 150ms ease 0s; +} + +.signup-page .card-signup form .form-check { + padding-left: 20px; +} + +.signup-page .card-signup form .form-check .form-check-label { + padding-left: 35px; +} + +.section-signup .card-signup .card-header { + width: auto; +} + +.section-signup .card-signup .card-body .input-group { + padding-bottom: 7px; + margin: 27px 0 0 0; +} + +.offline-doc .page-header, +.offline-free-doc .page-header { + height: 100vh !important; +} + +.offline-doc .page-header:after, +.offline-free-doc .page-header:after { + background: rgba(0, 0, 0, 0.5) !important; + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 2; +} + +.offline-doc .page-header .container, +.offline-free-doc .page-header .container { + z-index: 3; +} + +.offline-doc .footer, +.offline-free-doc .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: #fff; + z-index: 2; +} + +.offline-doc .footer .copyright a, +.offline-free-doc .footer .copyright a { + color: #fff; +} + +.offline-doc .navbar .navbar-brand, +.offline-doc .navbar .navbar-collapse .nav-link, +.offline-free-doc .navbar .navbar-brand, +.offline-free-doc .navbar .navbar-collapse .nav-link { + color: #fff; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.tim-row { + margin-bottom: 20px; +} + +.tim-white-buttons { + background-color: #777777; +} + +.title { + margin-top: 30px; + margin-bottom: 25px; + min-height: 32px; +} + +#map { + position: relative; + z-index: 2; + width: 100%; + height: calc(100vh - 70px); + margin-top: 70px; +} + +.tim-typo { + padding-left: 25%; + margin-bottom: 40px; + position: relative; + width: 100%; +} + +.tim-typo .tim-note { + bottom: 5px; + color: #c0c1c2; + display: block; + font-weight: 400; + font-size: 13px; + line-height: 15px; + left: 0; + margin-left: 20px; + position: absolute; + width: 260px; +} + +.tim-row { + padding-top: 50px; +} + +.tim-row h3 { + margin-top: 0; +} + +#typography h1, +#typography h2, +#typography h3, +#typography h4, +#typography h5, +#typography h6 { + margin-bottom: 0; +} + +.switch { + margin-right: 20px; +} + +#navbar-full .navbar { + border-radius: 0 !important; + margin-bottom: 15px; + z-index: 2; +} + +.space { + height: 130px; + display: block; +} + +.space-110 { + height: 110px; + display: block; +} + +.space-50 { + height: 50px; + display: block; +} + +.space-70 { + height: 70px; + display: block; +} + +.navigation-example .img-src { + background-attachment: scroll; +} + +.navigation-example { + background-position: center center; + background-size: cover; + margin-top: 0; + min-height: 740px; +} + +#notifications { + background-color: #fff; + display: block; + width: 100%; + position: relative; +} + +#notifications .alert-danger { + margin-bottom: 0px; +} + +.tim-note { + text-transform: capitalize; +} + +#buttons .btn { + margin: 0 0px 15px; +} + +.space-100 { + height: 100px; + display: block; + width: 100%; +} + +.parallax { + width: 100%; + height: 570px; + display: block; + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + background-position: center center; +} + +.parallax .parallax-image { + width: 100%; + overflow: hidden; + position: absolute; +} + +.parallax .parallax-image img { + width: 100%; +} + +@media (max-width: 768px) { + .parallax .parallax-image { + width: 100%; + height: 640px; + overflow: hidden; + } + .parallax .parallax-image img { + height: 100%; + width: auto; + } +} + +.separator { + content: "Separator"; + color: #FFFFFF; + display: block; + width: 100%; + padding: 20px; +} + +.separator-line { + background-color: #EEE; + height: 1px; + width: 100%; + display: block; +} + +.separator.separator-gray { + background-color: #EEEEEE; +} + +.social-buttons-demo .btn { + margin: 10px 5px 7px 1px; +} + +.img-container { + width: 100%; + overflow: hidden; +} + +.img-container img { + width: 100%; +} + +.section-black { + background-color: #333; +} + +.animate { + transition: 1.5s ease-in-out; + -moz-transition: 1.5s ease-in-out; + -webkit-transition: 1.5s ease-in-out; +} + +.sharing-area { + margin-top: 80px; +} + +.sharing-area .btn { + margin: 15px 4px 0; + color: #FFFFFF; +} + +.sharing-area .btn i { + font-size: 18px; + position: relative; + top: 2px; + margin-right: 5px; +} + +#navbar { + margin-bottom: -20px; +} + +.sharing-area .btn-twitter { + background-color: #55acee; +} + +.sharing-area .btn-facebook { + background-color: #3b5998; +} + +.sharing-area .btn-google-plus { + background-color: #dd4b39; +} + +.sharing-area .btn-github { + background-color: #333333; +} + +#navbar .navbar { + border-radius: 0; +} + +@media (max-width: 830px) { + .main-raised { + margin-left: 10px; + margin-right: 10px; + } +} + +@media (max-width: 767px) { + .tab-pane#schedule-2 { + padding-top: 20px; + } +} + +.bd-docs .bd-example.bd-example-popover-static .popover, +.bd-docs .bd-example.bd-example-tooltip-static .tooltip { + z-index: 3 !important; +} + +@media all and (max-width: 375px) { + .page-header { + height: calc(100vh + 270px); + } + .index-page { + overflow-x: hidden; + } + .pagination.pagination-primary .page-item:nth-of-type(3), + .pagination.pagination-primary .page-item:nth-of-type(7) { + display: none; + } + .pagination.pagination-info .page-item:nth-of-type(2) { + display: none; + } + .main.main-raised { + margin-top: -30px; + } + .form-group.is-focused .bootstrap-datetimepicker-widget { + left: -32px !important; + } +} + +.show.modal .dropdown-toggle:after { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + +.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container { + width: 40px; + height: 40px; + margin: -11px 3px; +} + +.bd-docs .bd-toc-item .bd-sidenav a span { + float: right; + margin-top: 5px; + padding: 3px 7px; + font-size: 8px; + line-height: 9px; + background-color: #9c27b0; +} + +.bd-docs .bd-content .bd-title .btn { + padding: 7px 20px; + margin-bottom: 10px; +} + +.form-check { + margin-bottom: .5rem; + padding-left: 0; +} + +.form-check .form-check-label { + cursor: pointer; + padding-left: 0; +} + +.form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .form-check .form-check-label:hover, +.form-group.is-focused .form-check .form-check-label:focus { + color: rgba(0, 0, 0, .54); +} + +fieldset[disabled] .form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-check .form-check-input { + opacity: 0; + position: absolute; + margin: 0; + z-index: -1; + width: 0; + height: 0; + overflow: hidden; + left: 0; + pointer-events: none; +} + +.form-check .form-check-sign { + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; +} + +.form-check .form-check-sign:before { + display: block; + position: absolute; + left: 0; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: 0; + -webkit-transform: scale3d(2.3, 2.3, 1); + -moz-transform: scale3d(2.3, 2.3, 1); + -o-transform: scale3d(2.3, 2.3, 1); + -ms-transform: scale3d(2.3, 2.3, 1); + transform: scale3d(2.3, 2.3, 1); +} + +.form-check .form-check-sign .check { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + border: 1px solid rgba(0, 0, 0, .54); + overflow: hidden; + z-index: 1; + border-radius: 3px; +} + +.form-check .form-check-sign .check:before { + position: absolute; + content: ""; + transform: rotate(45deg); + display: block; + margin-top: -3px; + margin-left: 7px; + width: 0; + color: #fff; + height: 0; + box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; + -webkit-animation: checkbox-off 0.3s forwards; + -moz-animation: checkbox-off 0.3s forwards; + -o-animation: checkbox-off 0.3s forwards; + -ms-animation: checkbox-off 0.3s forwards; + animation: checkbox-off 0.3s forwards; +} + +.form-check .form-check-input:focus+.form-check-sign .check:after { + opacity: 0.2; +} + +.form-check .form-check-input:checked+.form-check-sign .check { + background: #9c27b0; +} + +.form-check .form-check-input:checked+.form-check-sign .check:before { + color: #FFFFFF; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + -webkit-animation: checkbox-on 0.3s forwards; + -moz-animation: checkbox-on 0.3s forwards; + -o-animation: checkbox-on 0.3s forwards; + -ms-animation: checkbox-on 0.3s forwards; + animation: checkbox-on 0.3s forwards; +} + +.form-check .form-check-input:checked+.form-check-sign:before { + -webkit-animation: rippleOn 500ms; + -moz-animation: rippleOn 500ms; + -o-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} + +.form-check .form-check-input:checked+.form-check-sign .check:after { + -webkit-animation: rippleOn 500ms forwards; + -moz-animation: rippleOn 500ms forwards; + -o-animation: rippleOn 500ms forwards; + -ms-animation: rippleOn 500ms forwards; + animation: rippleOn 500ms forwards; +} + +.form-check .form-check-input:not(:checked)+.form-check-sign:before { + -webkit-animation: rippleOff 500ms; + -moz-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} + +.form-check .form-check-input:not(:checked)+.form-check-sign .check:after { + -webkit-animation: rippleOff 500ms; + -moz-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} + +fieldset[disabled] .form-check, +fieldset[disabled] .form-check .form-check-input, +.form-check .form-check-input[disabled]~.form-check-sign .check, +.form-check .form-check-input[disabled]+.circle { + opacity: 0.5; +} + +.form-check .form-check-input[disabled]~.form-check-sign .check { + border-color: #000000; + opacity: .26; +} + +.form-check .form-check-input[disabled]+.form-check-sign .check:after { + background-color: rgba(0, 0, 0, 0.87); + transform: rotate(-45deg); +} + +.form-check .form-check-input[disabled][checked]+.form-check-sign .check { + background-color: #000000; +} + +@keyframes checkbox-on { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +.switch label { + position: relative; + padding-left: 2.4375rem; +} + +.switch label .bmd-switch-track { + position: absolute; + top: 0.3125rem; + left: 0; + display: inline-block; + width: 2.125rem; + height: 0.875rem; + cursor: pointer; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 50%, #c49bcb 50%, #c49bcb 100%); + background-position: 0%; + background-size: 4.25rem 0.875rem; + border-radius: 2.125rem; + transition: background-position 0.2s ease-in; +} + +.switch label .bmd-switch-track::after { + position: absolute; + top: 50%; + left: 0; + display: block; + align-self: center; + width: 1.25rem; + height: 1.25rem; + content: ""; + background: #f1f1f1; + border-radius: 100%; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); + transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease; + transform: translateY(-50%); +} + +.switch label .bmd-switch-track:active::after { + transform: translateY(-50%) scale3d(1.15, 0.85, 1); +} + +.switch label input { + position: absolute; + display: block; + width: 0; + height: 0; + opacity: 0; +} + +.switch label input:checked+.bmd-switch-track { + background-position: -100%; +} + +.switch label input:checked+.bmd-switch-track::after { + left: calc(100% - 1.25rem); + background-color: #9c27b0; +} + +.switch label input:disabled+.bmd-switch-track:active::after { + transform: translateY(-50%); +} + +.switch label input:disabled+.bmd-switch-track { + cursor: default; + background: rgba(0, 0, 0, 0.12); +} + +.switch label input:disabled+.bmd-switch-track::after { + background: #bdbdbd; +} + +.form-check .form-check-label { + cursor: pointer; + padding-left: 25px; + position: relative; +} + +.form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .form-check .form-check-label:hover, +.form-group.is-focused .form-check .form-check-label:focus { + color: rgba(0, 0, 0, .54); +} + +fieldset[disabled] .form-group.is-focused .form-check .form-check-label { + color: rgba(0, 0, 0, 0.26); +} + +.form-check .form-check-label span { + display: block; + position: absolute; + left: -1px; + top: -1px; + transition-duration: 0.2s; +} + +.form-check .form-check-label .circle { + border: 1px solid rgba(0, 0, 0, .54); + height: 15px; + width: 15px; + border-radius: 100%; + top: 1px; +} + +.form-check .form-check-label .circle .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #9c27b0; + -webkit-transform: scale3d(0, 0, 0); + -moz-transform: scale3d(0, 0, 0); + -o-transform: scale3d(0, 0, 0); + -ms-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} + +.form-check .form-check-input { + opacity: 0; + height: 0; + width: 0; + overflow: hidden; +} + +.form-check .form-check-input:checked~.check, +.form-check .form-check-input:checked~.circle { + opacity: 1; +} + +.form-check .form-check-input:checked~.check { + background-color: #9c27b0; +} + +.form-check .form-check-input:checked~.circle { + border-color: #9c27b0; +} + +.form-check .form-check-input:checked .check:before { + animation: checkboxOn .5s forwards; +} + +.form-check .form-check-input:checked~.circle .check { + -webkit-transform: scale3d(0.65, 0.65, 1); + -moz-transform: scale3d(0.65, 0.65, 1); + -o-transform: scale3d(0.65, 0.65, 1); + -ms-transform: scale3d(0.65, 0.65, 1); + transform: scale3d(0.65, 0.65, 1); +} + +.form-check .form-check-input[disabled]~.check, +.form-check .form-check-input[disabled]~.circle { + opacity: 0.26; +} + +.form-check .form-check-input[disabled]~.check { + background-color: #000000; +} + +.form-check .form-check-input[disabled]~.circle { + border-color: #000000; +} + +.form-check .form-check-input[disabled]+.circle .check { + background-color: #000000; +} + +.form-check .form-check-sign { + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; +} + +.form-check .form-check-label .circle:before { + display: block; + position: absolute; + left: -1px; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: -1px; + -webkit-transform: scale3d(2.3, 2.3, 1); + -moz-transform: scale3d(2.3, 2.3, 1); + -o-transform: scale3d(2.3, 2.3, 1); + -ms-transform: scale3d(2.3, 2.3, 1); + transform: scale3d(2.3, 2.3, 1); +} + +.form-check .form-check-label .form-check-input:checked+.circle:before { + animation: rippleOn .5s; +} + +.form-check .form-check-label .form-check-input:checked+.circle .check:before { + color: #FFFFFF; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + animation: checkboxOn 0.3s forwards; +} + +.form-check+.form-check { + margin-top: 0; +} + +@keyframes checkboxOn { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +.carousel .carousel-control.left, +.carousel .carousel-control.right { + background-image: none; +} + +.carousel .carousel-control.right i { + right: 0; +} + +.carousel .card { + margin-top: 0; +} + +.carousel .item { + text-align: center; +} + +.carousel.carousel-full-nagivation .carousel-control { + width: 50%; +} + +.carousel.carousel-full-nagivation .carousel-control.left, +.carousel.carousel-full-nagivation .carousel-control.right { + background-image: none; +} + +.carousel.carousel-full-nagivation .carousel-control .material-icons, +.carousel.carousel-full-nagivation .carousel-control .fa { + display: none; +} + +.carousel .carousel-control { + height: 15%; + margin: auto; +} + +.carousel .carousel-control-prev .material-icons, +.carousel .carousel-control-next .material-icons { + z-index: 5; + display: inline-block; + font-size: 50px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 50px; + margin: auto; +} + +.carousel .carousel-indicators { + bottom: 5px; +} + +.carousel .carousel-indicators li, +.carousel .carousel-indicators .active { + margin: 11px 10px; +} + +.carousel .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + text-indent: -999px; + cursor: pointer; + border: 1px solid #fff; + border-radius: 10px; + background: #FFFFFF; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; +} + +.carousel .carousel-indicators .active { + margin-top: 10px; + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); +} + +.carousel .carousel-caption { + padding-bottom: 45px; +} + +.carousel .carousel-caption .material-icons { + position: relative; + top: 5px; +} + +form { + margin-bottom: 1.125rem; +} + +.card form { + margin: 0; +} + +.navbar form { + margin-bottom: 0; +} + +.navbar form .bmd-form-group { + display: inline-block; + padding-top: 0; +} + +.navbar form .btn { + margin-bottom: 0; +} + +.form-control { + background: no-repeat center bottom, center calc(100% - 1px); + background-size: 0 100%, 100% 100%; + border: 0; + height: 36px; + transition: background 0s ease-out; + padding-left: 0; + padding-right: 0; + border-radius: 0; + font-size: 14px; +} + +.form-control:focus, +.bmd-form-group.is-focused .form-control { + background-size: 100% 100%, 100% 100%; + transition-duration: 0.3s; + box-shadow: none; +} + +.form-control::-moz-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; +} + +.form-control:-ms-input-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; +} + +.form-control::-webkit-input-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; +} + +.has-white .form-control::-moz-placeholder { + color: #fff; +} + +.has-white .form-control:-ms-input-placeholder { + color: #fff; +} + +.has-white .form-control::-webkit-input-placeholder { + color: #fff; +} + +.bmd-help { + position: absolute; + display: none; + font-size: .8rem; + font-weight: normal; +} + +.bmd-form-group.is-focused .bmd-help { + display: block; +} + +.bmd-help:nth-of-type(2) { + padding-top: 1rem; +} + +.bmd-help+.bmd-help { + position: relative; + margin-bottom: 0; +} + +.radio label, +.is-focused .radio label, +.radio-inline, +.is-focused .radio-inline, +.checkbox label, +.is-focused .checkbox label, +.checkbox-inline, +.is-focused .checkbox-inline, +.switch label, +.is-focused .switch label { + color: #999999; +} + +.radio label label:has(input[type=radio][disabled]), +.radio label label:has(input[type=radio][disabled]):hover, +.radio label label:has(input[type=radio][disabled]):focus, +.radio label label:has(input[type=checkbox][disabled]), +.radio label label:has(input[type=checkbox][disabled]):hover, +.radio label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .radio label, +fieldset[disabled] .radio label:hover, +fieldset[disabled] .radio label:focus, +.is-focused .radio label label:has(input[type=radio][disabled]), +.is-focused .radio label label:has(input[type=radio][disabled]):hover, +.is-focused .radio label label:has(input[type=radio][disabled]):focus, +.is-focused .radio label label:has(input[type=checkbox][disabled]), +.is-focused .radio label label:has(input[type=checkbox][disabled]):hover, +.is-focused .radio label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .radio label, +fieldset[disabled] .is-focused .radio label:hover, +fieldset[disabled] .is-focused .radio label:focus, +.radio-inline label:has(input[type=radio][disabled]), +.radio-inline label:has(input[type=radio][disabled]):hover, +.radio-inline label:has(input[type=radio][disabled]):focus, +.radio-inline label:has(input[type=checkbox][disabled]), +.radio-inline label:has(input[type=checkbox][disabled]):hover, +.radio-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .radio-inline, +fieldset[disabled] .radio-inline:hover, +fieldset[disabled] .radio-inline:focus, +.is-focused .radio-inline label:has(input[type=radio][disabled]), +.is-focused .radio-inline label:has(input[type=radio][disabled]):hover, +.is-focused .radio-inline label:has(input[type=radio][disabled]):focus, +.is-focused .radio-inline label:has(input[type=checkbox][disabled]), +.is-focused .radio-inline label:has(input[type=checkbox][disabled]):hover, +.is-focused .radio-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .radio-inline, +fieldset[disabled] .is-focused .radio-inline:hover, +fieldset[disabled] .is-focused .radio-inline:focus, +.checkbox label label:has(input[type=radio][disabled]), +.checkbox label label:has(input[type=radio][disabled]):hover, +.checkbox label label:has(input[type=radio][disabled]):focus, +.checkbox label label:has(input[type=checkbox][disabled]), +.checkbox label label:has(input[type=checkbox][disabled]):hover, +.checkbox label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .checkbox label, +fieldset[disabled] .checkbox label:hover, +fieldset[disabled] .checkbox label:focus, +.is-focused .checkbox label label:has(input[type=radio][disabled]), +.is-focused .checkbox label label:has(input[type=radio][disabled]):hover, +.is-focused .checkbox label label:has(input[type=radio][disabled]):focus, +.is-focused .checkbox label label:has(input[type=checkbox][disabled]), +.is-focused .checkbox label label:has(input[type=checkbox][disabled]):hover, +.is-focused .checkbox label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .checkbox label, +fieldset[disabled] .is-focused .checkbox label:hover, +fieldset[disabled] .is-focused .checkbox label:focus, +.checkbox-inline label:has(input[type=radio][disabled]), +.checkbox-inline label:has(input[type=radio][disabled]):hover, +.checkbox-inline label:has(input[type=radio][disabled]):focus, +.checkbox-inline label:has(input[type=checkbox][disabled]), +.checkbox-inline label:has(input[type=checkbox][disabled]):hover, +.checkbox-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .checkbox-inline, +fieldset[disabled] .checkbox-inline:hover, +fieldset[disabled] .checkbox-inline:focus, +.is-focused .checkbox-inline label:has(input[type=radio][disabled]), +.is-focused .checkbox-inline label:has(input[type=radio][disabled]):hover, +.is-focused .checkbox-inline label:has(input[type=radio][disabled]):focus, +.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]), +.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):hover, +.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .checkbox-inline, +fieldset[disabled] .is-focused .checkbox-inline:hover, +fieldset[disabled] .is-focused .checkbox-inline:focus, +.switch label label:has(input[type=radio][disabled]), +.switch label label:has(input[type=radio][disabled]):hover, +.switch label label:has(input[type=radio][disabled]):focus, +.switch label label:has(input[type=checkbox][disabled]), +.switch label label:has(input[type=checkbox][disabled]):hover, +.switch label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .switch label, +fieldset[disabled] .switch label:hover, +fieldset[disabled] .switch label:focus, +.is-focused .switch label label:has(input[type=radio][disabled]), +.is-focused .switch label label:has(input[type=radio][disabled]):hover, +.is-focused .switch label label:has(input[type=radio][disabled]):focus, +.is-focused .switch label label:has(input[type=checkbox][disabled]), +.is-focused .switch label label:has(input[type=checkbox][disabled]):hover, +.is-focused .switch label label:has(input[type=checkbox][disabled]):focus, +fieldset[disabled] .is-focused .switch label, +fieldset[disabled] .is-focused .switch label:hover, +fieldset[disabled] .is-focused .switch label:focus { + color: #999999; +} + +[class^='bmd-label'], +[class*=' bmd-label'] { + color: #999999; +} + +.form-control, +.is-focused .form-control { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .form-control, +.form-control.disabled, +.form-control:disabled, +.form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.form-control.form-control-success, +.is-focused .form-control.form-control-success { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.form-control.form-control-warning, +.is-focused .form-control.form-control-warning { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.form-control.form-control-danger, +.is-focused .form-control.form-control-danger { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #999999; +} + +.is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(153, 153, 153, 0.8); + border-radius: .2rem; +} + +.was-validated .is-focused .form-control:valid, +.is-focused .form-control.is-valid, +.was-validated .is-focused .custom-select:valid, +.is-focused .custom-select.is-valid { + border-color: #999999; +} + +.was-validated .is-focused .form-control:valid:focus, +.is-focused .form-control.is-valid:focus, +.was-validated .is-focused .custom-select:valid:focus, +.is-focused .custom-select.is-valid:focus { + border-color: #999999; + box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); +} + +.was-validated .is-focused .form-control:valid~.valid-feedback, +.was-validated .is-focused .form-control:valid~.valid-tooltip, +.is-focused .form-control.is-valid~.valid-feedback, +.is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .is-focused .custom-select:valid~.valid-feedback, +.was-validated .is-focused .custom-select:valid~.valid-tooltip, +.is-focused .custom-select.is-valid~.valid-feedback, +.is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .form-check-input:valid~.form-check-label, +.is-focused .form-check-input.is-valid~.form-check-label { + color: #999999; +} + +.was-validated .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .is-focused .form-check-input:valid~.valid-tooltip, +.is-focused .form-check-input.is-valid~.valid-feedback, +.is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .custom-control-input:valid~.custom-control-label, +.is-focused .custom-control-input.is-valid~.custom-control-label { + color: #999999; +} + +.was-validated .is-focused .custom-control-input:valid~.custom-control-label::before, +.is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #d9d9d9; +} + +.was-validated .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .is-focused .custom-control-input:valid~.valid-tooltip, +.is-focused .custom-control-input.is-valid~.valid-feedback, +.is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #b3b3b3; +} + +.was-validated .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(153, 153, 153, 0.25); +} + +.was-validated .is-focused .custom-file-input:valid~.custom-file-label, +.is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #999999; +} + +.was-validated .is-focused .custom-file-input:valid~.custom-file-label::before, +.is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .is-focused .custom-file-input:valid~.valid-tooltip, +.is-focused .custom-file-input.is-valid~.valid-feedback, +.is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .is-focused .custom-file-input:valid:focus~.custom-file-label, +.is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); +} + +.is-focused [class^='bmd-label'], +.is-focused [class*=' bmd-label'] { + color: #9c27b0; +} + +.is-focused .bmd-label-placeholder { + color: #999999; +} + +.is-focused .form-control { + border-color: #d2d2d2; +} + +.is-focused .bmd-help { + color: #555; +} + +.has-success [class^='bmd-label'], +.has-success [class*=' bmd-label'] { + color: #4caf50; +} + +.has-success .form-control, +.is-focused .has-success .form-control { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-success .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-success .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-success .form-control, +.has-success .form-control.disabled, +.has-success .form-control:disabled, +.has-success .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-success .form-control.form-control-success, +.is-focused .has-success .form-control.form-control-success { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-success .form-control.form-control-warning, +.is-focused .has-success .form-control.form-control-warning { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-success .form-control.form-control-danger, +.is-focused .has-success .form-control.form-control-danger { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-success .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; +} + +.has-success .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(76, 175, 80, 0.8); + border-radius: .2rem; +} + +.was-validated .has-success .is-focused .form-control:valid, +.has-success .is-focused .form-control.is-valid, +.was-validated .has-success .is-focused .custom-select:valid, +.has-success .is-focused .custom-select.is-valid { + border-color: #4caf50; +} + +.was-validated .has-success .is-focused .form-control:valid:focus, +.has-success .is-focused .form-control.is-valid:focus, +.was-validated .has-success .is-focused .custom-select:valid:focus, +.has-success .is-focused .custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .has-success .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-success .is-focused .form-control:valid~.valid-tooltip, +.has-success .is-focused .form-control.is-valid~.valid-feedback, +.has-success .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-success .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-success .is-focused .custom-select:valid~.valid-tooltip, +.has-success .is-focused .custom-select.is-valid~.valid-feedback, +.has-success .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .form-check-input:valid~.form-check-label, +.has-success .is-focused .form-check-input.is-valid~.form-check-label { + color: #4caf50; +} + +.was-validated .has-success .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-success .is-focused .form-check-input:valid~.valid-tooltip, +.has-success .is-focused .form-check-input.is-valid~.valid-feedback, +.has-success .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label, +.has-success .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #4caf50; +} + +.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-success .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #a3d7a5; +} + +.was-validated .has-success .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-success .is-focused .custom-control-input:valid~.valid-tooltip, +.has-success .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-success .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-success .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #6ec071; +} + +.was-validated .has-success .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-success .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label, +.has-success .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #4caf50; +} + +.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-success .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-success .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-success .is-focused .custom-file-input:valid~.valid-tooltip, +.has-success .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-success .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-success .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-success .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.has-success .is-focused [class^='bmd-label'], +.has-success .is-focused [class*=' bmd-label'] { + color: #4caf50; +} + +.has-success .is-focused .bmd-label-placeholder { + color: #4caf50; +} + +.has-success .is-focused .form-control { + border-color: #4caf50; +} + +.has-success .is-focused .bmd-help { + color: #555; +} + +.has-info [class^='bmd-label'], +.has-info [class*=' bmd-label'] { + color: #00bcd4; +} + +.has-info .form-control, +.is-focused .has-info .form-control { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-info .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-info .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-info .form-control, +.has-info .form-control.disabled, +.has-info .form-control:disabled, +.has-info .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-info .form-control.form-control-success, +.is-focused .has-info .form-control.form-control-success { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-info .form-control.form-control-warning, +.is-focused .has-info .form-control.form-control-warning { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-info .form-control.form-control-danger, +.is-focused .has-info .form-control.form-control-danger { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-info .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #00bcd4; +} + +.has-info .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(0, 188, 212, 0.8); + border-radius: .2rem; +} + +.was-validated .has-info .is-focused .form-control:valid, +.has-info .is-focused .form-control.is-valid, +.was-validated .has-info .is-focused .custom-select:valid, +.has-info .is-focused .custom-select.is-valid { + border-color: #00bcd4; +} + +.was-validated .has-info .is-focused .form-control:valid:focus, +.has-info .is-focused .form-control.is-valid:focus, +.was-validated .has-info .is-focused .custom-select:valid:focus, +.has-info .is-focused .custom-select.is-valid:focus { + border-color: #00bcd4; + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); +} + +.was-validated .has-info .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-info .is-focused .form-control:valid~.valid-tooltip, +.has-info .is-focused .form-control.is-valid~.valid-feedback, +.has-info .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-info .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-info .is-focused .custom-select:valid~.valid-tooltip, +.has-info .is-focused .custom-select.is-valid~.valid-feedback, +.has-info .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .form-check-input:valid~.form-check-label, +.has-info .is-focused .form-check-input.is-valid~.form-check-label { + color: #00bcd4; +} + +.was-validated .has-info .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-info .is-focused .form-check-input:valid~.valid-tooltip, +.has-info .is-focused .form-check-input.is-valid~.valid-feedback, +.has-info .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label, +.has-info .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #00bcd4; +} + +.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-info .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #55ecff; +} + +.was-validated .has-info .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-info .is-focused .custom-control-input:valid~.valid-tooltip, +.has-info .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-info .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-info .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #08e3ff; +} + +.was-validated .has-info .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-info .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(0, 188, 212, 0.25); +} + +.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label, +.has-info .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #00bcd4; +} + +.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-info .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-info .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-info .is-focused .custom-file-input:valid~.valid-tooltip, +.has-info .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-info .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-info .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-info .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); +} + +.has-info .is-focused [class^='bmd-label'], +.has-info .is-focused [class*=' bmd-label'] { + color: #00bcd4; +} + +.has-info .is-focused .bmd-label-placeholder { + color: #00bcd4; +} + +.has-info .is-focused .form-control { + border-color: #00bcd4; +} + +.has-info .is-focused .bmd-help { + color: #555; +} + +.has-white [class^='bmd-label'], +.has-white [class*=' bmd-label'] { + color: #fff; +} + +.has-white .form-control, +.is-focused .has-white .form-control { + background-image: linear-gradient(to top, #fff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); +} + +.has-white .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); +} + +.has-white .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); +} + +fieldset[disabled][disabled] .has-white .form-control, +.has-white .form-control.disabled, +.has-white .form-control:disabled, +.has-white .form-control[disabled] { + background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-white .form-control.form-control-success, +.is-focused .has-white .form-control.form-control-success { + background-image: linear-gradient(to top, #fff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-white .form-control.form-control-warning, +.is-focused .has-white .form-control.form-control-warning { + background-image: linear-gradient(to top, #fff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-white .form-control.form-control-danger, +.is-focused .has-white .form-control.form-control-danger { + background-image: linear-gradient(to top, #fff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-white .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #fff; +} + +.has-white .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(255, 255, 255, 0.8); + border-radius: .2rem; +} + +.was-validated .has-white .is-focused .form-control:valid, +.has-white .is-focused .form-control.is-valid, +.was-validated .has-white .is-focused .custom-select:valid, +.has-white .is-focused .custom-select.is-valid { + border-color: #fff; +} + +.was-validated .has-white .is-focused .form-control:valid:focus, +.has-white .is-focused .form-control.is-valid:focus, +.was-validated .has-white .is-focused .custom-select:valid:focus, +.has-white .is-focused .custom-select.is-valid:focus { + border-color: #fff; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.was-validated .has-white .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-white .is-focused .form-control:valid~.valid-tooltip, +.has-white .is-focused .form-control.is-valid~.valid-feedback, +.has-white .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-white .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-white .is-focused .custom-select:valid~.valid-tooltip, +.has-white .is-focused .custom-select.is-valid~.valid-feedback, +.has-white .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .form-check-input:valid~.form-check-label, +.has-white .is-focused .form-check-input.is-valid~.form-check-label { + color: #fff; +} + +.was-validated .has-white .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-white .is-focused .form-check-input:valid~.valid-tooltip, +.has-white .is-focused .form-check-input.is-valid~.valid-feedback, +.has-white .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label, +.has-white .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #fff; +} + +.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-white .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: white; +} + +.was-validated .has-white .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-white .is-focused .custom-control-input:valid~.valid-tooltip, +.has-white .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-white .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-white .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: white; +} + +.was-validated .has-white .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-white .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label, +.has-white .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #fff; +} + +.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-white .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-white .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-white .is-focused .custom-file-input:valid~.valid-tooltip, +.has-white .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-white .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-white .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-white .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.has-white .is-focused [class^='bmd-label'], +.has-white .is-focused [class*=' bmd-label'] { + color: #fff; +} + +.has-white .is-focused .bmd-label-placeholder { + color: #fff; +} + +.has-white .is-focused .form-control { + border-color: #fff; +} + +.has-white .is-focused .bmd-help { + color: #555; +} + +.has-white .form-control:focus { + color: #fff; +} + +.has-warning [class^='bmd-label'], +.has-warning [class*=' bmd-label'] { + color: #ff9800; +} + +.has-warning .form-control, +.is-focused .has-warning .form-control { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-warning .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-warning .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-warning .form-control, +.has-warning .form-control.disabled, +.has-warning .form-control:disabled, +.has-warning .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-warning .form-control.form-control-success, +.is-focused .has-warning .form-control.form-control-success { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-warning .form-control.form-control-warning, +.is-focused .has-warning .form-control.form-control-warning { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-warning .form-control.form-control-danger, +.is-focused .has-warning .form-control.form-control-danger { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-warning .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff9800; +} + +.has-warning .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(255, 152, 0, 0.8); + border-radius: .2rem; +} + +.was-validated .has-warning .is-focused .form-control:valid, +.has-warning .is-focused .form-control.is-valid, +.was-validated .has-warning .is-focused .custom-select:valid, +.has-warning .is-focused .custom-select.is-valid { + border-color: #ff9800; +} + +.was-validated .has-warning .is-focused .form-control:valid:focus, +.has-warning .is-focused .form-control.is-valid:focus, +.was-validated .has-warning .is-focused .custom-select:valid:focus, +.has-warning .is-focused .custom-select.is-valid:focus { + border-color: #ff9800; + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); +} + +.was-validated .has-warning .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-warning .is-focused .form-control:valid~.valid-tooltip, +.has-warning .is-focused .form-control.is-valid~.valid-feedback, +.has-warning .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-warning .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-warning .is-focused .custom-select:valid~.valid-tooltip, +.has-warning .is-focused .custom-select.is-valid~.valid-feedback, +.has-warning .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .form-check-input:valid~.form-check-label, +.has-warning .is-focused .form-check-input.is-valid~.form-check-label { + color: #ff9800; +} + +.was-validated .has-warning .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-warning .is-focused .form-check-input:valid~.valid-tooltip, +.has-warning .is-focused .form-check-input.is-valid~.valid-feedback, +.has-warning .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label, +.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #ff9800; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #ffcc80; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-tooltip, +.has-warning .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-warning .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-warning .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #ffad33; +} + +.was-validated .has-warning .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-warning .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 152, 0, 0.25); +} + +.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label, +.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #ff9800; +} + +.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-tooltip, +.has-warning .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-warning .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-warning .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-warning .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); +} + +.has-warning .is-focused [class^='bmd-label'], +.has-warning .is-focused [class*=' bmd-label'] { + color: #ff9800; +} + +.has-warning .is-focused .bmd-label-placeholder { + color: #ff9800; +} + +.has-warning .is-focused .form-control { + border-color: #ff9800; +} + +.has-warning .is-focused .bmd-help { + color: #555; +} + +.has-danger [class^='bmd-label'], +.has-danger [class*=' bmd-label'] { + color: #f44336; +} + +.has-danger .form-control, +.is-focused .has-danger .form-control { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-danger .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-danger .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-danger .form-control, +.has-danger .form-control.disabled, +.has-danger .form-control:disabled, +.has-danger .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-danger .form-control.form-control-success, +.is-focused .has-danger .form-control.form-control-success { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-danger .form-control.form-control-warning, +.is-focused .has-danger .form-control.form-control-warning { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-danger .form-control.form-control-danger, +.is-focused .has-danger .form-control.form-control-danger { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-danger .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; +} + +.has-danger .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(244, 67, 54, 0.8); + border-radius: .2rem; +} + +.was-validated .has-danger .is-focused .form-control:valid, +.has-danger .is-focused .form-control.is-valid, +.was-validated .has-danger .is-focused .custom-select:valid, +.has-danger .is-focused .custom-select.is-valid { + border-color: #f44336; +} + +.was-validated .has-danger .is-focused .form-control:valid:focus, +.has-danger .is-focused .form-control.is-valid:focus, +.was-validated .has-danger .is-focused .custom-select:valid:focus, +.has-danger .is-focused .custom-select.is-valid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .has-danger .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-danger .is-focused .form-control:valid~.valid-tooltip, +.has-danger .is-focused .form-control.is-valid~.valid-feedback, +.has-danger .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-danger .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-danger .is-focused .custom-select:valid~.valid-tooltip, +.has-danger .is-focused .custom-select.is-valid~.valid-feedback, +.has-danger .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .form-check-input:valid~.form-check-label, +.has-danger .is-focused .form-check-input.is-valid~.form-check-label { + color: #f44336; +} + +.was-validated .has-danger .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-danger .is-focused .form-check-input:valid~.valid-tooltip, +.has-danger .is-focused .form-check-input.is-valid~.valid-feedback, +.has-danger .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label, +.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #f44336; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #fbb4af; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-tooltip, +.has-danger .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-danger .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-danger .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #f77066; +} + +.was-validated .has-danger .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-danger .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label, +.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #f44336; +} + +.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-tooltip, +.has-danger .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-danger .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-danger .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-danger .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.has-danger .is-focused [class^='bmd-label'], +.has-danger .is-focused [class*=' bmd-label'] { + color: #f44336; +} + +.has-danger .is-focused .bmd-label-placeholder { + color: #f44336; +} + +.has-danger .is-focused .form-control { + border-color: #f44336; +} + +.has-danger .is-focused .bmd-help { + color: #555; +} + +.has-rose [class^='bmd-label'], +.has-rose [class*=' bmd-label'] { + color: #e91e63; +} + +.has-rose .form-control, +.is-focused .has-rose .form-control { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-rose .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +.has-rose .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); +} + +fieldset[disabled][disabled] .has-rose .form-control, +.has-rose .form-control.disabled, +.has-rose .form-control:disabled, +.has-rose .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; +} + +.has-rose .form-control.form-control-success, +.is-focused .has-rose .form-control.form-control-success { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; +} + +.has-rose .form-control.form-control-warning, +.is-focused .has-rose .form-control.form-control-warning { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; +} + +.has-rose .form-control.form-control-danger, +.is-focused .has-rose .form-control.form-control-danger { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; +} + +.has-rose .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e91e63; +} + +.has-rose .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(233, 30, 99, 0.8); + border-radius: .2rem; +} + +.was-validated .has-rose .is-focused .form-control:valid, +.has-rose .is-focused .form-control.is-valid, +.was-validated .has-rose .is-focused .custom-select:valid, +.has-rose .is-focused .custom-select.is-valid { + border-color: #e91e63; +} + +.was-validated .has-rose .is-focused .form-control:valid:focus, +.has-rose .is-focused .form-control.is-valid:focus, +.was-validated .has-rose .is-focused .custom-select:valid:focus, +.has-rose .is-focused .custom-select.is-valid:focus { + border-color: #e91e63; + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); +} + +.was-validated .has-rose .is-focused .form-control:valid~.valid-feedback, +.was-validated .has-rose .is-focused .form-control:valid~.valid-tooltip, +.has-rose .is-focused .form-control.is-valid~.valid-feedback, +.has-rose .is-focused .form-control.is-valid~.valid-tooltip, +.was-validated .has-rose .is-focused .custom-select:valid~.valid-feedback, +.was-validated .has-rose .is-focused .custom-select:valid~.valid-tooltip, +.has-rose .is-focused .custom-select.is-valid~.valid-feedback, +.has-rose .is-focused .custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .form-check-input:valid~.form-check-label, +.has-rose .is-focused .form-check-input.is-valid~.form-check-label { + color: #e91e63; +} + +.was-validated .has-rose .is-focused .form-check-input:valid~.valid-feedback, +.was-validated .has-rose .is-focused .form-check-input:valid~.valid-tooltip, +.has-rose .is-focused .form-check-input.is-valid~.valid-feedback, +.has-rose .is-focused .form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label, +.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label { + color: #e91e63; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label::before, +.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label::before { + background-color: #f492b4; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-feedback, +.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-tooltip, +.has-rose .is-focused .custom-control-input.is-valid~.valid-feedback, +.has-rose .is-focused .custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid:checked~.custom-control-label::before, +.has-rose .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #ee4c83; +} + +.was-validated .has-rose .is-focused .custom-control-input:valid:focus~.custom-control-label::before, +.has-rose .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(233, 30, 99, 0.25); +} + +.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label, +.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label { + border-color: #e91e63; +} + +.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label::before, +.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label::before { + border-color: inherit; +} + +.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-feedback, +.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-tooltip, +.has-rose .is-focused .custom-file-input.is-valid~.valid-feedback, +.has-rose .is-focused .custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .has-rose .is-focused .custom-file-input:valid:focus~.custom-file-label, +.has-rose .is-focused .custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); +} + +.has-rose .is-focused [class^='bmd-label'], +.has-rose .is-focused [class*=' bmd-label'] { + color: #e91e63; +} + +.has-rose .is-focused .bmd-label-placeholder { + color: #e91e63; +} + +.has-rose .is-focused .form-control { + border-color: #e91e63; +} + +.has-rose .is-focused .bmd-help { + color: #555; +} + +.bmd-form-group { + position: relative; + padding-top: 27px; +} + +.bmd-form-group:not(.has-success):not(.has-danger) [class^='bmd-label'].bmd-label-floating, +.bmd-form-group:not(.has-success):not(.has-danger) [class*=' bmd-label'].bmd-label-floating { + color: #AAAAAA; +} + +.bmd-form-group [class^='bmd-label'], +.bmd-form-group [class*=' bmd-label'] { + position: absolute; + pointer-events: none; + transition: 0.3s ease all; +} + +.bmd-form-group [class^='bmd-label'].bmd-label-floating, +.bmd-form-group [class*=' bmd-label'].bmd-label-floating { + will-change: left, top, contents; + margin: 0; + line-height: 1.4; + font-weight: 400; +} + +.bmd-form-group.is-filled .bmd-label-placeholder { + display: none; +} + +.bmd-form-group.bmd-collapse-inline { + display: flex; + align-items: center; + padding: 0; + min-height: 2.1em; +} + +.bmd-form-group.bmd-collapse-inline .collapse { + flex: 1; + display: none; +} + +.bmd-form-group.bmd-collapse-inline .collapse.show { + max-width: 1200px; +} + +.bmd-form-group.bmd-collapse-inline .collapsing, +.bmd-form-group.bmd-collapse-inline .width:not(.collapse), +.bmd-form-group.bmd-collapse-inline .collapse.show { + display: block; +} + +.bmd-form-group.bmd-collapse-inline .collapsing { + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-form-group .form-control, +.bmd-form-group label, +.bmd-form-group input::placeholder { + line-height: 1.1; +} + +.bmd-form-group label { + color: #AAAAAA; +} + +.bmd-form-group .radio label, +.bmd-form-group label.radio-inline, +.bmd-form-group .checkbox label, +.bmd-form-group label.checkbox-inline, +.bmd-form-group .switch label { + line-height: 1.5; +} + +.bmd-form-group .checkbox label, +.bmd-form-group .radio label, +.bmd-form-group label { + font-size: 0.875rem; +} + +.bmd-form-group .bmd-label-floating, +.bmd-form-group .bmd-label-placeholder { + top: 2.3125rem; +} + +.bmd-form-group .is-focused .bmd-label-floating, +.bmd-form-group .is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-form-group .bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-form-group .bmd-help { + margin-top: 0; + font-size: 0.75rem; +} + +.bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +.bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-danger, +.bmd-form-group .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; +} + +.bmd-form-group .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, +.bmd-form-group .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, +.bmd-form-group .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control, +.bmd-form-group.bmd-form-group-sm label, +.bmd-form-group.bmd-form-group-sm input::placeholder { + line-height: 1.1; +} + +.bmd-form-group.bmd-form-group-sm label { + color: #AAAAAA; +} + +.bmd-form-group.bmd-form-group-sm .radio label, +.bmd-form-group.bmd-form-group-sm label.radio-inline, +.bmd-form-group.bmd-form-group-sm .checkbox label, +.bmd-form-group.bmd-form-group-sm label.checkbox-inline, +.bmd-form-group.bmd-form-group-sm .switch label { + line-height: 1.5; +} + +.bmd-form-group.bmd-form-group-sm .checkbox label, +.bmd-form-group.bmd-form-group-sm .radio label, +.bmd-form-group.bmd-form-group-sm label { + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-sm .bmd-label-floating, +.bmd-form-group.bmd-form-group-sm .bmd-label-placeholder { + top: 1.875rem; +} + +.bmd-form-group.bmd-form-group-sm .is-focused .bmd-label-floating, +.bmd-form-group.bmd-form-group-sm .is-filled .bmd-label-floating { + top: 0.75rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-form-group.bmd-form-group-sm .bmd-label-static { + top: 0.1rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-sm .bmd-help { + margin-top: 0; + font-size: 0.65625rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.6875rem 0.6875rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.34375rem; +} + +.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.6875rem 0.6875rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control, +.bmd-form-group.bmd-form-group-lg label, +.bmd-form-group.bmd-form-group-lg input::placeholder { + line-height: 1.1; +} + +.bmd-form-group.bmd-form-group-lg label { + color: #AAAAAA; +} + +.bmd-form-group.bmd-form-group-lg .radio label, +.bmd-form-group.bmd-form-group-lg label.radio-inline, +.bmd-form-group.bmd-form-group-lg .checkbox label, +.bmd-form-group.bmd-form-group-lg label.checkbox-inline, +.bmd-form-group.bmd-form-group-lg .switch label { + line-height: 1.5; +} + +.bmd-form-group.bmd-form-group-lg .checkbox label, +.bmd-form-group.bmd-form-group-lg .radio label, +.bmd-form-group.bmd-form-group-lg label { + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-lg .bmd-label-floating, +.bmd-form-group.bmd-form-group-lg .bmd-label-placeholder { + top: 2.4375rem; +} + +.bmd-form-group.bmd-form-group-lg .is-focused .bmd-label-floating, +.bmd-form-group.bmd-form-group-lg .is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-form-group.bmd-form-group-lg .bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-form-group.bmd-form-group-lg .bmd-help { + margin-top: 0; + font-size: 0.9375rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 1.1875rem 1.1875rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.59375rem; +} + +.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, +.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, +.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 1.1875rem 1.1875rem; +} + +.form-control, +label, +input::placeholder { + line-height: 1.1; +} + +label { + color: #AAAAAA; +} + +.radio label, +label.radio-inline, +.checkbox label, +label.checkbox-inline, +.switch label { + line-height: 1.5; +} + +.checkbox label, +.radio label, +label { + font-size: 0.875rem; +} + +.bmd-label-floating, +.bmd-label-placeholder { + top: 2.3125rem; +} + +.is-focused .bmd-label-floating, +.is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; +} + +.bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; +} + +.bmd-help { + margin-top: 0; + font-size: 0.75rem; +} + +.form-control.form-control-success, +.form-control.form-control-warning, +.form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +.form-control.form-control-success, +.form-control.form-control-success:focus, +.bmd-form-group.is-focused .form-control.form-control-success, +.form-control.form-control-warning, +.form-control.form-control-warning:focus, +.bmd-form-group.is-focused .form-control.form-control-warning, +.form-control.form-control-danger, +.form-control.form-control-danger:focus, +.bmd-form-group.is-focused .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; +} + +.form-control.form-control-success:focus, +.bmd-form-group.is-focused .form-control.form-control-success, +.form-control.form-control-warning:focus, +.bmd-form-group.is-focused .form-control.form-control-warning, +.form-control.form-control-danger:focus, +.bmd-form-group.is-focused .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; +} + +select, +select.form-control { + -moz-appearance: none; + -webkit-appearance: none; +} + +@media (min-width: 576px) { + .form-inline .input-group { + display: inline-flex; + align-items: center; + } +} + +.form-control-feedback { + position: absolute; + top: 33px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; + pointer-events: none; + opacity: 0; +} + +.has-success .form-control-feedback { + color: #4caf50; + opacity: 1; +} + +.has-danger .form-control-feedback { + color: #f44336; + opacity: 1; +} + +.form-group { + margin-bottom: 17px; + position: relative; +} + +textarea { + height: auto !important; + resize: none; + line-height: 1.428571 !important; +} + +.form-group input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +.form-newsletter .input-group, +.form-newsletter .form-group { + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; + padding-top: 5px; +} + +.form-newsletter .btn { + float: left; + width: 20%; + margin: 9px 0 0; +} + +.form-file-upload .input-group-btn:last-child>.btn-round { + border-radius: 30px; +} + +.form-file-upload .input-group-btn .btn { + margin: 0; +} + +.form-file-upload .input-group { + width: 100%; +} + +.input-group .input-group-btn { + padding: 0 12px; +} + +.input-group .input-group-text { + display: flex; + justify-content: center; + align-items: center; + padding: 0 15px 0 15px; + background-color: transparent; + border-color: transparent; +} + +.input-group .input-group-btn { + position: absolute; + right: 0; + bottom: 0; + padding-right: 0; +} + +.list-group { + display: flex; + flex-direction: column; + flex-grow: 1; + padding: .5rem 0; +} + +.list-group.bmd-list-group-sm { + padding: .25rem 0; +} + +.list-group.bmd-list-group-sm .list-group-item { + padding: .5rem 1rem; +} + +.bmd-list-group-col { + display: flex; + flex-direction: column; + min-width: 0; +} + +.list-group-item { + display: flex; + flex-flow: row wrap; + align-items: center; + padding: 1rem; + line-height: 1; +} + +.list-group-item .list-group-item-text { + min-width: 0; + max-height: 2.188rem; + overflow: hidden; + text-overflow: ellipsis; +} + +.list-group-item :first-child { + margin-right: 2rem; +} + +.list-group-item>.pull-xs-right, +.list-group-item>.pull-sm-right, +.list-group-item>.pull-md-right, +.list-group-item>.pull-lg-right, +.list-group-item>.pull-xl-right, +.list-group-item>*~.label:last-child, +.list-group-item>*~.material-icons:last-child { + margin-right: 0; + margin-left: auto; +} + +.list-group-item .material-icons.pull-xs-right, +.list-group-item .material-icons.pull-sm-right, +.list-group-item .material-icons.pull-md-right, +.list-group-item .material-icons.pull-lg-right, +.list-group-item .material-icons.pull-xl-right, +.list-group-item .material-icons~.material-icons:last-child { + padding-left: 1rem; +} + +.list-group-item .list-group-item-text { + font-size: .875rem; + color: #555; +} + +.nav-link { + text-transform: uppercase; +} + +.navbar-nav .nav-link { + padding: 0.5321rem; + font-size: 0.875rem; + font-weight: 400; +} + +.nav-tabs, +.nav-pills { + border: 0; + border-radius: 3px; + padding: 0 15px; +} + +.nav-tabs .nav-link, +.nav-pills .nav-link { + padding: 1.4286em 0.8575em; + font-size: 0.875rem; + font-weight: 500; + border: 0; +} + +.nav .nav-item { + position: relative; +} + +.img-thumbnail { + border-radius: 16px; +} + +.img-raised { + box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.rounded { + border-radius: 6px !important; +} + +.navbar { + border: 0; + border-radius: 3px; + padding: 0.625rem 0; + margin-bottom: 20px; + color: #555; + background-color: #fff !important; + box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15); +} + +.navbar .dropdown-item:hover, +.navbar .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); + background-color: #fff; + color: #555; +} + +.navbar .navbar-toggler .navbar-toggler-icon { + background-color: #555; +} + +.navbar.fixed-top { + border-radius: 0; +} + +.navbar .navbar-nav .nav-item .nav-link { + position: relative; + color: inherit; + padding: 0.9375rem; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + line-height: 20px; +} + +.navbar .navbar-nav .nav-item .nav-link:not(.btn-just-icon) .fa { + position: relative; + top: 2px; + margin-top: -4px; + margin-right: 4px; +} + +.navbar .navbar-nav .nav-item .nav-link .material-icons, +.navbar .navbar-nav .nav-item .nav-link .fa { + font-size: 1.25rem; + max-width: 24px; + margin-top: -1.1em; +} + +.navbar .navbar-nav .nav-item .nav-link:not(.btn) .material-icons { + margin-top: -7px; + top: 3px; + position: relative; + margin-right: 3px; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo { + padding: 0; + margin: 0 3px; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo:after { + display: none; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small { + height: 40px; + width: 40px; +} + +.navbar .navbar-nav .nav-item .nav-link.profile-photo .ripple-container { + border-radius: 50%; +} + +.navbar .navbar-nav .dropdown-menu-right { + transform-origin: 100% 0; +} + +.navbar .navbar-nav .nav-item.active .nav-link, +.navbar .navbar-nav .nav-item.active .nav-link:hover, +.navbar .navbar-nav .nav-item.active .nav-link:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.navbar .btn, +.navbar .navbar-nav .nav-item .btn { + margin-top: 0; + margin-bottom: 0; +} + +.navbar .navbar-toggler { + cursor: pointer; +} + +.navbar .navbar-toggler .navbar-toggler-icon { + position: relative; + width: 22px; + height: 2px; + vertical-align: middle; + outline: 0; + display: block; + border-radius: 1px; +} + +.navbar .navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon { + margin-top: 4px; +} + +.navbar.navbar-absolute { + position: absolute; + width: 100%; + padding-top: 10px; + z-index: 1029; +} + +.navbar .navbar-wrapper { + display: inline-flex; + align-items: center; +} + +.navbar .navbar-brand { + position: relative; + color: inherit; + height: 50px; + font-size: 1.125rem; + line-height: 30px; + padding: 0.625rem 0; +} + +.navbar.bg-primary { + color: #fff; + background-color: #9c27b0 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46); +} + +.navbar.bg-primary .dropdown-item:hover, +.navbar.bg-primary .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + background-color: #9c27b0; + color: #fff; +} + +.navbar.bg-primary .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.bg-info { + color: #fff; + background-color: #00bcd4 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46); +} + +.navbar.bg-info .dropdown-item:hover, +.navbar.bg-info .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); + background-color: #00bcd4; + color: #fff; +} + +.navbar.bg-info .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.bg-warning { + color: #fff; + background-color: #ff9800 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46); +} + +.navbar.bg-warning .dropdown-item:hover, +.navbar.bg-warning .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); + background-color: #ff9800; + color: #fff; +} + +.navbar.bg-warning .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.bg-rose { + color: #fff; + background-color: #e91e63 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46); +} + +.navbar.bg-rose .dropdown-item:hover, +.navbar.bg-rose .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); + background-color: #e91e63; + color: #fff; +} + +.navbar.bg-rose .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.bg-danger { + color: #fff; + background-color: #f44336 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46); +} + +.navbar.bg-danger .dropdown-item:hover, +.navbar.bg-danger .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); + background-color: #f44336; + color: #fff; +} + +.navbar.bg-danger .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.bg-success { + color: #fff; + background-color: #4caf50 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46); +} + +.navbar.bg-success .dropdown-item:hover, +.navbar.bg-success .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); + background-color: #4caf50; + color: #fff; +} + +.navbar.bg-success .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.bg-dark { + color: #fff; + background-color: #212121 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46); +} + +.navbar.bg-dark .dropdown-item:hover, +.navbar.bg-dark .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); + background-color: #212121; + color: #fff; +} + +.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { + background-color: #fff; +} + +.navbar.navbar-transparent { + background-color: transparent !important; + box-shadow: none; + padding-top: 25px; + color: #fff; +} + +#navbar .navbar { + border-radius: 0; +} + +.badge { + padding: 5px 12px; + text-transform: uppercase; + font-size: 10px; + color: #fff; +} + +.badge.badge-primary { + background-color: #9c27b0; +} + +.badge.badge-info { + background-color: #00bcd4; +} + +.badge.badge-success { + background-color: #4caf50; +} + +.badge.badge-warning { + background-color: #ff9800; +} + +.badge.badge-danger { + background-color: #f44336; +} + +.badge.badge-rose { + background-color: #e91e63; +} + +.badge.badge-default { + background-color: #999; +} + +.badge-default[href]:hover, +.badge-default[href]:focus { + background-color: #c1c1c1; +} + +.badge-primary[href]:hover, +.badge-primary[href]:focus { + background-color: #89229b; +} + +.badge-info[href]:hover, +.badge-info[href]:focus { + background-color: #00a5bb; +} + +.badge-success[href]:hover, +.badge-success[href]:focus { + background-color: #449d48; +} + +.badge-warning[href]:hover, +.badge-warning[href]:focus { + background-color: #e68900; + color: #fff; +} + +.badge-danger[href]:hover, +.badge-danger[href]:focus { + background-color: #f32c1e; +} + +.badge-rose[href]:hover, +.badge-rose[href]:focus { + background-color: #d81558; +} + +.alert { + border: 0; + border-radius: 0; + padding: 20px 15px; + line-height: 20px; +} + +.alert b { + font-weight: 500; + text-transform: uppercase; + font-size: 12px; +} + +.alert, +.alert.alert-default { + background-color: white; + color: #555; +} + +.alert a, +.alert .alert-link, +.alert.alert-default a, +.alert.alert-default .alert-link { + color: #555; +} + +.alert.alert-inverse { + background-color: #292929; + color: #fff; +} + +.alert.alert-inverse a, +.alert.alert-inverse .alert-link { + color: #fff; +} + +.alert.alert-primary { + background-color: #a72abd; + color: #ffffff; +} + +.alert.alert-primary a, +.alert.alert-primary .alert-link { + color: #ffffff; +} + +.alert.alert-success { + background-color: #55b559; + color: #ffffff; +} + +.alert.alert-success a, +.alert.alert-success .alert-link { + color: #ffffff; +} + +.alert.alert-info { + background-color: #00cae3; + color: #ffffff; +} + +.alert.alert-info a, +.alert.alert-info .alert-link { + color: #ffffff; +} + +.alert.alert-warning { + background-color: #ff9e0f; + color: #ffffff; +} + +.alert.alert-warning a, +.alert.alert-warning .alert-link { + color: #ffffff; +} + +.alert.alert-danger { + background-color: #f55145; + color: #ffffff; +} + +.alert.alert-danger a, +.alert.alert-danger .alert-link { + color: #ffffff; +} + +.alert.alert-rose { + background-color: #ea2c6d; + color: #ffffff; +} + +.alert.alert-rose a, +.alert.alert-rose .alert-link { + color: #ffffff; +} + +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #ffffff; +} + +.alert-default a, +.alert-default .alert-link { + color: rgba(0, 0, 0, 0.87); +} + +.alert .alert-icon { + display: block; + float: left; + margin-right: 1.071rem; +} + +.alert .alert-icon i { + margin-top: -7px; + top: 5px; + position: relative; +} + +.alert .close { + color: #fff; + text-shadow: none; + opacity: .9; +} + +.alert .close i { + font-size: 20px; +} + +.alert .close:hover, +.alert .close:focus { + opacity: 1; +} + +.pagination>.page-item>.page-link, +.pagination>.page-item>span { + border: 0; + border-radius: 30px !important; + transition: all .3s; + padding: 0px 11px; + margin: 0 3px; + min-width: 30px; + height: 30px; + line-height: 30px; + color: #999999; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + background: transparent; + text-align: center; +} + +.pagination>.page-item>.page-link:hover, +.pagination>.page-item>.page-link:focus, +.pagination>.page-item>span:hover, +.pagination>.page-item>span:focus { + color: #999999; +} + +.pagination>.page-item.active>a, +.pagination>.page-item.active>span { + color: #999999; +} + +.pagination>.page-item.active>a, +.pagination>.page-item.active>a:focus, +.pagination>.page-item.active>a:hover, +.pagination>.page-item.active>span, +.pagination>.page-item.active>span:focus, +.pagination>.page-item.active>span:hover { + background-color: #9c27b0; + border-color: #9c27b0; + color: #fff; + box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); +} + +.pagination.pagination-info>.page-item.active>a, +.pagination.pagination-info>.page-item.active>a:focus, +.pagination.pagination-info>.page-item.active>a:hover, +.pagination.pagination-info>.page-item.active>span, +.pagination.pagination-info>.page-item.active>span:focus, +.pagination.pagination-info>.page-item.active>span:hover { + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); +} + +.pagination.pagination-success>.page-item.active>a, +.pagination.pagination-success>.page-item.active>a:focus, +.pagination.pagination-success>.page-item.active>a:hover, +.pagination.pagination-success>.page-item.active>span, +.pagination.pagination-success>.page-item.active>span:focus, +.pagination.pagination-success>.page-item.active>span:hover { + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); +} + +.pagination.pagination-warning>.page-item.active>a, +.pagination.pagination-warning>.page-item.active>a:focus, +.pagination.pagination-warning>.page-item.active>a:hover, +.pagination.pagination-warning>.page-item.active>span, +.pagination.pagination-warning>.page-item.active>span:focus, +.pagination.pagination-warning>.page-item.active>span:hover { + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); +} + +.pagination.pagination-danger>.page-item.active>a, +.pagination.pagination-danger>.page-item.active>a:focus, +.pagination.pagination-danger>.page-item.active>a:hover, +.pagination.pagination-danger>.page-item.active>span, +.pagination.pagination-danger>.page-item.active>span:focus, +.pagination.pagination-danger>.page-item.active>span:hover { + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); +} + +.pagination .page-item .page-link:focus { + box-shadow: none; +} + +.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) { + margin-left: 5px; +} + +.nav-pills.flex-column .nav-item+.nav-item { + margin-top: 5px; +} + +.nav-pills .nav-item .nav-link { + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + font-weight: 500; + min-width: 100px; + text-align: center; + color: #555; + transition: all .3s; + border-radius: 30px; + padding: 10px 15px; +} + +.nav-pills .nav-item .nav-link:hover { + background-color: rgba(200, 200, 200, 0.2); +} + +.nav-pills .nav-item .nav-link.active { + color: #fff; + background-color: #9c27b0; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); +} + +.nav-pills .nav-item i { + display: block; + font-size: 30px; + padding: 15px 0; +} + +.nav-pills.nav-pills-info .nav-item .nav-link.active, +.nav-pills.nav-pills-info .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-info .nav-item .nav-link.active:hover { + background-color: #00bcd4; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); + color: #fff; +} + +.nav-pills.nav-pills-rose .nav-item .nav-link.active, +.nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-rose .nav-item .nav-link.active:hover { + background-color: #e91e63; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); + color: #fff; +} + +.nav-pills.nav-pills-success .nav-item .nav-link.active, +.nav-pills.nav-pills-success .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-success .nav-item .nav-link.active:hover { + background-color: #4caf50; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); + color: #fff; +} + +.nav-pills.nav-pills-warning .nav-item .nav-link.active, +.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover { + background-color: #ff9800; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); + color: #fff; +} + +.nav-pills.nav-pills-danger .nav-item .nav-link.active, +.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, +.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover { + background-color: #f44336; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); + color: #fff; +} + +.nav-pills.nav-pills-icons .nav-item .nav-link { + border-radius: 4px; +} + +.tab-space { + padding: 20px 0 50px 0px; +} + +.info { + max-width: 360px; + margin: 0 auto; + padding: 70px 0 30px; +} + +.info .icon { + color: #999999; +} + +.info .icon>i { + font-size: 3.85rem; +} + +.info .info-title { + color: #3C4858; + margin: 1.75rem 0 0.875rem; +} + +.info p { + color: #999999; +} + +.info-horizontal .icon { + float: left; + margin-top: 24px; + margin-right: 10px; +} + +.info-horizontal .icon>i { + font-size: 2.25rem; +} + +.info-horizontal .description { + overflow: hidden; +} + +.icon.icon-primary { + color: #9c27b0; +} + +.icon.icon-info { + color: #00bcd4; +} + +.icon.icon-success { + color: #4caf50; +} + +.icon.icon-warning { + color: #ff9800; +} + +.icon.icon-danger { + color: #f44336; +} + +.icon.icon-rose { + color: #e91e63; +} + +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 300; + line-height: 1.5em; +} + +h1, +h2, +h3, +.h1, +.h2, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +h4, +h5, +h6, +.h4, +.h5, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +h1, +.h1 { + font-size: 3.3125rem; + line-height: 1.15em; +} + +h2, +.h2 { + font-size: 2.25rem; + line-height: 1.5em; +} + +h3, +.h3 { + font-size: 1.5625rem; + line-height: 1.4em; +} + +h4, +.h4 { + font-size: 1.125rem; + line-height: 1.5em; +} + +h5, +.h5 { + font-size: 1.0625rem; + line-height: 1.55em; + margin-bottom: 15px; +} + +h6, +.h6 { + font-size: 0.75rem; + text-transform: uppercase; + font-weight: 500; +} + +p { + font-size: 14px; + margin: 0 0 10px; +} + +b { + font-weight: 700; +} + +small, +.small { + font-size: 75%; + color: #777; +} + +.title, +.card-title, +.info-title, +.footer-brand, +.footer-big h5, +.footer-big h4, +.media .media-heading { + font-weight: 700; + font-family: "Roboto Slab", "Times New Roman", serif; +} + +.title, +.title a, +.card-title, +.card-title a, +.info-title, +.info-title a, +.footer-brand, +.footer-brand a, +.footer-big h5, +.footer-big h5 a, +.footer-big h4, +.footer-big h4 a, +.media .media-heading, +.media .media-heading a { + color: #3C4858; + text-decoration: none; +} + +h2.title { + margin-bottom: 1rem; +} + +.description, +.card-description, +.footer-big p { + color: #999; +} + +.text-warning { + color: #ff9800 !important; +} + +.text-primary { + color: #9c27b0 !important; +} + +.text-danger { + color: #f44336 !important; +} + +.text-success { + color: #4caf50 !important; +} + +.text-info { + color: #00bcd4 !important; +} + +.text-rose { + color: #e91e63 !important; +} + +.text-gray { + color: #999999 !important; +} + +.space { + height: 130px; + display: block; +} + +.space-110 { + height: 110px; + display: block; +} + +.space-50 { + height: 50px; + display: block; +} + +.space-70 { + height: 70px; + display: block; +} + +.blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eee; +} + +.blockquote p { + font-size: 1.063rem; + font-style: italic; +} + +.blockquote small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777; +} + +.nav-tabs { + border: 0; + border-radius: 3px; + padding: 0 15px; +} + +.nav-tabs .nav-item .nav-link { + color: #fff; + border: 0; + margin: 0; + border-radius: 3px; + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + padding: 10px 15px; + background-color: transparent; + transition: 0.3s background-color 0s; +} + +.nav-tabs .nav-item .nav-link:hover { + border: 0; +} + +.nav-tabs .nav-item .nav-link, +.nav-tabs .nav-item .nav-link:hover, +.nav-tabs .nav-item .nav-link:focus { + border: 0 !important; + color: #fff !important; + font-weight: 500; +} + +.nav-tabs .nav-item.disabled .nav-link, +.nav-tabs .nav-item.disabled .nav-link:hover { + color: rgba(255, 255, 255, 0.5); +} + +.nav-tabs .nav-item .material-icons { + margin: -1px 5px 0 0; +} + +.nav-tabs .nav-item .nav-link.active { + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s background-color 0.2s; +} + +.nav-tabs .nav-link { + border-bottom: 0.214rem solid transparent; +} + +.nav-tabs .nav-link { + color: #555; +} + +.nav-tabs .nav-link.active { + color: rgba(0, 0, 0, 0.87); + border-color: #9c27b0; +} + +.nav-tabs .nav-link.active:hover, +.nav-tabs .nav-link.active:focus { + border-color: #9c27b0; +} + +.nav-tabs .nav-link.disabled { + color: #999; +} + +.nav-tabs .nav-link.disabled, +.nav-tabs .nav-link.disabled:hover, +.nav-tabs .nav-link.disabled:focus { + color: #999; +} + +.nav-tabs.header-primary .nav-link { + color: white; +} + +.nav-tabs.header-primary .nav-link.active { + color: #fff; + border-color: #fff; +} + +.nav-tabs.header-primary .nav-link.active:hover, +.nav-tabs.header-primary .nav-link.active:focus { + border-color: #fff; +} + +.nav-tabs.header-primary .nav-link.disabled { + color: rgba(255, 255, 255, 0.84); +} + +.nav-tabs.header-primary .nav-link.disabled, +.nav-tabs.header-primary .nav-link.disabled:hover, +.nav-tabs.header-primary .nav-link.disabled:focus { + color: rgba(255, 255, 255, 0.84); +} + +.nav-tabs.bg-inverse .nav-link { + color: white; +} + +.nav-tabs.bg-inverse .nav-link.active { + color: #fff; + border-color: #fff; +} + +.nav-tabs.bg-inverse .nav-link.active:hover, +.nav-tabs.bg-inverse .nav-link.active:focus { + border-color: #fff; +} + +.nav-tabs.bg-inverse .nav-link.disabled { + color: rgba(255, 255, 255, 0.84); +} + +.nav-tabs.bg-inverse .nav-link.disabled, +.nav-tabs.bg-inverse .nav-link.disabled:hover, +.nav-tabs.bg-inverse .nav-link.disabled:focus { + color: rgba(255, 255, 255, 0.84); +} + +.card-nav-tabs { + margin-top: 45px; +} + +.card-nav-tabs .card-header { + margin-top: -30px !important; +} + +.tooltip-arrow { + display: none; +} + +.tooltip.show { + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0); + -moz-transform: translate3d(0, 0px, 0); + -o-transform: translate3d(0, 0px, 0); + -ms-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} + +.tooltip { + opacity: 0; + transition: opacity, transform .2s ease; + -webkit-transform: translate3d(0, 5px, 0); + -moz-transform: translate3d(0, 5px, 0); + -o-transform: translate3d(0, 5px, 0); + -ms-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + font-size: 0.875rem; +} + +.tooltip.bs-tooltip-top .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #fff; +} + +.tooltip.bs-tooltip-right .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #fff; +} + +.tooltip.bs-tooltip-left .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #fff; +} + +.tooltip.bs-tooltip-bottom .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, +.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #fff; +} + +.tooltip-inner { + padding: 10px 15px; + min-width: 130px; +} + +.popover, +.tooltip-inner { + line-height: 1.5em; + background: #fff; + border: none; + border-radius: 3px; + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); + color: #555; +} + +.popover { + padding: 0; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.popover.left>.arrow, +.popover.right>.arrow, +.popover.top>.arrow, +.popover.bottom>.arrow { + border: none; +} + +.popover.bs-popover-top .arrow::before, +.popover.bs-popover-auto[x-placement^="top"] .arrow::before, +.popover.bs-popover-auto[x-placement^="top"] .arrow::before, +.popover.bs-popover-bottom .arrow::before, +.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.popover.bs-popover-right .arrow::before, +.popover.bs-popover-auto[x-placement^="right"] .arrow::before, +.popover.bs-popover-auto[x-placement^="right"] .arrow::before, +.popover.bs-popover-left .arrow::before, +.popover.bs-popover-auto[x-placement^="left"] .arrow::before, +.popover.bs-popover-auto[x-placement^="left"] .arrow::before { + border: 0; +} + +.popover-header { + background-color: #fff; + border: none; + padding: 15px 15px 5px; + font-size: 1.125rem; + margin: 0; + color: #555; +} + +.popover-body { + padding: 10px 15px 15px; + line-height: 1.4; + color: #555; +} + +.modal-dialog .modal-content { + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); + border-radius: 6px; + border: none; +} + +.modal-dialog .modal-content .card-signup { + margin: 0; +} + +.modal-dialog .modal-content .card-signup .modal-header { + padding-top: 0; +} + +.modal-dialog .modal-header { + border-bottom: none; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0; + padding-left: 24px; +} + +.modal-dialog .modal-body { + padding-top: 24px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; +} + +.modal-dialog .modal-footer { + border-top: none; + padding: 24px; +} + +.modal-dialog .modal-footer.text-center { + text-align: center; +} + +.modal-dialog .modal-footer button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; +} + +.modal-dialog .modal-footer button.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; +} + +.modal-dialog .modal-body+.modal-footer { + padding-top: 0; +} + +.modal-backdrop { + background: rgba(0, 0, 0, 0.5); +} + +.modal .modal-dialog { + margin-top: 130px; +} + +.modal .modal-header .close { + color: #999; +} + +.modal .modal-header .close:hover, +.modal .modal-header .close:focus { + opacity: 1; +} + +.modal .modal-header .close i { + font-size: 16px; +} + +.show:not(.modal) .dropdown-toggle:after { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.dropdown-menu { + display: none; + padding: 0.3125rem 0; + border: 0; + opacity: 0; + transform: scale(0); + transform-origin: 0 0; + will-change: transform, opacity; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} + +.dropdown-menu.showing { + animation-name: bmd-dropdown-animation; + animation-duration: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.open>.dropdown-menu, +.dropdown-menu.show { + display: block; + opacity: 1; + transform: scale(1); +} + +.dropdown-menu.hiding { + display: block; + opacity: 0; + transform: scale(0); +} + +.dropdown-menu[x-placement="bottom-start"] { + transform-origin: 0 0; +} + +.dropdown-menu[x-placement="bottom-end"] { + transform-origin: 100% 0; +} + +.dropdown-menu[x-placement="top-start"] { + transform-origin: 0 100%; +} + +.dropdown-menu[x-placement="top-end"] { + transform-origin: 100% 100%; +} + +.dropdown-menu .disabled>a { + color: #777; +} + +.dropdown-menu .disabled>a:focus, +.dropdown-menu .disabled>a:hover { + text-decoration: none; + background-color: transparent; + background-image: none; + color: #777; +} + +.dropdown-menu.dropdown-with-icons .dropdown-item { + padding: 0.75rem 1.25rem 0.75rem 0.75rem; +} + +.dropdown-menu.dropdown-with-icons .dropdown-item .material-icons { + vertical-align: middle; + font-size: 24px; + position: relative; + margin-top: -4px; + top: 1px; + margin-right: 12px; + opacity: .5; +} + +.dropdown-menu .dropdown-item, +.dropdown-menu li>a { + position: relative; + width: auto; + display: flex; + flex-flow: nowrap; + align-items: center; + color: #333; + font-weight: normal; + text-decoration: none; + font-size: .8125rem; + border-radius: 0.125rem; + margin: 0 0.3125rem; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; + min-width: 7rem; + padding: 0.625rem 1.25rem; + overflow: hidden; + line-height: 1.428571; + text-overflow: ellipsis; + word-wrap: break-word; +} + +@media (min-width: 768px) { + .dropdown-menu .dropdown-item, + .dropdown-menu li>a { + padding-right: 1.5rem; + padding-left: 1.5rem; + } +} + +.dropdown-menu .dropdown-item:hover, +.dropdown-menu .dropdown-item:focus, +.dropdown-menu a:hover, +.dropdown-menu a:focus, +.dropdown-menu a:active { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + background-color: #9c27b0; + color: #FFFFFF; +} + +.dropdown-toggle.bmd-btn-icon::after, +.dropdown-toggle.bmd-btn-fab::after { + display: none; +} + +.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-left, +.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-right, +.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-left, +.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-right { + bottom: 2rem; +} + +.dropdown-toggle:after { + will-change: transform; + transition: transform 150ms linear; +} + +.show .dropdown-toggle:after { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-left, +.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-right { + bottom: 2.5rem; +} + +.dropdown-toggle.bmd-btn-icon~.dropdown-menu { + margin: 0; +} + +.dropdown-header { + font-size: 0.75rem; + padding-top: 0.1875rem; + padding-bottom: 0.1875rem; + text-transform: none; + color: #777; + line-height: 1.428571; + font-weight: inherit; +} + +@keyframes bmd-dropdown-animation { + from { + opacity: 0; + transform: scale(0); + } + to { + opacity: 1; + transform: scale(1); + } +} + +.dropdown-menu.bootstrap-datetimepicker-widget { + opacity: 0; + transform: scale(0); + transition-duration: 0.3s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform-origin: 0 0; + will-change: transform, opacity; + top: 0; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.top { + transform-origin: 0 100%; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.open { + opacity: 1; + transform: scale(1); + top: 0; +} + +.bmd-layout-drawer { + position: absolute; + z-index: 5; + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + max-height: 100%; + overflow: visible; + overflow-y: auto; + font-size: .875rem; + transition: transform; + will-change: transform; + transform-style: preserve-3d; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.bmd-layout-drawer>* { + flex-shrink: 0; +} + +.bmd-layout-drawer>header { + display: flex; + flex-direction: column; + justify-content: flex-end; + padding: 1rem; +} + +.bmd-layout-drawer>header .navbar-brand { + padding-left: 1.5rem; + font-size: 1.25rem; +} + +.bmd-layout-drawer>.list-group { + padding-top: 1rem; +} + +.bmd-layout-drawer>.list-group .list-group-item { + padding-right: 2.5rem; + padding-left: 2.5rem; + font-size: .8125rem; + font-weight: 500; +} + +.bmd-drawer-f-l>.bmd-layout-drawer { + top: 0; + left: 0; + width: 240px; + height: 100%; + transform: translateX(-250px); +} + +.bmd-drawer-f-l>.bmd-layout-header, +.bmd-drawer-f-l>.bmd-layout-content { + margin-left: 0; +} + +.bmd-drawer-f-r>.bmd-layout-drawer { + top: 0; + right: 0; + width: 240px; + height: 100%; + transform: translateX(250px); +} + +.bmd-drawer-f-r>.bmd-layout-header, +.bmd-drawer-f-r>.bmd-layout-content { + margin-right: 0; +} + +.bmd-drawer-f-t>.bmd-layout-drawer { + top: 0; + left: 0; + width: 100%; + height: 100px; + transform: translateY(-110px); +} + +.bmd-drawer-f-t>.bmd-layout-content { + margin-top: 0; +} + +.bmd-drawer-f-b>.bmd-layout-drawer { + bottom: 0; + left: 0; + width: 100%; + height: 100px; + transform: translateY(110px); +} + +.bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); +} + +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; +} + +@media (min-width: 576px) { + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 576px) { + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +@media (max-width: 767.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; + } +} + +@media (max-width: 767.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; + } +} + +@media (min-width: 768px) { + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 768px) { + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +@media (max-width: 991.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; + } +} + +@media (max-width: 991.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; + } +} + +@media (min-width: 992px) { + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 992px) { + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +@media (max-width: 1199.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r>.bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; + } +} + +@media (max-width: 1199.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); + } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; + } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; + } +} + +@media (min-width: 1200px) { + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-content { + margin-left: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-drawer { + transform: translateX(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-content { + margin-right: 240px; + } +} + +@media (min-width: 1200px) { + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 100px; + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b>.bmd-layout-drawer { + transform: translateY(0); + } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 100px; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l>.bmd-layout-content { + width: 100%; + margin-left: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r>.bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r>.bmd-layout-content { + width: 100%; + margin-right: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); +} + +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; + } +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-t>.bmd-layout-header { + margin-top: 0; +} + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-b>.bmd-layout-content { + margin-bottom: 0; +} + +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #DDDDDD; + margin-bottom: 20px; +} + +.progress .progress-bar { + box-shadow: none; +} + +.progress .progress-bar.progress-bar-primary { + background: #9c27b0 !important; +} + +.progress .progress-bar.progress-bar-info { + background: #00bcd4; +} + +.progress .progress-bar.progress-bar-success { + background: #4caf50; +} + +.progress .progress-bar.progress-bar-warning { + background: #ff9800; +} + +.progress .progress-bar.progress-bar-danger { + background: #f44336; +} + +.progress.progress-line-primary { + background: rgba(156, 39, 176, 0.2); +} + +.progress.progress-line-info { + background: rgba(0, 188, 212, 0.2); +} + +.progress.progress-line-success { + background: rgba(76, 175, 80, 0.2); +} + +.progress.progress-line-warning { + background: rgba(255, 152, 0, 0.2); +} + +.progress.progress-line-danger { + background: rgba(244, 67, 54, 0.2); +} + +.togglebutton { + vertical-align: middle; +} + +.togglebutton, +.togglebutton label, +.togglebutton input, +.togglebutton .toggle { + user-select: none; +} + +.togglebutton label { + cursor: pointer; + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .togglebutton label { + color: rgba(0, 0, 0, 0.26); +} + +.form-group.is-focused .togglebutton label:hover, +.form-group.is-focused .togglebutton label:focus { + color: rgba(0, 0, 0, .54); +} + +fieldset[disabled] .form-group.is-focused .togglebutton label { + color: rgba(0, 0, 0, 0.26); +} + +.togglebutton label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; +} + +.togglebutton label .toggle { + text-align: left; + margin-left: 5px; +} + +.togglebutton label .toggle, +.togglebutton label input[type=checkbox][disabled]+.toggle { + content: ""; + display: inline-block; + width: 30px; + height: 15px; + background-color: rgba(80, 80, 80, 0.7); + border-radius: 15px; + margin-right: 15px; + transition: background 0.3s ease; + vertical-align: middle; +} + +.togglebutton label .toggle:after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-color: #FFFFFF; + border-radius: 20px; + position: relative; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -2.5px; + border: 1px solid rgba(0, 0, 0, .54); + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; +} + +.togglebutton label input[type=checkbox][disabled]+.toggle:after, +.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after { + background-color: #BDBDBD; +} + +.togglebutton label input[type=checkbox]+.toggle:active:after, +.togglebutton label input[type=checkbox][disabled]+.toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); +} + +.togglebutton label input[type=checkbox]:checked+.toggle:after { + left: 15px; +} + +.togglebutton label input[type=checkbox]:checked+.toggle { + background-color: rgba(156, 39, 176, 0.7); +} + +.togglebutton label input[type=checkbox]:checked+.toggle:after { + border-color: #9c27b0; +} + +.togglebutton label input[type=checkbox]:checked+.toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); +} + +.ripple { + position: relative; +} + +.ripple-container { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + pointer-events: none; + border-radius: inherit; +} + +.ripple-container .ripple-decorator { + position: absolute; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + pointer-events: none; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 100%; + opacity: 0; + transform: scale(1); + transform-origin: 50%; +} + +.ripple-container .ripple-decorator.ripple-on { + opacity: 0.1; + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; +} + +.ripple-container .ripple-decorator.ripple-out { + opacity: 0; + transition: opacity 0.1s linear 0s !important; +} + +.page-header { + height: 100vh; + background-position: center center; + background-size: cover; + margin: 0; + padding: 0; + border: 0; + display: flex; + align-items: center; +} + +.page-header .carousel .carousel-indicators { + bottom: 60px; +} + +.page-header>.container { + color: #fff; +} + +.page-header .title { + color: #fff; +} + +.page-header.header-small { + height: 65vh; + min-height: 65vh; +} + +.page-header .iframe-container iframe { + width: 100%; + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.header-filter { + position: relative; +} + +.header-filter:before, +.header-filter:after { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; +} + +.header-filter::before { + background: rgba(0, 0, 0, 0.5); +} + +.header-filter .container { + z-index: 2; + position: relative; +} + +.clear-filter::before { + background: none; +} + +.purple-filter:after { + background: rgba(101, 47, 142, 0.64); + background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); +} + +footer { + padding: 0.9375rem 0; + text-align: center; + display: -webkit-flex; + /* Safari */ + /* Safari 6.1+ */ + display: flex; +} + +footer ul { + margin-bottom: 0; + padding: 0; + list-style: none; +} + +footer ul li { + display: inline-block; +} + +footer ul li a { + color: inherit; + padding: 0.9375rem; + font-weight: 500; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + text-decoration: none; + position: relative; + display: block; +} + +footer ul li a:hover { + text-decoration: none; +} + +footer ul li .btn { + margin: 0; +} + +footer ul.links-horizontal:first-child a { + padding-left: 0; +} + +footer ul.links-horizontal:last-child a { + padding-right: 0; +} + +footer ul.links-vertical li { + display: block; + margin-left: -5px; + margin-right: -5px; +} + +footer ul.links-vertical li a { + padding: 5px; +} + +footer .social-buttons a, +footer .social-buttons .btn { + margin-top: 5px; + margin-bottom: 5px; +} + +footer .footer-brand { + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + margin-left: -15px; +} + +footer .footer-brand:hover, +footer .footer-brand:focus { + color: #3C4858; +} + +footer .copyright { + padding: 15px 0; +} + +footer .copyright .material-icons { + font-size: 18px; + position: relative; + top: 3px; +} + +footer .pull-center { + display: inline-block; + float: none; +} + +.card { + border: 0; + margin-bottom: 30px; + margin-top: 30px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); + background: #fff; + width: 100%; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.card .card-category:not([class*="text-"]) { + color: #999999; +} + +.card .card-category { + margin-top: 10px; +} + +.card .card-category .material-icons { + position: relative; + top: 8px; + line-height: 0; +} + +.card .form-check { + margin-top: 15px; +} + +.card .card-title { + margin-top: 0.625rem; +} + +.card .card-title:last-child { + margin-bottom: 0; +} + +.card.no-shadow .card-header-image, +.card.no-shadow .card-header-image img { + box-shadow: none !important; +} + +.card .card-body, +.card .card-footer { + padding: 0.9375rem 1.875rem; +} + +.card .card-body+.card-footer { + padding-top: 0rem; + border: 0; + border-radius: 6px; +} + +.card .card-footer { + display: flex; + align-items: center; + background-color: transparent; + border: 0; +} + +.card .card-footer .author, +.card .card-footer .stats { + display: inline-flex; +} + +.card .card-footer .stats { + color: #999999; +} + +.card .card-footer .stats .material-icons { + position: relative; + top: 3px; + margin-right: 3px; + margin-left: 3px; + font-size: 18px; +} + +.card.bmd-card-raised { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); +} + +@media (min-width: 992px) { + .card.bmd-card-flat { + box-shadow: none; + } +} + +.card .card-header { + border-radius: 3px; + padding: 1rem 15px; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border: 0; + background: linear-gradient(60deg, #eee, #bdbdbd); +} + +.card .card-header .title { + color: #fff; +} + +.card .card-header:not([class*="header-"]) { + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.card .card-header .nav-tabs { + padding: 0; +} + +.card .card-header.card-header-image { + position: relative; + padding: 0; + z-index: 1; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border-radius: 6px; +} + +.card .card-header.card-header-image a { + display: block; +} + +.card .card-header.card-header-image img { + width: 100%; + border-radius: 6px; + pointer-events: none; + box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.card .card-header.card-header-image .card-title { + position: absolute; + bottom: 15px; + left: 15px; + color: #fff; + font-size: 1.125rem; + text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); +} + +.card .card-header.card-header-image .colored-shadow { + transform: scale(0.94); + top: 12px; + filter: blur(12px); + position: absolute; + width: 100%; + height: 100%; + background-size: cover; + z-index: -1; + transition: opacity .45s; + opacity: 0; +} + +.card .card-header.card-header-image.no-shadow { + box-shadow: none; +} + +.card .card-header.card-header-image.no-shadow.shadow-normal { + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); +} + +.card .card-header.card-header-image.no-shadow .colored-shadow { + display: none !important; +} + +.card .card-header-primary, +.card.bg-primary, +.card.card-rotate.bg-primary .front, +.card.card-rotate.bg-primary .back { + background: linear-gradient(60deg, #ab47bc, #7b1fa2); +} + +.card .card-header-info, +.card.bg-info, +.card.card-rotate.bg-info .front, +.card.card-rotate.bg-info .back { + background: linear-gradient(60deg, #26c6da, #0097a7); +} + +.card .card-header-success, +.card.bg-success, +.card.card-rotate.bg-success .front, +.card.card-rotate.bg-success .back { + background: linear-gradient(60deg, #66bb6a, #388e3c); +} + +.card .card-header-warning, +.card.bg-warning, +.card.card-rotate.bg-warning .front, +.card.card-rotate.bg-warning .back { + background: linear-gradient(60deg, #ffa726, #f57c00); +} + +.card .card-header-danger, +.card.bg-danger, +.card.card-rotate.bg-danger .front, +.card.card-rotate.bg-danger .back { + background: linear-gradient(60deg, #ef5350, #d32f2f); +} + +.card .card-header-rose, +.card.bg-rose, +.card.card-rotate.bg-rose .front, +.card.card-rotate.bg-rose .back { + background: linear-gradient(60deg, #ec407a, #c2185b); +} + +.card .card-header-primary { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); +} + +.card .card-header-danger { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); +} + +.card .card-header-rose { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); +} + +.card .card-header-warning { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); +} + +.card .card-header-info { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); +} + +.card .card-header-success { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); +} + +.card [class*="header-"], +.card[class*="bg-"] { + color: #fff; +} + +.card [class*="header-"] .card-title a, +.card [class*="header-"] .card-title, +.card [class*="header-"] .icon i, +.card[class*="bg-"] .card-title a, +.card[class*="bg-"] .card-title, +.card[class*="bg-"] .icon i { + color: #fff; +} + +.card [class*="header-"] .icon i, +.card[class*="bg-"] .icon i { + border-color: rgba(255, 255, 255, 0.25); +} + +.card [class*="header-"] .author a, +.card [class*="header-"] .stats, +.card [class*="header-"] .card-category, +.card [class*="header-"] .card-description, +.card[class*="bg-"] .author a, +.card[class*="bg-"] .stats, +.card[class*="bg-"] .card-category, +.card[class*="bg-"] .card-description { + color: rgba(255, 255, 255, 0.8); +} + +.card [class*="header-"] .author a:hover, +.card [class*="header-"] .author a:focus, +.card [class*="header-"] .author a:active, +.card[class*="bg-"] .author a:hover, +.card[class*="bg-"] .author a:focus, +.card[class*="bg-"] .author a:active { + color: #fff; +} + +.card .author .avatar { + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-right: 5px; +} + +.card .author a { + color: #3C4858; + text-decoration: none; +} + +.card .author a .ripple-container { + display: none; +} + +.card .card-category-social .fa { + font-size: 24px; + position: relative; + margin-top: -4px; + top: 2px; + margin-right: 5px; +} + +.card .card-category-social .material-icons { + position: relative; + top: 5px; +} + +.card[class*="bg-"], +.card[class*="bg-"] .card-body { + border-radius: 6px; +} + +.card[class*="bg-"] h1 small, +.card[class*="bg-"] h2 small, +.card[class*="bg-"] h3 small, +.card[class*="bg-"] .card-body h1 small, +.card[class*="bg-"] .card-body h2 small, +.card[class*="bg-"] .card-body h3 small { + color: rgba(255, 255, 255, 0.8); +} + +.card .card-stats { + background: transparent; + display: flex; +} + +.card .card-stats .author, +.card .card-stats .stats { + display: inline-flex; +} + +@media all and (-ms-high-contrast: none), +(-ms-high-contrast: active) { + .card { + display: inline-block; + } +} + +.card-carousel { + overflow: hidden; +} + +.card-login .card-header { + margin-left: 20px; + margin-right: 20px; + margin-top: -40px; + padding: 20px 0; + margin-bottom: 15px; +} + +.card-login .text-divider { + margin-top: 30px; + margin-bottom: 0px; + text-align: center; +} + +.card-login .card-body { + padding: 0px 30px 0px 10px; +} + +.card-login .form-check { + padding-top: 27px; +} + +.card-login .form-check label { + margin-left: 18px; +} + +.card-login .form-check .form-check-sign { + padding-right: 27px; +} + +.card-login .input-group { + padding-bottom: 7px; + margin: 27px 0 0 0; +} + +.card-login .form { + min-height: 420px; +} + +.card-login .social-line { + margin-top: 1rem; + text-align: center; + padding: 0; +} + +.card-login .social-line .btn { + color: #fff; + margin-left: 5px; + margin-right: 5px; +} + +.login-page .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: #fff; + z-index: 1; +} + +.login-page .footer .copyright a { + color: #fff; +} + +.card-plain { + background: transparent; + box-shadow: none; +} + +.card-plain .card-header:not(.card-avatar) { + margin-left: 0; + margin-right: 0; +} + +.card-plain .card-body { + padding-left: 5px; + padding-right: 5px; +} + +.card-plain .card-header-image { + margin: 0 !important; + border-radius: 6px; +} + +.card-plain .card-header-image img { + border-radius: 6px; +} + +.card-plain .card-footer { + padding-left: 5px; + padding-right: 5px; + background-color: transparent; +} + +/*! + * Datetimepicker for Bootstrap 3 + * ! version : 4.17.37 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */ + +.sr-only, +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, +.bootstrap-datetimepicker-widget .picker-switch::after, +.bootstrap-datetimepicker-widget table th.prev::after, +.bootstrap-datetimepicker-widget table th.next::after { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.bootstrap-datetimepicker-widget { + list-style: none; +} + +.bootstrap-datetimepicker-widget a:hover { + box-shadow: none !important; +} + +.bootstrap-datetimepicker-widget a .btn:hover { + background-color: transparent; +} + +.bootstrap-datetimepicker-widget.dropdown-menu { + padding: 4px; + width: 19em; +} + +@media (min-width: 768px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} + +@media (min-width: 991px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} + +@media (min-width: 1200px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} + +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { + right: auto; + left: 12px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.top { + margin-top: auto; + margin-bottom: 27px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.top.open { + margin-top: auto; + margin-bottom: 27px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { + left: auto; + right: 6px; +} + +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { + left: auto; + right: 7px; +} + +.bootstrap-datetimepicker-widget .list-unstyled { + margin: 0; +} + +.bootstrap-datetimepicker-widget a[data-action] { + padding: 0; + margin: 0; + border-width: 0; + background-color: transparent; + color: #9c27b0; + box-shadow: none; +} + +.bootstrap-datetimepicker-widget a[data-action]:hover { + background-color: transparent; +} + +.bootstrap-datetimepicker-widget a[data-action]:hover span { + background-color: #eee; + color: #9c27b0; +} + +.bootstrap-datetimepicker-widget a[data-action]:active { + box-shadow: none; +} + +.bootstrap-datetimepicker-widget .timepicker-hour, +.bootstrap-datetimepicker-widget .timepicker-minute, +.bootstrap-datetimepicker-widget .timepicker-second { + width: 40px; + height: 40px; + line-height: 40px; + font-weight: 300; + font-size: 1.125rem; + margin: 0; + border-radius: 50%; +} + +.bootstrap-datetimepicker-widget button[data-action] { + width: 38px; + height: 38px; + margin-right: 3px; + padding: 0; +} + +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { + content: "Increment Hours"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { + content: "Increment Minutes"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { + content: "Decrement Hours"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { + content: "Decrement Minutes"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { + content: "Show Hours"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { + content: "Show Minutes"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { + content: "Toggle AM/PM"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { + content: "Clear the picker"; +} + +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { + content: "Set the date to today"; +} + +.bootstrap-datetimepicker-widget .picker-switch { + text-align: center; + border-radius: 3px; + font-size: 0.875rem; +} + +.bootstrap-datetimepicker-widget .picker-switch::after { + content: "Toggle Date and Time Screens"; +} + +.bootstrap-datetimepicker-widget .picker-switch td { + padding: 0; + margin: 0; + height: auto; + width: auto; + line-height: inherit; +} + +.bootstrap-datetimepicker-widget .picker-switch td span { + line-height: 2.5; + height: 2.5em; + width: 100%; + border-radius: 3px; + margin: 2px 0px !important; +} + +.bootstrap-datetimepicker-widget table { + width: 100%; + margin: 0; +} + +.bootstrap-datetimepicker-widget table.table-condensed tr>td { + text-align: center; +} + +.bootstrap-datetimepicker-widget table td>div, +.bootstrap-datetimepicker-widget table th>div { + text-align: center; +} + +.bootstrap-datetimepicker-widget table th { + height: 20px; + line-height: 20px; + width: 20px; + font-weight: 500; +} + +.bootstrap-datetimepicker-widget table th.picker-switch { + width: 145px; +} + +.bootstrap-datetimepicker-widget table th.disabled, +.bootstrap-datetimepicker-widget table th.disabled:hover { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; +} + +.bootstrap-datetimepicker-widget table th.prev span, +.bootstrap-datetimepicker-widget table th.next span { + border-radius: 3px; + height: 27px; + width: 27px; + line-height: 28px; + font-size: 12px; + border-radius: 50%; + text-align: center; +} + +.bootstrap-datetimepicker-widget table th.prev::after { + content: "Previous Month"; +} + +.bootstrap-datetimepicker-widget table th.next::after { + content: "Next Month"; +} + +.bootstrap-datetimepicker-widget table th.dow { + text-align: center; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + font-size: 12px; + text-transform: uppercase; + color: rgba(0, 0, 0, 0.87); + font-weight: 400; + padding-bottom: 5px; + padding-top: 10px; +} + +.bootstrap-datetimepicker-widget table thead tr:first-child th { + cursor: pointer; +} + +.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, +.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { + background: #eee; +} + +.bootstrap-datetimepicker-widget table td>div { + border-radius: 3px; + height: 54px; + line-height: 54px; + width: 54px; + text-align: center; +} + +.bootstrap-datetimepicker-widget table td.cw>div { + font-size: .8em; + height: 20px; + line-height: 20px; + color: #999; +} + +.bootstrap-datetimepicker-widget table td.day>div { + height: 30px; + line-height: 30px; + width: 30px; + text-align: center; + padding: 0px; + border-radius: 50%; + position: relative; + z-index: -1; + color: #3C4858; + font-size: 0.875rem; +} + +.bootstrap-datetimepicker-widget table td.minute>div, +.bootstrap-datetimepicker-widget table td.hour>div { + border-radius: 50%; +} + +.bootstrap-datetimepicker-widget table td.day:hover>div, +.bootstrap-datetimepicker-widget table td.hour:hover>div, +.bootstrap-datetimepicker-widget table td.minute:hover>div, +.bootstrap-datetimepicker-widget table td.second:hover>div { + background: #eee; + cursor: pointer; +} + +.bootstrap-datetimepicker-widget table td.old>div, +.bootstrap-datetimepicker-widget table td.new>div { + color: #999; +} + +.bootstrap-datetimepicker-widget table td.today>div { + position: relative; +} + +.bootstrap-datetimepicker-widget table td.today>div:before { + content: ''; + display: inline-block; + border: 0 0 7px 7px solid transparent; + border-bottom-color: #9c27b0; + border-top-color: rgba(0, 0, 0, 0.2); + position: absolute; + bottom: 4px; + right: 4px; +} + +.bootstrap-datetimepicker-widget table td.active>div, +.bootstrap-datetimepicker-widget table td.active:hover>div { + background-color: #9c27b0; + color: #fff; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); +} + +.bootstrap-datetimepicker-widget table td.active.today:before>div { + border-bottom-color: #fff; +} + +.bootstrap-datetimepicker-widget table td.disabled>div, +.bootstrap-datetimepicker-widget table td.disabled:hover>div { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; +} + +.bootstrap-datetimepicker-widget table td span { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + margin: 3px 3px; + cursor: pointer; + border-radius: 50%; + text-align: center; +} + +.bootstrap-datetimepicker-widget table td span:hover { + background: #eee; +} + +.bootstrap-datetimepicker-widget table td span.active { + background-color: #9c27b0; + color: #fff; +} + +.bootstrap-datetimepicker-widget table td span.old { + color: #999; +} + +.bootstrap-datetimepicker-widget table td span.disabled, +.bootstrap-datetimepicker-widget table td span.disabled:hover { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; +} + +.bootstrap-datetimepicker-widget .timepicker-picker span, +.bootstrap-datetimepicker-widget .timepicker-hours span, +.bootstrap-datetimepicker-widget .timepicker-minutes span { + border-radius: 50% !important; +} + +.bootstrap-datetimepicker-widget.usetwentyfour td.hour { + height: 27px; + line-height: 27px; +} + +.input-group.date .input-group-addon { + cursor: pointer; +} + +.table-condensed>tbody>tr>td, +.table-condensed>tbody>tr>th, +.table-condensed>tfoot>tr>td, +.table-condensed>tfoot>tr>th, +.table-condensed>thead>tr>td, +.table-condensed>thead>tr>th { + padding: 1px; + text-align: center; + z-index: 1; + cursor: pointer; +} + +/* Functional styling; + * These styles are required for noUiSlider to function. + * You don't need to change these rules to apply your design. + */ + +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.noUi-target { + position: relative; + direction: ltr; +} + +.noUi-base { + width: 100%; + height: 100%; + position: relative; + z-index: 1; + /* Fix 401 */ +} + +.noUi-connect { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} + +.noUi-origin { + position: absolute; + height: 0; + width: 0; + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; +} + +.noUi-origin[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; +} + +.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { + border-width: 1px; +} + +.noUi-handle { + position: relative; + z-index: 1; +} + +.noUi-state-tap .noUi-connect, +.noUi-state-tap .noUi-origin { + -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; + transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; +} + +.noUi-state-drag * { + cursor: inherit !important; +} + +/* Painting and performance; + * Browsers can paint handles in their own layer. + */ + +.noUi-base, +.noUi-handle { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +/* Slider size and handle placement; + */ + +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} + +.noUi-horizontal .noUi-handle .noUi-tooltip { + margin-top: 15px; + margin-left: -10px; +} + +.noUi-horizontal .noUi-pips .noUi-value { + position: absolute; + top: 10px; +} + +.noUi-horizontal .noUi-pips .noUi-value.noUi-value-large:last-of-type { + left: 95% !important; +} + +.noUi-vertical { + height: 100%; + width: 2px; + margin: 0 15px; +} + +.noUi-vertical .noUi-handle { + box-sizing: border-box; + width: 14px; + height: 14px; + left: -6px; + top: -10px; + cursor: pointer; + border-radius: 100%; + transition: all 0.2s ease-out; + border: 1px solid #9c27b0; + background: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +/* Styling; + */ + +.noUi-target { + background: #c8c8c8; + border-radius: 4px; +} + +.noUi-connect { + background: #3FB8AF; + -webkit-transition: background 450ms; + transition: background 450ms; +} + +/* Handles and cursors; + */ + +.noUi-draggable { + cursor: w-resize; +} + +.noUi-vertical .noUi-draggable { + cursor: n-resize; +} + +.noUi-handle { + box-sizing: border-box; + width: 14px; + height: 14px; + left: -10px; + top: -6px; + cursor: pointer; + border-radius: 100%; + transition: all 0.2s ease-out; + border: 1px solid; + background: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.noUi-handle.noUi-active { + transform: scale3d(1.5, 1.5, 1); +} + +.noUi-vertical .noUi-handle:before, +.noUi-vertical .noUi-handle:after { + width: 14px; + height: 1px; + left: 6px; + top: 14px; +} + +.noUi-vertical .noUi-handle:after { + top: 17px; +} + +/* Disabled state; + */ + +[disabled] .noUi-connect { + background: #B8B8B8; +} + +[disabled].noUi-target, +[disabled].noUi-handle, +[disabled] .noUi-handle { + cursor: not-allowed; +} + +.slider { + background: #c8c8c8; +} + +.slider .noUi-connect { + background-color: #9c27b0; + border-radius: 4px; +} + +.slider .noUi-handle { + border-color: #9c27b0; +} + +.slider.slider-info .noUi-connect { + background-color: #00bcd4; +} + +.slider.slider-info .noUi-handle { + border-color: #00bcd4; +} + +.slider.slider-success .noUi-connect { + background-color: #4caf50; +} + +.slider.slider-success .noUi-handle { + border-color: #4caf50; +} + +.slider.slider-warning .noUi-connect { + background-color: #ff9800; +} + +.slider.slider-warning .noUi-handle { + border-color: #ff9800; +} + +.slider.slider-danger .noUi-connect { + background-color: #f44336; +} + +.slider.slider-danger .noUi-handle { + border-color: #f44336; +} + +.slider.slider-rose .noUi-connect { + background-color: #e91e63; +} + +.slider.slider-rose .noUi-handle { + border-color: #e91e63; +} + +.index-page .section-components h6.description { + margin-top: 5px; + margin-bottom: 30px; +} + +.index-page .page-header { + height: 90vh; + overflow: hidden; +} + +.index-page .brand { + color: #fff; + text-align: center; +} + +.index-page .brand h1 { + font-size: 4.2rem; + font-weight: 600; + display: inline-block; + position: relative; +} + +.index-page .brand h3 { + font-size: 1.313rem; + max-width: 500px; + margin: 10px auto 0; +} + +.index-page h4.description { + font-size: 1.5em; +} + +.section { + padding: 70px 0; +} + +.profile-page .page-header { + height: 380px; + background-position: top center; +} + +.profile-page .profile { + text-align: center; +} + +.profile-page .profile img { + max-width: 160px; + width: 100%; + margin: 0 auto; + -webkit-transform: translate3d(0, -50%, 0); + -moz-transform: translate3d(0, -50%, 0); + -o-transform: translate3d(0, -50%, 0); + -ms-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} + +.profile-page .profile .name { + margin-top: -80px; +} + +.profile-page .follow { + position: absolute; + top: 0; + right: 0; +} + +.profile-page .description { + margin: 1.071rem auto 0; + max-width: 600px; +} + +.profile-page .profile-tabs { + margin-top: 4.284rem; +} + +.profile-page .gallery { + margin-top: 3.213rem; + padding-bottom: 50px; +} + +.profile-page .gallery img { + width: 100%; + margin-bottom: 2.142rem; +} + +.profile-page .follow .btn-fab { + margin-top: -28px; +} + +.profile-page .card-background .content { + padding: 30% 0; + min-width: 160px; +} + +.profile-page .work { + padding: 40px 0px; +} + +.profile-page .work .collections { + margin-top: 20px; +} + +.profile-page .work .stats ul>li { + padding: 5px 0px; + font-size: 1em; +} + +.profile-page .work .stats ul>li b { + font-size: 1.2em; +} + +.profile-page .connections { + padding: 40px 0px; +} + +.profile-page .connections .card-profile { + text-align: left; +} + +.profile-page .tab-content .collections .card .card-body { + display: flex; + flex-direction: column; + justify-content: center; +} + +.profile-page .tab-content .collections .card .card-body .badge { + display: inline-table; + margin: 0 auto; +} + +.signup-page .page-header { + min-height: 100vh; + height: auto; + display: inherit; +} + +.signup-page .page-header .container { + padding-top: 20vh; +} + +.signup-page .card-signup { + border-radius: 6px; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + margin-bottom: 100px; + padding: 40px 0px; +} + +.signup-page .info-horizontal { + padding: 0px 0px 20px; +} + +.signup-page .social .btn { + margin: 5px; +} + +.signup-page .social h4 { + margin-top: 20px; +} + +.signup-page .footer .container { + padding: 0; +} + +.signup-page .footer .copyright, +.signup-page .footer a { + color: #FFFFFF; +} + +@media all and (max-width: 991px) { + [class*="navbar-expand-"]>.container, + [class*="navbar-expand-"]>.container-fluid { + padding-left: 15px; + padding-right: 15px; + } + .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { + right: 101% !important; + } + .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu, + .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { + left: -165px !important; + } + .navbar .navbar-collapse .navbar-nav>li.button-container { + padding: 15px; + } + .carousel .card .card-body { + max-width: 340px; + margin: 0 auto; + min-height: 400px; + } + .navbar-collapse { + position: fixed; + display: block; + top: 0px; + height: 100vh; + width: 230px; + right: 0; + margin-right: 0 !important; + z-index: 1032; + visibility: visible; + background-color: #999; + overflow-y: visible; + border-top: none; + text-align: left; + padding-right: 0; + padding-left: 0; + max-height: none !important; + -webkit-transform: translate3d(230px, 0, 0); + -moz-transform: translate3d(230px, 0, 0); + -o-transform: translate3d(230px, 0, 0); + -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(230px, 0, 0); + -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + .navbar-collapse::after { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: #fff; + display: block; + content: ""; + z-index: 1; + } + .navbar-collapse .dropdown-toggle:after { + position: absolute; + right: 16px; + margin-top: 8px; + } + .navbar-collapse .navbar-nav { + position: relative; + z-index: 3; + } + .navbar-collapse .navbar-nav .nav-item .nav-link { + color: #3C4858; + margin: 5px 15px; + } + .navbar-collapse .navbar-nav .nav-item.active .nav-link, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:hover, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:focus, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:active { + background-color: #ecedef; + color: #3C4858; + } + .navbar-collapse .navbar-nav .nav-item.button-container .nav-link { + margin: 15px; + } + .navbar-collapse .navbar-nav .nav-item:after { + width: calc(100% - 30px); + content: ""; + display: block; + height: 1px; + margin-left: 15px; + background-color: #e5e5e5; + } + .navbar-collapse .navbar-nav .nav-item:last-child:after { + display: none; + } + .nav-open .navbar-collapse { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + } + .nav-open .navbar-translate { + -webkit-transform: translate3d(-230px, 0, 0); + -moz-transform: translate3d(-230px, 0, 0); + -o-transform: translate3d(-230px, 0, 0); + -ms-transform: translate3d(-230px, 0, 0); + transform: translate3d(-230px, 0, 0); + } + .navbar .navbar-translate { + width: 100%; + position: relative; + display: flex; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + -ms-flex-align: center; + align-items: center; + -webkit-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + .navbar .dropdown.show .dropdown-menu { + display: block; + } + .navbar .dropdown .dropdown-menu { + display: none; + } + .navbar .dropdown-menu .dropdown-item { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .navbar .dropdown.show .dropdown-menu, + .navbar .dropdown .dropdown-menu { + background-color: transparent; + border: 0; + padding-bottom: 15px; + transition: none; + -webkit-box-shadow: none; + box-shadow: none; + transform: none !important; + width: auto; + margin-bottom: 15px; + padding-top: 0; + height: 300px; + animation: none; + opacity: 1; + overflow-y: scroll; + } + .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon { + background-color: #fff; + } + #bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 0; + top: 0; + left: auto; + right: 230px; + content: ""; + z-index: 1029; + overflow-x: hidden; + } + #navbar .navbar-collapse, + #navigation .navbar-collapse { + display: none !important; + } +} + +@media all and (min-width: 991px) { + .navbar .navbar-nav { + align-items: center; + } + .navbar .navbar-nav .button-container { + margin-left: 0.1875px; + } + .contactus-2 .card-contact { + margin: 80px 0 80px 150px; + } + .index-page .fileinput-new.thumbnail.img-circle { + margin-top: 50px; + } +} + +@media screen and (max-width: 991px) { + .presentation-page .section-components .components-macbook { + max-width: 850px !important; + max-height: 480px !important; + margin-top: 12vh; + left: -12px; + } + .presentation-page .section-components .coloured-card-img, + .presentation-page .section-components .table-img { + display: none; + } + .presentation-page .section-components .social-img { + left: 47%; + top: 37%; + } + .presentation-page .section-components .pin-btn-img { + top: 54%; + } + .presentation-page .section-components .share-btn-img { + top: 12%; + } + .presentation-page .section-components .coloured-card-btn-img { + top: -2%; + left: 65%; + } + .presentation-page .section-content .area-img { + max-width: 130px; + max-height: 170px; + } + .presentation-page .section-content .info-img { + max-width: 170px; + max-height: 120px; + } + @keyframes topbar-x { + 0% { + top: 0px; + transform: rotate(0deg); + } + 45% { + top: 6px; + transform: rotate(145deg); + } + 75% { + transform: rotate(130deg); + } + 100% { + transform: rotate(135deg); + } + } + @-webkit-keyframes topbar-x { + 0% { + top: 0px; + -webkit-transform: rotate(0deg); + } + 45% { + top: 6px; + -webkit-transform: rotate(145deg); + } + 75% { + -webkit-transform: rotate(130deg); + } + 100% { + -webkit-transform: rotate(135deg); + } + } + @-moz-keyframes topbar-x { + 0% { + top: 0px; + -moz-transform: rotate(0deg); + } + 45% { + top: 6px; + -moz-transform: rotate(145deg); + } + 75% { + -moz-transform: rotate(130deg); + } + 100% { + -moz-transform: rotate(135deg); + } + } + @keyframes topbar-back { + 0% { + top: 6px; + transform: rotate(135deg); + } + 45% { + transform: rotate(-10deg); + } + 75% { + transform: rotate(5deg); + } + 100% { + top: 0px; + transform: rotate(0); + } + } + @-webkit-keyframes topbar-back { + 0% { + top: 6px; + -webkit-transform: rotate(135deg); + } + 45% { + -webkit-transform: rotate(-10deg); + } + 75% { + -webkit-transform: rotate(5deg); + } + 100% { + top: 0px; + -webkit-transform: rotate(0); + } + } + @-moz-keyframes topbar-back { + 0% { + top: 6px; + -moz-transform: rotate(135deg); + } + 45% { + -moz-transform: rotate(-10deg); + } + 75% { + -moz-transform: rotate(5deg); + } + 100% { + top: 0px; + -moz-transform: rotate(0); + } + } + @keyframes bottombar-x { + 0% { + bottom: 0px; + transform: rotate(0deg); + } + 45% { + bottom: 6px; + transform: rotate(-145deg); + } + 75% { + transform: rotate(-130deg); + } + 100% { + transform: rotate(-135deg); + } + } + @-webkit-keyframes bottombar-x { + 0% { + bottom: 0px; + -webkit-transform: rotate(0deg); + } + 45% { + bottom: 6px; + -webkit-transform: rotate(-145deg); + } + 75% { + -webkit-transform: rotate(-130deg); + } + 100% { + -webkit-transform: rotate(-135deg); + } + } + @-moz-keyframes bottombar-x { + 0% { + bottom: 0px; + -moz-transform: rotate(0deg); + } + 45% { + bottom: 6px; + -moz-transform: rotate(-145deg); + } + 75% { + -moz-transform: rotate(-130deg); + } + 100% { + -moz-transform: rotate(-135deg); + } + } + @keyframes bottombar-back { + 0% { + bottom: 6px; + transform: rotate(-135deg); + } + 45% { + transform: rotate(10deg); + } + 75% { + transform: rotate(-5deg); + } + 100% { + bottom: 0px; + transform: rotate(0); + } + } + @-webkit-keyframes bottombar-back { + 0% { + bottom: 6px; + -webkit-transform: rotate(-135deg); + } + 45% { + -webkit-transform: rotate(10deg); + } + 75% { + -webkit-transform: rotate(-5deg); + } + 100% { + bottom: 0px; + -webkit-transform: rotate(0); + } + } + @-moz-keyframes bottombar-back { + 0% { + bottom: 6px; + -moz-transform: rotate(-135deg); + } + 45% { + -moz-transform: rotate(10deg); + } + 75% { + -moz-transform: rotate(-5deg); + } + 100% { + bottom: 0px; + -moz-transform: rotate(0); + } + } + .navbar .navbar-toggler .navbar-toggler-icon:nth-child(2) { + top: 0px; + -webkit-animation: topbar-back 500ms linear 0s; + -moz-animation: topbar-back 500ms linear 0s; + animation: topbar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + .navbar .navbar-toggler .navbar-toggler-icon:nth-child(3) { + opacity: 1; + } + .navbar .navbar-toggler .navbar-toggler-icon:nth-child(4) { + bottom: 0px; + -webkit-animation: bottombar-back 500ms linear 0s; + -moz-animation: bottombar-back 500ms linear 0s; + animation: bottombar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(2) { + top: 6px; + -webkit-animation: topbar-x 500ms linear 0s; + -moz-animation: topbar-x 500ms linear 0s; + animation: topbar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(3) { + opacity: 0; + } + .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(4) { + bottom: 6px; + -webkit-animation: bottombar-x 500ms linear 0s; + -moz-animation: bottombar-x 500ms linear 0s; + animation: bottombar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } +} + +@media screen and (max-width: 767px) { + .presentation-page .section-components .components-macbook { + max-width: 350px !important; + max-height: 250px !important; + margin-top: 12vh; + left: -12px; + } + .presentation-page .section-components .coloured-card-img, + .presentation-page .section-components .table-img { + display: none; + } + .presentation-page .section-components .social-img { + left: -7%; + top: 37%; + } + .presentation-page .section-components .pin-btn-img { + top: 54%; + } + .presentation-page .section-components .share-btn-img { + top: 7%; + } + .presentation-page .section-components .coloured-card-btn-img { + top: -2%; + } + .card.card-form-horizontal .input-group { + padding-bottom: 10px; + } + .presentation-page #cd-vertical-nav, + .index-page #cd-vertical-nav, + .section-page #cd-vertical-nav { + display: none; + } + .index-page .cd-section .tim-typo .tim-note { + width: 60px; + } + .login-page .page-header { + min-height: 100vh; + max-height: 1000px; + height: 100%; + } + .login-page .page-header>.container { + padding-top: 20vh; + padding-bottom: 200px; + } +} + +@media screen and (max-width: 400px) { + .cd-vertical-nav { + display: none !important; + } +} + +@media screen and (min-width: 767px) { + .bd-docs .bd-example .card.card-profile .card-header-image { + max-height: 100% !important; + } + .card-profile .card-header-image { + max-height: 215px; + } +} + +@media screen and (max-width: 991px) { + .menu-on-left .page-header, + .menu-on-left .main, + .menu-on-left .navbar>div { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + .menu-on-left .navbar .collapse { + left: 0; + top: -25px; + right: auto; + -webkit-transform: translate3d(-230px, 0, 0); + -moz-transform: translate3d(-230px, 0, 0); + -o-transform: translate3d(-230px, 0, 0); + -ms-transform: translate3d(-230px, 0, 0); + transform: translate3d(-230px, 0, 0); + } + .menu-on-left .navbar .navbar-translate .navbar-brand { + position: absolute; + right: 0; + top: -15px; + } + .nav-open .menu-on-left .page-header, + .nav-open .menu-on-left .main { + -webkit-transform: translate3d(230px, 0, 0); + -moz-transform: translate3d(230px, 0, 0); + -o-transform: translate3d(230px, 0, 0); + -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(230px, 0, 0); + } + .nav-open .menu-on-left .navbar .collapse { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + } + .nav-open .menu-on-left .navbar>div .navbar-translate { + -webkit-transform: translate3d(230px, 0, 0); + -moz-transform: translate3d(230px, 0, 0); + -o-transform: translate3d(230px, 0, 0); + -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(230px, 0, 0); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } +} + +@media (min-width: 575px) and (max-width: 991px) { + .menu-on-left .navbar .collapse { + -webkit-transform: translate3d(-255px, 0, 0); + -moz-transform: translate3d(-255px, 0, 0); + -o-transform: translate3d(-255px, 0, 0); + -ms-transform: translate3d(-255px, 0, 0); + transform: translate3d(-255px, 0, 0); + } + .nav-open .menu-on-left .navbar .collapse { + -webkit-transform: translate3d(-25px, 0, 0); + -moz-transform: translate3d(-25px, 0, 0); + -o-transform: translate3d(-25px, 0, 0); + -ms-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + width: 245px; + } +} + +/*# sourceMappingURL=kit-free.css.map */ diff --git a/sites/arcwerx-site/static/assets/css/material-kit.css.map b/sites/arcwerx-site/static/assets/css/material-kit.css.map new file mode 100644 index 0000000000000000000000000000000000000000..08b425790049073ab07a74b0fc350fbe8af1452c --- /dev/null +++ b/sites/arcwerx-site/static/assets/css/material-kit.css.map @@ -0,0 +1,338 @@ +{ + "version": 3, + "file": "kit-free.css", + "sources": [ + "../scss/kit-free.scss", + "../scss/partials/kit/core/_variables.scss", + "../scss/partials/kit/core/variables/_colors.scss", + "../scss/partials/kit/core/variables/_shadow.scss", + "../scss/partials/kit/core/variables/_bootstrap-material-design-base.scss", + "../scss/partials/kit/core/variables/_custom-forms.scss", + "../scss/partials/kit/core/variables/_spacing.scss", + "../scss/partials/kit/core/variables/_body.scss", + "../scss/partials/kit/core/variables/_brand.scss", + "../scss/partials/kit/core/variables/_buttons.scss", + "../scss/partials/kit/core/variables/_card.scss", + "../scss/partials/kit/core/variables/_code.scss", + "../scss/partials/kit/core/variables/_dropdown.scss", + "../scss/partials/kit/core/variables/_forms.scss", + "../scss/partials/kit/core/variables/_list-group.scss", + "../scss/partials/kit/core/variables/_nav.scss", + "../scss/partials/kit/core/variables/_pagination.scss", + "../scss/partials/kit/core/variables/_state.scss", + "../scss/partials/kit/core/variables/_tables.scss", + "../scss/partials/kit/core/variables/_tooltip.scss", + "../scss/partials/kit/core/variables/_type.scss", + "../scss/partials/kit/core/variables/_modals.scss", + "../scss/partials/kit/core/variables/_carousel.scss", + "../scss/partials/kit/core/bootstrap/scss/_functions.scss", + "../scss/partials/kit/core/bootstrap/scss/_variables.scss", + "../scss/partials/kit/core/variables/_layout.scss", + "../scss/partials/kit/core/variables/_menu.scss", + "../scss/partials/kit/core/variables/_drawer.scss", + "../scss/partials/kit/core/variables/_snackbar.scss", + "../scss/partials/kit/core/variables/_bootstrap-material-design.scss", + "../scss/partials/kit/core/_mixins.scss", + "../scss/partials/kit/core/mixins/_utilities.scss", + "../scss/partials/kit/core/mixins/_breakpoints.scss", + "../scss/partials/kit/core/mixins/_animations.scss", + "../scss/partials/kit/core/mixins/_type.scss", + "../scss/partials/kit/core/mixins/_layout.scss", + "../scss/partials/kit/core/mixins/_drawer.scss", + "../scss/partials/kit/core/mixins/_forms.scss", + "../scss/partials/kit/core/mixins/_buttons.scss", + "../scss/partials/kit/core/mixins/_hover.scss", + "../scss/partials/kit/core/mixins/_navs.scss", + "../scss/partials/kit/core/mixins/_colored-shadows.scss", + "../scss/partials/kit/core/mixins/_navbar-colors.scss", + "../scss/partials/kit/core/mixins/_alert.scss", + "../scss/partials/kit/core/_core-bootstrap.scss", + "../scss/partials/kit/core/bootstrap/scss/_functions.scss", + "../scss/partials/kit/core/bootstrap/scss/_variables.scss", + "../scss/partials/kit/core/bootstrap/scss/_mixins.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_breakpoints.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_hover.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_image.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_badge.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_resize.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_screen-reader.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_size.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_reset-text.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_text-emphasis.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_text-hide.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_text-truncate.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_visibility.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_alert.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_buttons.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_caret.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_pagination.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_lists.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_list-group.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_nav-divider.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_forms.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_table-row.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_background-variant.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_border-radius.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_box-shadow.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_gradients.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_transition.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_clearfix.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_grid-framework.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_grid.scss", + "../scss/partials/kit/core/bootstrap/scss/mixins/_float.scss", + "../scss/partials/kit/core/bootstrap/scss/_reboot.scss", + "../scss/partials/kit/core/bootstrap/scss/_print.scss", + "../scss/partials/kit/core/bootstrap/scss/_reboot.scss", + "../scss/partials/kit/core/bootstrap/scss/_type.scss", + "../scss/partials/kit/core/bootstrap/scss/_images.scss", + "../scss/partials/kit/core/bootstrap/scss/_code.scss", + "../scss/partials/kit/core/bootstrap/scss/_grid.scss", + "../scss/partials/kit/core/bootstrap/scss/_tables.scss", + "../scss/partials/kit/core/bootstrap/scss/_forms.scss", + "../scss/partials/kit/core/bootstrap/scss/_buttons.scss", + "../scss/partials/kit/core/bootstrap/scss/_transitions.scss", + "../scss/partials/kit/core/bootstrap/scss/_dropdown.scss", + "../scss/partials/kit/core/bootstrap/scss/_button-group.scss", + "../scss/partials/kit/core/bootstrap/scss/_input-group.scss", + "../scss/partials/kit/core/bootstrap/scss/_custom-forms.scss", + "../scss/partials/kit/core/bootstrap/scss/_nav.scss", + "../scss/partials/kit/core/bootstrap/scss/_navbar.scss", + "../scss/partials/kit/core/bootstrap/scss/_card.scss", + "../scss/partials/kit/core/bootstrap/scss/_breadcrumb.scss", + "../scss/partials/kit/core/bootstrap/scss/_pagination.scss", + "../scss/partials/kit/core/bootstrap/scss/_jumbotron.scss", + "../scss/partials/kit/core/bootstrap/scss/_alert.scss", + "../scss/partials/kit/core/bootstrap/scss/_progress.scss", + "../scss/partials/kit/core/bootstrap/scss/_media.scss", + "../scss/partials/kit/core/bootstrap/scss/_list-group.scss", + "../scss/partials/kit/core/bootstrap/scss/_close.scss", + "../scss/partials/kit/core/bootstrap/scss/_badge.scss", + "../scss/partials/kit/core/bootstrap/scss/_modal.scss", + "../scss/partials/kit/core/bootstrap/scss/_tooltip.scss", + "../scss/partials/kit/core/bootstrap/scss/_popover.scss", + "../scss/partials/kit/core/bootstrap/scss/_carousel.scss", + "../scss/partials/kit/core/bootstrap/scss/_utilities.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_align.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_background.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_borders.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_clearfix.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_display.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_embed.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_flex.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_float.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_position.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_screenreaders.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_sizing.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_spacing.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_text.scss", + "../scss/partials/kit/core/bootstrap/scss/utilities/_visibility.scss", + "../scss/partials/kit/core/_reboot.scss", + "../scss/partials/kit/core/_layout.scss", + "../scss/partials/kit/core/_buttons.scss", + "../scss/partials/kit/core/_misc.scss", + "../scss/partials/kit/core/_checkboxes.scss", + "../scss/partials/kit/core/_custom-forms.scss", + "../scss/partials/kit/core/_switches.scss", + "../scss/partials/kit/core/_radios.scss", + "../scss/partials/kit/core/_carousel.scss", + "../scss/partials/kit/core/_forms.scss", + "../scss/partials/kit/core/_input-group.scss", + "../scss/partials/kit/core/_list-group.scss", + "../scss/partials/kit/core/_nav.scss", + "../scss/partials/kit/core/_images.scss", + "../scss/partials/kit/core/_navbar.scss", + "../scss/partials/kit/core/_badges.scss", + "../scss/partials/kit/core/_alerts.scss", + "../scss/partials/kit/core/_pagination.scss", + "../scss/partials/kit/core/_pills.scss", + "../scss/partials/kit/core/_info-areas.scss", + "../scss/partials/kit/core/_type.scss", + "../scss/partials/kit/core/_tabs.scss", + "../scss/partials/kit/core/_tooltip.scss", + "../scss/partials/kit/core/_popover.scss", + "../scss/partials/kit/core/_modal.scss", + "../scss/partials/kit/core/_dropdown.scss", + "../scss/partials/kit/core/_drawer.scss", + "../scss/partials/kit/core/_progress.scss", + "../scss/partials/kit/core/_togglebutton.scss", + "../scss/partials/kit/core/_ripples.scss", + "../scss/partials/kit/core/_headers.scss", + "../scss/partials/kit/core/_footers.scss", + "../scss/partials/kit/core/_cards.scss", + "../scss/partials/kit/core/cards/_card-carousel.scss", + "../scss/partials/kit/core/cards/_card-login.scss", + "../scss/partials/kit/core/cards/_card-plain.scss", + "../scss/partials/kit/core/plugins/_plugin-datetime-picker.scss", + "../scss/partials/kit/core/plugins/_plugin-nouislider.scss", + "../scss/partials/kit/core/_example-pages.scss", + "../scss/partials/kit/core/_responsive.scss" + ], + "sourcesContent": [ + "/*!\n\n =========================================================\n * Material Kit - v2.0.6\n =========================================================\n\n * Product Page: https://www.creative-tim.com/product/material-kit\n * Copyright 2018 Creative Tim (http://www.creative-tim.com)\n\n =========================================================\n\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n */\n\n @import \"partials/kit/core/variables\";\n @import \"partials/kit/core/mixins\";\n @import \"partials/kit/core/core-bootstrap\";\n @import \"partials/kit/core/reboot\";\n\n // Core Components\n @import \"partials/kit/core/layout\";\n @import \"partials/kit/core/buttons\";\n @import \"partials/kit/core/misc\";\n @import \"partials/kit/core/checkboxes\";\n @import \"partials/kit/core/custom-forms\";\n @import \"partials/kit/core/switches\";\n @import \"partials/kit/core/radios\";\n @import \"partials/kit/core/carousel\";\n @import \"partials/kit/core/forms\";\n @import \"partials/kit/core/input-group\";\n @import \"partials/kit/core/list-group\";\n @import \"partials/kit/core/nav\";\n @import \"partials/kit/core/images\";\n @import \"partials/kit/core/navbar\";\n @import \"partials/kit/core/badges\";\n @import \"partials/kit/core/alerts\";\n @import \"partials/kit/core/pagination\";\n @import \"partials/kit/core/pills\";\n @import \"partials/kit/core/info-areas\";\n @import \"partials/kit/core/type\";\n @import \"partials/kit/core/tabs\";\n @import \"partials/kit/core/tooltip\";\n @import \"partials/kit/core/popover\";\n @import \"partials/kit/core/modal\";\n @import \"partials/kit/core/dropdown\";\n @import \"partials/kit/core/drawer\";\n @import \"partials/kit/core/progress\";\n @import \"partials/kit/core/togglebutton\";\n @import \"partials/kit/core/ripples\";\n @import \"partials/kit/core/headers\";\n @import \"partials/kit/core/footers\";\n\n // Cards\n @import 'partials/kit/core/cards';\n @import 'partials/kit/core/cards/card-carousel';\n @import 'partials/kit/core/cards/card-login';\n @import 'partials/kit/core/cards/card-plain';\n\n // Core Plugins\n @import 'partials/kit/core/plugins/plugin-datetime-picker';\n @import 'partials/kit/core/plugins/plugin-nouislider';\n\n // Sections and Example pages\n @import \"partials/kit/core/example-pages\";\n @import \"partials/kit/core/responsive\";\n", + "@import \"variables/colors\";\n@import \"variables/shadow\";\n\n@import \"variables/bootstrap-material-design-base\";\n\n// Customized BS variables\n@import \"variables/custom-forms\";\n@import \"variables/spacing\";\n@import \"variables/body\";\n@import \"variables/brand\";\n@import \"variables/buttons\";\n@import \"variables/card\";\n@import \"variables/code\";\n@import \"variables/dropdown\";\n@import \"variables/forms\";\n@import \"variables/list-group\";\n@import \"variables/nav\";\n@import \"variables/pagination\";\n@import \"variables/state\";\n@import \"variables/tables\";\n@import \"variables/tooltip\";\n@import \"variables/type\";\n@import \"variables/modals\";\n@import \"variables/carousel\";\n\n// import their vars after customization for use below\n$enable-flex: true; // fully adopt flexbox layouts\n$enable-shadows: true; // enable shadows, set to false to turn off shadows\n\n// Core Bootstrap Variables\n@import \"bootstrap/scss/functions\";\n@import \"bootstrap/scss/variables\";\n\n@import \"variables/layout\";\n@import \"variables/menu\";\n@import \"variables/drawer\";\n@import \"variables/snackbar\";\n\n@import \"variables/bootstrap-material-design\";\n", + "$red-50: #ffebee !default;\n$red-100: #ffcdd2 !default;\n$red-200: #ef9a9a !default;\n$red-300: #e57373 !default;\n$red-400: #ef5350 !default;\n$red-500: #f44336 !default;\n$red-600: #e53935 !default;\n$red-700: #d32f2f !default;\n$red-800: #c62828 !default;\n$red-900: #b71c1c !default;\n$red-a100: #ff8a80 !default;\n$red-a200: #ff5252 !default;\n$red-a400: #ff1744 !default;\n$red-a700: #d50000 !default;\n$red: $red-500 !default;\n\n$pink-50: #fce4ec !default;\n$pink-100: #f8bbd0 !default;\n$pink-200: #f48fb1 !default;\n$pink-300: #f06292 !default;\n$pink-400: #ec407a !default;\n$pink-500: #e91e63 !default;\n$pink-600: #d81b60 !default;\n$pink-700: #c2185b !default;\n$pink-800: #ad1457 !default;\n$pink-900: #880e4f !default;\n$pink-a100: #ff80ab !default;\n$pink-a200: #ff4081 !default;\n$pink-a400: #f50057 !default;\n$pink-a700: #c51162 !default;\n$pink: $pink-500 !default;\n\n$purple-50: #f3e5f5 !default;\n$purple-100: #e1bee7 !default;\n$purple-200: #ce93d8 !default;\n$purple-300: #ba68c8 !default;\n$purple-400: #ab47bc !default;\n$purple-500: #9c27b0 !default;\n$purple-600: #8e24aa !default;\n$purple-700: #7b1fa2 !default;\n$purple-800: #6a1b9a !default;\n$purple-900: #4a148c !default;\n$purple-a100: #ea80fc !default;\n$purple-a200: #e040fb !default;\n$purple-a400: #d500f9 !default;\n$purple-a700: #a0f !default;\n$purple: $purple-500 !default;\n\n$deep-purple-50: #ede7f6 !default;\n$deep-purple-100: #d1c4e9 !default;\n$deep-purple-200: #b39ddb !default;\n$deep-purple-300: #9575cd !default;\n$deep-purple-400: #7e57c2 !default;\n$deep-purple-500: #673ab7 !default;\n$deep-purple-600: #5e35b1 !default;\n$deep-purple-700: #512da8 !default;\n$deep-purple-800: #4527a0 !default;\n$deep-purple-900: #311b92 !default;\n$deep-purple-a100: #b388ff !default;\n$deep-purple-a200: #7c4dff !default;\n$deep-purple-a400: #651fff !default;\n$deep-purple-a700: #6200ea !default;\n$deep-purple: $deep-purple-500 !default;\n\n$indigo-50: #e8eaf6 !default;\n$indigo-100: #c5cae9 !default;\n$indigo-200: #9fa8da !default;\n$indigo-300: #7986cb !default;\n$indigo-400: #5c6bc0 !default;\n$indigo-500: #3f51b5 !default;\n$indigo-600: #3949ab !default;\n$indigo-700: #303f9f !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1a237e !default;\n$indigo-a100: #8c9eff !default;\n$indigo-a200: #536dfe !default;\n$indigo-a400: #3d5afe !default;\n$indigo-a700: #304ffe !default;\n$indigo: $indigo-500 !default;\n\n$blue-50: #e3f2fd !default;\n$blue-100: #bbdefb !default;\n$blue-200: #90caf9 !default;\n$blue-300: #64b5f6 !default;\n$blue-400: #42a5f5 !default;\n$blue-500: #2196f3 !default;\n$blue-600: #1e88e5 !default;\n$blue-700: #1976d2 !default;\n$blue-800: #1565c0 !default;\n$blue-900: #0d47a1 !default;\n$blue-a100: #82b1ff !default;\n$blue-a200: #448aff !default;\n$blue-a400: #2979ff !default;\n$blue-a700: #2962ff !default;\n$blue: $blue-500 !default;\n\n$light-blue-50: #e1f5fe !default;\n$light-blue-100: #b3e5fc !default;\n$light-blue-200: #81d4fa !default;\n$light-blue-300: #4fc3f7 !default;\n$light-blue-400: #29b6f6 !default;\n$light-blue-500: #03a9f4 !default;\n$light-blue-600: #039be5 !default;\n$light-blue-700: #0288d1 !default;\n$light-blue-800: #0277bd !default;\n$light-blue-900: #01579b !default;\n$light-blue-a100: #80d8ff !default;\n$light-blue-a200: #40c4ff !default;\n$light-blue-a400: #00b0ff !default;\n$light-blue-a700: #0091ea !default;\n$light-blue: $light-blue-500 !default;\n\n$cyan-50: #e0f7fa !default;\n$cyan-100: #b2ebf2 !default;\n$cyan-200: #80deea !default;\n$cyan-300: #4dd0e1 !default;\n$cyan-400: #26c6da !default;\n$cyan-500: #00bcd4 !default;\n$cyan-600: #00acc1 !default;\n$cyan-700: #0097a7 !default;\n$cyan-800: #00838f !default;\n$cyan-900: #006064 !default;\n$cyan-a100: #84ffff !default;\n$cyan-a200: #18ffff !default;\n$cyan-a400: #00e5ff !default;\n$cyan-a700: #00b8d4 !default;\n$cyan: $cyan-500 !default;\n\n$teal-50: #e0f2f1 !default;\n$teal-100: #b2dfdb !default;\n$teal-200: #80cbc4 !default;\n$teal-300: #4db6ac !default;\n$teal-400: #26a69a !default;\n$teal-500: #009688 !default;\n$teal-600: #00897b !default;\n$teal-700: #00796b !default;\n$teal-800: #00695c !default;\n$teal-900: #004d40 !default;\n$teal-a100: #a7ffeb !default;\n$teal-a200: #64ffda !default;\n$teal-a400: #1de9b6 !default;\n$teal-a700: #00bfa5 !default;\n$teal: $teal-500 !default;\n\n$green-50: #e8f5e9 !default;\n$green-100: #c8e6c9 !default;\n$green-200: #a5d6a7 !default;\n$green-300: #81c784 !default;\n$green-400: #66bb6a !default;\n$green-500: #4caf50 !default;\n$green-600: #43a047 !default;\n$green-700: #388e3c !default;\n$green-800: #2e7d32 !default;\n$green-900: #1b5e20 !default;\n$green-a100: #b9f6ca !default;\n$green-a200: #69f0ae !default;\n$green-a400: #00e676 !default;\n$green-a700: #00c853 !default;\n$green: $green-500 !default;\n\n$light-green-50: #f1f8e9 !default;\n$light-green-100: #dcedc8 !default;\n$light-green-200: #c5e1a5 !default;\n$light-green-300: #aed581 !default;\n$light-green-400: #9ccc65 !default;\n$light-green-500: #8bc34a !default;\n$light-green-600: #7cb342 !default;\n$light-green-700: #689f38 !default;\n$light-green-800: #558b2f !default;\n$light-green-900: #33691e !default;\n$light-green-a100: #ccff90 !default;\n$light-green-a200: #b2ff59 !default;\n$light-green-a400: #76ff03 !default;\n$light-green-a700: #64dd17 !default;\n$light-green: $light-green-500 !default;\n\n$lime-50: #f9fbe7 !default;\n$lime-100: #f0f4c3 !default;\n$lime-200: #e6ee9c !default;\n$lime-300: #dce775 !default;\n$lime-400: #d4e157 !default;\n$lime-500: #cddc39 !default;\n$lime-600: #c0ca33 !default;\n$lime-700: #afb42b !default;\n$lime-800: #9e9d24 !default;\n$lime-900: #827717 !default;\n$lime-a100: #f4ff81 !default;\n$lime-a200: #eeff41 !default;\n$lime-a400: #c6ff00 !default;\n$lime-a700: #aeea00 !default;\n$lime: $lime-500 !default;\n\n$yellow-50: #fffde7 !default;\n$yellow-100: #fff9c4 !default;\n$yellow-200: #fff59d !default;\n$yellow-300: #fff176 !default;\n$yellow-400: #ffee58 !default;\n$yellow-500: #ffeb3b !default;\n$yellow-600: #fdd835 !default;\n$yellow-700: #fbc02d !default;\n$yellow-800: #f9a825 !default;\n$yellow-900: #f57f17 !default;\n$yellow-a100: #ffff8d !default;\n$yellow-a200: #ff0 !default;\n$yellow-a400: #ffea00 !default;\n$yellow-a700: #ffd600 !default;\n$yellow: $yellow-500 !default;\n\n$amber-50: #fff8e1 !default;\n$amber-100: #ffecb3 !default;\n$amber-200: #ffe082 !default;\n$amber-300: #ffd54f !default;\n$amber-400: #ffca28 !default;\n$amber-500: #ffc107 !default;\n$amber-600: #ffb300 !default;\n$amber-700: #ffa000 !default;\n$amber-800: #ff8f00 !default;\n$amber-900: #ff6f00 !default;\n$amber-a100: #ffe57f !default;\n$amber-a200: #ffd740 !default;\n$amber-a400: #ffc400 !default;\n$amber-a700: #ffab00 !default;\n$amber: $amber-500 !default;\n\n$orange-50: #fff3e0 !default;\n$orange-100: #ffe0b2 !default;\n$orange-200: #ffcc80 !default;\n$orange-300: #ffb74d !default;\n$orange-400: #ffa726 !default;\n$orange-500: #ff9800 !default;\n$orange-600: #fb8c00 !default;\n$orange-700: #f57c00 !default;\n$orange-800: #ef6c00 !default;\n$orange-900: #e65100 !default;\n$orange-a100: #ffd180 !default;\n$orange-a200: #ffab40 !default;\n$orange-a400: #ff9100 !default;\n$orange-a700: #ff6d00 !default;\n$orange: $orange-500 !default;\n\n$deep-orange-50: #fbe9e7 !default;\n$deep-orange-100: #ffccbc !default;\n$deep-orange-200: #ffab91 !default;\n$deep-orange-300: #ff8a65 !default;\n$deep-orange-400: #ff7043 !default;\n$deep-orange-500: #ff5722 !default;\n$deep-orange-600: #f4511e !default;\n$deep-orange-700: #e64a19 !default;\n$deep-orange-800: #d84315 !default;\n$deep-orange-900: #bf360c !default;\n$deep-orange-a100: #ff9e80 !default;\n$deep-orange-a200: #ff6e40 !default;\n$deep-orange-a400: #ff3d00 !default;\n$deep-orange-a700: #dd2c00 !default;\n$deep-orange: $deep-orange-500 !default;\n\n$brown-50: #efebe9 !default;\n$brown-100: #d7ccc8 !default;\n$brown-200: #bcaaa4 !default;\n$brown-300: #a1887f !default;\n$brown-400: #8d6e63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6d4c41 !default;\n$brown-700: #5d4037 !default;\n$brown-800: #4e342e !default;\n$brown-900: #3e2723 !default;\n$brown-a100: #d7ccc8 !default;\n$brown-a200: #bcaaa4 !default;\n$brown-a400: #8d6e63 !default;\n$brown-a700: #5d4037 !default;\n$brown: $brown-500 !default;\n\n$grey-50: #fafafa !default;\n$grey-100: #f5f5f5 !default;\n$grey-200: #eee !default;\n$grey-300: #e0e0e0 !default;\n$grey-400: #bdbdbd !default;\n$grey-500: #9e9e9e;\n$grey-600: #757575 !default;\n$grey-700: #616161 !default;\n$grey-800: #424242 !default;\n$grey-900: #212121 !default;\n$grey-a100: #f5f5f5 !default;\n$grey-a200: #eee !default;\n$grey-a400: #bdbdbd !default;\n$grey-a700: #616161 !default;\n$grey: $grey-500 !default;\n\n$blue-grey-50: #eceff1 !default;\n$blue-grey-100: #cfd8dc !default;\n$blue-grey-200: #b0bec5 !default;\n$blue-grey-300: #90a4ae !default;\n$blue-grey-400: #78909c !default;\n$blue-grey-500: #607d8b !default;\n$blue-grey-600: #546e7a !default;\n$blue-grey-700: #455a64 !default;\n$blue-grey-800: #37474f !default;\n$blue-grey-900: #263238 !default;\n$blue-grey-a100: #cfd8dc !default;\n$blue-grey-a200: #b0bec5 !default;\n$blue-grey-a400: #78909c !default;\n$blue-grey-a700: #455a64 !default;\n$blue-grey: $blue-grey-500 !default;\n\n$black: #000;\n$white: #fff;\n\n// New colors\n$gray-color: #999999 !default;\n$black-color: #3C4858 !default;\n\n$black: #000000; $rgb-black: \"0,0,0\" !default;\n$white: #ffffff; $rgb-white: \"255,255,255\" !default;\n", + "// Shadows (originally from mdl http://www.getmdl.io/)\n$bmd-shadow-umbra-opacity: 0.2 !default;\n$bmd-shadow-penumbra-opacity: 0.14 !default;\n$bmd-shadow-ambient-opacity: 0.12 !default;\n\n// Declare the following for reuse with both mixins and the bootstrap variables\n$bmd-shadow-focus: 0 0 8px rgba($black, .18), 0 8px 16px rgba($black, .36);\n\n$bmd-shadow-2dp: 0 2px 2px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba($black, $bmd-shadow-umbra-opacity),\n 0 1px 5px 0 rgba($black, $bmd-shadow-ambient-opacity);\n\n$bmd-shadow-3dp: 0 3px 4px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 3px -2px rgba($black, $bmd-shadow-umbra-opacity),\n 0 1px 8px 0 rgba($black, $bmd-shadow-ambient-opacity);\n\n$bmd-shadow-4dp: 0 4px 5px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba($black, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-6dp: 0 6px 10px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 1px 18px 0 rgba($black, $bmd-shadow-ambient-opacity),\n 0 3px 5px -1px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-8dp: 0 8px 10px 1px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba($black, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-16dp: 0 16px 24px 2px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba($black, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-24dp: 0 9px 46px 8px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 11px 15px -7px rgba($black, $bmd-shadow-ambient-opacity),\n 0 24px 38px 3px rgba($black, $bmd-shadow-umbra-opacity);\n", + "$gray-lighter: rgba($black, 0.12) !default;\n$gray-light: #999 !default;\n$gray-alpha: .54 !default;\n$gray: #555 !default; // spec color\n$gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter\n\n$bmd-font-weight-base: 400;\n\n// wondering if any of these could still be refactored out, but are definitely in use.\n$bmd-inverse: rgba($white, 1) !default;\n$bmd-inverse-light: rgba($white, 0.84) !default;\n$bmd-inverse-lighter: rgba($white, 0.54) !default;\n\n$bmd-label-color: $gray-color !default;\n$bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted not a control-label which is primary\n\n$border-radius-base: 3px !default;\n$border-radius-small: 2px !default;\n$border-radius-large: 6px !default;\n$border-radius-huge: 10px !default;\n$border-radius-label: 12px !default;\n$border-radius-extreme: 30px !default;\n\n// Typography elements\n$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$mdb-text-color-light: $white !default;\n$mdb-text-color-light-hex: $white !default; // for contrast function in inverse\n$mdb-text-color-primary: unquote(\"rgba(#{$rgb-black}, 0.87)\") !default;\n$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse\n$icon-color: rgba(0,0,0,0.5) !default;\n\n$mdb-label-color: unquote(\"rgba(#{$rgb-black}, 0.26)\") !default;\n$mdb-label-color-toggle-focus: unquote(\"rgba(#{$rgb-black}, .54)\") !default;\n", + "$custom-file-bg: transparent !default;\n$custom-file-border-width: 0 !default;\n$custom-file-box-shadow: none !default;\n$custom-file-border-radius: 0 !default;\n$custom-file-line-height: 1.3 !default;\n", + "// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n\n$spacer: 1rem !default; // $form-group-margin-bottom uses $spacer-y. Decided to try this globally and see how it works out.\n//$spacer-x: $spacer !default;\n//$spacer-y: $spacer !default;\n//$spacers: (\n// 0: (\n// x: 0,\n// y: 0\n// ),\n// 1: (\n// x: $spacer-x,\n// y: $spacer-y\n// ),\n// 2: (\n// x: ($spacer-x * 1.5),\n// y: ($spacer-y * 1.5)\n// ),\n// 3: (\n// x: ($spacer-x * 3),\n// y: ($spacer-y * 3)\n// )\n//) !default;\n", + "// Body\n//\n// Settings for the `` element.\n\n$body-bg: #fafafa !default;\n//$body-color: $gray-dark !default;\n", + "// Bootstrap brand color customization\n\n/* brand Colors */\n\n$brand-primary: $purple-500 !default;\n$brand-info: $cyan-500 !default;\n$brand-success: $green-500 !default;\n$brand-warning: $orange-500 !default;\n$brand-danger: $red-500 !default;\n$brand-rose: $pink-500 !default;\n$brand-inverse: $black-color !default;\n", + "// Buttons:\n$bmd-btn-font-size: .875rem !default; // 14px\n$bmd-btn-font-size-lg: 1.25rem !default;\n$bmd-btn-font-size-sm: .6875rem !default; // 11px\n$bmd-btn-margin-bottom: .3125rem !default; // 5px\n\n// default btn with no specific type designation\n$bmd-btn-color: $gray-dark !default;\n$bmd-btn-bg: transparent !default; //$body-bg !default; // #fff\n$bmd-btn-border: #ccc !default;\n\n$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999\n$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999\n$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black\n\n$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC\n$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC\n$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white\n\n$bmd-btn-fab-size: 3.5rem !default; // 56px\n$bmd-btn-fab-size-sm: 2.5rem !default; // 40px\n$bmd-btn-fab-font-size: 1.5rem !default; // 24px\n\n// icons\n$bmd-btn-icon-size: 2rem !default; // 32px\n$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px\n$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n$input-btn-padding-x: 1rem !default; // 1rem\n$input-btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height\n//$input-btn-line-height: 1 !default; //1.25\n$btn-font-weight: 400 !default; // normal\n$btn-box-shadow: none !default;\n$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)\n\n//\n$btn-primary-color: #fff !default;\n$btn-primary-bg: $brand-primary !default;\n$btn-primary-border-color: $btn-primary-bg !default;\n//\n$btn-secondary-color: $gray-dark !default;\n$btn-secondary-bg: $body-bg !default; // #fff\n$btn-secondary-border-color: #ccc !default;\n//\n$btn-info-color: #fff !default;\n$btn-info-bg: $brand-info !default;\n$btn-info-border-color: $btn-info-bg !default;\n//\n$btn-success-color: #fff !default;\n$btn-success-bg: $brand-success !default;\n$btn-success-border-color: $btn-success-bg !default;\n//\n$btn-warning-color: #fff !default;\n$btn-warning-bg: $brand-warning !default;\n$btn-warning-border-color: $btn-warning-bg !default;\n//\n$btn-danger-color: #fff !default;\n$btn-danger-bg: $brand-danger !default;\n$btn-danger-border-color: $btn-danger-bg !default;\n\n$btn-rose-color: #fff !default;\n$btn-rose-bg: $brand-rose !default;\n$btn-rose-border-color: $btn-rose-bg !default;\n\n$btn-default-color: #fff !default;\n$btn-default-bg: $gray-color !default;\n$btn-default-border-color: $btn-default-bg !default;\n//\n$btn-link-disabled-color: $gray-light !default;\n//\n$input-btn-padding-x-sm: 1.25rem !default;\n$input-btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem\n\n$input-btn-padding-y-lg: 1.125rem !default;\n$input-btn-padding-x-lg: 2.25rem !default;\n\n//\n//$input-btn-padding-x-lg: 1.5rem !default;\n//$input-btn-padding-y-lg: .75rem !default;\n//\n//// Allows for customizing button radius independently from global border radius\n//$btn-border-radius: $border-radius !default;\n//$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: .1875rem !default;\n$border-radius-extreme: 2rem !default;\n", + "// Cards\n//$card-spacer-x: 1.25rem !default;\n//$card-spacer-y: .75rem !default;\n//$card-border-width: 1px !default;\n//$card-border-radius: $border-radius !default;\n$card-border-color: $gray-lighter !default; // #e5e5e5\n//$card-border-radius-inner: $card-border-radius !default;\n$card-bg: #fff !default;\n$card-cap-bg: $card-bg !default; // #f5f5f5\n//\n//$card-link-hover-color: #fff !default;\n//\n//$card-deck-margin: .625rem !default;\n", + "// Code\n\n$code-bg: $grey-200 !default; // #f7f7f9 !default;\n", + "// Dropdowns\n//\n// Dropdown menu container and contents.\n\n//$dropdown-bg: #fff !default;\n//$dropdown-border-color: rgba(0,0,0,.15) !default;\n//$dropdown-border-width: $border-width !default;\n//$dropdown-divider-bg: #e5e5e5 !default;\n$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !default;\n//\n//$dropdown-link-color: $gray-dark !default;\n//$dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n//$dropdown-link-hover-bg: #f5f5f5 !default;\n//\n//$dropdown-link-active-color: $component-active-color !default;\n//$dropdown-link-active-bg: $component-active-bg !default;\n//\n//$dropdown-link-disabled-color: $gray-light !default;\n//\n//$dropdown-header-color: $gray-light !default;\n", + "// Forms\n\n//\n$input-bg: rgba($black, 0) !default; // #fff !default;\n$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;\n//\n//$input-color: $gray !default;\n$input-border-color: #d2d2d2 !default; // #ccc !default;\n$input-border-color-white: #FFFFFF !default;\n\n//$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;\n//\n$input-border-radius: 0 !default; // $border-radius !default;\n$input-box-shadow-focus: none !default; // rgba(102,175,233,.6) !default;\n//\n$input-color-placeholder: $bmd-label-color !default; // #999 !default;\n\n$input-padding-x: 0 !default; // .75rem !default;\n$input-padding-y: .4375rem !default; // spec 8px // .375rem !default;\n\n$input-padding-x-sm: 0 !default; // .75rem !default;\n$input-padding-y-sm: .25rem !default; // spec 4px //.275rem !default;\n\n$input-padding-x-lg: 0 !default; // 1.25rem !default;\n$input-padding-y-lg: .5625rem !default; // no-spec 9px // .75rem !default;\n\n//\n$input-group-addon-bg: transparent !default; //$gray-lighter !default;\n$input-group-addon-border-color: transparent !default; //$input-border-color !default;\n//\n//$cursor-disabled: not-allowed !default;\n//\n//// Form validation icons\n$form-icon-success: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==\";\n$form-icon-warning: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+\";\n$form-icon-danger: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=\";\n", + "// List group\n\n$list-group-bg: inherit !default; // #fff\n//$list-group-border-color: #ddd !default;\n$list-group-border-width: 0 !default; // $border-width\n$list-group-border-radius: 0 !default; // $border-radius\n//\n//$list-group-hover-bg: #f5f5f5 !default;\n//$list-group-active-color: $component-active-color !default;\n//$list-group-active-bg: $component-active-bg !default;\n//$list-group-active-border: $list-group-active-bg !default;\n//$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;\n//\n//$list-group-disabled-color: $gray-light !default;\n//$list-group-disabled-bg: $gray-lighter !default;\n//$list-group-disabled-text-color: $list-group-disabled-color !default;\n//\n//$list-group-link-color: #555 !default;\n//$list-group-link-hover-color: $list-group-link-color !default;\n//$list-group-link-heading-color: #333 !default;\n", + "// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs\n\n$nav-disabled-link-color: $gray-light !default;\n$nav-disabled-link-hover-color: $gray-light !default;\n\n$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //\n$bmd-navbar-link-font-size: .875rem !default; // 14\n$bmd-navbar-link-padding: .5321rem; // 7\n\n// tabs & pills\n$bmd-nav-tabs-pills-font-weight: 500 !default; //\n$bmd-nav-tabs-pills-font-size: .875rem !default; // 14\n$bmd-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14\n\n// tabs only\n$bmd-nav-tabs-border-size: .214rem !default; // 3px\n\n$bmd-nav-tabs-color: $gray !default;\n$bmd-nav-tabs-active-color: $gray-dark !default;\n$bmd-nav-tabs-active-border-color: $brand-primary !default;\n$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;\n$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;\n\n$bmd-nav-tabs-primary-color: $bmd-inverse !default;\n$bmd-nav-tabs-primary-active-color: #fff !default;\n$bmd-nav-tabs-primary-active-border-color: #fff !default;\n$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;\n$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;\n\n$bmd-nav-tabs-inverse-color: $bmd-inverse !default;\n$bmd-nav-tabs-inverse-active-color: #fff !default;\n$bmd-nav-tabs-inverse-active-border-color: #fff !default;\n$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;\n$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;\n\n//$nav-item-margin: .2rem !default;\n\n//$bmd-nav-link-line-height: 1 !default; // makes it easier to line up with the spec\n//$nav-link-padding: .5em 1em !default; // changing this for tabs alters generic navbars, so do it elsewhere with higher specificity\n//$nav-link-hover-bg: $gray-lighter !default;\n\n//\n//$nav-tabs-border-color: #ddd !default;\n//\n//$nav-tabs-link-border-width: $border-width !default;\n//$nav-tabs-link-hover-border-color: $gray-lighter !default;\n//\n$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg\n//$nav-tabs-active-link-hover-color: $gray !default;\n//$nav-tabs-active-link-hover-border-color: #ddd !default;\n//\n//$nav-tabs-justified-link-border-color: #ddd !default;\n//$nav-tabs-justified-active-link-border-color: $body-bg !default;\n//\n//$nav-pills-border-radius: $border-radius !default;\n//$nav-pills-active-link-hover-bg: $component-active-bg !default;\n//$nav-pills-active-link-hover-color: $component-active-color !default;\n", + "$pagination-border-width: 0;\n$pagination-bg: transparent;\n$pagination-disabled-bg: transparent;\n\n$pagination-padding-x-lg: 0;\n$pagination-padding-x-sm: 0;\n", + "// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n$state-success-text: $bmd-inverse !default;\n$state-success-bg: $brand-success !default;\n\n$state-info-text: $bmd-inverse !default;\n$state-info-bg: $brand-info !default;\n\n$state-warning-text: $bmd-inverse !default;\n$state-warning-bg: $brand-warning !default;\n\n$state-danger-text: $bmd-inverse !default;\n$state-danger-bg: $brand-danger !default;\n\n$state-rose-bg: $brand-rose !default;\n", + "$table-bg-accent: rgba(#000, .03);\n$table-border-color: rgba(#000, .06);\n$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)\n\n$bmd-table-header-font-size: .95rem;\n$bmd-table-border-color-inverse: rgba(#fff, .06);\n", + "$tooltip-bg: rgba($grey-700, .9);\n", + "// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// https://www.google.com/design/spec/style/typography.html#typography-styles\n// http://www.getmdl.io/styles/index.html\n\n$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$font-family-serif: 'Roboto Slab', 'Times New Roman', serif !default;\n//$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n//$font-family-base: $font-family-sans-serif !default;\n\n// Pixel value used to responsively scale all typography. Applied to the `` element.\n//$font-size-root: 16px !default;\n//\n//$font-size-base: 1rem !default;\n//$font-size-lg: 1.25rem !default;\n//$font-size-sm: .875rem !default;\n//$font-size-xs: .75rem !default;\n//\n\n$font-size-h1: 3.3125rem;\n$font-size-h2: 2.25rem !default;\n$font-size-h3: 1.5625rem;\n$font-size-h4: 1.125rem !default;\n$font-size-h5: 1.0625rem !default;\n$font-size-h6: 0.75rem !default;\n$font-paragraph: 14px !default;\n$font-size-navbar: 16px !default;\n$font-size-small: 12px !default;\n\n\n//\n$display1-size: 7rem !default; // md display-4 112px was 6rem;\n$display2-size: 3.5rem !default; // md display-3 56px was 5.5rem\n$display3-size: 2.8125rem !default; // md display-2 45px was 4.5rem\n$display4-size: 2.125rem !default; // md display-1 34px was 3.5rem\n//\n//$display1-weight: 300 !default;\n//$display2-weight: 300 !default;\n//$display3-weight: 300 !default;\n//$display4-weight: 300 !default;\n//\n//$line-height-base: 1.5 !default;\n//\n$headings-margin-bottom: ($spacer / 2) !default;\n//$headings-font-family: inherit !default;\n$headings-font-weight: 400 !default; // was 500\n\n$font-weight-light: 300 !default;\n$font-weight-default: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-extra-bold: 700 !default;\n\n//$headings-line-height: 1.1 !default;\n//$headings-color: inherit !default;\n//\n//$lead-font-size: 1.25rem !default;\n//$lead-font-weight: 300 !default;\n//\n//$text-muted: $gray-light !default;\n//\n//$abbr-border-color: $gray-light !default;\n//\n//$blockquote-small-color: $gray-light !default;\n//$blockquote-font-size: ($font-size-base * 1.25) !default;\n//$blockquote-border-color: $gray-lighter !default;\n//\n//$hr-border-color: rgba(0,0,0,.1) !default;\n//$hr-border-width: $border-width !default;\n//\n//$list-inline-padding: 5px !default;\n//\n//$dt-font-weight: bold !default;\n//\n//$nested-kbd-font-weight: bold !default;\n", + "// Modals\n$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;\n\n// Padding applied to the modal body\n//$modal-inner-padding: 15px !default;\n//\n//$modal-title-padding: 15px !default;\n//$modal-title-line-height: $line-height-base !default;\n//\n//$modal-content-bg: #fff !default;\n//$modal-content-border-color: rgba(0,0,0,.2) !default;\n//\n//$modal-backdrop-bg: #000 !default;\n$modal-backdrop-opacity: .26 !default; // .5\n//$modal-header-border-color: #e5e5e5 !default;\n//$modal-footer-border-color: $modal-header-border-color !default;\n//\n//$modal-lg: 900px !default;\n//$modal-md: 600px !default;\n//$modal-sm: 300px !default;\n", + ".carousel{\n &.carousel-full-nagivation{\n .left{\n cursor: url(\"../../img/arrow-left.png\"), url(\"../../img/arrow-left.cur\"), default !important;\n }\n .right{\n cursor: url(\"../../img/arrow-right.png\"), url(\"../../img/arrow-right.cur\"), default !important;\n }\n }\n}\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", + "// Layout variables - evidently nothing to see here...remove now?\n", + "$bmd-menu-line-height: 1 !default; // makes it easier to use sizes to match spec\n\n$bmd-menu-item-min-width: 7rem !default; // Minimum width on mobile = 2 * 56dp = 112dp\n$bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both portrait and landscape) = 5 * 56dp = 280dp\n$bmd-menu-item-min-height: 3rem !default; // 48px\n\n$bmd-menu-item-padding-right: 1rem !default;\n$bmd-menu-item-padding-bottom: .8rem !default;\n$bmd-menu-item-padding-left: 1rem !default;\n$bmd-menu-item-padding-top: .8rem !default;\n\n// md and up\n$bmd-menu-item-padding-right-md: 1.5rem !default;\n$bmd-menu-item-padding-left-md: 1.5rem !default;\n\n// Menu\n$bmd-menu-expand-duration: 0.3s !default;\n$bmd-menu-fade-duration: 0.2s !default;\n", + "// Drawer\n\n// Sizing\n$bmd-drawer-x-size: 240px !default;\n$bmd-drawer-y-size: 100px !default;\n", + "$bmd-snackbar-bg: #323232 !default;\n$bmd-snackbar-color: #fff !default;\n$bmd-snackbar-min-width: 280px !default;\n$bmd-snackbar-padding: .8rem 1.5rem !default;\n\n$bmd-snackbar-min-width-sm: 100% !default;\n", + "$bmd-label-color-focus: $brand-primary !default;\n$bmd-invalid-underline: $brand-danger !default;\n$bmd-readonly-underline: $input-border-color !default;\n\n//---\n// verified in use with refactoring to v4\n\n//---\n//-- unverified below here\n$bmd-brand-inverse: $indigo !default;\n// Typography elements FIXME: review to see if we actually need these\n$icon-color: rgba($black, 0.5) !default;\n\n// --------------------\n// inputs\n$mdb-input-placeholder-color: #AAAAAA !default;\n$mdb-input-underline-color: #D2D2D2 !default;\n\n$mdb-input-font-size-base: 14px !default;\n$mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px\n$mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px\n\n$bmd-bmd-label-static-size-ratio: 75 / 100 !default;\n$bmd-help-size-ratio: 75 / 100 !default;\n\n$bmd-form-control-bg-repeat-y: no-repeat !default;\n$bmd-form-control-bg-position: center bottom, center calc(100% - 1px) !default;\n$bmd-form-control-bg-size: 0 100%, 100% 100% !default;\n$bmd-form-control-bg-size-active: 100% 100%, 100% 100% !default;\n\n// expandable\n$input-text-button-size: 32px !default;\n\n// sizing\n$bmd-form-line-height: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-base: 1rem !default;\n\n$bmd-form-line-height-lg: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-lg: 1rem !default; // 16px\n\n$bmd-form-line-height-sm: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-sm: .75rem !default; // 12px\n\n$text-disabled: #a8a8a8 !default;\n$background-disabled: #eaeaea !default;\n\n$margin-base: 1.071rem !default;\n\n\n// Checkboxes\n$bmd-checkbox-size: 1.25rem !default;\n$bmd-checkbox-animation-ripple: 500ms !default;\n$bmd-checkbox-animation-check: 0.3s !default;\n$bmd-checkbox-checked-color: $white !default;\n$bmd-checkbox-label-padding: .3125rem !default; // 5px\n$checkboxes-text-color: $mdb-input-placeholder-color !default;\n\n$bmd-checkbox-border-size: .0625rem !default;\n$bmd-checkbox-border-color: $bmd-label-color-inner-focus !default;\n$bmd-checkbox-border-color-disabled: $gray-lighter !default; //#bdbdbd !default;\n\n// Toggle\n$mdb-toggle-label-color: $mdb-label-color !default;\n\n// Variables for datetimepicker //\n$padding-default-vertical: 10px !default;\n$medium-pale-bg: #F1EAE0 !default;\n$pale-bg: #F9F7F3 !default;\n\n\n$font-color: #66615b !default;\n\n$brand-default: #cecece !default;\n$brand-primary: $purple !default;\n$brand-success: $green !default;\n$brand-danger: $red !default;\n$brand-warning: $orange !default;\n$brand-info: $cyan !default;\n$brand-rose: $pink !default;\n\n$black-color: #3C4858 !default;\n\n// Dropdowns\n\n$dropdown-item-padding-y: .625rem;\n$dropdown-item-padding-x: 1.25rem;\n$dropdown-header-padding-y: 0.1875rem;\n$bmd-dropdown-margin-y: .3125rem !default;\n$bmd-dropdown-header-color: #777 !default;\n$bmd-dropdown-link-color: #333 !default;\n\n// Switches\n$bmd-switch-label-padding: .3125rem !default; // 5px\n$bmd-switch-width: 2.125rem !default; // 34px\n$bmd-switch-height: .875rem !default; // 14px\n$bmd-switch-handle-size: 1.25rem !default; // 20px (was 18px)\n\n$bmd-switch-handle-checked-bg: $brand-primary !default;\n$bmd-switch-handle-unchecked-bg: #f1f1f1 !default;\n$bmd-switch-handle-disabled-bg: #bdbdbd !default;\n$bmd-switch-unchecked-bg: $gray-lighter !default;\n$bmd-switch-checked-bg: desaturate(\n lighten($bmd-switch-handle-checked-bg, 28%),\n 32%\n); // kind of magic recipe\n$bmd-switch-disabled-bg: $gray-lighter !default;\n\n// Popovers and Popups\n$bmd-popover-background: rgba(101, 101, 101, 0.9) !default;\n$bmd-popover-color: #ececec !default;\n\n// Radio:\n$bmd-radio-border: .0625rem !default; // 1px\n$bmd-radio-size: 1rem !default;\n$bmd-radio-ripple-offset: 1em !default;\n$bmd-radio-label-padding: .3125rem !default; // 5px\n\n$bmd-radio-color-off: $bmd-label-color-inner-focus !default;\n$bmd-radio-color-on: $brand-primary !default;\n$bmd-radio-color-disabled: $gray-lighter; //\n$bmd-radio-color-disabled-inverse: rgba(\n $white,\n 0.30\n); // dark theme spec: Disabled: #FFFFFF, Opacity 30%\n\n$white-color: #fff !default;\n$navbar-color: #555 !default;\n$pills-color: $navbar-color !default;\n$black-color: #3C4858 !default;\n$link-color: $brand-primary;\n$white-transparent: rgba($white-color, .8);\n$transparent: transparent;\n\n//Popovers\n$popover-color: $navbar-color !default;\n\n//Tooltips\n$tooltip-font-size: 0.75rem !default;\n\n// Background colors\n$bg-primary: $brand-primary;\n$bg-danger: $brand-danger;\n$bg-warning: $brand-warning;\n$bg-info: $brand-info;\n$bg-rose: $brand-rose;\n$bg-success: $brand-success;\n$bg-dark: $grey-900;\n\n//Paddings\n$padding-general-y: 0.625rem !default;\n$padding-general-x: 0.9375rem !default;\n$padding-card-body-y: 0.9375rem !default;\n$padding-card-body-x: 1.875rem !default;\n\n// Buttons:\n$mdb-btn-font-size-base: 12px !default;\n$mdb-btn-font-size-lg: 14px !default;\n$mdb-btn-font-size-sm: 11px !default;\n$mdb-btn-font-size-xs: 10px !default;\n\n$mdb-btn-fab-size: 41px !default;\n$mdb-btn-fab-size-lg: 56px !default;\n$mdb-btn-fab-size-mini: 29px !default;\n$mdb-btn-fab-font-size: 24px !default;\n$mdb-btn-just-icon-font-size: 20px !default;\n\n$mdb-btn-icon-size: 32px !default;\n$mdb-btn-icon-size-mini: 17px !default;\n\n$bmd-line-height: 1.42857143 !default;\n$btn-lg-line-height: 1.3333333 !default;\n\n//Font-weight\n$font-weight-light: 300 !default;\n$font-weight-default: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-extra-bold: 700 !default;\n$font-weight-ultra-bold: 900 !default;\n\n//Border-radius\n$border-radius-base: 3px !default;\n$border-radius-small: 2px !default;\n$border-radius-large: 6px !default;\n$border-radius-huge: 10px !default;\n$border-radius-label: 12px !default;\n$border-radius-extreme: 30px !default;\n\n// Animations\n$bmd-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$bmd-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;\n$bmd-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;\n$bmd-animation-curve-default: $bmd-animation-curve-fast-out-slow-in !default;\n$bmd-animation-dropdown-caret: 150ms !default;\n$general-transition-time: 300ms !default;\n\n$slow-transition-time: 370ms !default;\n$fast-transition-time: 150ms !default;\n\n$transition-linear: linear !default;\n$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n$transition-bezier-rotating-card: cubic-bezier(0.34, 1.45, 0.7, 1) !default;\n$transition-ease: ease 0s;\n\n//variables for social\n$social-facebook: \t\t\t#3b5998;\n$social-twitter: \t\t\t#55acee;\n$social-pinterest: \t\t\t#cc2127;\n$social-google: \t\t\t#dd4b39;\n$social-linkedin: \t\t\t#0976b4;\n$social-dribbble: \t\t\t#ea4c89;\n$social-github: \t\t\t#333333;\n$social-youtube: \t\t\t#e52d27;\n$social-instagram: \t\t #125688;\n$social-reddit: \t\t\t#ff4500;\n$social-tumblr: \t\t\t#35465c;\n$social-behance: \t\t\t#1769ff;\n\n\n// Variables for checkboxes\n\n$mdb-label-color: unquote(\"rgba(#{$rgb-black}, 0.26)\") !default;\n$mdb-label-color-toggle-focus: unquote(\"rgba(#{$rgb-black}, .54)\") !default;\n\n$mdb-checkbox-size: 20px !default;\n$mdb-checkbox-animation-ripple: 500ms !default;\n$mdb-checkbox-animation-check: 0.3s !default;\n$mdb-checkbox-checked-color: $brand-primary !default;\n\n$mdb-checkbox-label-color: $mdb-label-color !default;\n$mdb-checkbox-border-color: $mdb-label-color-toggle-focus !default;\n\n// Radio:\n$mdb-radio-label-color: $mdb-label-color !default;\n$mdb-radio-color-off: $mdb-label-color-toggle-focus !default;\n$mdb-radio-color-on: $brand-primary !default;\n", + "@import \"mixins/utilities\";\n@import \"mixins/breakpoints\";\n@import \"mixins/animations\";\n@import \"mixins/type\";\n@import \"mixins/layout\";\n@import \"mixins/drawer\";\n@import \"mixins/forms\";\n@import \"mixins/buttons\";\n@import \"mixins/hover\";\n@import \"mixins/navs\";\n@import \"mixins/colored-shadows\";\n@import \"mixins/navbar-colors\";\n@import \"mixins/alert\";\n", + "@function calc-top($line-height-base, $font-size, $component-height) {\n @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height\n}\n\n// Emulate the less #contrast function\n// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)\n// contrast-color and brightness borrowed from compass\n// Copyright (c) 2009-2014 Christopher M. Eppstein\n// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown\n@function contrast-color($color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: null) {\n @if $threshold {\n // Deprecated in Compass 0.13\n @warn \"The $threshold argment to contrast-color is no longer needed and will be removed in the next release.\";\n }\n\n @if $color == null {\n @return null;\n } @else {\n $color-brightness: brightness($color);\n $dark-text-brightness: brightness($dark);\n $light-text-brightness: brightness($light);\n @return if(abs($color-brightness - $light-text-brightness) > abs($color-brightness - $dark-text-brightness), $light, $dark);\n }\n}\n\n@function brightness($color) {\n @if type-of($color) == color {\n @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;\n } @else {\n @return unquote(\"brightness(#{$color})\");\n }\n}\n\n@mixin linear-gradient($color1, $color2){\n background: $color1; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(60deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */\n background: -o-linear-gradient(60deg, $color1, $color2); /* For Opera 11.1 to 12.0 */\n background: -moz-linear-gradient(60deg, $color1, $color2); /* For Firefox 3.6 to 15 */\n background: linear-gradient(60deg, $color1 , $color2); /* Standard syntax */\n}\n\n@mixin radial-gradient($extern-color, $center-color){\n background: $extern-color;\n background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */\n background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */\n background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */\n background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */\n background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */\n background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */\n background-size: 550% 450%;\n}\n\n@mixin badges-color($color){\n .tag{\n background-color: $color;\n color: $white-color;\n\n .tagsinput-remove-link{\n color: $white-color;\n }\n }\n // .tagsinput-add{\n // color: $color;\n // }\n}\n\n@mixin create-colored-badges(){\n &.primary-badge{\n @include badges-color($brand-primary);\n }\n &.info-badge {\n @include badges-color($brand-info);\n }\n &.success-badge{\n @include badges-color($brand-success);\n }\n &.warning-badge{\n @include badges-color($brand-warning);\n }\n &.danger-badge{\n @include badges-color($brand-danger);\n }\n &.rose-badge{\n @include badges-color($brand-rose);\n }\n}\n\n@mixin badge-color() {\n &.badge-primary{\n background-color: $brand-primary;\n }\n &.badge-info {\n background-color: $brand-info;\n }\n &.badge-success{\n background-color: $brand-success;\n }\n &.badge-warning{\n background-color: $brand-warning;\n }\n &.badge-danger{\n background-color: $brand-danger;\n }\n &.badge-rose{\n background-color: $brand-rose;\n }\n &.badge-default{\n background-color: $gray-light;\n }\n}\n", + "// case where behavior is responsive, or with a marker class\n@mixin media-breakpoint-down-or($breakpoint, $name) {\n #{unquote($name)} {\n @content;\n }\n\n @include media-breakpoint-down($breakpoint) {\n @content;\n }\n}\n\n// case where behavior is responsive, or with a marker class\n@mixin media-breakpoint-up-or($breakpoint, $name) {\n #{unquote($name)} {\n @content;\n }\n\n @include media-breakpoint-up($breakpoint) {\n @content;\n }\n}\n\n// Name of the previous breakpoint, or null\n//\n// >> breakpoint-next(sm)\n// xs\n// >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px))\n// xs\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))\n// xs\n@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n > 1, nth($breakpoint-names, $n - 1), null);\n}\n", + "// Animations (from mdl http://www.getmdl.io/)\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-default;\n}\n\n@mixin rotate-180() {\n -webkit-transform: rotate( 180deg );\n -moz-transform: rotate( 180deg );\n -o-transform: rotate( 180deg );\n -ms-transform: rotate(180deg);\n transform: rotate( 180deg );\n}\n\n// Nvabar burger animations (on close)\n\n@mixin bar-animation($type){\n -webkit-animation: $type 500ms linear 0s;\n -moz-animation: $type 500ms linear 0s;\n animation: $type 500ms 0s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n\n@mixin topbar-x-rotation(){\n @keyframes topbar-x {\n 0% {top: 0px; transform: rotate(0deg); }\n 45% {top: 6px; transform: rotate(145deg); }\n 75% {transform: rotate(130deg); }\n 100% {transform: rotate(135deg); }\n }\n @-webkit-keyframes topbar-x {\n 0% {top: 0px; -webkit-transform: rotate(0deg); }\n 45% {top: 6px; -webkit-transform: rotate(145deg); }\n 75% {-webkit-transform: rotate(130deg); }\n 100% { -webkit-transform: rotate(135deg); }\n }\n @-moz-keyframes topbar-x {\n 0% {top: 0px; -moz-transform: rotate(0deg); }\n 45% {top: 6px; -moz-transform: rotate(145deg); }\n 75% {-moz-transform: rotate(130deg); }\n 100% { -moz-transform: rotate(135deg); }\n }\n}\n\n@mixin topbar-back-rotation(){\n @keyframes topbar-back {\n 0% { top: 6px; transform: rotate(135deg); }\n 45% { transform: rotate(-10deg); }\n 75% { transform: rotate(5deg); }\n 100% { top: 0px; transform: rotate(0); }\n }\n\n @-webkit-keyframes topbar-back {\n 0% { top: 6px; -webkit-transform: rotate(135deg); }\n 45% { -webkit-transform: rotate(-10deg); }\n 75% { -webkit-transform: rotate(5deg); }\n 100% { top: 0px; -webkit-transform: rotate(0); }\n }\n\n @-moz-keyframes topbar-back {\n 0% { top: 6px; -moz-transform: rotate(135deg); }\n 45% { -moz-transform: rotate(-10deg); }\n 75% { -moz-transform: rotate(5deg); }\n 100% { top: 0px; -moz-transform: rotate(0); }\n }\n}\n\n@mixin bottombar-x-rotation(){\n @keyframes bottombar-x {\n 0% {bottom: 0px; transform: rotate(0deg);}\n 45% {bottom: 6px; transform: rotate(-145deg);}\n 75% {transform: rotate(-130deg);}\n 100% {transform: rotate(-135deg);}\n }\n @-webkit-keyframes bottombar-x {\n 0% {bottom: 0px; -webkit-transform: rotate(0deg);}\n 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}\n 75% {-webkit-transform: rotate(-130deg);}\n 100% {-webkit-transform: rotate(-135deg);}\n }\n @-moz-keyframes bottombar-x {\n 0% {bottom: 0px; -moz-transform: rotate(0deg);}\n 45% {bottom: 6px; -moz-transform: rotate(-145deg);}\n 75% {-moz-transform: rotate(-130deg);}\n 100% {-moz-transform: rotate(-135deg);}\n }\n}\n\n@mixin bottombar-back-rotation{\n @keyframes bottombar-back {\n 0% { bottom: 6px;transform: rotate(-135deg);}\n 45% { transform: rotate(10deg);}\n 75% { transform: rotate(-5deg);}\n 100% { bottom: 0px;transform: rotate(0);}\n }\n @-webkit-keyframes bottombar-back {\n 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}\n 45% {-webkit-transform: rotate(10deg);}\n 75% {-webkit-transform: rotate(-5deg);}\n 100% {bottom: 0px;-webkit-transform: rotate(0);}\n }\n @-moz-keyframes bottombar-back {\n 0% {bottom: 6px;-moz-transform: rotate(-135deg);}\n 45% {-moz-transform: rotate(10deg);}\n 75% {-moz-transform: rotate(-5deg);}\n 100% {bottom: 0px;-moz-transform: rotate(0);}\n }\n\n}\n\n\n@mixin transform-scale($value){\n -webkit-transform: scale($value);\n -moz-transform: scale($value);\n -o-transform: scale($value);\n -ms-transform: scale($value);\n transform: scale($value);\n}\n\n@mixin rotateY-180() {\n -webkit-transform: rotateY( 180deg );\n -moz-transform: rotateY( 180deg );\n -o-transform: rotateY( 180deg );\n -ms-transform: rotateY(180deg);\n transform: rotateY( 180deg );\n}\n\n@mixin transitions($time, $type){\n -webkit-transition: all $time $type;\n -moz-transition: all $time $type;\n -o-transition: all $time $type;\n -ms-transition: all $time $type;\n transition: all $time $type;\n}\n\n@mixin transitions-property($property, $time, $type){\n -webkit-transition: $property $time $type;\n -moz-transition: $property $time $type;\n -o-transition: $property $time $type;\n -ms-transition: $property $time $type;\n transition: $property $time $type;\n}\n\n@mixin transform-translate-x($value){\n -webkit-transform: translate3d($value, 0, 0);\n -moz-transform: translate3d($value, 0, 0);\n -o-transform: translate3d($value, 0, 0);\n -ms-transform: translate3d($value, 0, 0);\n transform: translate3d($value, 0, 0);\n}\n\n@mixin transform-translate-y($value){\n -webkit-transform: translate3d(0,$value, 0);\n -moz-transform: translate3d(0, $value, 0);\n -o-transform: translate3d(0, $value, 0);\n -ms-transform: translate3d(0, $value, 0);\n transform: translate3d(0, $value, 0);\n}\n\n@mixin perspective($value){\n -webkit-perspective: $value;\n -moz-perspective: $value;\n -o-perspective: $value;\n -ms-perspective: $value;\n perspective: $value;\n}\n\n@mixin transform-style($type){\n -webkit-transform-style: $type;\n -moz-transform-style: $type;\n -o-transform-style: $type;\n -ms-transform-style: $type;\n transform-style: $type;\n}\n\n@mixin backface-visibility($type){\n -webkit-backface-visibility: $type;\n -moz-backface-visibility: $type;\n -o-backface-visibility: $type;\n -ms-backface-visibility: $type;\n backface-visibility: $type;\n}\n", + "@mixin headings() {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n @content;\n }\n}\n\n// 14sp font\n%std-font {\n font-size: .875rem;\n}\n", + "// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode\n@mixin bmd-layout-backdrop-in() {\n > .bmd-layout-backdrop {\n .in {\n visibility: visible;\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n @supports (pointer-events: auto) {\n &.in {\n pointer-events: auto;\n opacity: 1;\n }\n }\n }\n}\n", + "// Mixins to allow creation of additional custom drawer sizes when using the defaults at the same time\n\n@mixin bmd-drawer-x-out($size) {\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-drawer {\n // position\n top: 0;\n #{$side}: 0;\n\n width: $size;\n height: 100%;\n\n @if $side == left {\n transform: translateX(\n -$size - 10px\n ); // initial position of drawer (closed), way off screen\n } @else {\n transform: translateX(\n $size + 10px\n ); // initial position of drawer (closed), way off screen\n }\n }\n\n > .bmd-layout-header,\n > .bmd-layout-content {\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-out($size) {\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-drawer {\n // position\n #{$side}: 0;\n left: 0;\n\n width: 100%;\n height: $size;\n\n @if $side == top {\n transform: translateY(\n -$size - 10px\n ); // initial position of drawer (closed), way off screen\n } @else {\n transform: translateY(\n $size + 10px\n ); // initial position of drawer (closed), way off screen\n }\n }\n\n > .bmd-layout-content {\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@function bmd-drawer-breakpoint-name($breakpoint, $suffix: \"\") {\n // e.g. &, &-sm, &-md, &-lg\n $name: \"&-#{$breakpoint}#{$suffix}\";\n @if $breakpoint == xs {\n $name: \"&\";\n }\n @return $name;\n}\n\n@mixin bmd-drawer-x-in($size) {\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n // Push - drawer will push the header and content (default behavior)\n > .bmd-layout-header {\n width: calc(100% - #{$size});\n margin-#{$side}: $size;\n }\n\n > .bmd-layout-drawer {\n transform: translateX(0);\n }\n\n > .bmd-layout-content {\n margin-#{$side}: $size;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-in($size) {\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n // 1. Push - drawer will push the header or content\n > .bmd-layout-header {\n @if $side == top {\n // only add margin-top on a header when the drawer is at the top\n margin-#{$side}: $size;\n }\n }\n\n > .bmd-layout-drawer {\n transform: translateY(0);\n }\n\n > .bmd-layout-content {\n @if $side == bottom {\n // only add margin-bottom on content when the drawer is at the bottom\n margin-#{$side}: $size;\n }\n }\n }\n }\n}\n\n// breakpoint based open to a particular size\n@mixin bmd-drawer-x-in-up($size, $breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-up\");\n\n .bmd-drawer-in {\n #{unquote($name)} {\n // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg\n\n @if $breakpoint == xs {\n // bmd-drawer-in marker class (non-responsive)\n @include bmd-drawer-x-in($size);\n } @else {\n // responsive class\n @include media-breakpoint-up($breakpoint) {\n // bmd-drawer-f-(left and right) styles\n @include bmd-drawer-x-in($size);\n }\n }\n }\n }\n}\n\n// breakpoint based open to a particular size\n@mixin bmd-drawer-y-in-up($size, $breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-up\");\n\n .bmd-drawer-in {\n #{unquote($name)} {\n // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg\n\n @if $breakpoint == xs {\n // bmd-drawer-in marker class (non-responsive)\n @include bmd-drawer-y-in($size);\n } @else {\n // responsive class\n @include media-breakpoint-up($breakpoint) {\n // bmd-drawer-f-(left and right) styles\n @include bmd-drawer-y-in($size);\n }\n }\n }\n }\n}\n\n@mixin bmd-drawer-x-overlay() {\n @include bmd-layout-backdrop-in();\n\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-header,\n > .bmd-layout-content {\n width: 100%;\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-overlay() {\n @include bmd-layout-backdrop-in();\n\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-header {\n @if $side == top {\n // only add margin-top on a header when the drawer is at the top\n margin-#{$side}: 0;\n }\n }\n\n > .bmd-layout-content {\n @if $side == bottom {\n // only add margin-bottom on content when the drawer is at the bottom\n margin-#{$side}: 0;\n }\n }\n }\n }\n}\n\n// Overlay - left/right responsive overlay classes and marker class\n@mixin bmd-drawer-x-overlay-down($breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-down\");\n\n .bmd-drawer-overlay {\n #{unquote($name)} {\n // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg\n\n // x - left/right\n\n @if $breakpoint == xs {\n // overlay marker class (non-responsive)\n\n // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the\n // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)\n &.bmd-drawer-overlay {\n @include bmd-drawer-x-overlay();\n }\n } @else {\n @include media-breakpoint-down($breakpoint) {\n // overlay responsive class\n @include bmd-drawer-x-overlay();\n }\n }\n }\n }\n}\n\n// Overlay - top/bottom responsive overlay classes and marker class\n@mixin bmd-drawer-y-overlay-down($breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-down\");\n\n .bmd-drawer-overlay {\n #{unquote($name)} {\n // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg\n //// y - top/bottom\n\n @if $breakpoint == xs {\n // overlay marker class (non-responsive)\n\n // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the\n // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)\n &.bmd-drawer-overlay {\n @include bmd-drawer-y-overlay();\n }\n } @else {\n @include media-breakpoint-down($breakpoint) {\n // overlay responsive class\n @include bmd-drawer-y-overlay();\n }\n }\n }\n }\n}\n", + "@mixin bmd-disabled() {\n fieldset[disabled][disabled] &,\n &.disabled,\n &:disabled,\n &[disabled] {\n @content;\n }\n}\n\n// Placeholder text\n@mixin material-placeholder() {\n &::-moz-placeholder {@content; } // Firefox\n &:-ms-input-placeholder {@content; } // Internet Explorer 10+\n &::-webkit-input-placeholder {@content; } // Safari and Chrome\n}\n\n@mixin bmd-selection-color() {\n .radio label,\n .radio-inline,\n .checkbox label,\n .checkbox-inline,\n .switch label {\n // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)\n //color: $bmd-label-color;\n\n &,\n .is-focused & {\n // form-group focus could change multiple checkboxes/radios, disable that change by using the same color as non-form-group is-focused\n color: $bmd-label-color;\n\n // correct the above focus color for disabled items\n label:has(input[type=radio][disabled]),\n // css 4 which is unlikely to work for a while, but no other pure css way.\n label:has(input[type=checkbox][disabled]),\n // css 4\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus {\n color: $bmd-label-color;\n }\n }\n }\n }\n\n // Style for disabled inputs OLD, use color approach with opacity built in, see radios\n //fieldset[disabled] &,\n //fieldset[disabled] & input[type=checkbox],\n //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check::before,\n //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check,\n //input[type=checkbox][disabled] + .bmd-radio-outer-circle {\n // opacity: 0.5;\n //}\n}\n\n@mixin bmd-radio-color($color) {\n &::after {\n border-color: $color;\n }\n &::before {\n background-color: $color;\n }\n}\n\n\n@mixin bmd-form-color($label-color, $label-color-focus, $border-color, $line-color) {\n [class^='bmd-label'],\n [class*=' bmd-label'] {\n color: $label-color;\n }\n\n // override BS and keep the border-color normal/grey so that overlaid focus animation draws attention\n .form-control {\n // underline animation color on focus\n $underline-background-image: linear-gradient(\n to top,\n $label-color-focus 2px,\n fade-out($label-color-focus, 1) 2px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-invalid: linear-gradient(\n to top,\n $bmd-invalid-underline 2px,\n fade-out($bmd-invalid-underline, 1) 2px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-readonly: linear-gradient(\n to top,\n $bmd-readonly-underline 1px,\n fade-out($bmd-readonly-underline, 1) 1px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-disabled: linear-gradient(\n to right,\n $line-color 0%,\n $line-color 30%,\n transparent 30%,\n transparent 100%\n );\n\n // bg image is always there, we just need to reveal it\n &,\n .is-focused & {\n background-image: $underline-background-image;\n }\n\n &:invalid {\n background-image: $underline-background-image-invalid;\n }\n\n &:read-only {\n background-image: $underline-background-image-readonly;\n }\n\n @include bmd-disabled() {\n background-image: $underline-background-image-disabled;\n background-repeat: repeat-x;\n background-size: 3px 1px;\n }\n\n // allow underline focus image and validation images to coexist\n &.form-control-success {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-success;\n }\n }\n &.form-control-warning {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-warning;\n }\n }\n &.form-control-danger {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-danger;\n }\n }\n }\n\n .is-focused{\n // may or may not be a form-group or bmd-form-group\n // on focus set borders and labels to the validation color\n\n // Use the BS provided mixin for the bulk of the color\n @include form-validation-state(\"valid\", $label-color);\n\n [class^='bmd-label'],\n [class*=' bmd-label'] {\n color: $label-color-focus;\n }\n\n .bmd-label-placeholder {\n color: $label-color; // keep the placeholder color\n }\n\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: $border-color;\n }\n\n // Set validation states also for addons\n //.input-group-addon {\n // border-color: $border-color;\n //}\n\n .bmd-help {\n color: $bmd-label-color-inner-focus;\n }\n }\n}\n\n// must be broken out for reuse - webkit selector breaks firefox\n@mixin bmd-label-static($label-top, $static-font-size) {\n top: $label-top;\n left: 0;\n // must repeat because the previous (more generic) selectors\n font-size: $static-font-size;\n}\n\n@mixin bmd-form-size-variant($font-size, $label-top-margin, $variant-padding-y, $variant-line-height, $form-group-context: null) {\n $variant-input-height: (\n ($font-size * $variant-line-height) + ($variant-padding-y * 2)\n );\n // $static-font-size: ($bmd-bmd-label-static-size-ratio * $font-size);\n $floating-font-size: 0.6875rem;\n $static-font-size: 0.875rem;\n $help-font-size: ($bmd-help-size-ratio * $font-size);\n\n $label-static-top: $label-top-margin;\n $label-placeholder-top: $label-top-margin + $static-font-size +\n $variant-padding-y;\n\n //@debug \"font-size: #{$font-size} static-font-size: #{$static-font-size} help-font-size: #{$help-font-size} form-group-context: #{$form-group-context} \";\n\n //Label height: 72dp\n //Padding above label text: 16dp\n //Padding between label and input text: 8dp\n //Padding below input text (including divider): 16dp\n //Padding below text divider: 8dp\n\n // @if $form-group-context {\n // // Create a space at the top of the bmd-form-group for the label.\n // // The label is absolutely positioned, so we use top padding to make space. This padding extends over the label down to the top of the input (padding).\n // padding-top: ($label-top-margin + $static-font-size);\n // // note: bottom-margin of this is determined by $spacer. @see _spacer.scss\n // //margin-bottom: (1.5 * $help-font-size);\n // }\n\n // TODO: remove this when known stable. https://github.com/FezVrasta/bootstrap-material-design/issues/849\n //@else {\n //\n // // for radios and checkboxes without a form-group, add some extra vertical spacing to pad down so that\n // // any help text above is not encroached upon, or so that it appears more evenly spaced vs form-groups\n // .radio,\n // label.radio-inline,\n // .checkbox,\n // label.checkbox-inline,\n // .switch {\n // padding-top: $spacer-y;\n // }\n //}\n\n // Set all line-heights preferably to 1 so that we can space out everything manually without additional added space\n // from the default line-height of 1.5\n .form-control,\n label,\n input::placeholder {\n line-height: $variant-line-height + 0.1;\n }\n\n label{\n color: $mdb-input-placeholder-color;\n }\n\n .radio label,\n label.radio-inline,\n .checkbox label,\n label.checkbox-inline,\n .switch label {\n line-height: $line-height-base; // keep the same line height for radios and checkboxes\n }\n\n // Note: this may be inside or outside a form-group, may be .bmd-form-group.bmd-form-group-sm or .bmd-form-group.bmd-form-group-lg\n // input::placeholder {\n // font-size: $font-size;\n // }\n\n // generic labels used anywhere in the form\n .checkbox label,\n .radio label,\n label {\n font-size: $font-size-sm;\n }\n\n // floating/placeholder default (no focus)\n .bmd-label-floating,\n .bmd-label-placeholder {\n //@debug \"top: #{$label-as-placeholder-top}\";\n top: $label-placeholder-top; // place the floating label to look like a placeholder with input padding\n }\n\n // floating focused/filled will look like static\n .is-focused,\n .is-filled {\n .bmd-label-floating {\n @include bmd-label-static($label-static-top, $floating-font-size);\n }\n }\n\n // static\n .bmd-label-static {\n @include bmd-label-static($label-static-top - 0.65, $static-font-size);\n }\n // #559 Fix for webkit/chrome autofill - rule must be separate because it breaks firefox otherwise #731\n //input:-webkit-autofill ~ .bmd-label-floating { FIXME: confirm that the autofill js generation of change event makes this unnecessary\n // @include bmd-label-static($label-top, $static-font-size, $static-line-height);\n //}\n\n .bmd-help {\n margin-top: 0; // allow the input margin to set-off the top of the help-block\n font-size: $help-font-size;\n }\n\n // validation icon placement\n .form-control {\n &.form-control-success,\n &.form-control-warning,\n &.form-control-danger {\n $icon-bg-size: ($variant-input-height * .5) ($variant-input-height * .5);\n background-size: $bmd-form-control-bg-size, $icon-bg-size;\n\n &,\n &:focus,\n .bmd-form-group.is-focused & {\n padding-right: ($input-padding-x * 3);\n background-repeat: $bmd-form-control-bg-repeat-y, no-repeat;\n background-position: $bmd-form-control-bg-position,\n center right ($variant-input-height * .25);\n }\n\n &:focus,\n .bmd-form-group.is-focused & {\n background-size: $bmd-form-control-bg-size-active, $icon-bg-size;\n }\n }\n }\n}\n\n@mixin mdb-label-color-toggle-focus(){\n // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)\n .form-group.is-focused & {\n color: $mdb-label-color;\n\n // on focus just darken the specific labels, do not turn them to the brand-primary\n &:hover,\n &:focus {\n color: $mdb-label-color-toggle-focus;\n }\n\n // correct the above focus color for disabled items\n fieldset[disabled] & {\n color: $mdb-label-color;\n }\n }\n}\n\n@mixin animation($value){\n -webkit-animation: $value;\n -moz-animation: $value;\n -o-animation: $value;\n -ms-animation: $value;\n animation: $value;\n}\n\n@mixin transform-scale3d($value){\n -webkit-transform: scale3d($value);\n -moz-transform: scale3d($value);\n -o-transform: scale3d($value);\n -ms-transform: scale3d($value);\n transform: scale3d($value);\n}\n\n@mixin create-colored-tags(){\n &.tag-primary{\n @include tag-color($brand-primary);\n }\n &.tag-info {\n @include tag-color($brand-info);\n }\n &.tag-success{\n @include tag-color($brand-success);\n }\n &.tag-warning{\n @include tag-color($brand-warning);\n }\n &.tag-danger{\n @include tag-color($brand-danger);\n }\n &.tag-rose{\n @include tag-color($brand-rose);\n }\n}\n@mixin tag-color ($color){\n .tag{\n background-color: $color;\n color: $white-color;\n .tagsinput-remove-link{\n color: $white-color;\n }\n }\n .tagsinput-add{\n color: $color;\n }\n}\n\n\n// variations(unquote(\"\"), background-color, #FFF);\n@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) {\n // @include generic-variations($component, $selector-suffix, $color-default, \"variations-content\", $mdb-param-1);\n}\n", + "// from bs mixins/buttons button-variant\n@mixin bmd-button-variant($color, $background, $focus-background, $active-background, $border, $focus-border, $active-border) {\n color: $color;\n background-color: $background;\n border-color: $border;\n\n @include hover {\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n }\n\n &:focus,\n &.focus,\n &:hover{\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n }\n\n &:active,\n &.active,\n .open > &.dropdown-toggle,\n .show > &.dropdown-toggle {\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n @include shadow-2dp-color($background);\n\n &:hover,\n &:focus,\n &.focus {\n color: $color;\n background-color: $active-background;\n border-color: $active-border;\n }\n }\n\n // when it is an icon, kill the active bg on open dropdown, but stabilize on hover\n .open > &.dropdown-toggle.bmd-btn-icon {\n color: inherit;\n background-color: $background;\n\n // leave hover on with the lighter focus color\n &:hover {\n background-color: $focus-background;\n }\n }\n\n &.disabled,\n &:disabled {\n &:focus,\n &.focus {\n background-color: $background;\n border-color: $border;\n }\n @include hover {\n background-color: $background;\n border-color: $border;\n }\n }\n}\n\n@mixin bmd-flat-button-variant(\n $color,\n $border: $bmd-btn-border,\n $focus-border: $bmd-btn-focus-bg,\n $active-border: $bmd-btn-active-bg\n) {\n $background: $bmd-btn-bg;\n $focus-background: $bmd-btn-focus-bg;\n $active-background: $bmd-btn-active-bg;\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n\n // inverse color scheme\n .bg-inverse & {\n $focus-background: $bmd-inverse-btn-focus-bg;\n $focus-border: $bmd-inverse-btn-focus-bg;\n\n $active-background: $bmd-inverse-btn-active-bg;\n $active-border: $bmd-inverse-btn-active-bg;\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n }\n\n // reverse the above for links\n &.btn-link {\n background-color: transparent;\n }\n}\n\n@mixin bmd-flat-button-color() {\n @include bmd-flat-button-variant($bmd-btn-color);\n\n // flat bg with text color variations\n &.btn-primary {\n @include bmd-flat-button-variant($btn-primary-bg);\n }\n &.btn-secondary {\n @include bmd-flat-button-variant($btn-secondary-color);\n }\n &.btn-info {\n @include bmd-flat-button-variant($btn-info-bg);\n }\n &.btn-success {\n @include bmd-flat-button-variant($btn-success-bg);\n }\n &.btn-warning {\n @include bmd-flat-button-variant($btn-warning-bg);\n }\n &.btn-danger {\n @include bmd-flat-button-variant($btn-danger-bg);\n }\n}\n\n@mixin bmd-outline-button-color() {\n &.btn-outline,\n &.btn-outline-primary,\n &.btn-outline-secondary,\n &.btn-outline-info,\n &.btn-outline-success,\n &.btn-outline-warning,\n &.btn-outline-danger {\n border-color: currentColor;\n border-style: solid;\n border-width: 1px;\n }\n\n // flat bg with text and border color variations\n &.btn-outline {\n @include bmd-flat-button-variant($bmd-btn-color, $bmd-btn-color, $bmd-btn-color, $bmd-btn-color);\n }\n &.btn-outline-primary {\n @include bmd-flat-button-variant($btn-primary-bg, $btn-primary-bg, $btn-primary-bg, $btn-primary-bg);\n }\n &.btn-outline-secondary {\n @include bmd-flat-button-variant($btn-secondary-color, $btn-secondary-color, $btn-secondary-color, $btn-secondary-color);\n }\n &.btn-outline-info {\n @include bmd-flat-button-variant($btn-info-bg, $btn-info-bg, $btn-info-bg, $btn-info-bg);\n }\n &.btn-outline-success {\n @include bmd-flat-button-variant($btn-success-bg, $btn-success-bg, $btn-success-bg, $btn-success-bg);\n }\n &.btn-outline-warning {\n @include bmd-flat-button-variant($btn-warning-bg, $btn-warning-bg, $btn-warning-bg, $btn-warning-bg);\n }\n &.btn-outline-danger {\n @include bmd-flat-button-variant($btn-danger-bg, $btn-danger-bg, $btn-danger-bg, $btn-danger-bg);\n }\n}\n\n@mixin bmd-raised-button-variant($color, $background, $border) {\n // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only?\n $focus-background: contrast-color(\n $background,\n darken($background, 3%),\n lighten($background, 3%)\n );\n //$focus-background: darken($background, 10%); // default bootstrap\n $focus-border: darken($border, 12%);\n\n $active-background: $focus-background;\n //$active-background: darken($background, 17%);\n $active-border: darken($border, 25%);\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n\n @include shadow-2dp-color($background);\n\n &:focus,\n &:active,\n &:hover{\n // remove this line if you want black shadows\n @include button-shadow-color($background);\n }\n\n &.btn-link{\n background-color: transparent;\n color: $background;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active{\n background-color: transparent;\n color: $background;\n }\n }\n\n}\n\n@mixin bmd-raised-button-color() {\n &.btn-primary {\n @include bmd-raised-button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border-color);\n }\n &.btn-secondary {\n @include bmd-raised-button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border-color);\n }\n &.btn-info {\n @include bmd-raised-button-variant($btn-info-color, $btn-info-bg, $btn-info-border-color);\n }\n &.btn-success {\n @include bmd-raised-button-variant($btn-success-color, $btn-success-bg, $btn-success-border-color);\n }\n &.btn-warning {\n @include bmd-raised-button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border-color);\n }\n &.btn-danger {\n @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color);\n }\n &.btn-rose {\n @include bmd-raised-button-variant($btn-rose-color, $btn-rose-bg, $btn-rose-border-color);\n }\n &,\n &.btn-default{\n @include bmd-raised-button-variant($btn-default-color, $btn-default-bg, $btn-default-border-color);\n }\n}\n\n@mixin bmd-social-buttons(){\n &.btn-facebook {\n @include bmd-raised-button-variant($white, $social-facebook, $social-facebook);\n }\n &.btn-twitter {\n @include bmd-raised-button-variant($white, $social-twitter, $social-twitter);\n }\n &.btn-pinterest {\n @include bmd-raised-button-variant($white, $social-pinterest, $social-pinterest);\n }\n &.btn-google {\n @include bmd-raised-button-variant($white, $social-google, $social-google);\n }\n &.btn-linkedin {\n @include bmd-raised-button-variant($white, $social-linkedin, $social-linkedin);\n }\n &.btn-dribbble {\n @include bmd-raised-button-variant($white, $social-dribbble, $social-dribbble);\n }\n &.btn-github {\n @include bmd-raised-button-variant($white, $social-github, $social-github);\n }\n &.btn-youtube {\n @include bmd-raised-button-variant($white, $social-youtube, $social-youtube);\n }\n &.btn-instagram {\n @include bmd-raised-button-variant($white, $social-instagram, $social-instagram);\n }\n &.btn-reddit {\n @include bmd-raised-button-variant($white, $social-reddit, $social-reddit);\n }\n &.btn-tumblr {\n @include bmd-raised-button-variant($white, $social-tumblr, $social-tumblr);\n }\n &.btn-behance {\n @include bmd-raised-button-variant($white, $social-behance, $social-behance);\n }\n}\n\n@mixin undo-bs-tab-focus() {\n // clear out the tab-focus() from BS\n &,\n &:active,\n &:active:focus,\n &.active {\n &:focus,\n &.focus {\n //@include tab-focus();\n outline: 0;\n box-shadow: none !important;\n }\n }\n}\n", + "@mixin bmd-hover-focus-active {\n // add the .active to the whole mix of hover-focus-active\n &.active {\n @content;\n }\n @include hover-focus-active() {\n @content;\n }\n}\n", + "@mixin bmd-tabs-color($color, $active-color, $active-border, $disabled-link-color, $disabled-link-hover-color) {\n .nav-link {\n color: $color;\n\n &.active {\n color: $active-color;\n border-color: $active-border;\n @include hover-focus {\n border-color: $active-border;\n }\n }\n\n // Disabled state lightens text and removes hover/tab effects\n &.disabled {\n color: $disabled-link-color;\n\n @include plain-hover-focus {\n color: $disabled-link-hover-color;\n }\n }\n }\n}\n", + "@mixin shadow-big(){\n box-shadow: 0 16px 38px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 4),\n 0 4px 25px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-image(){\n // new box shadow optimized for Tables and Phones\n box-shadow: 0 5px 15px -8px rgba(0, 0, 0, $bmd-shadow-ambient-opacity * 2),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-navbar(){\n box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 3),\n 0 3px 20px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-color($color){\n // new box shadow optimized for Tables and Phones\n box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2),\n 0 13px 24px -11px rgba($color, 0.60);\n}\n\n@mixin shadow-small-color($color){\n // new box shadow optimized for Tablets and Phones\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 10px -5px rgba($color, 0.4)\n}\n\n@mixin shadow-navbar-color($color){\n // new box shadow optimized for Tablets and Phones\n\n @if($color == $white-color) {\n box-shadow: 0 4px 18px 0px rgba(0, 0, 0, .12),\n 0 7px 10px -5px rgba(0,0,0, 0.15);\n }@else{\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 12px -5px rgba($color, 0.46);\n }\n}\n\n@mixin shadow-2dp(){\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 1px 5px 0 rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-4dp(){\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-6dp(){\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 1px 18px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 3px 5px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-8dp(){\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n\n@mixin shadow-16dp(){\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-2dp-color($color){\n box-shadow: 0 2px 2px 0 rgba($color, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba($color, $bmd-shadow-umbra-opacity),\n 0 1px 5px 0 rgba($color, $bmd-shadow-ambient-opacity);\n}\n\n@mixin shadow-4dp-color($color){\n box-shadow: 0 4px 5px 0 rgba($color, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba($color, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-8dp-color($color){\n box-shadow: 0 8px 10px 1px rgba($color, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-16dp-color($color){\n box-shadow: 0 16px 24px 2px rgba($color, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin button-shadow-color($color){\n box-shadow: 0 14px 26px -12px rgba($color, $bmd-shadow-penumbra-opacity * 3),\n 0 4px 23px 0px rgba(0,0,0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-z-1(){\n box-shadow:\n 0 1px 6px 0 rgba(0, 0, 0, 0.12),\n 0 1px 6px 0 rgba(0, 0, 0, 0.12);\n}\n\n@mixin shadow-z-1-hover(){\n box-shadow:\n 0 5px 11px 0 rgba(0, 0, 0, 0.18),\n 0 4px 15px 0 rgba(0, 0, 0, 0.15);\n}\n\n@mixin shadow-z-2(){\n box-shadow:\n 0 8px 17px 0 rgba(0, 0, 0, 0.2),\n 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n\n@mixin shadow-z-3(){\n box-shadow:\n 0 12px 15px 0 rgba(0, 0, 0, 0.24),\n 0 17px 50px 0 rgba(0, 0, 0, 0.19);\n}\n\n@mixin shadow-z-4(){\n box-shadow:\n 0 16px 28px 0 rgba(0, 0, 0, 0.22),\n 0 25px 55px 0 rgba(0, 0, 0, 0.21);\n}\n\n@mixin shadow-z-5(){\n box-shadow:\n 0 27px 24px 0 rgba(0, 0, 0, 0.2),\n 0 40px 77px 0 rgba(0, 0, 0, 0.22);\n}\n", + "@mixin navbar-colors($color, $link-color) {\n color: $link-color;\n background-color: $color !important;\n @include shadow-navbar-color($color);\n\n .dropdown-item:hover,\n .dropdown-item:focus{\n @include shadow-small-color($color);\n background-color: $color;\n color: $link-color;\n }\n\n .navbar-toggler{\n .navbar-toggler-icon{\n background-color: $link-color;\n }\n }\n}\n", + "// alert-variations(\"\", $brand-primary)\n@mixin alert-variations($component, $selector-suffix, $brand-default) {\n @include generic-variations($component, $selector-suffix, $brand-default, \"alert-variations-content\", null);\n}\n\n@mixin alert-variations-content($args){\n $variation-color: map-get($args, variation-color);\n $variation-color-text: map-get($args, variation-color-text);\n\n background-color: lighten($variation-color,3%);\n color: $variation-color-text;\n\n a, .alert-link {\n color: $variation-color-text;\n }\n}\n// interpolation of mixin-name is not allowed evidently, so we statically include based on the mixin-name given\n@mixin call-variations-content-mixin($args) {\n $mixin-name: map-get($args, mixin-name);\n @if $mixin-name == variations-content {\n @include variations-content($args);\n } @else if $mixin-name == background-variations-content {\n @include background-variations-content($args);\n } @else if $mixin-name == text-variations-content {\n @include text-variations-content($args);\n } @else if $mixin-name == button-variations-content {\n @include button-variations-content($args);\n } @else if $mixin-name == bg-color-variations-content {\n @include bg-color-variations-content($args);\n } @else if $mixin-name == bg-box-shadow-variations-content {\n @include bg-box-shadow-variations-content($args);\n } @else if $mixin-name == bg-img-variations-content {\n @include bg-img-variations-content($args);\n } @else if $mixin-name == navbar-variations-content {\n @include navbar-variations-content($args);\n }@else if $mixin-name == alert-variations-content {\n @include alert-variations-content($args);\n } @else {\n @error \"Unknown mixin: #{$mixin-name}\"\n }\n}\n\n//\n// To use this mixin you should pass a function as final parameter to define\n// the style. In that definition you can use the following variables to define it.\n//\n// $variation-color-name ---> \"red\", \"green\", \"indigo\" ...\n// $variation-color-full-name ---> \"red\", \"green-50\", \"indigo-400\" ...\n// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ...\n// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ...\n//\n\n@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) {\n\n //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include)\n $args: (\n //extra: $selector-suffix,\n //default: $color-default,\n mixin-name: $mixin-name,\n material-param-1: $mdb-param-1\n );\n\n // bootstrap styles\n &#{$selector-suffix},\n &#{$component}-default#{$selector-suffix} {\n\n $args-extra: map-merge($args, (\n variation-color: $white-color,\n variation-color-text: $gray\n ));\n @include call-variations-content-mixin($args-extra);\n }\n &#{$component}-inverse#{$selector-suffix} {\n $args-inverse: map-merge($args, (\n variation-color: #212121,\n variation-color-text: #fff\n ));\n @include call-variations-content-mixin($args-inverse);\n }\n &#{$component}-primary#{$selector-suffix} {\n $args-primary: map-merge($args, (\n variation-color: $brand-primary,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-primary);\n }\n &#{$component}-success#{$selector-suffix} {\n $args-success: map-merge($args, (\n variation-color: $brand-success,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-success);\n }\n &#{$component}-info#{$selector-suffix} {\n $args-info: map-merge($args, (\n variation-color: $brand-info,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-info);\n }\n &#{$component}-warning#{$selector-suffix} {\n $args-warning: map-merge($args, (\n variation-color: $brand-warning,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-warning);\n }\n &#{$component}-danger#{$selector-suffix} {\n $args-danger: map-merge($args, (\n variation-color: $brand-danger,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-danger);\n }\n\n &#{$component}-rose#{$selector-suffix} {\n $args-rose: map-merge($args, (\n variation-color: $brand-rose,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-rose);\n }\n\n}\n", + "// FIXME: only necessary because there isn't an underscored file - see https://github.com/twbs/bootstrap/issues/18350\n//@import \"../bower_components/bootstrap/scss/\n//@import \"../../bootstrap/scss/\n\n// Core variables and mixins\n@import \"bootstrap/scss/functions\";\n@import \"bootstrap/scss/variables\";\n@import \"bootstrap/scss/mixins\";\n\n// #853 start - https://github.com/twbs/bootstrap/pull/18976/files\n// hack\n@mixin pull-left {\n float: left !important;\n @if $enable-flex {\n margin-right: auto;\n }\n}\n@mixin pull-right {\n float: right !important;\n @if $enable-flex {\n margin-left: auto;\n }\n}\n// #853 end - https://github.com/twbs/bootstrap/pull/18976/files\n\n// Reset and dependencies\n@import \"bootstrap/scss/reboot\";\n@import \"bootstrap/scss/print\";\n\n// Core CSS\n@import \"bootstrap/scss/reboot\";\n@import \"bootstrap/scss/type\";\n@import \"bootstrap/scss/images\";\n@import \"bootstrap/scss/code\";\n@import \"bootstrap/scss/grid\";\n@import \"bootstrap/scss/tables\";\n@import \"bootstrap/scss/forms\";\n@import \"bootstrap/scss/buttons\";\n@import \"bootstrap/scss/transitions\";\n\n// Components\n@import \"bootstrap/scss/dropdown\";\n@import \"bootstrap/scss/button-group\";\n@import \"bootstrap/scss/input-group\";\n@import \"bootstrap/scss/custom-forms\";\n@import \"bootstrap/scss/nav\";\n@import \"bootstrap/scss/navbar\";\n@import \"bootstrap/scss/card\";\n@import \"bootstrap/scss/breadcrumb\";\n@import \"bootstrap/scss/pagination\";\n@import \"bootstrap/scss/jumbotron\";\n@import \"bootstrap/scss/alert\";\n@import \"bootstrap/scss/progress\";\n@import \"bootstrap/scss/media\";\n@import \"bootstrap/scss/list-group\";\n@import \"bootstrap/scss/close\";\n@import \"bootstrap/scss/badge\";\n\n// Components w/ JavaScript\n@import \"bootstrap/scss/modal\";\n@import \"bootstrap/scss/tooltip\";\n@import \"bootstrap/scss/popover\";\n@import \"bootstrap/scss/carousel\";\n\n// Utility classes\n@import \"bootstrap/scss/utilities\";\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", + "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// // Layout\n@import \"mixins/clearfix\";\n// @import \"mixins/navbar-align\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", + "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", + "// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", + "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n", + "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 10%);\n }\n }\n}\n", + "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", + "// Only display content to screen readers\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n }\n}\n", + "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n}\n", + "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n a#{$parent} {\n @include hover-focus {\n color: darken($color, 10%) !important;\n }\n }\n}\n", + "// CSS image replacement\n@mixin text-hide() {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n", + "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n}\n", + "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", + "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @if $enable-rounded {\n border-radius: $border-radius;\n } @else {\n border-radius: 0;\n }\n}\n", + "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", + "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", + "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", + "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", + "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5e5) {\n height: 0;\n margin: ($spacer / 2) 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n", + "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba($color, .8);\n border-radius: .2rem;\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::before { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", + "// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", + "// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n", + "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n", + "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", + "@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n", + "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", + "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", + "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n", + "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n float: right !important;\n}\n@mixin float-none {\n float: none !important;\n}\n", + "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", + "// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// http://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n @media print {\n *,\n *::before,\n *::after {\n // Bootstrap specific; comment out `color` and `background`\n //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953\n text-shadow: none !important;\n //background: transparent !important;\n box-shadow: none !important;\n }\n\n a {\n &:not(.btn) {\n text-decoration: underline;\n }\n }\n\n // Bootstrap specific; comment the following selector out\n //a[href]::after {\n // content: \" (\" attr(href) \")\";\n //}\n\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n\n // Bootstrap specific; comment the following selector out\n //\n // Don't show links that are fragment identifiers,\n // or use the `javascript:` pseudo protocol\n //\n\n //a[href^=\"#\"]::after,\n //a[href^=\"javascript:\"]::after {\n // content: \"\";\n //}\n\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px\n page-break-inside: avoid;\n }\n\n //\n // Printing Tables:\n // http://css-discuss.incutio.com/wiki/Printing_Tables\n //\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Bootstrap specific changes start\n\n // Specify a size and min-width to make printing closer across browsers.\n // We don't set margin here because it breaks `size` in Chrome. We also\n // don't use `!important` on `size` as it breaks in Chrome.\n @page {\n size: $print-page-size;\n }\n body {\n min-width: $print-body-min-width !important;\n }\n .container {\n min-width: $print-body-min-width !important;\n }\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .badge {\n border: $border-width solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n\n td,\n th {\n background-color: #fff !important;\n }\n }\n .table-bordered {\n th,\n td {\n border: 1px solid #ddd !important;\n }\n }\n\n // Bootstrap specific changes end\n }\n}\n", + "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", + "// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n", + "// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all ``s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n", + "// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n", + "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n", + "//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n", + "// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on `s in CSS.\n @if $enable-rounded {\n // Manually use the if/else instead of the mixin to account for iOS override\n border-radius: $input-border-radius;\n } @else {\n // Otherwise undo the iOS default\n border-radius: 0;\n }\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on ` receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `
'); + var loading = 0; + if (typeof window.IN === 'undefined' && loading == 0) { + loading = 1; + (function() { + var li = document.createElement('script'); + li.type = 'text/javascript'; + li.async = true; + li.src = '//platform.linkedin.com/in.js'; + var s = document.getElementsByTagName('script')[0]; + s.parentNode.insertBefore(li, s); + })(); + } else { + window.IN.init(); + } + }, + pinterest: function(self) { + var sett = self.options.buttons.pinterest; + $(self.element).find('.buttons').append(''); + + (function() { + var li = document.createElement('script'); + li.type = 'text/javascript'; + li.async = true; + li.src = '//assets.pinterest.com/js/pinit.js'; + var s = document.getElementsByTagName('script')[0]; + s.parentNode.insertBefore(li, s); + })(); + } + }, + /* Tracking for Google Analytics + ================================================== */ + tracking = { + googlePlus: function() {}, + facebook: function() { + //console.log('facebook'); + fb = window.setInterval(function() { + if (typeof FB !== 'undefined') { + FB.Event.subscribe('edge.create', function(targetUrl) { + _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]); + }); + FB.Event.subscribe('edge.remove', function(targetUrl) { + _gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]); + }); + FB.Event.subscribe('message.send', function(targetUrl) { + _gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]); + }); + //console.log('ok'); + clearInterval(fb); + } + }, 1000); + }, + twitter: function() { + //console.log('twitter'); + tw = window.setInterval(function() { + if (typeof twttr !== 'undefined') { + twttr.events.bind('tweet', function(event) { + if (event) { + _gaq.push(['_trackSocial', 'twitter', 'tweet']); + } + }); + //console.log('ok'); + clearInterval(tw); + } + }, 1000); + }, + digg: function() { + //if somenone find a solution, mail me ! + /*$(this.element).find('.digg').on('click', function(){ + _gaq.push(['_trackSocial', 'digg', 'add']); + });*/ + }, + delicious: function() {}, + stumbleupon: function() {}, + linkedin: function() { + function LinkedInShare() { + _gaq.push(['_trackSocial', 'linkedin', 'share']); + } + }, + pinterest: function() { + //if somenone find a solution, mail me ! + } + }, + /* Popup for each social network + ================================================== */ + popup = { + googlePlus: function(opt) { + window.open("https://plus.google.com/share?hl=" + opt.buttons.googlePlus.lang + "&url=" + encodeURIComponent((opt.buttons.googlePlus.url !== '' ? opt.buttons.googlePlus.url : opt.url)), "", "toolbar=0, status=0, width=900, height=500"); + }, + facebook: function(opt) { + window.open("http://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent((opt.buttons.facebook.url !== '' ? opt.buttons.facebook.url : opt.url)) + "&t=" + opt.text + "", "", "toolbar=0, status=0, width=900, height=500"); + }, + twitter: function(opt) { + window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(opt.text) + "&url=" + encodeURIComponent((opt.buttons.twitter.url !== '' ? opt.buttons.twitter.url : opt.url)) + (opt.buttons.twitter.via !== '' ? '&via=' + opt.buttons.twitter.via : ''), "", "toolbar=0, status=0, width=650, height=360"); + }, + digg: function(opt) { + window.open("http://digg.com/tools/diggthis/submit?url=" + encodeURIComponent((opt.buttons.digg.url !== '' ? opt.buttons.digg.url : opt.url)) + "&title=" + opt.text + "&related=true&style=true", "", "toolbar=0, status=0, width=650, height=360"); + }, + delicious: function(opt) { + window.open('http://www.delicious.com/save?v=5&noui&jump=close&url=' + encodeURIComponent((opt.buttons.delicious.url !== '' ? opt.buttons.delicious.url : opt.url)) + '&title=' + opt.text, 'delicious', 'toolbar=no,width=550,height=550'); + }, + stumbleupon: function(opt) { + window.open('http://www.stumbleupon.com/badge/?url=' + encodeURIComponent((opt.buttons.stumbleupon.url !== '' ? opt.buttons.stumbleupon.url : opt.url)), 'stumbleupon', 'toolbar=no,width=550,height=550'); + }, + linkedin: function(opt) { + window.open('https://www.linkedin.com/cws/share?url=' + encodeURIComponent((opt.buttons.linkedin.url !== '' ? opt.buttons.linkedin.url : opt.url)) + '&token=&isFramed=true', 'linkedin', 'toolbar=no,width=550,height=550'); + }, + pinterest: function(opt) { + window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent((opt.buttons.pinterest.url !== '' ? opt.buttons.pinterest.url : opt.url)) + '&media=' + encodeURIComponent(opt.buttons.pinterest.media) + '&description=' + opt.buttons.pinterest.description, 'pinterest', 'toolbar=no,width=700,height=300'); + } + }; + + /* Plugin constructor + ================================================== */ + function Plugin(element, options) { + this.element = element; + + this.options = $.extend(true, {}, defaults, options); + this.options.share = options.share; //simple solution to allow order of buttons + + this._defaults = defaults; + this._name = pluginName; + + this.init(); + }; + + /* Initialization method + ================================================== */ + Plugin.prototype.init = function() { + var self = this; + if (this.options.urlCurl !== '') { + urlJson.googlePlus = this.options.urlCurl + '?url={url}&type=googlePlus'; // PHP script for GooglePlus... + urlJson.stumbleupon = this.options.urlCurl + '?url={url}&type=stumbleupon'; // PHP script for Stumbleupon... + } + $(this.element).addClass(this.options.className); //add class + + //HTML5 Custom data + if (typeof $(this.element).data('title') !== 'undefined') { + this.options.title = $(this.element).attr('data-title'); + } + if (typeof $(this.element).data('url') !== 'undefined') { + this.options.url = $(this.element).data('url'); + } + if (typeof $(this.element).data('text') !== 'undefined') { + this.options.text = $(this.element).data('text'); + } + + //how many social website have been selected + $.each(this.options.share, function(name, val) { + if (val === true) { + self.options.shareTotal++; + } + }); + + if (self.options.enableCounter === true) { //if for some reason you don't need counter + //get count of social share that have been selected + $.each(this.options.share, function(name, val) { + if (val === true) { + //self.getSocialJson(name); + try { + self.getSocialJson(name); + } catch (e) {} + } + }); + } else if (self.options.template !== '') { //for personalized button (with template) + this.options.render(this, this.options); + } else { // if you want to use official button like example 3 or 5 + this.loadButtons(); + } + + //add hover event + $(this.element).hover(function() { + //load social button if enable and 1 time + if ($(this).find('.buttons').length === 0 && self.options.enableHover === true) { + self.loadButtons(); + } + self.options.hover(self, self.options); + }, function() { + self.options.hide(self, self.options); + }); + + //click event + $(this.element).click(function() { + self.options.click(self, self.options); + return false; + }); + }; + + /* loadButtons methode + ================================================== */ + Plugin.prototype.loadButtons = function() { + var self = this; + $(this.element).append('
'); + $.each(self.options.share, function(name, val) { + if (val == true) { + loadButton[name](self); + if (self.options.enableTracking === true) { //add tracking + tracking[name](); + } + } + }); + }; + + /* getSocialJson methode + ================================================== */ + Plugin.prototype.getSocialJson = function(name) { + var self = this, + count = 0, + url = urlJson[name].replace('{url}', encodeURIComponent(this.options.url)); + if (this.options.buttons[name].urlCount === true && this.options.buttons[name].url !== '') { + url = urlJson[name].replace('{url}', this.options.buttons[name].url); + } + //console.log('name : ' + name + ' - url : '+url); //debug + if (url != '' && self.options.urlCurl !== '') { //urlCurl = '' if you don't want to used PHP script but used social button + $.getJSON(url, function(json) { + if (typeof json.count !== "undefined") { //GooglePlus, Stumbleupon, Twitter, Pinterest and Digg + var temp = json.count + ''; + temp = temp.replace('\u00c2\u00a0', ''); //remove google plus special chars + count += parseInt(temp, 10); + } + //get the FB total count (shares, likes and more) + else if (json.data && json.data.length > 0 && typeof json.data[0].total_count !== "undefined") { //Facebook total count + count += parseInt(json.data[0].total_count, 10); + } else if (typeof json[0] !== "undefined") { //Delicious + count += parseInt(json[0].total_posts, 10); + } else if (typeof json[0] !== "undefined") { //Stumbleupon + } + self.options.count[name] = count; + self.options.total += count; + self.renderer(); + self.rendererPerso(); + //console.log(json); //debug + }) + .error(function() { + self.options.count[name] = 0; + self.rendererPerso(); + }); + } else { + self.renderer(); + self.options.count[name] = 0; + self.rendererPerso(); + } + }; + + /* launch render methode + ================================================== */ + Plugin.prototype.rendererPerso = function() { + //check if this is the last social website to launch render + var shareCount = 0; + for (e in this.options.count) { + shareCount++; + } + if (shareCount === this.options.shareTotal) { + this.options.render(this, this.options); + } + }; + + /* render methode + ================================================== */ + Plugin.prototype.renderer = function() { + var total = this.options.total, + template = this.options.template; + if (this.options.shorterTotal === true) { //format number like 1.2k or 5M + total = this.shorterTotal(total); + } + + if (template !== '') { //if there is a template + template = template.replace('{total}', total); + $(this.element).html(template); + } else { //template by defaults + $(this.element).html( + '
' + total + '' + + (this.options.title !== '' ? '' : '') + + '
' + ); + } + }; + + /* format total numbers like 1.2k or 5M + ================================================== */ + Plugin.prototype.shorterTotal = function(num) { + if (num >= 1e6) { + num = (num / 1e6).toFixed(2) + "M" + } else if (num >= 1e3) { + num = (num / 1e3).toFixed(1) + "k" + } + return num; + }; + + /* Methode for open popup + ================================================== */ + Plugin.prototype.openPopup = function(site) { + popup[site](this.options); //open + if (this.options.enableTracking === true) { //tracking! + var tracking = { + googlePlus: { + site: 'Google', + action: '+1' + }, + facebook: { + site: 'facebook', + action: 'like' + }, + twitter: { + site: 'twitter', + action: 'tweet' + }, + digg: { + site: 'digg', + action: 'add' + }, + delicious: { + site: 'delicious', + action: 'add' + }, + stumbleupon: { + site: 'stumbleupon', + action: 'add' + }, + linkedin: { + site: 'linkedin', + action: 'share' + }, + pinterest: { + site: 'pinterest', + action: 'pin' + } + }; + _gaq.push(['_trackSocial', tracking[site].site, tracking[site].action]); + } + }; + + /* Methode for add +1 to a counter + ================================================== */ + Plugin.prototype.simulateClick = function() { + var html = $(this.element).html(); + $(this.element).html(html.replace(this.options.total, this.options.total + 1)); + }; + + /* Methode for add +1 to a counter + ================================================== */ + Plugin.prototype.update = function(url, text) { + if (url !== '') { + this.options.url = url; + } + if (text !== '') { + this.options.text = text; + } + }; + + /* A really lightweight plugin wrapper around the constructor, preventing against multiple instantiations + ================================================== */ + $.fn[pluginName] = function(options) { + var args = arguments; + if (options === undefined || typeof options === 'object') { + return this.each(function() { + if (!$.data(this, 'plugin_' + pluginName)) { + $.data(this, 'plugin_' + pluginName, new Plugin(this, options)); + } + }); + } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') { + return this.each(function() { + var instance = $.data(this, 'plugin_' + pluginName); + if (instance instanceof Plugin && typeof instance[options] === 'function') { + instance[options].apply(instance, Array.prototype.slice.call(args, 1)); + } + }); + } + }; +})(jQuery, window, document); \ No newline at end of file diff --git a/sites/arcwerx-site/static/js/plugins/moment.min.js b/sites/arcwerx-site/static/js/plugins/moment.min.js new file mode 100644 index 0000000000000000000000000000000000000000..5eca0ab26e77aab13a3ff7922bde8cad55ab3a39 --- /dev/null +++ b/sites/arcwerx-site/static/js/plugins/moment.min.js @@ -0,0 +1,2020 @@ +//! moment.js +//! version : 2.14.1 +//! authors : Tim Wood, Iskren Chernev, Moment.js contributors +//! license : MIT +//! momentjs.com +! function(a, b) { + "object" == typeof exports && "undefined" != typeof module ? module.exports = b() : "function" == typeof define && define.amd ? define(b) : a.moment = b() +}(this, function() { + "use strict"; + + function a() { + return md.apply(null, arguments) + } + // This is done to register the method called with moment() + // without creating circular dependencies. + function b(a) { + md = a + } + + function c(a) { + return a instanceof Array || "[object Array]" === Object.prototype.toString.call(a) + } + + function d(a) { + return "[object Object]" === Object.prototype.toString.call(a) + } + + function e(a) { + var b; + for (b in a) + // even if its not own property I'd still call it non-empty + return !1; + return !0 + } + + function f(a) { + return a instanceof Date || "[object Date]" === Object.prototype.toString.call(a) + } + + function g(a, b) { + var c, d = []; + for (c = 0; c < a.length; ++c) d.push(b(a[c], c)); + return d + } + + function h(a, b) { + return Object.prototype.hasOwnProperty.call(a, b) + } + + function i(a, b) { + for (var c in b) h(b, c) && (a[c] = b[c]); + return h(b, "toString") && (a.toString = b.toString), h(b, "valueOf") && (a.valueOf = b.valueOf), a + } + + function j(a, b, c, d) { + return qb(a, b, c, d, !0).utc() + } + + function k() { + // We need to deep clone this object. + return { + empty: !1, + unusedTokens: [], + unusedInput: [], + overflow: -2, + charsLeftOver: 0, + nullInput: !1, + invalidMonth: null, + invalidFormat: !1, + userInvalidated: !1, + iso: !1, + parsedDateParts: [], + meridiem: null + } + } + + function l(a) { + return null == a._pf && (a._pf = k()), a._pf + } + + function m(a) { + if (null == a._isValid) { + var b = l(a), + c = nd.call(b.parsedDateParts, function(a) { + return null != a + }); + a._isValid = !isNaN(a._d.getTime()) && b.overflow < 0 && !b.empty && !b.invalidMonth && !b.invalidWeekday && !b.nullInput && !b.invalidFormat && !b.userInvalidated && (!b.meridiem || b.meridiem && c), a._strict && (a._isValid = a._isValid && 0 === b.charsLeftOver && 0 === b.unusedTokens.length && void 0 === b.bigHour) + } + return a._isValid + } + + function n(a) { + var b = j(NaN); + return null != a ? i(l(b), a) : l(b).userInvalidated = !0, b + } + + function o(a) { + return void 0 === a + } + + function p(a, b) { + var c, d, e; + if (o(b._isAMomentObject) || (a._isAMomentObject = b._isAMomentObject), o(b._i) || (a._i = b._i), o(b._f) || (a._f = b._f), o(b._l) || (a._l = b._l), o(b._strict) || (a._strict = b._strict), o(b._tzm) || (a._tzm = b._tzm), o(b._isUTC) || (a._isUTC = b._isUTC), o(b._offset) || (a._offset = b._offset), o(b._pf) || (a._pf = l(b)), o(b._locale) || (a._locale = b._locale), od.length > 0) + for (c in od) d = od[c], e = b[d], o(e) || (a[d] = e); + return a + } + // Moment prototype object + function q(b) { + p(this, b), this._d = new Date(null != b._d ? b._d.getTime() : NaN), pd === !1 && (pd = !0, a.updateOffset(this), pd = !1) + } + + function r(a) { + return a instanceof q || null != a && null != a._isAMomentObject + } + + function s(a) { + return 0 > a ? Math.ceil(a) || 0 : Math.floor(a) + } + + function t(a) { + var b = +a, + c = 0; + return 0 !== b && isFinite(b) && (c = s(b)), c + } + // compare two arrays, return the number of differences + function u(a, b, c) { + var d, e = Math.min(a.length, b.length), + f = Math.abs(a.length - b.length), + g = 0; + for (d = 0; e > d; d++)(c && a[d] !== b[d] || !c && t(a[d]) !== t(b[d])) && g++; + return g + f + } + + function v(b) { + a.suppressDeprecationWarnings === !1 && "undefined" != typeof console && console.warn && console.warn("Deprecation warning: " + b) + } + + function w(b, c) { + var d = !0; + return i(function() { + return null != a.deprecationHandler && a.deprecationHandler(null, b), d && (v(b + "\nArguments: " + Array.prototype.slice.call(arguments).join(", ") + "\n" + (new Error).stack), d = !1), c.apply(this, arguments) + }, c) + } + + function x(b, c) { + null != a.deprecationHandler && a.deprecationHandler(b, c), qd[b] || (v(c), qd[b] = !0) + } + + function y(a) { + return a instanceof Function || "[object Function]" === Object.prototype.toString.call(a) + } + + function z(a) { + var b, c; + for (c in a) b = a[c], y(b) ? this[c] = b : this["_" + c] = b; + this._config = a, + // Lenient ordinal parsing accepts just a number in addition to + // number + (possibly) stuff coming from _ordinalParseLenient. + this._ordinalParseLenient = new RegExp(this._ordinalParse.source + "|" + /\d{1,2}/.source) + } + + function A(a, b) { + var c, e = i({}, a); + for (c in b) h(b, c) && (d(a[c]) && d(b[c]) ? (e[c] = {}, i(e[c], a[c]), i(e[c], b[c])) : null != b[c] ? e[c] = b[c] : delete e[c]); + for (c in a) h(a, c) && !h(b, c) && d(a[c]) && ( + // make sure changes to properties don't modify parent config + e[c] = i({}, e[c])); + return e + } + + function B(a) { + null != a && this.set(a) + } + + function C(a, b, c) { + var d = this._calendar[a] || this._calendar.sameElse; + return y(d) ? d.call(b, c) : d + } + + function D(a) { + var b = this._longDateFormat[a], + c = this._longDateFormat[a.toUpperCase()]; + return b || !c ? b : (this._longDateFormat[a] = c.replace(/MMMM|MM|DD|dddd/g, function(a) { + return a.slice(1) + }), this._longDateFormat[a]) + } + + function E() { + return this._invalidDate + } + + function F(a) { + return this._ordinal.replace("%d", a) + } + + function G(a, b, c, d) { + var e = this._relativeTime[c]; + return y(e) ? e(a, b, c, d) : e.replace(/%d/i, a) + } + + function H(a, b) { + var c = this._relativeTime[a > 0 ? "future" : "past"]; + return y(c) ? c(b) : c.replace(/%s/i, b) + } + + function I(a, b) { + var c = a.toLowerCase(); + zd[c] = zd[c + "s"] = zd[b] = a + } + + function J(a) { + return "string" == typeof a ? zd[a] || zd[a.toLowerCase()] : void 0 + } + + function K(a) { + var b, c, d = {}; + for (c in a) h(a, c) && (b = J(c), b && (d[b] = a[c])); + return d + } + + function L(a, b) { + Ad[a] = b + } + + function M(a) { + var b = []; + for (var c in a) b.push({ + unit: c, + priority: Ad[c] + }); + return b.sort(function(a, b) { + return a.priority - b.priority + }), b + } + + function N(b, c) { + return function(d) { + return null != d ? (P(this, b, d), a.updateOffset(this, c), this) : O(this, b) + } + } + + function O(a, b) { + return a.isValid() ? a._d["get" + (a._isUTC ? "UTC" : "") + b]() : NaN + } + + function P(a, b, c) { + a.isValid() && a._d["set" + (a._isUTC ? "UTC" : "") + b](c) + } + // MOMENTS + function Q(a) { + return a = J(a), y(this[a]) ? this[a]() : this + } + + function R(a, b) { + if ("object" == typeof a) { + a = K(a); + for (var c = M(a), d = 0; d < c.length; d++) this[c[d].unit](a[c[d].unit]) + } else if (a = J(a), y(this[a])) return this[a](b); + return this + } + + function S(a, b, c) { + var d = "" + Math.abs(a), + e = b - d.length, + f = a >= 0; + return (f ? c ? "+" : "" : "-") + Math.pow(10, Math.max(0, e)).toString().substr(1) + d + } + // token: 'M' + // padded: ['MM', 2] + // ordinal: 'Mo' + // callback: function () { this.month() + 1 } + function T(a, b, c, d) { + var e = d; + "string" == typeof d && (e = function() { + return this[d]() + }), a && (Ed[a] = e), b && (Ed[b[0]] = function() { + return S(e.apply(this, arguments), b[1], b[2]) + }), c && (Ed[c] = function() { + return this.localeData().ordinal(e.apply(this, arguments), a) + }) + } + + function U(a) { + return a.match(/\[[\s\S]/) ? a.replace(/^\[|\]$/g, "") : a.replace(/\\/g, "") + } + + function V(a) { + var b, c, d = a.match(Bd); + for (b = 0, c = d.length; c > b; b++) Ed[d[b]] ? d[b] = Ed[d[b]] : d[b] = U(d[b]); + return function(b) { + var e, f = ""; + for (e = 0; c > e; e++) f += d[e] instanceof Function ? d[e].call(b, a) : d[e]; + return f + } + } + // format date using native date object + function W(a, b) { + return a.isValid() ? (b = X(b, a.localeData()), Dd[b] = Dd[b] || V(b), Dd[b](a)) : a.localeData().invalidDate() + } + + function X(a, b) { + function c(a) { + return b.longDateFormat(a) || a + } + var d = 5; + for (Cd.lastIndex = 0; d >= 0 && Cd.test(a);) a = a.replace(Cd, c), Cd.lastIndex = 0, d -= 1; + return a + } + + function Y(a, b, c) { + Wd[a] = y(b) ? b : function(a, d) { + return a && c ? c : b + } + } + + function Z(a, b) { + return h(Wd, a) ? Wd[a](b._strict, b._locale) : new RegExp($(a)) + } + // Code from http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript + function $(a) { + return _(a.replace("\\", "").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g, function(a, b, c, d, e) { + return b || c || d || e + })) + } + + function _(a) { + return a.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&") + } + + function aa(a, b) { + var c, d = b; + for ("string" == typeof a && (a = [a]), "number" == typeof b && (d = function(a, c) { + c[b] = t(a) + }), c = 0; c < a.length; c++) Xd[a[c]] = d + } + + function ba(a, b) { + aa(a, function(a, c, d, e) { + d._w = d._w || {}, b(a, d._w, d, e) + }) + } + + function ca(a, b, c) { + null != b && h(Xd, a) && Xd[a](b, c._a, c, a) + } + + function da(a, b) { + return new Date(Date.UTC(a, b + 1, 0)).getUTCDate() + } + + function ea(a, b) { + return c(this._months) ? this._months[a.month()] : this._months[(this._months.isFormat || fe).test(b) ? "format" : "standalone"][a.month()] + } + + function fa(a, b) { + return c(this._monthsShort) ? this._monthsShort[a.month()] : this._monthsShort[fe.test(b) ? "format" : "standalone"][a.month()] + } + + function ga(a, b, c) { + var d, e, f, g = a.toLocaleLowerCase(); + if (!this._monthsParse) + for ( + // this is not used + this._monthsParse = [], this._longMonthsParse = [], this._shortMonthsParse = [], d = 0; 12 > d; ++d) f = j([2e3, d]), this._shortMonthsParse[d] = this.monthsShort(f, "").toLocaleLowerCase(), this._longMonthsParse[d] = this.months(f, "").toLocaleLowerCase(); + return c ? "MMM" === b ? (e = sd.call(this._shortMonthsParse, g), -1 !== e ? e : null) : (e = sd.call(this._longMonthsParse, g), -1 !== e ? e : null) : "MMM" === b ? (e = sd.call(this._shortMonthsParse, g), -1 !== e ? e : (e = sd.call(this._longMonthsParse, g), -1 !== e ? e : null)) : (e = sd.call(this._longMonthsParse, g), -1 !== e ? e : (e = sd.call(this._shortMonthsParse, g), -1 !== e ? e : null)) + } + + function ha(a, b, c) { + var d, e, f; + if (this._monthsParseExact) return ga.call(this, a, b, c); + // TODO: add sorting + // Sorting makes sure if one month (or abbr) is a prefix of another + // see sorting in computeMonthsParse + for (this._monthsParse || (this._monthsParse = [], this._longMonthsParse = [], this._shortMonthsParse = []), d = 0; 12 > d; d++) { + // test the regex + if (e = j([2e3, d]), c && !this._longMonthsParse[d] && (this._longMonthsParse[d] = new RegExp("^" + this.months(e, "").replace(".", "") + "$", "i"), this._shortMonthsParse[d] = new RegExp("^" + this.monthsShort(e, "").replace(".", "") + "$", "i")), c || this._monthsParse[d] || (f = "^" + this.months(e, "") + "|^" + this.monthsShort(e, ""), this._monthsParse[d] = new RegExp(f.replace(".", ""), "i")), c && "MMMM" === b && this._longMonthsParse[d].test(a)) return d; + if (c && "MMM" === b && this._shortMonthsParse[d].test(a)) return d; + if (!c && this._monthsParse[d].test(a)) return d + } + } + // MOMENTS + function ia(a, b) { + var c; + if (!a.isValid()) + // No op + return a; + if ("string" == typeof b) + if (/^\d+$/.test(b)) b = t(b); + else + // TODO: Another silent failure? + if (b = a.localeData().monthsParse(b), "number" != typeof b) return a; + return c = Math.min(a.date(), da(a.year(), b)), a._d["set" + (a._isUTC ? "UTC" : "") + "Month"](b, c), a + } + + function ja(b) { + return null != b ? (ia(this, b), a.updateOffset(this, !0), this) : O(this, "Month") + } + + function ka() { + return da(this.year(), this.month()) + } + + function la(a) { + return this._monthsParseExact ? (h(this, "_monthsRegex") || na.call(this), a ? this._monthsShortStrictRegex : this._monthsShortRegex) : (h(this, "_monthsShortRegex") || (this._monthsShortRegex = ie), this._monthsShortStrictRegex && a ? this._monthsShortStrictRegex : this._monthsShortRegex) + } + + function ma(a) { + return this._monthsParseExact ? (h(this, "_monthsRegex") || na.call(this), a ? this._monthsStrictRegex : this._monthsRegex) : (h(this, "_monthsRegex") || (this._monthsRegex = je), this._monthsStrictRegex && a ? this._monthsStrictRegex : this._monthsRegex) + } + + function na() { + function a(a, b) { + return b.length - a.length + } + var b, c, d = [], + e = [], + f = []; + for (b = 0; 12 > b; b++) c = j([2e3, b]), d.push(this.monthsShort(c, "")), e.push(this.months(c, "")), f.push(this.months(c, "")), f.push(this.monthsShort(c, "")); + for ( + // Sorting makes sure if one month (or abbr) is a prefix of another it + // will match the longer piece. + d.sort(a), e.sort(a), f.sort(a), b = 0; 12 > b; b++) d[b] = _(d[b]), e[b] = _(e[b]); + for (b = 0; 24 > b; b++) f[b] = _(f[b]); + this._monthsRegex = new RegExp("^(" + f.join("|") + ")", "i"), this._monthsShortRegex = this._monthsRegex, this._monthsStrictRegex = new RegExp("^(" + e.join("|") + ")", "i"), this._monthsShortStrictRegex = new RegExp("^(" + d.join("|") + ")", "i") + } + // HELPERS + function oa(a) { + return pa(a) ? 366 : 365 + } + + function pa(a) { + return a % 4 === 0 && a % 100 !== 0 || a % 400 === 0 + } + + function qa() { + return pa(this.year()) + } + + function ra(a, b, c, d, e, f, g) { + //can't just apply() to create a date: + //http://stackoverflow.com/questions/181348/instantiating-a-javascript-object-by-calling-prototype-constructor-apply + var h = new Date(a, b, c, d, e, f, g); + //the date constructor remaps years 0-99 to 1900-1999 + return 100 > a && a >= 0 && isFinite(h.getFullYear()) && h.setFullYear(a), h + } + + function sa(a) { + var b = new Date(Date.UTC.apply(null, arguments)); + //the Date.UTC function remaps years 0-99 to 1900-1999 + return 100 > a && a >= 0 && isFinite(b.getUTCFullYear()) && b.setUTCFullYear(a), b + } + // start-of-first-week - start-of-year + function ta(a, b, c) { + var // first-week day -- which january is always in the first week (4 for iso, 1 for other) + d = 7 + b - c, + // first-week day local weekday -- which local weekday is fwd + e = (7 + sa(a, 0, d).getUTCDay() - b) % 7; + return -e + d - 1 + } + //http://en.wikipedia.org/wiki/ISO_week_date#Calculating_a_date_given_the_year.2C_week_number_and_weekday + function ua(a, b, c, d, e) { + var f, g, h = (7 + c - d) % 7, + i = ta(a, d, e), + j = 1 + 7 * (b - 1) + h + i; + return 0 >= j ? (f = a - 1, g = oa(f) + j) : j > oa(a) ? (f = a + 1, g = j - oa(a)) : (f = a, g = j), { + year: f, + dayOfYear: g + } + } + + function va(a, b, c) { + var d, e, f = ta(a.year(), b, c), + g = Math.floor((a.dayOfYear() - f - 1) / 7) + 1; + return 1 > g ? (e = a.year() - 1, d = g + wa(e, b, c)) : g > wa(a.year(), b, c) ? (d = g - wa(a.year(), b, c), e = a.year() + 1) : (e = a.year(), d = g), { + week: d, + year: e + } + } + + function wa(a, b, c) { + var d = ta(a, b, c), + e = ta(a + 1, b, c); + return (oa(a) - d + e) / 7 + } + // HELPERS + // LOCALES + function xa(a) { + return va(a, this._week.dow, this._week.doy).week + } + + function ya() { + return this._week.dow + } + + function za() { + return this._week.doy + } + // MOMENTS + function Aa(a) { + var b = this.localeData().week(this); + return null == a ? b : this.add(7 * (a - b), "d") + } + + function Ba(a) { + var b = va(this, 1, 4).week; + return null == a ? b : this.add(7 * (a - b), "d") + } + // HELPERS + function Ca(a, b) { + return "string" != typeof a ? a : isNaN(a) ? (a = b.weekdaysParse(a), "number" == typeof a ? a : null) : parseInt(a, 10) + } + + function Da(a, b) { + return "string" == typeof a ? b.weekdaysParse(a) % 7 || 7 : isNaN(a) ? null : a + } + + function Ea(a, b) { + return c(this._weekdays) ? this._weekdays[a.day()] : this._weekdays[this._weekdays.isFormat.test(b) ? "format" : "standalone"][a.day()] + } + + function Fa(a) { + return this._weekdaysShort[a.day()] + } + + function Ga(a) { + return this._weekdaysMin[a.day()] + } + + function Ha(a, b, c) { + var d, e, f, g = a.toLocaleLowerCase(); + if (!this._weekdaysParse) + for (this._weekdaysParse = [], this._shortWeekdaysParse = [], this._minWeekdaysParse = [], d = 0; 7 > d; ++d) f = j([2e3, 1]).day(d), this._minWeekdaysParse[d] = this.weekdaysMin(f, "").toLocaleLowerCase(), this._shortWeekdaysParse[d] = this.weekdaysShort(f, "").toLocaleLowerCase(), this._weekdaysParse[d] = this.weekdays(f, "").toLocaleLowerCase(); + return c ? "dddd" === b ? (e = sd.call(this._weekdaysParse, g), -1 !== e ? e : null) : "ddd" === b ? (e = sd.call(this._shortWeekdaysParse, g), -1 !== e ? e : null) : (e = sd.call(this._minWeekdaysParse, g), -1 !== e ? e : null) : "dddd" === b ? (e = sd.call(this._weekdaysParse, g), -1 !== e ? e : (e = sd.call(this._shortWeekdaysParse, g), -1 !== e ? e : (e = sd.call(this._minWeekdaysParse, g), -1 !== e ? e : null))) : "ddd" === b ? (e = sd.call(this._shortWeekdaysParse, g), -1 !== e ? e : (e = sd.call(this._weekdaysParse, g), -1 !== e ? e : (e = sd.call(this._minWeekdaysParse, g), -1 !== e ? e : null))) : (e = sd.call(this._minWeekdaysParse, g), -1 !== e ? e : (e = sd.call(this._weekdaysParse, g), -1 !== e ? e : (e = sd.call(this._shortWeekdaysParse, g), -1 !== e ? e : null))) + } + + function Ia(a, b, c) { + var d, e, f; + if (this._weekdaysParseExact) return Ha.call(this, a, b, c); + for (this._weekdaysParse || (this._weekdaysParse = [], this._minWeekdaysParse = [], this._shortWeekdaysParse = [], this._fullWeekdaysParse = []), d = 0; 7 > d; d++) { + // test the regex + if (e = j([2e3, 1]).day(d), c && !this._fullWeekdaysParse[d] && (this._fullWeekdaysParse[d] = new RegExp("^" + this.weekdays(e, "").replace(".", ".?") + "$", "i"), this._shortWeekdaysParse[d] = new RegExp("^" + this.weekdaysShort(e, "").replace(".", ".?") + "$", "i"), this._minWeekdaysParse[d] = new RegExp("^" + this.weekdaysMin(e, "").replace(".", ".?") + "$", "i")), this._weekdaysParse[d] || (f = "^" + this.weekdays(e, "") + "|^" + this.weekdaysShort(e, "") + "|^" + this.weekdaysMin(e, ""), this._weekdaysParse[d] = new RegExp(f.replace(".", ""), "i")), c && "dddd" === b && this._fullWeekdaysParse[d].test(a)) return d; + if (c && "ddd" === b && this._shortWeekdaysParse[d].test(a)) return d; + if (c && "dd" === b && this._minWeekdaysParse[d].test(a)) return d; + if (!c && this._weekdaysParse[d].test(a)) return d + } + } + // MOMENTS + function Ja(a) { + if (!this.isValid()) return null != a ? this : NaN; + var b = this._isUTC ? this._d.getUTCDay() : this._d.getDay(); + return null != a ? (a = Ca(a, this.localeData()), this.add(a - b, "d")) : b + } + + function Ka(a) { + if (!this.isValid()) return null != a ? this : NaN; + var b = (this.day() + 7 - this.localeData()._week.dow) % 7; + return null == a ? b : this.add(a - b, "d") + } + + function La(a) { + if (!this.isValid()) return null != a ? this : NaN; + // behaves the same as moment#day except + // as a getter, returns 7 instead of 0 (1-7 range instead of 0-6) + // as a setter, sunday should belong to the previous week. + if (null != a) { + var b = Da(a, this.localeData()); + return this.day(this.day() % 7 ? b : b - 7) + } + return this.day() || 7 + } + + function Ma(a) { + return this._weekdaysParseExact ? (h(this, "_weekdaysRegex") || Pa.call(this), a ? this._weekdaysStrictRegex : this._weekdaysRegex) : (h(this, "_weekdaysRegex") || (this._weekdaysRegex = pe), this._weekdaysStrictRegex && a ? this._weekdaysStrictRegex : this._weekdaysRegex) + } + + function Na(a) { + return this._weekdaysParseExact ? (h(this, "_weekdaysRegex") || Pa.call(this), a ? this._weekdaysShortStrictRegex : this._weekdaysShortRegex) : (h(this, "_weekdaysShortRegex") || (this._weekdaysShortRegex = qe), this._weekdaysShortStrictRegex && a ? this._weekdaysShortStrictRegex : this._weekdaysShortRegex) + } + + function Oa(a) { + return this._weekdaysParseExact ? (h(this, "_weekdaysRegex") || Pa.call(this), a ? this._weekdaysMinStrictRegex : this._weekdaysMinRegex) : (h(this, "_weekdaysMinRegex") || (this._weekdaysMinRegex = re), this._weekdaysMinStrictRegex && a ? this._weekdaysMinStrictRegex : this._weekdaysMinRegex) + } + + function Pa() { + function a(a, b) { + return b.length - a.length + } + var b, c, d, e, f, g = [], + h = [], + i = [], + k = []; + for (b = 0; 7 > b; b++) c = j([2e3, 1]).day(b), d = this.weekdaysMin(c, ""), e = this.weekdaysShort(c, ""), f = this.weekdays(c, ""), g.push(d), h.push(e), i.push(f), k.push(d), k.push(e), k.push(f); + for ( + // Sorting makes sure if one weekday (or abbr) is a prefix of another it + // will match the longer piece. + g.sort(a), h.sort(a), i.sort(a), k.sort(a), b = 0; 7 > b; b++) h[b] = _(h[b]), i[b] = _(i[b]), k[b] = _(k[b]); + this._weekdaysRegex = new RegExp("^(" + k.join("|") + ")", "i"), this._weekdaysShortRegex = this._weekdaysRegex, this._weekdaysMinRegex = this._weekdaysRegex, this._weekdaysStrictRegex = new RegExp("^(" + i.join("|") + ")", "i"), this._weekdaysShortStrictRegex = new RegExp("^(" + h.join("|") + ")", "i"), this._weekdaysMinStrictRegex = new RegExp("^(" + g.join("|") + ")", "i") + } + // FORMATTING + function Qa() { + return this.hours() % 12 || 12 + } + + function Ra() { + return this.hours() || 24 + } + + function Sa(a, b) { + T(a, 0, 0, function() { + return this.localeData().meridiem(this.hours(), this.minutes(), b) + }) + } + // PARSING + function Ta(a, b) { + return b._meridiemParse + } + // LOCALES + function Ua(a) { + // IE8 Quirks Mode & IE7 Standards Mode do not allow accessing strings like arrays + // Using charAt should be more compatible. + return "p" === (a + "").toLowerCase().charAt(0) + } + + function Va(a, b, c) { + return a > 11 ? c ? "pm" : "PM" : c ? "am" : "AM" + } + + function Wa(a) { + return a ? a.toLowerCase().replace("_", "-") : a + } + // pick the locale from the array + // try ['en-au', 'en-gb'] as 'en-au', 'en-gb', 'en', as in move through the list trying each + // substring from most specific to least, but move to the next array item if it's a more specific variant than the current root + function Xa(a) { + for (var b, c, d, e, f = 0; f < a.length;) { + for (e = Wa(a[f]).split("-"), b = e.length, c = Wa(a[f + 1]), c = c ? c.split("-") : null; b > 0;) { + if (d = Ya(e.slice(0, b).join("-"))) return d; + if (c && c.length >= b && u(e, c, !0) >= b - 1) + //the next array item is better than a shallower substring of this one + break; + b-- + } + f++ + } + return null + } + + function Ya(a) { + var b = null; + // TODO: Find a better way to register and load all the locales in Node + if (!we[a] && "undefined" != typeof module && module && module.exports) try { + b = se._abbr, require("./locale/" + a), + // because defineLocale currently also sets the global locale, we + // want to undo that for lazy loaded locales + Za(b) + } catch (c) {} + return we[a] + } + // This function will load locale and then set the global locale. If + // no arguments are passed in, it will simply return the current global + // locale key. + function Za(a, b) { + var c; + // moment.duration._locale = moment._locale = data; + return a && (c = o(b) ? ab(a) : $a(a, b), c && (se = c)), se._abbr + } + + function $a(a, b) { + if (null !== b) { + var c = ve; + // treat as if there is no base config + // backwards compat for now: also set the locale + return b.abbr = a, null != we[a] ? (x("defineLocaleOverride", "use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."), c = we[a]._config) : null != b.parentLocale && (null != we[b.parentLocale] ? c = we[b.parentLocale]._config : x("parentLocaleUndefined", "specified parentLocale is not defined yet. See http://momentjs.com/guides/#/warnings/parent-locale/")), we[a] = new B(A(c, b)), Za(a), we[a] + } + // useful for testing + return delete we[a], null + } + + function _a(a, b) { + if (null != b) { + var c, d = ve; + // MERGE + null != we[a] && (d = we[a]._config), b = A(d, b), c = new B(b), c.parentLocale = we[a], we[a] = c, + // backwards compat for now: also set the locale + Za(a) + } else + // pass null for config to unupdate, useful for tests + null != we[a] && (null != we[a].parentLocale ? we[a] = we[a].parentLocale : null != we[a] && delete we[a]); + return we[a] + } + // returns locale data + function ab(a) { + var b; + if (a && a._locale && a._locale._abbr && (a = a._locale._abbr), !a) return se; + if (!c(a)) { + if (b = Ya(a)) return b; + a = [a] + } + return Xa(a) + } + + function bb() { + return rd(we) + } + + function cb(a) { + var b, c = a._a; + return c && -2 === l(a).overflow && (b = c[Zd] < 0 || c[Zd] > 11 ? Zd : c[$d] < 1 || c[$d] > da(c[Yd], c[Zd]) ? $d : c[_d] < 0 || c[_d] > 24 || 24 === c[_d] && (0 !== c[ae] || 0 !== c[be] || 0 !== c[ce]) ? _d : c[ae] < 0 || c[ae] > 59 ? ae : c[be] < 0 || c[be] > 59 ? be : c[ce] < 0 || c[ce] > 999 ? ce : -1, l(a)._overflowDayOfYear && (Yd > b || b > $d) && (b = $d), l(a)._overflowWeeks && -1 === b && (b = de), l(a)._overflowWeekday && -1 === b && (b = ee), l(a).overflow = b), a + } + // date from iso format + function db(a) { + var b, c, d, e, f, g, h = a._i, + i = xe.exec(h) || ye.exec(h); + if (i) { + for (l(a).iso = !0, b = 0, c = Ae.length; c > b; b++) + if (Ae[b][1].exec(i[1])) { + e = Ae[b][0], d = Ae[b][2] !== !1; + break + } + if (null == e) return void(a._isValid = !1); + if (i[3]) { + for (b = 0, c = Be.length; c > b; b++) + if (Be[b][1].exec(i[3])) { + // match[2] should be 'T' or space + f = (i[2] || " ") + Be[b][0]; + break + } + if (null == f) return void(a._isValid = !1) + } + if (!d && null != f) return void(a._isValid = !1); + if (i[4]) { + if (!ze.exec(i[4])) return void(a._isValid = !1); + g = "Z" + } + a._f = e + (f || "") + (g || ""), jb(a) + } else a._isValid = !1 + } + // date from iso format or fallback + function eb(b) { + var c = Ce.exec(b._i); + return null !== c ? void(b._d = new Date(+c[1])) : (db(b), void(b._isValid === !1 && (delete b._isValid, a.createFromInputFallback(b)))) + } + // Pick the first defined of two or three arguments. + function fb(a, b, c) { + return null != a ? a : null != b ? b : c + } + + function gb(b) { + // hooks is actually the exported moment object + var c = new Date(a.now()); + return b._useUTC ? [c.getUTCFullYear(), c.getUTCMonth(), c.getUTCDate()] : [c.getFullYear(), c.getMonth(), c.getDate()] + } + // convert an array to a date. + // the array should mirror the parameters below + // note: all values past the year are optional and will default to the lowest possible value. + // [year, month, day , hour, minute, second, millisecond] + function hb(a) { + var b, c, d, e, f = []; + if (!a._d) { + // Default to current date. + // * if no year, month, day of month are given, default to today + // * if day of month is given, default month and year + // * if month is given, default only year + // * if year is given, don't default anything + for (d = gb(a), a._w && null == a._a[$d] && null == a._a[Zd] && ib(a), a._dayOfYear && (e = fb(a._a[Yd], d[Yd]), a._dayOfYear > oa(e) && (l(a)._overflowDayOfYear = !0), c = sa(e, 0, a._dayOfYear), a._a[Zd] = c.getUTCMonth(), a._a[$d] = c.getUTCDate()), b = 0; 3 > b && null == a._a[b]; ++b) a._a[b] = f[b] = d[b]; + // Zero out whatever was not defaulted, including time + for (; 7 > b; b++) a._a[b] = f[b] = null == a._a[b] ? 2 === b ? 1 : 0 : a._a[b]; + // Check for 24:00:00.000 + 24 === a._a[_d] && 0 === a._a[ae] && 0 === a._a[be] && 0 === a._a[ce] && (a._nextDay = !0, a._a[_d] = 0), a._d = (a._useUTC ? sa : ra).apply(null, f), + // Apply timezone offset from input. The actual utcOffset can be changed + // with parseZone. + null != a._tzm && a._d.setUTCMinutes(a._d.getUTCMinutes() - a._tzm), a._nextDay && (a._a[_d] = 24) + } + } + + function ib(a) { + var b, c, d, e, f, g, h, i; + b = a._w, null != b.GG || null != b.W || null != b.E ? (f = 1, g = 4, c = fb(b.GG, a._a[Yd], va(rb(), 1, 4).year), d = fb(b.W, 1), e = fb(b.E, 1), (1 > e || e > 7) && (i = !0)) : (f = a._locale._week.dow, g = a._locale._week.doy, c = fb(b.gg, a._a[Yd], va(rb(), f, g).year), d = fb(b.w, 1), null != b.d ? (e = b.d, (0 > e || e > 6) && (i = !0)) : null != b.e ? (e = b.e + f, (b.e < 0 || b.e > 6) && (i = !0)) : e = f), 1 > d || d > wa(c, f, g) ? l(a)._overflowWeeks = !0 : null != i ? l(a)._overflowWeekday = !0 : (h = ua(c, d, e, f, g), a._a[Yd] = h.year, a._dayOfYear = h.dayOfYear) + } + // date from string and format string + function jb(b) { + // TODO: Move this to another part of the creation flow to prevent circular deps + if (b._f === a.ISO_8601) return void db(b); + b._a = [], l(b).empty = !0; + // This array is used to make a Date, either with `new Date` or `Date.UTC` + var c, d, e, f, g, h = "" + b._i, + i = h.length, + j = 0; + for (e = X(b._f, b._locale).match(Bd) || [], c = 0; c < e.length; c++) f = e[c], d = (h.match(Z(f, b)) || [])[0], d && (g = h.substr(0, h.indexOf(d)), g.length > 0 && l(b).unusedInput.push(g), h = h.slice(h.indexOf(d) + d.length), j += d.length), Ed[f] ? (d ? l(b).empty = !1 : l(b).unusedTokens.push(f), ca(f, d, b)) : b._strict && !d && l(b).unusedTokens.push(f); + // add remaining unparsed input length to the string + l(b).charsLeftOver = i - j, h.length > 0 && l(b).unusedInput.push(h), + // clear _12h flag if hour is <= 12 + b._a[_d] <= 12 && l(b).bigHour === !0 && b._a[_d] > 0 && (l(b).bigHour = void 0), l(b).parsedDateParts = b._a.slice(0), l(b).meridiem = b._meridiem, + // handle meridiem + b._a[_d] = kb(b._locale, b._a[_d], b._meridiem), hb(b), cb(b) + } + + function kb(a, b, c) { + var d; + // Fallback + return null == c ? b : null != a.meridiemHour ? a.meridiemHour(b, c) : null != a.isPM ? (d = a.isPM(c), d && 12 > b && (b += 12), d || 12 !== b || (b = 0), b) : b + } + // date from string and array of format strings + function lb(a) { + var b, c, d, e, f; + if (0 === a._f.length) return l(a).invalidFormat = !0, void(a._d = new Date(NaN)); + for (e = 0; e < a._f.length; e++) f = 0, b = p({}, a), null != a._useUTC && (b._useUTC = a._useUTC), b._f = a._f[e], jb(b), m(b) && (f += l(b).charsLeftOver, f += 10 * l(b).unusedTokens.length, l(b).score = f, (null == d || d > f) && (d = f, c = b)); + i(a, c || b) + } + + function mb(a) { + if (!a._d) { + var b = K(a._i); + a._a = g([b.year, b.month, b.day || b.date, b.hour, b.minute, b.second, b.millisecond], function(a) { + return a && parseInt(a, 10) + }), hb(a) + } + } + + function nb(a) { + var b = new q(cb(ob(a))); + // Adding is smart enough around DST + return b._nextDay && (b.add(1, "d"), b._nextDay = void 0), b + } + + function ob(a) { + var b = a._i, + d = a._f; + return a._locale = a._locale || ab(a._l), null === b || void 0 === d && "" === b ? n({ + nullInput: !0 + }) : ("string" == typeof b && (a._i = b = a._locale.preparse(b)), r(b) ? new q(cb(b)) : (c(d) ? lb(a) : f(b) ? a._d = b : d ? jb(a) : pb(a), m(a) || (a._d = null), a)) + } + + function pb(b) { + var d = b._i; + void 0 === d ? b._d = new Date(a.now()) : f(d) ? b._d = new Date(d.valueOf()) : "string" == typeof d ? eb(b) : c(d) ? (b._a = g(d.slice(0), function(a) { + return parseInt(a, 10) + }), hb(b)) : "object" == typeof d ? mb(b) : "number" == typeof d ? + // from milliseconds + b._d = new Date(d) : a.createFromInputFallback(b) + } + + function qb(a, b, f, g, h) { + var i = {}; + // object construction must be done this way. + // https://github.com/moment/moment/issues/1423 + return "boolean" == typeof f && (g = f, f = void 0), (d(a) && e(a) || c(a) && 0 === a.length) && (a = void 0), i._isAMomentObject = !0, i._useUTC = i._isUTC = h, i._l = f, i._i = a, i._f = b, i._strict = g, nb(i) + } + + function rb(a, b, c, d) { + return qb(a, b, c, d, !1) + } + // Pick a moment m from moments so that m[fn](other) is true for all + // other. This relies on the function fn to be transitive. + // + // moments should either be an array of moment objects or an array, whose + // first element is an array of moment objects. + function sb(a, b) { + var d, e; + if (1 === b.length && c(b[0]) && (b = b[0]), !b.length) return rb(); + for (d = b[0], e = 1; e < b.length; ++e) b[e].isValid() && !b[e][a](d) || (d = b[e]); + return d + } + // TODO: Use [].sort instead? + function tb() { + var a = [].slice.call(arguments, 0); + return sb("isBefore", a) + } + + function ub() { + var a = [].slice.call(arguments, 0); + return sb("isAfter", a) + } + + function vb(a) { + var b = K(a), + c = b.year || 0, + d = b.quarter || 0, + e = b.month || 0, + f = b.week || 0, + g = b.day || 0, + h = b.hour || 0, + i = b.minute || 0, + j = b.second || 0, + k = b.millisecond || 0; + // representation for dateAddRemove + this._milliseconds = +k + 1e3 * j + // 1000 + 6e4 * i + // 1000 * 60 + 1e3 * h * 60 * 60, //using 1000 * 60 * 60 instead of 36e5 to avoid floating point rounding errors https://github.com/moment/moment/issues/2978 + // Because of dateAddRemove treats 24 hours as different from a + // day when working around DST, we need to store them separately + this._days = +g + 7 * f, + // It is impossible translate months into days without knowing + // which months you are are talking about, so we have to store + // it separately. + this._months = +e + 3 * d + 12 * c, this._data = {}, this._locale = ab(), this._bubble() + } + + function wb(a) { + return a instanceof vb + } + // FORMATTING + function xb(a, b) { + T(a, 0, 0, function() { + var a = this.utcOffset(), + c = "+"; + return 0 > a && (a = -a, c = "-"), c + S(~~(a / 60), 2) + b + S(~~a % 60, 2) + }) + } + + function yb(a, b) { + var c = (b || "").match(a) || [], + d = c[c.length - 1] || [], + e = (d + "").match(Ge) || ["-", 0, 0], + f = +(60 * e[1]) + t(e[2]); + return "+" === e[0] ? f : -f + } + // Return a moment from input, that is local/utc/zone equivalent to model. + function zb(b, c) { + var d, e; + // Use low-level api, because this fn is low-level api. + return c._isUTC ? (d = c.clone(), e = (r(b) || f(b) ? b.valueOf() : rb(b).valueOf()) - d.valueOf(), d._d.setTime(d._d.valueOf() + e), a.updateOffset(d, !1), d) : rb(b).local() + } + + function Ab(a) { + // On Firefox.24 Date#getTimezoneOffset returns a floating point. + // https://github.com/moment/moment/pull/1871 + return 15 * -Math.round(a._d.getTimezoneOffset() / 15) + } + // MOMENTS + // keepLocalTime = true means only change the timezone, without + // affecting the local hour. So 5:31:26 +0300 --[utcOffset(2, true)]--> + // 5:31:26 +0200 It is possible that 5:31:26 doesn't exist with offset + // +0200, so we adjust the time as needed, to be valid. + // + // Keeping the time actually adds/subtracts (one hour) + // from the actual represented time. That is why we call updateOffset + // a second time. In case it wants us to change the offset again + // _changeInProgress == true case, then we have to adjust, because + // there is no such time in the given timezone. + function Bb(b, c) { + var d, e = this._offset || 0; + return this.isValid() ? null != b ? ("string" == typeof b ? b = yb(Td, b) : Math.abs(b) < 16 && (b = 60 * b), !this._isUTC && c && (d = Ab(this)), this._offset = b, this._isUTC = !0, null != d && this.add(d, "m"), e !== b && (!c || this._changeInProgress ? Sb(this, Mb(b - e, "m"), 1, !1) : this._changeInProgress || (this._changeInProgress = !0, a.updateOffset(this, !0), this._changeInProgress = null)), this) : this._isUTC ? e : Ab(this) : null != b ? this : NaN + } + + function Cb(a, b) { + return null != a ? ("string" != typeof a && (a = -a), this.utcOffset(a, b), this) : -this.utcOffset() + } + + function Db(a) { + return this.utcOffset(0, a) + } + + function Eb(a) { + return this._isUTC && (this.utcOffset(0, a), this._isUTC = !1, a && this.subtract(Ab(this), "m")), this + } + + function Fb() { + return this._tzm ? this.utcOffset(this._tzm) : "string" == typeof this._i && this.utcOffset(yb(Sd, this._i)), this + } + + function Gb(a) { + return this.isValid() ? (a = a ? rb(a).utcOffset() : 0, (this.utcOffset() - a) % 60 === 0) : !1 + } + + function Hb() { + return this.utcOffset() > this.clone().month(0).utcOffset() || this.utcOffset() > this.clone().month(5).utcOffset() + } + + function Ib() { + if (!o(this._isDSTShifted)) return this._isDSTShifted; + var a = {}; + if (p(a, this), a = ob(a), a._a) { + var b = a._isUTC ? j(a._a) : rb(a._a); + this._isDSTShifted = this.isValid() && u(a._a, b.toArray()) > 0 + } else this._isDSTShifted = !1; + return this._isDSTShifted + } + + function Jb() { + return this.isValid() ? !this._isUTC : !1 + } + + function Kb() { + return this.isValid() ? this._isUTC : !1 + } + + function Lb() { + return this.isValid() ? this._isUTC && 0 === this._offset : !1 + } + + function Mb(a, b) { + var c, d, e, f = a, + // matching against regexp is expensive, do it on demand + g = null; // checks for null or undefined + return wb(a) ? f = { + ms: a._milliseconds, + d: a._days, + M: a._months + } : "number" == typeof a ? (f = {}, b ? f[b] = a : f.milliseconds = a) : (g = He.exec(a)) ? (c = "-" === g[1] ? -1 : 1, f = { + y: 0, + d: t(g[$d]) * c, + h: t(g[_d]) * c, + m: t(g[ae]) * c, + s: t(g[be]) * c, + ms: t(g[ce]) * c + }) : (g = Ie.exec(a)) ? (c = "-" === g[1] ? -1 : 1, f = { + y: Nb(g[2], c), + M: Nb(g[3], c), + w: Nb(g[4], c), + d: Nb(g[5], c), + h: Nb(g[6], c), + m: Nb(g[7], c), + s: Nb(g[8], c) + }) : null == f ? f = {} : "object" == typeof f && ("from" in f || "to" in f) && (e = Pb(rb(f.from), rb(f.to)), f = {}, f.ms = e.milliseconds, f.M = e.months), d = new vb(f), wb(a) && h(a, "_locale") && (d._locale = a._locale), d + } + + function Nb(a, b) { + // We'd normally use ~~inp for this, but unfortunately it also + // converts floats to ints. + // inp may be undefined, so careful calling replace on it. + var c = a && parseFloat(a.replace(",", ".")); + // apply sign while we're at it + return (isNaN(c) ? 0 : c) * b + } + + function Ob(a, b) { + var c = { + milliseconds: 0, + months: 0 + }; + return c.months = b.month() - a.month() + 12 * (b.year() - a.year()), a.clone().add(c.months, "M").isAfter(b) && --c.months, c.milliseconds = +b - +a.clone().add(c.months, "M"), c + } + + function Pb(a, b) { + var c; + return a.isValid() && b.isValid() ? (b = zb(b, a), a.isBefore(b) ? c = Ob(a, b) : (c = Ob(b, a), c.milliseconds = -c.milliseconds, c.months = -c.months), c) : { + milliseconds: 0, + months: 0 + } + } + + function Qb(a) { + return 0 > a ? -1 * Math.round(-1 * a) : Math.round(a) + } + // TODO: remove 'name' arg after deprecation is removed + function Rb(a, b) { + return function(c, d) { + var e, f; + //invert the arguments, but complain about it + return null === d || isNaN(+d) || (x(b, "moment()." + b + "(period, number) is deprecated. Please use moment()." + b + "(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."), f = c, c = d, d = f), c = "string" == typeof c ? +c : c, e = Mb(c, d), Sb(this, e, a), this + } + } + + function Sb(b, c, d, e) { + var f = c._milliseconds, + g = Qb(c._days), + h = Qb(c._months); + b.isValid() && (e = null == e ? !0 : e, f && b._d.setTime(b._d.valueOf() + f * d), g && P(b, "Date", O(b, "Date") + g * d), h && ia(b, O(b, "Month") + h * d), e && a.updateOffset(b, g || h)) + } + + function Tb(a, b) { + var c = a.diff(b, "days", !0); + return -6 > c ? "sameElse" : -1 > c ? "lastWeek" : 0 > c ? "lastDay" : 1 > c ? "sameDay" : 2 > c ? "nextDay" : 7 > c ? "nextWeek" : "sameElse" + } + + function Ub(b, c) { + // We want to compare the start of today, vs this. + // Getting start-of-today depends on whether we're local/utc/offset or not. + var d = b || rb(), + e = zb(d, this).startOf("day"), + f = a.calendarFormat(this, e) || "sameElse", + g = c && (y(c[f]) ? c[f].call(this, d) : c[f]); + return this.format(g || this.localeData().calendar(f, this, rb(d))) + } + + function Vb() { + return new q(this) + } + + function Wb(a, b) { + var c = r(a) ? a : rb(a); + return this.isValid() && c.isValid() ? (b = J(o(b) ? "millisecond" : b), "millisecond" === b ? this.valueOf() > c.valueOf() : c.valueOf() < this.clone().startOf(b).valueOf()) : !1 + } + + function Xb(a, b) { + var c = r(a) ? a : rb(a); + return this.isValid() && c.isValid() ? (b = J(o(b) ? "millisecond" : b), "millisecond" === b ? this.valueOf() < c.valueOf() : this.clone().endOf(b).valueOf() < c.valueOf()) : !1 + } + + function Yb(a, b, c, d) { + return d = d || "()", ("(" === d[0] ? this.isAfter(a, c) : !this.isBefore(a, c)) && (")" === d[1] ? this.isBefore(b, c) : !this.isAfter(b, c)) + } + + function Zb(a, b) { + var c, d = r(a) ? a : rb(a); + return this.isValid() && d.isValid() ? (b = J(b || "millisecond"), "millisecond" === b ? this.valueOf() === d.valueOf() : (c = d.valueOf(), this.clone().startOf(b).valueOf() <= c && c <= this.clone().endOf(b).valueOf())) : !1 + } + + function $b(a, b) { + return this.isSame(a, b) || this.isAfter(a, b) + } + + function _b(a, b) { + return this.isSame(a, b) || this.isBefore(a, b) + } + + function ac(a, b, c) { + var d, e, f, g; // 1000 + // 1000 * 60 + // 1000 * 60 * 60 + // 1000 * 60 * 60 * 24, negate dst + // 1000 * 60 * 60 * 24 * 7, negate dst + return this.isValid() ? (d = zb(a, this), d.isValid() ? (e = 6e4 * (d.utcOffset() - this.utcOffset()), b = J(b), "year" === b || "month" === b || "quarter" === b ? (g = bc(this, d), "quarter" === b ? g /= 3 : "year" === b && (g /= 12)) : (f = this - d, g = "second" === b ? f / 1e3 : "minute" === b ? f / 6e4 : "hour" === b ? f / 36e5 : "day" === b ? (f - e) / 864e5 : "week" === b ? (f - e) / 6048e5 : f), c ? g : s(g)) : NaN) : NaN + } + + function bc(a, b) { + // difference in months + var c, d, e = 12 * (b.year() - a.year()) + (b.month() - a.month()), + // b is in (anchor - 1 month, anchor + 1 month) + f = a.clone().add(e, "months"); + //check for negative zero, return zero if negative zero + // linear across the month + // linear across the month + return 0 > b - f ? (c = a.clone().add(e - 1, "months"), d = (b - f) / (f - c)) : (c = a.clone().add(e + 1, "months"), d = (b - f) / (c - f)), -(e + d) || 0 + } + + function cc() { + return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ") + } + + function dc() { + var a = this.clone().utc(); + return 0 < a.year() && a.year() <= 9999 ? y(Date.prototype.toISOString) ? this.toDate().toISOString() : W(a, "YYYY-MM-DD[T]HH:mm:ss.SSS[Z]") : W(a, "YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]") + } + + function ec(b) { + b || (b = this.isUtc() ? a.defaultFormatUtc : a.defaultFormat); + var c = W(this, b); + return this.localeData().postformat(c) + } + + function fc(a, b) { + return this.isValid() && (r(a) && a.isValid() || rb(a).isValid()) ? Mb({ + to: this, + from: a + }).locale(this.locale()).humanize(!b) : this.localeData().invalidDate() + } + + function gc(a) { + return this.from(rb(), a) + } + + function hc(a, b) { + return this.isValid() && (r(a) && a.isValid() || rb(a).isValid()) ? Mb({ + from: this, + to: a + }).locale(this.locale()).humanize(!b) : this.localeData().invalidDate() + } + + function ic(a) { + return this.to(rb(), a) + } + // If passed a locale key, it will set the locale for this + // instance. Otherwise, it will return the locale configuration + // variables for this instance. + function jc(a) { + var b; + return void 0 === a ? this._locale._abbr : (b = ab(a), null != b && (this._locale = b), this) + } + + function kc() { + return this._locale + } + + function lc(a) { + // the following switch intentionally omits break keywords + // to utilize falling through the cases. + switch (a = J(a)) { + case "year": + this.month(0); /* falls through */ + case "quarter": + case "month": + this.date(1); /* falls through */ + case "week": + case "isoWeek": + case "day": + case "date": + this.hours(0); /* falls through */ + case "hour": + this.minutes(0); /* falls through */ + case "minute": + this.seconds(0); /* falls through */ + case "second": + this.milliseconds(0) + } + // weeks are a special case + // quarters are also special + return "week" === a && this.weekday(0), "isoWeek" === a && this.isoWeekday(1), "quarter" === a && this.month(3 * Math.floor(this.month() / 3)), this + } + + function mc(a) { + // 'date' is an alias for 'day', so it should be considered as such. + return a = J(a), void 0 === a || "millisecond" === a ? this : ("date" === a && (a = "day"), this.startOf(a).add(1, "isoWeek" === a ? "week" : a).subtract(1, "ms")) + } + + function nc() { + return this._d.valueOf() - 6e4 * (this._offset || 0) + } + + function oc() { + return Math.floor(this.valueOf() / 1e3) + } + + function pc() { + return new Date(this.valueOf()) + } + + function qc() { + var a = this; + return [a.year(), a.month(), a.date(), a.hour(), a.minute(), a.second(), a.millisecond()] + } + + function rc() { + var a = this; + return { + years: a.year(), + months: a.month(), + date: a.date(), + hours: a.hours(), + minutes: a.minutes(), + seconds: a.seconds(), + milliseconds: a.milliseconds() + } + } + + function sc() { + // new Date(NaN).toJSON() === null + return this.isValid() ? this.toISOString() : null + } + + function tc() { + return m(this) + } + + function uc() { + return i({}, l(this)) + } + + function vc() { + return l(this).overflow + } + + function wc() { + return { + input: this._i, + format: this._f, + locale: this._locale, + isUTC: this._isUTC, + strict: this._strict + } + } + + function xc(a, b) { + T(0, [a, a.length], 0, b) + } + // MOMENTS + function yc(a) { + return Cc.call(this, a, this.week(), this.weekday(), this.localeData()._week.dow, this.localeData()._week.doy) + } + + function zc(a) { + return Cc.call(this, a, this.isoWeek(), this.isoWeekday(), 1, 4) + } + + function Ac() { + return wa(this.year(), 1, 4) + } + + function Bc() { + var a = this.localeData()._week; + return wa(this.year(), a.dow, a.doy) + } + + function Cc(a, b, c, d, e) { + var f; + return null == a ? va(this, d, e).year : (f = wa(a, d, e), b > f && (b = f), Dc.call(this, a, b, c, d, e)) + } + + function Dc(a, b, c, d, e) { + var f = ua(a, b, c, d, e), + g = sa(f.year, 0, f.dayOfYear); + return this.year(g.getUTCFullYear()), this.month(g.getUTCMonth()), this.date(g.getUTCDate()), this + } + // MOMENTS + function Ec(a) { + return null == a ? Math.ceil((this.month() + 1) / 3) : this.month(3 * (a - 1) + this.month() % 3) + } + // HELPERS + // MOMENTS + function Fc(a) { + var b = Math.round((this.clone().startOf("day") - this.clone().startOf("year")) / 864e5) + 1; + return null == a ? b : this.add(a - b, "d") + } + + function Gc(a, b) { + b[ce] = t(1e3 * ("0." + a)) + } + // MOMENTS + function Hc() { + return this._isUTC ? "UTC" : "" + } + + function Ic() { + return this._isUTC ? "Coordinated Universal Time" : "" + } + + function Jc(a) { + return rb(1e3 * a) + } + + function Kc() { + return rb.apply(null, arguments).parseZone() + } + + function Lc(a) { + return a + } + + function Mc(a, b, c, d) { + var e = ab(), + f = j().set(d, b); + return e[c](f, a) + } + + function Nc(a, b, c) { + if ("number" == typeof a && (b = a, a = void 0), a = a || "", null != b) return Mc(a, b, c, "month"); + var d, e = []; + for (d = 0; 12 > d; d++) e[d] = Mc(a, d, c, "month"); + return e + } + // () + // (5) + // (fmt, 5) + // (fmt) + // (true) + // (true, 5) + // (true, fmt, 5) + // (true, fmt) + function Oc(a, b, c, d) { + "boolean" == typeof a ? ("number" == typeof b && (c = b, b = void 0), b = b || "") : (b = a, c = b, a = !1, "number" == typeof b && (c = b, b = void 0), b = b || ""); + var e = ab(), + f = a ? e._week.dow : 0; + if (null != c) return Mc(b, (c + f) % 7, d, "day"); + var g, h = []; + for (g = 0; 7 > g; g++) h[g] = Mc(b, (g + f) % 7, d, "day"); + return h + } + + function Pc(a, b) { + return Nc(a, b, "months") + } + + function Qc(a, b) { + return Nc(a, b, "monthsShort") + } + + function Rc(a, b, c) { + return Oc(a, b, c, "weekdays") + } + + function Sc(a, b, c) { + return Oc(a, b, c, "weekdaysShort") + } + + function Tc(a, b, c) { + return Oc(a, b, c, "weekdaysMin") + } + + function Uc() { + var a = this._data; + return this._milliseconds = Ue(this._milliseconds), this._days = Ue(this._days), this._months = Ue(this._months), a.milliseconds = Ue(a.milliseconds), a.seconds = Ue(a.seconds), a.minutes = Ue(a.minutes), a.hours = Ue(a.hours), a.months = Ue(a.months), a.years = Ue(a.years), this + } + + function Vc(a, b, c, d) { + var e = Mb(b, c); + return a._milliseconds += d * e._milliseconds, a._days += d * e._days, a._months += d * e._months, a._bubble() + } + // supports only 2.0-style add(1, 's') or add(duration) + function Wc(a, b) { + return Vc(this, a, b, 1) + } + // supports only 2.0-style subtract(1, 's') or subtract(duration) + function Xc(a, b) { + return Vc(this, a, b, -1) + } + + function Yc(a) { + return 0 > a ? Math.floor(a) : Math.ceil(a) + } + + function Zc() { + var a, b, c, d, e, f = this._milliseconds, + g = this._days, + h = this._months, + i = this._data; + // if we have a mix of positive and negative values, bubble down first + // check: https://github.com/moment/moment/issues/2166 + // The following code bubbles up values, see the tests for + // examples of what that means. + // convert days to months + // 12 months -> 1 year + return f >= 0 && g >= 0 && h >= 0 || 0 >= f && 0 >= g && 0 >= h || (f += 864e5 * Yc(_c(h) + g), g = 0, h = 0), i.milliseconds = f % 1e3, a = s(f / 1e3), i.seconds = a % 60, b = s(a / 60), i.minutes = b % 60, c = s(b / 60), i.hours = c % 24, g += s(c / 24), e = s($c(g)), h += e, g -= Yc(_c(e)), d = s(h / 12), h %= 12, i.days = g, i.months = h, i.years = d, this + } + + function $c(a) { + // 400 years have 146097 days (taking into account leap year rules) + // 400 years have 12 months === 4800 + return 4800 * a / 146097 + } + + function _c(a) { + // the reverse of daysToMonths + return 146097 * a / 4800 + } + + function ad(a) { + var b, c, d = this._milliseconds; + if (a = J(a), "month" === a || "year" === a) return b = this._days + d / 864e5, c = this._months + $c(b), "month" === a ? c : c / 12; + switch (b = this._days + Math.round(_c(this._months)), a) { + case "week": + return b / 7 + d / 6048e5; + case "day": + return b + d / 864e5; + case "hour": + return 24 * b + d / 36e5; + case "minute": + return 1440 * b + d / 6e4; + case "second": + return 86400 * b + d / 1e3; + // Math.floor prevents floating point math errors here + case "millisecond": + return Math.floor(864e5 * b) + d; + default: + throw new Error("Unknown unit " + a) + } + } + // TODO: Use this.as('ms')? + function bd() { + return this._milliseconds + 864e5 * this._days + this._months % 12 * 2592e6 + 31536e6 * t(this._months / 12) + } + + function cd(a) { + return function() { + return this.as(a) + } + } + + function dd(a) { + return a = J(a), this[a + "s"]() + } + + function ed(a) { + return function() { + return this._data[a] + } + } + + function fd() { + return s(this.days() / 7) + } + // helper function for moment.fn.from, moment.fn.fromNow, and moment.duration.fn.humanize + function gd(a, b, c, d, e) { + return e.relativeTime(b || 1, !!c, a, d) + } + + function hd(a, b, c) { + var d = Mb(a).abs(), + e = jf(d.as("s")), + f = jf(d.as("m")), + g = jf(d.as("h")), + h = jf(d.as("d")), + i = jf(d.as("M")), + j = jf(d.as("y")), + k = e < kf.s && ["s", e] || 1 >= f && ["m"] || f < kf.m && ["mm", f] || 1 >= g && ["h"] || g < kf.h && ["hh", g] || 1 >= h && ["d"] || h < kf.d && ["dd", h] || 1 >= i && ["M"] || i < kf.M && ["MM", i] || 1 >= j && ["y"] || ["yy", j]; + return k[2] = b, k[3] = +a > 0, k[4] = c, gd.apply(null, k) + } + // This function allows you to set the rounding function for relative time strings + function id(a) { + return void 0 === a ? jf : "function" == typeof a ? (jf = a, !0) : !1 + } + // This function allows you to set a threshold for relative time strings + function jd(a, b) { + return void 0 === kf[a] ? !1 : void 0 === b ? kf[a] : (kf[a] = b, !0) + } + + function kd(a) { + var b = this.localeData(), + c = hd(this, !a, b); + return a && (c = b.pastFuture(+this, c)), b.postformat(c) + } + + function ld() { + // for ISO strings we do not use the normal bubbling rules: + // * milliseconds bubble up until they become hours + // * days do not bubble at all + // * months bubble up until they become years + // This is because there is no context-free conversion between hours and days + // (think of clock changes) + // and also not between days and months (28-31 days per month) + var a, b, c, d = lf(this._milliseconds) / 1e3, + e = lf(this._days), + f = lf(this._months); + a = s(d / 60), b = s(a / 60), d %= 60, a %= 60, c = s(f / 12), f %= 12; + // inspired by https://github.com/dordille/moment-isoduration/blob/master/moment.isoduration.js + var g = c, + h = f, + i = e, + j = b, + k = a, + l = d, + m = this.asSeconds(); + return m ? (0 > m ? "-" : "") + "P" + (g ? g + "Y" : "") + (h ? h + "M" : "") + (i ? i + "D" : "") + (j || k || l ? "T" : "") + (j ? j + "H" : "") + (k ? k + "M" : "") + (l ? l + "S" : "") : "P0D" + } + var md, nd; + nd = Array.prototype.some ? Array.prototype.some : function(a) { + for (var b = Object(this), c = b.length >>> 0, d = 0; c > d; d++) + if (d in b && a.call(this, b[d], d, b)) return !0; + return !1 + }; + // Plugins that add properties should also add the key here (null value), + // so we can properly clone ourselves. + var od = a.momentProperties = [], + pd = !1, + qd = {}; + a.suppressDeprecationWarnings = !1, a.deprecationHandler = null; + var rd; + rd = Object.keys ? Object.keys : function(a) { + var b, c = []; + for (b in a) h(a, b) && c.push(b); + return c + }; + var sd, td = { + sameDay: "[Today at] LT", + nextDay: "[Tomorrow at] LT", + nextWeek: "dddd [at] LT", + lastDay: "[Yesterday at] LT", + lastWeek: "[Last] dddd [at] LT", + sameElse: "L" + }, + ud = { + LTS: "h:mm:ss A", + LT: "h:mm A", + L: "MM/DD/YYYY", + LL: "MMMM D, YYYY", + LLL: "MMMM D, YYYY h:mm A", + LLLL: "dddd, MMMM D, YYYY h:mm A" + }, + vd = "Invalid date", + wd = "%d", + xd = /\d{1,2}/, + yd = { + future: "in %s", + past: "%s ago", + s: "a few seconds", + m: "a minute", + mm: "%d minutes", + h: "an hour", + hh: "%d hours", + d: "a day", + dd: "%d days", + M: "a month", + MM: "%d months", + y: "a year", + yy: "%d years" + }, + zd = {}, + Ad = {}, + Bd = /(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g, + Cd = /(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g, + Dd = {}, + Ed = {}, + Fd = /\d/, + Gd = /\d\d/, + Hd = /\d{3}/, + Id = /\d{4}/, + Jd = /[+-]?\d{6}/, + Kd = /\d\d?/, + Ld = /\d\d\d\d?/, + Md = /\d\d\d\d\d\d?/, + Nd = /\d{1,3}/, + Od = /\d{1,4}/, + Pd = /[+-]?\d{1,6}/, + Qd = /\d+/, + Rd = /[+-]?\d+/, + Sd = /Z|[+-]\d\d:?\d\d/gi, + Td = /Z|[+-]\d\d(?::?\d\d)?/gi, + Ud = /[+-]?\d+(\.\d{1,3})?/, + Vd = /[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i, + Wd = {}, + Xd = {}, + Yd = 0, + Zd = 1, + $d = 2, + _d = 3, + ae = 4, + be = 5, + ce = 6, + de = 7, + ee = 8; + sd = Array.prototype.indexOf ? Array.prototype.indexOf : function(a) { + // I know + var b; + for (b = 0; b < this.length; ++b) + if (this[b] === a) return b; + return -1 + }, T("M", ["MM", 2], "Mo", function() { + return this.month() + 1 + }), T("MMM", 0, 0, function(a) { + return this.localeData().monthsShort(this, a) + }), T("MMMM", 0, 0, function(a) { + return this.localeData().months(this, a) + }), I("month", "M"), L("month", 8), Y("M", Kd), Y("MM", Kd, Gd), Y("MMM", function(a, b) { + return b.monthsShortRegex(a) + }), Y("MMMM", function(a, b) { + return b.monthsRegex(a) + }), aa(["M", "MM"], function(a, b) { + b[Zd] = t(a) - 1 + }), aa(["MMM", "MMMM"], function(a, b, c, d) { + var e = c._locale.monthsParse(a, d, c._strict); + null != e ? b[Zd] = e : l(c).invalidMonth = a + }); + // LOCALES + var fe = /D[oD]?(\[[^\[\]]*\]|\s+)+MMMM?/, + ge = "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), + he = "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"), + ie = Vd, + je = Vd; + // FORMATTING + T("Y", 0, 0, function() { + var a = this.year(); + return 9999 >= a ? "" + a : "+" + a + }), T(0, ["YY", 2], 0, function() { + return this.year() % 100 + }), T(0, ["YYYY", 4], 0, "year"), T(0, ["YYYYY", 5], 0, "year"), T(0, ["YYYYYY", 6, !0], 0, "year"), + // ALIASES + I("year", "y"), + // PRIORITIES + L("year", 1), + // PARSING + Y("Y", Rd), Y("YY", Kd, Gd), Y("YYYY", Od, Id), Y("YYYYY", Pd, Jd), Y("YYYYYY", Pd, Jd), aa(["YYYYY", "YYYYYY"], Yd), aa("YYYY", function(b, c) { + c[Yd] = 2 === b.length ? a.parseTwoDigitYear(b) : t(b) + }), aa("YY", function(b, c) { + c[Yd] = a.parseTwoDigitYear(b) + }), aa("Y", function(a, b) { + b[Yd] = parseInt(a, 10) + }), + // HOOKS + a.parseTwoDigitYear = function(a) { + return t(a) + (t(a) > 68 ? 1900 : 2e3) + }; + // MOMENTS + var ke = N("FullYear", !0); + // FORMATTING + T("w", ["ww", 2], "wo", "week"), T("W", ["WW", 2], "Wo", "isoWeek"), + // ALIASES + I("week", "w"), I("isoWeek", "W"), + // PRIORITIES + L("week", 5), L("isoWeek", 5), + // PARSING + Y("w", Kd), Y("ww", Kd, Gd), Y("W", Kd), Y("WW", Kd, Gd), ba(["w", "ww", "W", "WW"], function(a, b, c, d) { + b[d.substr(0, 1)] = t(a) + }); + var le = { + dow: 0, // Sunday is the first day of the week. + doy: 6 + }; + // FORMATTING + T("d", 0, "do", "day"), T("dd", 0, 0, function(a) { + return this.localeData().weekdaysMin(this, a) + }), T("ddd", 0, 0, function(a) { + return this.localeData().weekdaysShort(this, a) + }), T("dddd", 0, 0, function(a) { + return this.localeData().weekdays(this, a) + }), T("e", 0, 0, "weekday"), T("E", 0, 0, "isoWeekday"), + // ALIASES + I("day", "d"), I("weekday", "e"), I("isoWeekday", "E"), + // PRIORITY + L("day", 11), L("weekday", 11), L("isoWeekday", 11), + // PARSING + Y("d", Kd), Y("e", Kd), Y("E", Kd), Y("dd", function(a, b) { + return b.weekdaysMinRegex(a) + }), Y("ddd", function(a, b) { + return b.weekdaysShortRegex(a) + }), Y("dddd", function(a, b) { + return b.weekdaysRegex(a) + }), ba(["dd", "ddd", "dddd"], function(a, b, c, d) { + var e = c._locale.weekdaysParse(a, d, c._strict); + // if we didn't get a weekday name, mark the date as invalid + null != e ? b.d = e : l(c).invalidWeekday = a + }), ba(["d", "e", "E"], function(a, b, c, d) { + b[d] = t(a) + }); + // LOCALES + var me = "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), + ne = "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"), + oe = "Su_Mo_Tu_We_Th_Fr_Sa".split("_"), + pe = Vd, + qe = Vd, + re = Vd; + T("H", ["HH", 2], 0, "hour"), T("h", ["hh", 2], 0, Qa), T("k", ["kk", 2], 0, Ra), T("hmm", 0, 0, function() { + return "" + Qa.apply(this) + S(this.minutes(), 2) + }), T("hmmss", 0, 0, function() { + return "" + Qa.apply(this) + S(this.minutes(), 2) + S(this.seconds(), 2) + }), T("Hmm", 0, 0, function() { + return "" + this.hours() + S(this.minutes(), 2) + }), T("Hmmss", 0, 0, function() { + return "" + this.hours() + S(this.minutes(), 2) + S(this.seconds(), 2) + }), Sa("a", !0), Sa("A", !1), + // ALIASES + I("hour", "h"), + // PRIORITY + L("hour", 13), Y("a", Ta), Y("A", Ta), Y("H", Kd), Y("h", Kd), Y("HH", Kd, Gd), Y("hh", Kd, Gd), Y("hmm", Ld), Y("hmmss", Md), Y("Hmm", Ld), Y("Hmmss", Md), aa(["H", "HH"], _d), aa(["a", "A"], function(a, b, c) { + c._isPm = c._locale.isPM(a), c._meridiem = a + }), aa(["h", "hh"], function(a, b, c) { + b[_d] = t(a), l(c).bigHour = !0 + }), aa("hmm", function(a, b, c) { + var d = a.length - 2; + b[_d] = t(a.substr(0, d)), b[ae] = t(a.substr(d)), l(c).bigHour = !0 + }), aa("hmmss", function(a, b, c) { + var d = a.length - 4, + e = a.length - 2; + b[_d] = t(a.substr(0, d)), b[ae] = t(a.substr(d, 2)), b[be] = t(a.substr(e)), l(c).bigHour = !0 + }), aa("Hmm", function(a, b, c) { + var d = a.length - 2; + b[_d] = t(a.substr(0, d)), b[ae] = t(a.substr(d)) + }), aa("Hmmss", function(a, b, c) { + var d = a.length - 4, + e = a.length - 2; + b[_d] = t(a.substr(0, d)), b[ae] = t(a.substr(d, 2)), b[be] = t(a.substr(e)) + }); + var se, te = /[ap]\.?m?\.?/i, + ue = N("Hours", !0), + ve = { + calendar: td, + longDateFormat: ud, + invalidDate: vd, + ordinal: wd, + ordinalParse: xd, + relativeTime: yd, + months: ge, + monthsShort: he, + week: le, + weekdays: me, + weekdaysMin: oe, + weekdaysShort: ne, + meridiemParse: te + }, + we = {}, + xe = /^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?/, + ye = /^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?/, + ze = /Z|[+-]\d\d(?::?\d\d)?/, + Ae = [ + ["YYYYYY-MM-DD", /[+-]\d{6}-\d\d-\d\d/], + ["YYYY-MM-DD", /\d{4}-\d\d-\d\d/], + ["GGGG-[W]WW-E", /\d{4}-W\d\d-\d/], + ["GGGG-[W]WW", /\d{4}-W\d\d/, !1], + ["YYYY-DDD", /\d{4}-\d{3}/], + ["YYYY-MM", /\d{4}-\d\d/, !1], + ["YYYYYYMMDD", /[+-]\d{10}/], + ["YYYYMMDD", /\d{8}/], + // YYYYMM is NOT allowed by the standard + ["GGGG[W]WWE", /\d{4}W\d{3}/], + ["GGGG[W]WW", /\d{4}W\d{2}/, !1], + ["YYYYDDD", /\d{7}/] + ], + Be = [ + ["HH:mm:ss.SSSS", /\d\d:\d\d:\d\d\.\d+/], + ["HH:mm:ss,SSSS", /\d\d:\d\d:\d\d,\d+/], + ["HH:mm:ss", /\d\d:\d\d:\d\d/], + ["HH:mm", /\d\d:\d\d/], + ["HHmmss.SSSS", /\d\d\d\d\d\d\.\d+/], + ["HHmmss,SSSS", /\d\d\d\d\d\d,\d+/], + ["HHmmss", /\d\d\d\d\d\d/], + ["HHmm", /\d\d\d\d/], + ["HH", /\d\d/] + ], + Ce = /^\/?Date\((\-?\d+)/i; + a.createFromInputFallback = w("moment construction falls back to js Date. This is discouraged and will be removed in upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.", function(a) { + a._d = new Date(a._i + (a._useUTC ? " UTC" : "")) + }), + // constant that refers to the ISO standard + a.ISO_8601 = function() {}; + var De = w("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/", function() { + var a = rb.apply(null, arguments); + return this.isValid() && a.isValid() ? this > a ? this : a : n() + }), + Ee = w("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/", function() { + var a = rb.apply(null, arguments); + return this.isValid() && a.isValid() ? a > this ? this : a : n() + }), + Fe = function() { + return Date.now ? Date.now() : +new Date + }; + xb("Z", ":"), xb("ZZ", ""), + // PARSING + Y("Z", Td), Y("ZZ", Td), aa(["Z", "ZZ"], function(a, b, c) { + c._useUTC = !0, c._tzm = yb(Td, a) + }); + // HELPERS + // timezone chunker + // '+10:00' > ['10', '00'] + // '-1530' > ['-15', '30'] + var Ge = /([\+\-]|\d\d)/gi; + // HOOKS + // This function will be called whenever a moment is mutated. + // It is intended to keep the offset in sync with the timezone. + a.updateOffset = function() {}; + // ASP.NET json date format regex + var He = /^(\-)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)\.?(\d{3})?\d*)?$/, + Ie = /^(-)?P(?:(-?[0-9,.]*)Y)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)W)?(?:(-?[0-9,.]*)D)?(?:T(?:(-?[0-9,.]*)H)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)S)?)?$/; + Mb.fn = vb.prototype; + var Je = Rb(1, "add"), + Ke = Rb(-1, "subtract"); + a.defaultFormat = "YYYY-MM-DDTHH:mm:ssZ", a.defaultFormatUtc = "YYYY-MM-DDTHH:mm:ss[Z]"; + var Le = w("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.", function(a) { + return void 0 === a ? this.localeData() : this.locale(a) + }); + // FORMATTING + T(0, ["gg", 2], 0, function() { + return this.weekYear() % 100 + }), T(0, ["GG", 2], 0, function() { + return this.isoWeekYear() % 100 + }), xc("gggg", "weekYear"), xc("ggggg", "weekYear"), xc("GGGG", "isoWeekYear"), xc("GGGGG", "isoWeekYear"), + // ALIASES + I("weekYear", "gg"), I("isoWeekYear", "GG"), + // PRIORITY + L("weekYear", 1), L("isoWeekYear", 1), + // PARSING + Y("G", Rd), Y("g", Rd), Y("GG", Kd, Gd), Y("gg", Kd, Gd), Y("GGGG", Od, Id), Y("gggg", Od, Id), Y("GGGGG", Pd, Jd), Y("ggggg", Pd, Jd), ba(["gggg", "ggggg", "GGGG", "GGGGG"], function(a, b, c, d) { + b[d.substr(0, 2)] = t(a) + }), ba(["gg", "GG"], function(b, c, d, e) { + c[e] = a.parseTwoDigitYear(b) + }), + // FORMATTING + T("Q", 0, "Qo", "quarter"), + // ALIASES + I("quarter", "Q"), + // PRIORITY + L("quarter", 7), + // PARSING + Y("Q", Fd), aa("Q", function(a, b) { + b[Zd] = 3 * (t(a) - 1) + }), + // FORMATTING + T("D", ["DD", 2], "Do", "date"), + // ALIASES + I("date", "D"), + // PRIOROITY + L("date", 9), + // PARSING + Y("D", Kd), Y("DD", Kd, Gd), Y("Do", function(a, b) { + return a ? b._ordinalParse : b._ordinalParseLenient + }), aa(["D", "DD"], $d), aa("Do", function(a, b) { + b[$d] = t(a.match(Kd)[0], 10) + }); + // MOMENTS + var Me = N("Date", !0); + // FORMATTING + T("DDD", ["DDDD", 3], "DDDo", "dayOfYear"), + // ALIASES + I("dayOfYear", "DDD"), + // PRIORITY + L("dayOfYear", 4), + // PARSING + Y("DDD", Nd), Y("DDDD", Hd), aa(["DDD", "DDDD"], function(a, b, c) { + c._dayOfYear = t(a) + }), + // FORMATTING + T("m", ["mm", 2], 0, "minute"), + // ALIASES + I("minute", "m"), + // PRIORITY + L("minute", 14), + // PARSING + Y("m", Kd), Y("mm", Kd, Gd), aa(["m", "mm"], ae); + // MOMENTS + var Ne = N("Minutes", !1); + // FORMATTING + T("s", ["ss", 2], 0, "second"), + // ALIASES + I("second", "s"), + // PRIORITY + L("second", 15), + // PARSING + Y("s", Kd), Y("ss", Kd, Gd), aa(["s", "ss"], be); + // MOMENTS + var Oe = N("Seconds", !1); + // FORMATTING + T("S", 0, 0, function() { + return ~~(this.millisecond() / 100) + }), T(0, ["SS", 2], 0, function() { + return ~~(this.millisecond() / 10) + }), T(0, ["SSS", 3], 0, "millisecond"), T(0, ["SSSS", 4], 0, function() { + return 10 * this.millisecond() + }), T(0, ["SSSSS", 5], 0, function() { + return 100 * this.millisecond() + }), T(0, ["SSSSSS", 6], 0, function() { + return 1e3 * this.millisecond() + }), T(0, ["SSSSSSS", 7], 0, function() { + return 1e4 * this.millisecond() + }), T(0, ["SSSSSSSS", 8], 0, function() { + return 1e5 * this.millisecond() + }), T(0, ["SSSSSSSSS", 9], 0, function() { + return 1e6 * this.millisecond() + }), + // ALIASES + I("millisecond", "ms"), + // PRIORITY + L("millisecond", 16), + // PARSING + Y("S", Nd, Fd), Y("SS", Nd, Gd), Y("SSS", Nd, Hd); + var Pe; + for (Pe = "SSSS"; Pe.length <= 9; Pe += "S") Y(Pe, Qd); + for (Pe = "S"; Pe.length <= 9; Pe += "S") aa(Pe, Gc); + // MOMENTS + var Qe = N("Milliseconds", !1); + // FORMATTING + T("z", 0, 0, "zoneAbbr"), T("zz", 0, 0, "zoneName"); + var Re = q.prototype; + Re.add = Je, Re.calendar = Ub, Re.clone = Vb, Re.diff = ac, Re.endOf = mc, Re.format = ec, Re.from = fc, Re.fromNow = gc, Re.to = hc, Re.toNow = ic, Re.get = Q, Re.invalidAt = vc, Re.isAfter = Wb, Re.isBefore = Xb, Re.isBetween = Yb, Re.isSame = Zb, Re.isSameOrAfter = $b, Re.isSameOrBefore = _b, Re.isValid = tc, Re.lang = Le, Re.locale = jc, Re.localeData = kc, Re.max = Ee, Re.min = De, Re.parsingFlags = uc, Re.set = R, Re.startOf = lc, Re.subtract = Ke, Re.toArray = qc, Re.toObject = rc, Re.toDate = pc, Re.toISOString = dc, Re.toJSON = sc, Re.toString = cc, Re.unix = oc, Re.valueOf = nc, Re.creationData = wc, + // Year + Re.year = ke, Re.isLeapYear = qa, + // Week Year + Re.weekYear = yc, Re.isoWeekYear = zc, + // Quarter + Re.quarter = Re.quarters = Ec, + // Month + Re.month = ja, Re.daysInMonth = ka, + // Week + Re.week = Re.weeks = Aa, Re.isoWeek = Re.isoWeeks = Ba, Re.weeksInYear = Bc, Re.isoWeeksInYear = Ac, + // Day + Re.date = Me, Re.day = Re.days = Ja, Re.weekday = Ka, Re.isoWeekday = La, Re.dayOfYear = Fc, + // Hour + Re.hour = Re.hours = ue, + // Minute + Re.minute = Re.minutes = Ne, + // Second + Re.second = Re.seconds = Oe, + // Millisecond + Re.millisecond = Re.milliseconds = Qe, + // Offset + Re.utcOffset = Bb, Re.utc = Db, Re.local = Eb, Re.parseZone = Fb, Re.hasAlignedHourOffset = Gb, Re.isDST = Hb, Re.isLocal = Jb, Re.isUtcOffset = Kb, Re.isUtc = Lb, Re.isUTC = Lb, + // Timezone + Re.zoneAbbr = Hc, Re.zoneName = Ic, + // Deprecations + Re.dates = w("dates accessor is deprecated. Use date instead.", Me), Re.months = w("months accessor is deprecated. Use month instead", ja), Re.years = w("years accessor is deprecated. Use year instead", ke), Re.zone = w("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/", Cb), Re.isDSTShifted = w("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information", Ib); + var Se = Re, + Te = B.prototype; + Te.calendar = C, Te.longDateFormat = D, Te.invalidDate = E, Te.ordinal = F, Te.preparse = Lc, Te.postformat = Lc, Te.relativeTime = G, Te.pastFuture = H, Te.set = z, + // Month + Te.months = ea, Te.monthsShort = fa, Te.monthsParse = ha, Te.monthsRegex = ma, Te.monthsShortRegex = la, + // Week + Te.week = xa, Te.firstDayOfYear = za, Te.firstDayOfWeek = ya, + // Day of Week + Te.weekdays = Ea, Te.weekdaysMin = Ga, Te.weekdaysShort = Fa, Te.weekdaysParse = Ia, Te.weekdaysRegex = Ma, Te.weekdaysShortRegex = Na, Te.weekdaysMinRegex = Oa, + // Hours + Te.isPM = Ua, Te.meridiem = Va, Za("en", { + ordinalParse: /\d{1,2}(th|st|nd|rd)/, + ordinal: function(a) { + var b = a % 10, + c = 1 === t(a % 100 / 10) ? "th" : 1 === b ? "st" : 2 === b ? "nd" : 3 === b ? "rd" : "th"; + return a + c + } + }), + // Side effect imports + a.lang = w("moment.lang is deprecated. Use moment.locale instead.", Za), a.langData = w("moment.langData is deprecated. Use moment.localeData instead.", ab); + var Ue = Math.abs, + Ve = cd("ms"), + We = cd("s"), + Xe = cd("m"), + Ye = cd("h"), + Ze = cd("d"), + $e = cd("w"), + _e = cd("M"), + af = cd("y"), + bf = ed("milliseconds"), + cf = ed("seconds"), + df = ed("minutes"), + ef = ed("hours"), + ff = ed("days"), + gf = ed("months"), + hf = ed("years"), + jf = Math.round, + kf = { + s: 45, // seconds to minute + m: 45, // minutes to hour + h: 22, // hours to day + d: 26, // days to month + M: 11 + }, + lf = Math.abs, + mf = vb.prototype; + mf.abs = Uc, mf.add = Wc, mf.subtract = Xc, mf.as = ad, mf.asMilliseconds = Ve, mf.asSeconds = We, mf.asMinutes = Xe, mf.asHours = Ye, mf.asDays = Ze, mf.asWeeks = $e, mf.asMonths = _e, mf.asYears = af, mf.valueOf = bd, mf._bubble = Zc, mf.get = dd, mf.milliseconds = bf, mf.seconds = cf, mf.minutes = df, mf.hours = ef, mf.days = ff, mf.weeks = fd, mf.months = gf, mf.years = hf, mf.humanize = kd, mf.toISOString = ld, mf.toString = ld, mf.toJSON = ld, mf.locale = jc, mf.localeData = kc, + // Deprecations + mf.toIsoString = w("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)", ld), mf.lang = Le, + // Side effect imports + // FORMATTING + T("X", 0, 0, "unix"), T("x", 0, 0, "valueOf"), + // PARSING + Y("x", Rd), Y("X", Ud), aa("X", function(a, b, c) { + c._d = new Date(1e3 * parseFloat(a, 10)) + }), aa("x", function(a, b, c) { + c._d = new Date(t(a)) + }), + // Side effect imports + a.version = "2.14.1", b(rb), a.fn = Se, a.min = tb, a.max = ub, a.now = Fe, a.utc = j, a.unix = Jc, a.months = Pc, a.isDate = f, a.locale = Za, a.invalid = n, a.duration = Mb, a.isMoment = r, a.weekdays = Rc, a.parseZone = Kc, a.localeData = ab, a.isDuration = wb, a.monthsShort = Qc, a.weekdaysMin = Tc, a.defineLocale = $a, a.updateLocale = _a, a.locales = bb, a.weekdaysShort = Sc, a.normalizeUnits = J, a.relativeTimeRounding = id, a.relativeTimeThreshold = jd, a.calendarFormat = Tb, a.prototype = Se; + var nf = a; + return nf +}); \ No newline at end of file diff --git a/sites/arcwerx-site/static/js/plugins/nouislider.min.js b/sites/arcwerx-site/static/js/plugins/nouislider.min.js new file mode 100644 index 0000000000000000000000000000000000000000..4da09122334a5223d27f348b5a322d91f6797bd0 --- /dev/null +++ b/sites/arcwerx-site/static/js/plugins/nouislider.min.js @@ -0,0 +1,3 @@ +/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */ + +!function(a){"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?module.exports=a():window.noUiSlider=a()}(function(){"use strict";function a(a,b){var c=document.createElement("div");return j(c,b),a.appendChild(c),c}function b(a){return a.filter(function(a){return!this[a]&&(this[a]=!0)},{})}function c(a,b){return Math.round(a/b)*b}function d(a,b){var c=a.getBoundingClientRect(),d=a.ownerDocument,e=d.documentElement,f=m();return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(f.x=0),b?c.top+f.y-e.clientTop:c.left+f.x-e.clientLeft}function e(a){return"number"==typeof a&&!isNaN(a)&&isFinite(a)}function f(a,b,c){c>0&&(j(a,b),setTimeout(function(){k(a,b)},c))}function g(a){return Math.max(Math.min(a,100),0)}function h(a){return Array.isArray(a)?a:[a]}function i(a){a=String(a);var b=a.split(".");return b.length>1?b[1].length:0}function j(a,b){a.classList?a.classList.add(b):a.className+=" "+b}function k(a,b){a.classList?a.classList.remove(b):a.className=a.className.replace(new RegExp("(^|\\b)"+b.split(" ").join("|")+"(\\b|$)","gi")," ")}function l(a,b){return a.classList?a.classList.contains(b):new RegExp("\\b"+b+"\\b").test(a.className)}function m(){var a=void 0!==window.pageXOffset,b="CSS1Compat"===(document.compatMode||""),c=a?window.pageXOffset:b?document.documentElement.scrollLeft:document.body.scrollLeft,d=a?window.pageYOffset:b?document.documentElement.scrollTop:document.body.scrollTop;return{x:c,y:d}}function n(){return window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"}}function o(a,b){return 100/(b-a)}function p(a,b){return 100*b/(a[1]-a[0])}function q(a,b){return p(a,a[0]<0?b+Math.abs(a[0]):b-a[0])}function r(a,b){return b*(a[1]-a[0])/100+a[0]}function s(a,b){for(var c=1;a>=b[c];)c+=1;return c}function t(a,b,c){if(c>=a.slice(-1)[0])return 100;var d,e,f,g,h=s(c,a);return d=a[h-1],e=a[h],f=b[h-1],g=b[h],f+q([d,e],c)/o(f,g)}function u(a,b,c){if(c>=100)return a.slice(-1)[0];var d,e,f,g,h=s(c,b);return d=a[h-1],e=a[h],f=b[h-1],g=b[h],r([d,e],(c-f)*o(f,g))}function v(a,b,d,e){if(100===e)return e;var f,g,h=s(e,a);return d?(f=a[h-1],g=a[h],e-f>(g-f)/2?g:f):b[h-1]?a[h-1]+c(e-a[h-1],b[h-1]):e}function w(a,b,c){var d;if("number"==typeof b&&(b=[b]),"[object Array]"!==Object.prototype.toString.call(b))throw new Error("noUiSlider: 'range' contains invalid value.");if(d="min"===a?0:"max"===a?100:parseFloat(a),!e(d)||!e(b[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");c.xPct.push(d),c.xVal.push(b[0]),d?c.xSteps.push(!isNaN(b[1])&&b[1]):isNaN(b[1])||(c.xSteps[0]=b[1]),c.xHighestCompleteStep.push(0)}function x(a,b,c){if(!b)return!0;c.xSteps[a]=p([c.xVal[a],c.xVal[a+1]],b)/o(c.xPct[a],c.xPct[a+1]);var d=(c.xVal[a+1]-c.xVal[a])/c.xNumSteps[a],e=Math.ceil(Number(d.toFixed(3))-1),f=c.xVal[a]+c.xNumSteps[a]*e;c.xHighestCompleteStep[a]=f}function y(a,b,c,d){this.xPct=[],this.xVal=[],this.xSteps=[d||!1],this.xNumSteps=[!1],this.xHighestCompleteStep=[],this.snap=b,this.direction=c;var e,f=[];for(e in a)a.hasOwnProperty(e)&&f.push([a[e],e]);for(f.length&&"object"==typeof f[0][0]?f.sort(function(a,b){return a[0][0]-b[0][0]}):f.sort(function(a,b){return a[0]-b[0]}),e=0;e=50)throw new Error("noUiSlider: 'padding' option must be less than half the range.")}}function K(a,b){switch(b){case"ltr":a.dir=0;break;case"rtl":a.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function L(a,b){if("string"!=typeof b)throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var c=b.indexOf("tap")>=0,d=b.indexOf("drag")>=0,e=b.indexOf("fixed")>=0,f=b.indexOf("snap")>=0,g=b.indexOf("hover")>=0;if(e){if(2!==a.handles)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");H(a,a.start[1]-a.start[0])}a.events={tap:c||f,drag:d,fixed:e,snap:f,hover:g}}function M(a,b){if(b!==!1)if(b===!0){a.tooltips=[];for(var c=0;c-1?1:"steps"===c?2:0,!g&&i&&(q=0),l===v&&j||(f[n.toFixed(5)]=[l,q]),k=n}}),f}function w(a,b,c){function d(a,b){var c=b===e.cssClasses.value,d=c?m:n,f=c?k:l;return b+" "+d[e.ort]+" "+f[a]}function f(a,b,c){return'class="'+d(c[1],b)+'" style="'+e.style+": "+a+'%"'}function g(a,d){d[1]=d[1]&&b?b(d[0],d[1]):d[1],i+="
",d[1]&&(i+="
"+c.to(d[0])+"
")}var h=document.createElement("div"),i="",k=[e.cssClasses.valueNormal,e.cssClasses.valueLarge,e.cssClasses.valueSub],l=[e.cssClasses.markerNormal,e.cssClasses.markerLarge,e.cssClasses.markerSub],m=[e.cssClasses.valueHorizontal,e.cssClasses.valueVertical],n=[e.cssClasses.markerHorizontal,e.cssClasses.markerVertical];return j(h,e.cssClasses.pips),j(h,0===e.ort?e.cssClasses.pipsHorizontal:e.cssClasses.pipsVertical),Object.keys(a).forEach(function(b){g(b,a[b])}),h.innerHTML=i,h}function x(a){var b=a.mode,c=a.density||1,d=a.filter||!1,e=a.values||!1,f=a.stepped||!1,g=u(b,e,f),h=v(c,b,g),i=a.format||{to:Math.round};return fa.appendChild(w(h,d,i))}function y(){var a=aa.getBoundingClientRect(),b="offset"+["Width","Height"][e.ort];return 0===e.ort?a.width||aa[b]:a.height||aa[b]}function z(a,b,c,d){var f=function(b){return!fa.hasAttribute("disabled")&&(!l(fa,e.cssClasses.tap)&&(!!(b=A(b,d.pageOffset))&&(!(a===ea.start&&void 0!==b.buttons&&b.buttons>1)&&((!d.hover||!b.buttons)&&(b.calcPoint=b.points[e.ort],void c(b,d))))))},g=[];return a.split(" ").forEach(function(a){b.addEventListener(a,f,!1),g.push([a,f])}),g}function A(a,b){a.preventDefault();var c,d,e=0===a.type.indexOf("touch"),f=0===a.type.indexOf("mouse"),g=0===a.type.indexOf("pointer");if(0===a.type.indexOf("MSPointer")&&(g=!0),e){if(a.touches.length>1)return!1;c=a.changedTouches[0].pageX,d=a.changedTouches[0].pageY}return b=b||m(),(f||g)&&(c=a.clientX+b.x,d=a.clientY+b.y),a.pageOffset=b,a.points=[c,d],a.cursor=f||g,a}function B(a){var b=a-d(aa,e.ort),c=100*b/y();return e.dir?100-c:c}function C(a){var b=100,c=!1;return ba.forEach(function(d,e){if(!d.hasAttribute("disabled")){var f=Math.abs(ga[e]-a);f1?d.forEach(function(a,c){var d=M(e,a,e[a]+b,f[c],g[c]);d===!1?b=0:(b=d-e[a],e[a]=d)}):f=g=[!0];var h=!1;d.forEach(function(a,d){h=Q(a,c[a]+b,f[d],g[d])||h}),h&&d.forEach(function(a){E("update",a),E("slide",a)})}function E(a,b,c){Object.keys(la).forEach(function(d){var f=d.split(".")[0];a===f&&la[d].forEach(function(a){a.call(da,ka.map(e.format.to),b,ka.slice(),c||!1,ga.slice())})})}function F(a,b){"mouseout"===a.type&&"HTML"===a.target.nodeName&&null===a.relatedTarget&&H(a,b)}function G(a,b){if(navigator.appVersion.indexOf("MSIE 9")===-1&&0===a.buttons&&0!==b.buttonsProperty)return H(a,b);var c=(e.dir?-1:1)*(a.calcPoint-b.startCalcPoint),d=100*c/b.baseSize;D(c>0,d,b.locations,b.handleNumbers)}function H(a,b){ia&&(k(ia,e.cssClasses.active),ia=!1),a.cursor&&(document.body.style.cursor="",document.body.removeEventListener("selectstart",document.body.noUiListener)),document.documentElement.noUiListeners.forEach(function(a){document.documentElement.removeEventListener(a[0],a[1])}),k(fa,e.cssClasses.drag),P(),b.handleNumbers.forEach(function(a){E("set",a),E("change",a),E("end",a)})}function I(a,b){if(1===b.handleNumbers.length){var c=ba[b.handleNumbers[0]];if(c.hasAttribute("disabled"))return!1;ia=c.children[0],j(ia,e.cssClasses.active)}a.preventDefault(),a.stopPropagation();var d=z(ea.move,document.documentElement,G,{startCalcPoint:a.calcPoint,baseSize:y(),pageOffset:a.pageOffset,handleNumbers:b.handleNumbers,buttonsProperty:a.buttons,locations:ga.slice()}),f=z(ea.end,document.documentElement,H,{handleNumbers:b.handleNumbers}),g=z("mouseout",document.documentElement,F,{handleNumbers:b.handleNumbers});if(document.documentElement.noUiListeners=d.concat(f,g),a.cursor){document.body.style.cursor=getComputedStyle(a.target).cursor,ba.length>1&&j(fa,e.cssClasses.drag);var h=function(){return!1};document.body.noUiListener=h,document.body.addEventListener("selectstart",h,!1)}b.handleNumbers.forEach(function(a){E("start",a)})}function J(a){a.stopPropagation();var b=B(a.calcPoint),c=C(b);return c!==!1&&(e.events.snap||f(fa,e.cssClasses.tap,e.animationDuration),Q(c,b,!0,!0),P(),E("slide",c,!0),E("set",c,!0),E("change",c,!0),E("update",c,!0),void(e.events.snap&&I(a,{handleNumbers:[c]})))}function K(a){var b=B(a.calcPoint),c=ja.getStep(b),d=ja.fromStepping(c);Object.keys(la).forEach(function(a){"hover"===a.split(".")[0]&&la[a].forEach(function(a){a.call(da,d)})})}function L(a){a.fixed||ba.forEach(function(a,b){z(ea.start,a.children[0],I,{handleNumbers:[b]})}),a.tap&&z(ea.start,aa,J,{}),a.hover&&z(ea.move,aa,K,{hover:!0}),a.drag&&ca.forEach(function(b,c){if(b!==!1&&0!==c&&c!==ca.length-1){var d=ba[c-1],f=ba[c],g=[b];j(b,e.cssClasses.draggable),a.fixed&&(g.push(d.children[0]),g.push(f.children[0])),g.forEach(function(a){z(ea.start,a,I,{handles:[d,f],handleNumbers:[c-1,c]})})}})}function M(a,b,c,d,f){return ba.length>1&&(d&&b>0&&(c=Math.max(c,a[b-1]+e.margin)),f&&b1&&e.limit&&(d&&b>0&&(c=Math.min(c,a[b-1]+e.limit)),f&&b50?-1:1,c=3+(ba.length+b*a);ba[a].childNodes[0].style.zIndex=c})}function Q(a,b,c,d){return b=M(ga,a,b,c,d),b!==!1&&(O(a,b),!0)}function S(a){if(ca[a]){var b=0,c=100;0!==a&&(b=ga[a-1]),a!==ca.length-1&&(c=ga[a]),ca[a].style[e.style]=N(b),ca[a].style[e.styleOposite]=N(100-c)}}function T(a,b){null!==a&&a!==!1&&("number"==typeof a&&(a=String(a)),a=e.format.from(a),a===!1||isNaN(a)||Q(b,ja.toStepping(a),!1,!1))}function U(a,b){var c=h(a),d=void 0===ga[0];b=void 0===b||!!b,c.forEach(T),e.animate&&!d&&f(fa,e.cssClasses.tap,e.animationDuration),ha.forEach(function(a){Q(a,ga[a],!0,!1)}),P(),ha.forEach(function(a){E("update",a),null!==c[a]&&b&&E("set",a)})}function V(a){U(e.start,a)}function W(){var a=ka.map(e.format.to);return 1===a.length?a[0]:a}function X(){for(var a in e.cssClasses)e.cssClasses.hasOwnProperty(a)&&k(fa,e.cssClasses[a]);for(;fa.firstChild;)fa.removeChild(fa.firstChild);delete fa.noUiSlider}function Y(){return ga.map(function(a,b){var c=ja.getNearbySteps(a),d=ka[b],e=c.thisStep.step,f=null;e!==!1&&d+e>c.stepAfter.startValue&&(e=c.stepAfter.startValue-d),f=d>c.thisStep.startValue?c.thisStep.step:c.stepBefore.step!==!1&&d-c.stepBefore.highestStep,100===a?e=null:0===a&&(f=null);var g=ja.countStepDecimals();return null!==e&&e!==!1&&(e=Number(e.toFixed(g))),null!==f&&f!==!1&&(f=Number(f.toFixed(g))),[f,e]})}function Z(a,b){la[a]=la[a]||[],la[a].push(b),"update"===a.split(".")[0]&&ba.forEach(function(a,b){E("update",b)})}function $(a){var b=a&&a.split(".")[0],c=b&&a.substring(b.length);Object.keys(la).forEach(function(a){var d=a.split(".")[0],e=a.substring(d.length);b&&b!==d||c&&c!==e||delete la[a]})}function _(a,b){var c=W(),d=["margin","limit","padding","range","animate","snap","step","format"];d.forEach(function(b){void 0!==a[b]&&(i[b]=a[b])});var f=R(i);d.forEach(function(b){void 0!==a[b]&&(e[b]=f[b])}),f.spectrum.direction=ja.direction,ja=f.spectrum,e.margin=f.margin,e.limit=f.limit,e.padding=f.padding,ga=[],U(a.start||c,b)}var aa,ba,ca,da,ea=n(),fa=c,ga=[],ha=[],ia=!1,ja=e.spectrum,ka=[],la={};if(fa.noUiSlider)throw new Error("Slider was already initialized.");return r(fa),q(e.connect,aa),da={destroy:X,steps:Y,on:Z,off:$,get:W,set:U,reset:V,__moveHandles:function(a,b,c){D(a,b,ga,c)},options:i,updateOptions:_,target:fa,pips:x},L(e.events),U(e.start),e.pips&&x(e.pips),e.tooltips&&t(),da}function T(a,b){if(!a.nodeName)throw new Error("noUiSlider.create requires a single element.");var c=R(b,a),d=S(a,c,b);return a.noUiSlider=d,d}y.prototype.getMargin=function(a){var b=this.xNumSteps[0];if(b&&a/b%1!==0)throw new Error("noUiSlider: 'limit', 'margin' and 'padding' must be divisible by step.");return 2===this.xPct.length&&p(this.xVal,a)},y.prototype.toStepping=function(a){return a=t(this.xVal,this.xPct,a)},y.prototype.fromStepping=function(a){return u(this.xVal,this.xPct,a)},y.prototype.getStep=function(a){return a=v(this.xPct,this.xSteps,this.snap,a)},y.prototype.getNearbySteps=function(a){var b=s(a,this.xPct);return{stepBefore:{startValue:this.xVal[b-2],step:this.xNumSteps[b-2],highestStep:this.xHighestCompleteStep[b-2]},thisStep:{startValue:this.xVal[b-1],step:this.xNumSteps[b-1],highestStep:this.xHighestCompleteStep[b-1]},stepAfter:{startValue:this.xVal[b-0],step:this.xNumSteps[b-0],highestStep:this.xHighestCompleteStep[b-0]}}},y.prototype.countStepDecimals=function(){var a=this.xNumSteps.map(i);return Math.max.apply(null,a)},y.prototype.convert=function(a){return this.getStep(this.toStepping(a))};var U={to:function(a){return void 0!==a&&a.toFixed(2)},from:Number};return{create:T}}); \ No newline at end of file diff --git a/sites/arcwerx-site/static/news-img/149-fw-uses-stratfi-program-to-scale-additive-manufacturing.jpg b/sites/arcwerx-site/static/news-img/149-fw-uses-stratfi-program-to-scale-additive-manufacturing.jpg new file mode 100644 index 0000000000000000000000000000000000000000..b79719096a9e689504c49eba3412d7951f0c564f Binary files /dev/null and b/sites/arcwerx-site/static/news-img/149-fw-uses-stratfi-program-to-scale-additive-manufacturing.jpg differ diff --git a/sites/arcwerx-site/static/news-img/156th-comm-flight-airmen-create-innovative-software.jpg b/sites/arcwerx-site/static/news-img/156th-comm-flight-airmen-create-innovative-software.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7dc69a8fa0583cf2d52c122f0da7b944aebb6248 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/156th-comm-flight-airmen-create-innovative-software.jpg differ diff --git a/sites/arcwerx-site/static/news-img/163rd-innovators-nominated-for-top-air-force-honors.jpg b/sites/arcwerx-site/static/news-img/163rd-innovators-nominated-for-top-air-force-honors.jpg new file mode 100644 index 0000000000000000000000000000000000000000..774676c44a234adb69c19d176b8370965a6a03d2 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/163rd-innovators-nominated-for-top-air-force-honors.jpg differ diff --git a/sites/arcwerx-site/static/news-img/189th-aw-receives-uv-light-disinfectant-system-first-in-dod.jpg b/sites/arcwerx-site/static/news-img/189th-aw-receives-uv-light-disinfectant-system-first-in-dod.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0f83178db0af9e7fc08513879bbb9217b3fd5e96 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/189th-aw-receives-uv-light-disinfectant-system-first-in-dod.jpg differ diff --git a/sites/arcwerx-site/static/news-img/afventures-fellowship-forges-connections-between-military-silicon-valley.jpg b/sites/arcwerx-site/static/news-img/afventures-fellowship-forges-connections-between-military-silicon-valley.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0dc5130872b904a4edbf8a90f887592ff372e7fd Binary files /dev/null and b/sites/arcwerx-site/static/news-img/afventures-fellowship-forges-connections-between-military-silicon-valley.jpg differ diff --git a/sites/arcwerx-site/static/news-img/arcwerx-will-leverage-ang-reserve-innovation-to-enhance-total-force.jpg b/sites/arcwerx-site/static/news-img/arcwerx-will-leverage-ang-reserve-innovation-to-enhance-total-force.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c9b9316c47b437c8e3bb0f1eedabf5d0b473fa79 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/arcwerx-will-leverage-ang-reserve-innovation-to-enhance-total-force.jpg differ diff --git a/sites/arcwerx-site/static/news-img/innovation-funds-help-nebraska-national-guard-firefighters.jpg b/sites/arcwerx-site/static/news-img/innovation-funds-help-nebraska-national-guard-firefighters.jpg new file mode 100644 index 0000000000000000000000000000000000000000..05bc9f9e4cb8976956f300bb3e7cedd0f535faf8 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/innovation-funds-help-nebraska-national-guard-firefighters.jpg differ diff --git a/sites/arcwerx-site/static/news-img/massachusetts-airmen-recognized-for-innovation.jpg b/sites/arcwerx-site/static/news-img/massachusetts-airmen-recognized-for-innovation.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9ead050fad5fe2d2b85cf0ad8a054e02263324e2 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/massachusetts-airmen-recognized-for-innovation.jpg differ diff --git a/sites/arcwerx-site/static/news-img/michigan_national_guard_unveils_joint_innovation_center.jpg b/sites/arcwerx-site/static/news-img/michigan_national_guard_unveils_joint_innovation_center.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c368e8f3381a33211de2e96df60b9315ddc62dc5 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/michigan_national_guard_unveils_joint_innovation_center.jpg differ diff --git a/sites/arcwerx-site/static/news-img/new-afwerx-partnership-aims-to-make-usaf-fitter-more-lethal.jpg b/sites/arcwerx-site/static/news-img/new-afwerx-partnership-aims-to-make-usaf-fitter-more-lethal.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cee6567ceabe8d8266924b3f353125e866ce1d37 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/new-afwerx-partnership-aims-to-make-usaf-fitter-more-lethal.jpg differ diff --git a/sites/arcwerx-site/static/news-img/ngb_team_facilitates_innovation_launches_competition.jpg b/sites/arcwerx-site/static/news-img/ngb_team_facilitates_innovation_launches_competition.jpg new file mode 100644 index 0000000000000000000000000000000000000000..509e6cf7c0a09c048165655ee6bff99e08aedd62 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/ngb_team_facilitates_innovation_launches_competition.jpg differ diff --git a/sites/arcwerx-site/static/news-img/tennessee-air-guardsmen-create-vr-simulator-for-maintainer-training.jpg b/sites/arcwerx-site/static/news-img/tennessee-air-guardsmen-create-vr-simulator-for-maintainer-training.jpg new file mode 100644 index 0000000000000000000000000000000000000000..42cad8041a24c0e164f936a04c0cc28d28d78c41 Binary files /dev/null and b/sites/arcwerx-site/static/news-img/tennessee-air-guardsmen-create-vr-simulator-for-maintainer-training.jpg differ diff --git a/sites/arcwerx-site/static/scss/material-kit.scss b/sites/arcwerx-site/static/scss/material-kit.scss new file mode 100644 index 0000000000000000000000000000000000000000..e912dca378a110f865718fdd6fc560924691bccf --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit.scss @@ -0,0 +1,66 @@ + // + // ========================================================= + // * Material Kit - v2.0.6 + // ========================================================= + // + // * Product Page: https://www.creative-tim.com/product/material-kit + // * Copyright 2019 Creative Tim (http://www.creative-tim.com) + // Licensed under MIT (https://github.com/creativetimofficial/material-kit/blob/master/LICENSE.md) + // + // + // ========================================================= + // + // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + + + @import "material-kit/variables"; + @import "material-kit/mixins"; + @import "material-kit/core-bootstrap"; + @import "material-kit/reboot"; + + // Core Components + @import "material-kit/layout"; + @import "material-kit/buttons"; + @import "material-kit/misc"; + @import "material-kit/checkboxes"; + @import "material-kit/custom-forms"; + @import "material-kit/switches"; + @import "material-kit/radios"; + @import "material-kit/carousel"; + @import "material-kit/forms"; + @import "material-kit/input-group"; + @import "material-kit/list-group"; + @import "material-kit/nav"; + @import "material-kit/images"; + @import "material-kit/navbar"; + @import "material-kit/badges"; + @import "material-kit/alerts"; + @import "material-kit/pagination"; + @import "material-kit/pills"; + @import "material-kit/info-areas"; + @import "material-kit/type"; + @import "material-kit/tabs"; + @import "material-kit/tooltip"; + @import "material-kit/popover"; + @import "material-kit/modal"; + @import "material-kit/dropdown"; + @import "material-kit/drawer"; + @import "material-kit/progress"; + @import "material-kit/togglebutton"; + @import "material-kit/ripples"; + @import "material-kit/headers"; + @import "material-kit/footers"; + + // Cards + @import 'material-kit/cards'; + @import 'material-kit/cards/card-carousel'; + @import 'material-kit/cards/card-login'; + @import 'material-kit/cards/card-plain'; + + // Core Plugins + @import 'material-kit/plugins/plugin-datetime-picker'; + @import 'material-kit/plugins/plugin-nouislider'; + + // Sections and Example pages + @import "material-kit/example-pages"; + @import "material-kit/responsive"; diff --git a/sites/arcwerx-site/static/scss/material-kit/_alerts.scss b/sites/arcwerx-site/static/scss/material-kit/_alerts.scss new file mode 100644 index 0000000000000000000000000000000000000000..c72b33ec24d6539cf6a58ccad2d841d1bd815abb --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_alerts.scss @@ -0,0 +1,53 @@ +.alert { + border: 0; + border-radius: 0; + + padding: 20px 15px; + line-height: 20px; + + //@include shadow-z-2(); + + b{ + font-weight: $font-weight-bold; + text-transform: uppercase; + font-size: $font-size-small; + } + // SASS conversion note: please mirror any content change in _mixins-shared.scss alert-variations-content + @include alert-variations(unquote(".alert"), unquote(""), $mdb-text-color-light); + + &-info, &-danger, &-warning, &-success { + color: $mdb-text-color-light; + } + + &-default { + a, .alert-link { + color: $mdb-text-color-primary; + } + } + + .alert-icon{ + display: block; + float: left; + margin-right: $margin-base; + + i{ + margin-top: -7px; + top: 5px; + position: relative; + } + } + .close{ + color: $white-color; + text-shadow: none; + opacity: .9; + + i{ + font-size: 20px; + } + + &:hover, + &:focus{ + opacity: 1; + } + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_badges.scss b/sites/arcwerx-site/static/scss/material-kit/_badges.scss new file mode 100644 index 0000000000000000000000000000000000000000..7ee58ec3b1b5982a997771e429b24998ad543a53 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_badges.scss @@ -0,0 +1,43 @@ +.badge { + padding: 5px 12px; + text-transform: uppercase; + font-size: 10px; + color: $white-color; + + @include badge-color(); +} + +.badge-default[href]:hover, +.badge-default[href]:focus { + background-color: darken($brand-default, 5%); +} + +.badge-primary[href]:hover, +.badge-primary[href]:focus { + background-color: darken($brand-primary, 5%); +} + +.badge-info[href]:hover, +.badge-info[href]:focus { + background-color: darken($brand-info, 5%); +} + +.badge-success[href]:hover, +.badge-success[href]:focus { + background-color: darken($brand-success, 5%); +} + +.badge-warning[href]:hover, +.badge-warning[href]:focus { + background-color: darken($brand-warning, 5%); + color: $white-color; +} + +.badge-danger[href]:hover, +.badge-danger[href]:focus { + background-color: darken($brand-danger, 5%); +} +.badge-rose[href]:hover, +.badge-rose[href]:focus { + background-color: darken($brand-rose, 5%); +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_buttons.scss b/sites/arcwerx-site/static/scss/material-kit/_buttons.scss new file mode 100644 index 0000000000000000000000000000000000000000..8bec5d45ae06e9ec66f0a9cda651ed300e341ceb --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_buttons.scss @@ -0,0 +1,228 @@ +.btn{ + position: relative; + padding: 12px 30px; + margin: $bmd-btn-margin-bottom 1px; + font-size: .75rem; // 12px + font-weight: 400; + line-height: $bmd-line-height; + text-decoration: none; + text-transform: uppercase; + letter-spacing: 0; + cursor: pointer; + background-color: transparent; + border: 0; + border-radius: $border-radius-sm; + outline: 0; + transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow, transform; + @include undo-bs-tab-focus(); + + //-- + // Colors + @include bmd-raised-button-color(); + &.btn-white { + &, + &:focus, + &:hover { + background-color: $white-color; + color: $gray-color; + } + &.btn-link { + color: $white-color; + background: transparent; + box-shadow: none; + } + } + &.btn-link:hover, + &.btn-link:focus, + &.btn-link:active { + text-decoration: none !important; + } + + &.btn-disabled { + cursor: not-allowed; + pointer-events: none; + + &:hover { + box-shadow: none; + } + } + + @include hover-focus(); + + //--- + // btn-raised + &.btn-raised, + .btn-group-raised & { + // baseline shadow + // @include box-shadow($bmd-shadow-2dp); + + // reverse any of the above for links + &.btn-link { + box-shadow: none; + @include bmd-hover-focus-active() { + box-shadow: none; + } + } + + @include bmd-disabled() { + box-shadow: none; + } + } + + //--- + // btn-outline + @include bmd-outline-button-color(); + + // Size variations + &.btn-lg, + .btn-group-lg & { + @include button-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $bmd-btn-font-size, $btn-lg-line-height, $border-radius-sm); + } + &.btn-sm, + .btn-group-sm & { + @include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $bmd-btn-font-size-sm, $line-height-sm, $border-radius-sm); + } + + &.btn-round { + border-radius: $border-radius-extreme; + } + + &.btn-fab, + &.btn-just-icon { + // see above for color variations + font-size: $mdb-btn-fab-font-size; + height: $mdb-btn-fab-size; + min-width: $mdb-btn-fab-size; + width: $mdb-btn-fab-size; + // margin: auto; + padding: 0; + overflow: hidden; + position: relative; + line-height: $mdb-btn-fab-size; + + &.btn-round{ + border-radius: 50%; + } + + .btn-group-sm &, + &.btn-sm, + &.btn-fab-mini{ + height: $mdb-btn-fab-size-mini + 1; + min-width: $mdb-btn-fab-size-mini + 1; + width: $mdb-btn-fab-size-mini + 1; + + .material-icons, + .fa{ + font-size: $mdb-btn-icon-size-mini; + line-height: $mdb-btn-fab-size-mini; + } + } + + .btn-group-lg &, + &.btn-lg{ + height: $mdb-btn-fab-size-lg + 1; + min-width: $mdb-btn-fab-size-lg + 1; + width: $mdb-btn-fab-size-lg + 1; + line-height: $mdb-btn-fab-size-lg; + + .material-icons, + .fa{ + font-size: $mdb-btn-icon-size; + line-height: $mdb-btn-fab-size-lg; + } + } + + .material-icons, + .fa { + margin-top: 0; + position: absolute; + width: 100%; + transform: none; + left: 0; + top: 0; + height: 100%; + + line-height: $mdb-btn-fab-size; + font-size: $mdb-btn-just-icon-font-size; + } + } +} + +.btn-just-icon{ + &.btn-lg{ + font-size: $mdb-btn-fab-font-size; + height: $mdb-btn-fab-size; + min-width: $mdb-btn-fab-size; + width: $mdb-btn-fab-size; + } +} + +.input-group-btn > .btn{ + border: 0; +} + + +// Align icons inside buttons with text +.btn .material-icons, +.btn:not(.btn-just-icon):not(.btn-fab) .fa{ + position: relative; + display: inline-block; + top: 0; + margin-top: -1em; + margin-bottom: -1em; + font-size: 1.1rem; + vertical-align: middle; + } + +// Disabled buttons and button groups +.btn, +.input-group-btn .btn, +.btn-group, +.btn-group-vertical { + // have to ratchet up the specificity to kill drop shadows on disabled raised buttons + @include bmd-disabled() { + .bg-inverse & { + color: $bmd-inverse-btn-disabled; + } + + // flat buttons shouldn't lose transparency on disabled hover/focus + } +} + +// btn-group variations +.btn-group, +.btn-group-vertical { + position: relative; + margin: 10px 1px; + + // spec: https://www.google.com/design/spec/components/buttons.html#buttons-toggle-buttons + //&.open { + // .dropdown-toggle { + // } + // + // > .dropdown-toggle.btn { + // @include bmd-raised-button-color-bg(); + // } + //} + + .dropdown-menu { + border-radius: 0 0 $border-radius $border-radius; + } + + &.btn-group-raised { + @include box-shadow($bmd-shadow-2dp); + } + + .btn + .btn, + .btn, + .btn:active, + .btn-group { + margin: 0; + } + + // remove margin from nested btn-group(s) to properly align them with the outer buttons + > .btn-group { + margin: 0; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_cards.scss b/sites/arcwerx-site/static/scss/material-kit/_cards.scss new file mode 100644 index 0000000000000000000000000000000000000000..87cf737069d136d3d6ea7db00014a5bc678a2674 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_cards.scss @@ -0,0 +1,327 @@ +//https://www.google.com/design/spec/components/cards.html#cards-content-blocks +// Card resting elevation: 2dp +.card { + border: 0; + margin-bottom: 30px; + margin-top: 30px; + border-radius: $border-radius-large; + color: $gray-dark; + background: $white-color; + width: 100%; + + .card-category:not([class*="text-"]) { + color: $gray-color; + } + .card-category{ + margin-top: 10px; + + .material-icons{ + position: relative; + top: 8px; + line-height: 0; + } + } + + .form-check { + margin-top: 15px; + } + + .card-title{ + margin-top: 0.625rem; + + &:last-child{ + margin-bottom: 0; + } + } + + // Cards have a default elevation of 2dp. + @include box-shadow($bmd-shadow-2dp); + @extend %std-font; + + + &.no-shadow { + .card-header-image, + .card-header-image img { + box-shadow: none !important; + } + } + + .card-body, + .card-footer { + padding: $padding-card-body-y $padding-card-body-x; + } + + .card-body { + & + .card-footer{ + padding-top: 0rem; + border: 0; + border-radius: $border-radius-large; + } + } + + .card-footer { + display: flex; + align-items: center; + background-color: transparent; + border: 0; + + .author, + .stats { + display: inline-flex; + } + + .stats { + color: $gray-color; + + .material-icons { + position: relative; + top: 3px; + margin-right: 3px; + margin-left: 3px; + font-size: 18px; + } + } + } + + &.bmd-card-raised { + // Card raised elevation: 8dp + @include box-shadow($bmd-shadow-8dp); + } + + @include media-breakpoint-up(lg) { + // On desktop, cards can have a resting elevation of 0dp and gain an elevation of 8dp on hover. + &.bmd-card-flat { + box-shadow: none; + } + } + + .card-header { + border-radius: $border-radius-base; + padding: $bmd-label-top-margin-base 15px; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border: 0; + background: linear-gradient(60deg, $grey-200, $grey-400); + + .title{ + color: $white-color; + } + + &:not([class*="header-"]){ + @include shadow-big(); + } + + .nav-tabs { + padding: 0; + } + + &.card-header-image { + position: relative; + padding: 0; + z-index: 1; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border-radius: $border-radius-large; + + a { + display: block; + } + + img { + width: 100%; + border-radius: $border-radius-large; + pointer-events: none; + @include shadow-big-image(); + } + .card-title { + position: absolute; + bottom: 15px; + left: 15px; + color: $white-color; + font-size: $font-size-h4; + text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); + } + + .colored-shadow{ + transform: scale(0.94); + top: 12px; + filter: blur(12px); + position: absolute; + width: 100%; + height: 100%; + background-size: cover; + z-index: -1; + transition: opacity .45s; + opacity: 0; + } + + &.no-shadow{ + box-shadow: none; + + &.shadow-normal{ + @include shadow-big(); + } + + .colored-shadow{ + display: none !important; + } + } + } + } + + .card-header-primary, + &.bg-primary, + &.card-rotate.bg-primary .front, + &.card-rotate.bg-primary .back{ + background: linear-gradient(60deg, $purple-400, $purple-700); + } + .card-header-info, + &.bg-info, + &.card-rotate.bg-info .front, + &.card-rotate.bg-info .back{ + background: linear-gradient(60deg, $cyan-400, $cyan-700); + } + .card-header-success, + &.bg-success, + &.card-rotate.bg-success .front, + &.card-rotate.bg-success .back{ + background: linear-gradient(60deg, $green-400, $green-700); + } + .card-header-warning, + &.bg-warning, + &.card-rotate.bg-warning .front, + &.card-rotate.bg-warning .back{ + background: linear-gradient(60deg, $orange-400, $orange-700); + } + .card-header-danger, + &.bg-danger, + &.card-rotate.bg-danger .front, + &.card-rotate.bg-danger .back{ + background: linear-gradient(60deg, $red-400, $red-700); + } + + .card-header-rose, + &.bg-rose, + &.card-rotate.bg-rose .front, + &.card-rotate.bg-rose .back{ + background: linear-gradient(60deg, $pink-400, $pink-700); + } + + .card-header-primary{ + @include shadow-big-color($brand-primary); + } + .card-header-danger{ + @include shadow-big-color($brand-danger); + } + + .card-header-rose{ + @include shadow-big-color($brand-rose); + } + + .card-header-warning{ + @include shadow-big-color($brand-warning); + } + + .card-header-info{ + @include shadow-big-color($brand-info); + } + + .card-header-success{ + @include shadow-big-color($brand-success); + } + + [class*="header-"], + &[class*="bg-"]{ + color: $white-color; + + .card-title a, + .card-title, + .icon i{ + color: $white-color; + } + + .icon i{ + border-color: rgba(255, 255, 255, 0.25); + } + .author a, + .stats, + .card-category, + .card-description{ + color: $white-transparent; + } + + .author a{ + &:hover, + &:focus, + &:active{ + color: $white-color; + } + } + } + + .author{ + .avatar{ + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-right: 5px; + } + + a{ + color: $black-color; + text-decoration: none; + + .ripple-container{ + display: none; + } + } + } + + .card-category-social{ + .fa{ + font-size: 24px; + position: relative; + margin-top: -4px; + top: 2px; + margin-right: 5px; + } + + .material-icons{ + position: relative; + top: 5px; + } + } + + &[class*="bg-"], + &[class*="bg-"] .card-body{ + border-radius: $border-radius-large; + + h1, + h2, + h3{ + small{ + color: $white-transparent; + } + } + } + + .card-stats{ + background: transparent; + display: flex; + + .author, + .stats{ + display: inline-flex; + } + } +} + +// some jss/css to make the cards look a bit better on Internet Explorer +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .card{ + display: inline-block; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_carousel.scss b/sites/arcwerx-site/static/scss/material-kit/_carousel.scss new file mode 100644 index 0000000000000000000000000000000000000000..d328700e11140c69c64a79ac46d7f6b35c621134 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_carousel.scss @@ -0,0 +1,95 @@ +.carousel{ + .carousel-control{ + &.left, + &.right{ + background-image: none; + } + + &.right{ + i{ + right: 0; + } + } + } + + .card{ + margin-top: 0; + } + + .item{ + text-align: center; + } + &.carousel-full-nagivation{ + .carousel-control{ + width: 50%; + + &.left, + &.right{ + background-image: none; + } + + .material-icons, + .fa{ + display: none; + } + } + } + + .carousel-control{ + height: 15%; + margin: auto; + } + + .carousel-control-prev, + .carousel-control-next{ + .material-icons{ + z-index: 5; + display: inline-block; + font-size: 50px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 50px; + margin: auto; + } + } + .carousel-indicators{ + bottom: 5px; + + li, + .active{ + margin: 11px 10px; + } + + li{ + display: inline-block; + width: 10px; + height: 10px; + text-indent: -999px; + cursor: pointer; + border: 1px solid #fff; + border-radius: 10px; + background: #FFFFFF; + @include shadow-2dp(); + @extend .animation-transition-general; + border-radius: $border-radius-small; + } + .active{ + margin-top: 10px; + @include transform-scale(1.5); + @include shadow-4dp(); + } + } + + .carousel-caption{ + padding-bottom: 45px; + + .material-icons{ + position: relative; + top: 5px; + } + } + +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_checkboxes.scss b/sites/arcwerx-site/static/scss/material-kit/_checkboxes.scss new file mode 100644 index 0000000000000000000000000000000000000000..9239a1aecfba16f555c76d017c840ccfb5774d1d --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_checkboxes.scss @@ -0,0 +1,201 @@ +.form-check { + margin-bottom: .5rem; + padding-left: 0; + + .form-check-label { + cursor: pointer; + padding-left: 0; // Reset for Bootstrap rule + // color: $mdb-checkbox-label-color; + @include mdb-label-color-toggle-focus(); + } + + // Hide native checkbox + .form-check-input{ + opacity: 0; + position: absolute; + margin: 0; + z-index: -1; + width: 0; + height: 0; + overflow: hidden; + left: 0; + pointer-events: none; + } + + .form-check-sign{ + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; + + &:before { + display: block; + position: absolute; + left: 0; + content: ""; + background-color: rgba(0,0,0,.84); + height: $mdb-checkbox-size; + width: $mdb-checkbox-size; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: 0; + @include transform-scale3d(unquote('2.3,2.3,1')); + } + + .check { + position: relative; + display: inline-block; + width: $mdb-checkbox-size; + height: $mdb-checkbox-size; + border: 1px solid $mdb-checkbox-border-color; + overflow: hidden; + z-index: 1; + border-radius: $border-radius-base; + + &:before { + position: absolute; + content: ""; + transform: rotate(45deg); + display: block; + margin-top: -3px; + margin-left: 7px; + width: 0; + color: $white-color; + height: 0; + box-shadow: + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0 inset; + @include animation(checkbox-off $mdb-checkbox-animation-check forwards); + } + } + + } + + .form-check-input{ + + &:focus + .form-check-sign .check:after { + opacity: 0.2; + } + + &:checked { + & + .form-check-sign .check { + background: $mdb-checkbox-checked-color; + } + + & + .form-check-sign .check:before { + color: #FFFFFF; + box-shadow: 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 20px -12px 0 11px; + @include animation(checkbox-on $mdb-checkbox-animation-check forwards); + } + + & + .form-check-sign:before { + @include animation(rippleOn $mdb-checkbox-animation-ripple); + } + + & + .form-check-sign .check:after { + //background-color: $brand-success; // FIXME: seems like tho wrong color, test and make sure it can be removed + @include animation(rippleOn $mdb-checkbox-animation-ripple forwards); + } + } + + &:not(:checked) { + & + .form-check-sign:before { + @include animation(rippleOff $mdb-checkbox-animation-ripple); + } + + & + .form-check-sign .check:after { + @include animation(rippleOff $mdb-checkbox-animation-ripple); // Ripple effect on uncheck + + } + } + } + + // Style for disabled inputs + fieldset[disabled] &, + fieldset[disabled] & .form-check-input, + .form-check-input[disabled] ~ .form-check-sign .check, + .form-check-input[disabled] + .circle { + opacity: 0.5; + } + + .form-check-input[disabled] ~ .form-check-sign .check{ + border-color: #000000; + opacity: .26; + } + + .form-check-input[disabled] + .form-check-sign .check:after { + background-color: $mdb-text-color-primary; + transform: rotate(-45deg); + } + + .form-check-input[disabled][checked] + .form-check-sign .check{ + background-color: $black; + } +} + +@keyframes checkbox-on { + 0% { + box-shadow: + 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 15px 2px 0 11px; + } + 50% { + box-shadow: + 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 20px 2px 0 11px; + } + 100% { + box-shadow: + 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 20px -12px 0 11px; + } +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_core-bootstrap.scss b/sites/arcwerx-site/static/scss/material-kit/_core-bootstrap.scss new file mode 100644 index 0000000000000000000000000000000000000000..43862e8e277b9b06cadb4a447161e9190dfb6a45 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_core-bootstrap.scss @@ -0,0 +1,66 @@ +// FIXME: only necessary because there isn't an underscored file - see https://github.com/twbs/bootstrap/issues/18350 +//@import "../bower_components/bootstrap/scss/ +//@import "../../bootstrap/scss/ + +// Core variables and mixins +@import "bootstrap/scss/functions"; +@import "bootstrap/scss/variables"; +@import "bootstrap/scss/mixins"; + +// #853 start - https://github.com/twbs/bootstrap/pull/18976/files +// hack +@mixin pull-left { + float: left !important; + @if $enable-flex { + margin-right: auto; + } +} +@mixin pull-right { + float: right !important; + @if $enable-flex { + margin-left: auto; + } +} +// #853 end - https://github.com/twbs/bootstrap/pull/18976/files + +// Reset and dependencies +@import "bootstrap/scss/reboot"; +@import "bootstrap/scss/print"; + +// Core CSS +@import "bootstrap/scss/reboot"; +@import "bootstrap/scss/type"; +@import "bootstrap/scss/images"; +@import "bootstrap/scss/code"; +@import "bootstrap/scss/grid"; +@import "bootstrap/scss/tables"; +@import "bootstrap/scss/forms"; +@import "bootstrap/scss/buttons"; +@import "bootstrap/scss/transitions"; + +// Components +@import "bootstrap/scss/dropdown"; +@import "bootstrap/scss/button-group"; +@import "bootstrap/scss/input-group"; +@import "bootstrap/scss/custom-forms"; +@import "bootstrap/scss/nav"; +@import "bootstrap/scss/navbar"; +@import "bootstrap/scss/card"; +@import "bootstrap/scss/breadcrumb"; +@import "bootstrap/scss/pagination"; +@import "bootstrap/scss/jumbotron"; +@import "bootstrap/scss/alert"; +@import "bootstrap/scss/progress"; +@import "bootstrap/scss/media"; +@import "bootstrap/scss/list-group"; +@import "bootstrap/scss/close"; +@import "bootstrap/scss/badge"; + +// Components w/ JavaScript +@import "bootstrap/scss/modal"; +@import "bootstrap/scss/tooltip"; +@import "bootstrap/scss/popover"; +@import "bootstrap/scss/carousel"; + +// Utility classes +@import "bootstrap/scss/utilities"; diff --git a/sites/arcwerx-site/static/scss/material-kit/_custom-forms.scss b/sites/arcwerx-site/static/scss/material-kit/_custom-forms.scss new file mode 100644 index 0000000000000000000000000000000000000000..2bcdff0d4f78cf8b6e55f5b8aac61a12e391ec02 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_custom-forms.scss @@ -0,0 +1,10 @@ +.custom-file-control { + // @extend .form-control; + // @include bmd-form-color($bmd-label-color, $bmd-label-color-focus, $input-border-color); + // + // &::before { + // @extend .btn; + // position: absolute; + // height: calc(100% - 1px); + // } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_drawer.scss b/sites/arcwerx-site/static/scss/material-kit/_drawer.scss new file mode 100644 index 0000000000000000000000000000000000000000..909a1ec849536b2afc26fe8379434664e0575c2a --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_drawer.scss @@ -0,0 +1,121 @@ +// Implementation specification in https://github.com/FezVrasta/bootstrap-material-design/issues/822 + +// Drawer. +.bmd-layout-drawer { + position: absolute; + z-index: 5; // over a header and content + box-sizing: border-box; + display: flex; + + flex-direction: column; + flex-wrap: nowrap; + + max-height: 100%; + overflow: visible; + overflow-y: auto; + font-size: .875rem; + //color: $bmd-layout-drawer-text-color; + //background: $bmd-layout-drawer-bg-color; + + // Transform offscreen. + transition: transform; + will-change: transform; + transform-style: preserve-3d; + @include box-shadow($bmd-shadow-2dp); + @include material-animation-default(); + + > * { + flex-shrink: 0; + } + + // Placement of common components within the drawer + // You might say this is opinionated - feedback welcome. + > header { + display: flex; + flex-direction: column; + justify-content: flex-end; + padding: 1rem; + + .navbar-brand { + padding-left: 1.5rem; + font-size: 1.25rem; + } + } + + > .list-group { + padding-top: 1rem; + + .list-group-item { + padding-right: 2.5rem; + padding-left: 2.5rem; + font-size: .8125rem; + font-weight: 500; + } + } +} + +//---------------- +// Sizing and positioning below here + +// for left or right drawers, setup widths, heights and positions +@include bmd-drawer-x-out($bmd-drawer-x-size); + +// for top or bottom drawers, setup widths, heights and positions +@include bmd-drawer-y-out($bmd-drawer-y-size); + +// Marker class for both triggering the opening of the drawer (i.e. javascript #addClass('.bmd-drawer-in')), as well +// as responsive sizes (i.e. bmd-drawer-in-md will open once the browser is wider than 768px). +// +// +// bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg +// We iterate over the standard grid breakpoints, but we also need styles for the simpler `bmd-drawer-in` +// without a size (for triggered openings). Since the xs size is 0, instead of using `bmd-drawer-in-xs` +// (which is mostly meaningless), we create `bmd-drawer-in` meaning always open. +// +// NOTE: bmd-drawer-in-* uses media-breakpoint-up() +// +// bmd-drawer-out +// A marker class that will _force_ the drawer closed regardless of the responsive class present. If (for some +// strange reason) both bmd-drawer-out and bmd-drawer-in are present, it appears that the closed option wins. +// +// bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg +// We iterate over the standard grid breakpoints, but we also need styles for the simpler `bmd-drawer-overlay`. +// Since the xs size is 0, instead of using `bmd-drawer-overlay-xs`, we create `bmd-drawer-overlay` meaning always overlay. +// +// NOTE: bmd-drawer-overlay-* uses media-breakpoint-down() - this is because we usually want a responsive overlay to be used in small screen scenarios. +// + +// +// Drawer open positioning, and style options (push is default, overlay is optional) +:not(.bmd-drawer-out) { + // first eliminate positioning or sizing rules if the drawer is already forced closed + @each $breakpoint in map-keys($grid-breakpoints) { + @include bmd-drawer-x-in-up($bmd-drawer-x-size, $breakpoint); + @include bmd-drawer-y-in-up($bmd-drawer-y-size, $breakpoint); + + @include bmd-drawer-x-overlay-down($breakpoint); + @include bmd-drawer-y-overlay-down($breakpoint); + } +} + +////---- +//// Example 1: creates a media responsive kitchen-sink-drawer that pairs with bmd-drawer-in-lg and allows for the bmd-drawer-in trigger +//.kitchen-sink-drawer { +// $custom-size: 500px; +// @include bmd-drawer-x-out($custom-size); +// &:not(.bmd-drawer-out) { +// @each $breakpoint in map-keys($grid-breakpoints) { +// @include bmd-drawer-x-in-up($custom-size, $breakpoint); +// } +// } +//} +// +//// +////---- +//// Example 2: creates a NON-responsive kitchen-sink-drawer and allows for the bmd-drawer-in trigger +//.kitchen-sink-drawer-static { +// $custom-size: 500px; +// @include bmd-drawer-x-out($custom-size); // closed by default +// @include bmd-drawer-x-in($custom-size); // triggered with bmd-drawer-in +// @include bmd-drawer-x-overlay(); // overlay by default, no other classes necessary +//} diff --git a/sites/arcwerx-site/static/scss/material-kit/_dropdown.scss b/sites/arcwerx-site/static/scss/material-kit/_dropdown.scss new file mode 100644 index 0000000000000000000000000000000000000000..cfe3cb561b3ecb8c03cdeecd7dc77334d735efd4 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_dropdown.scss @@ -0,0 +1,205 @@ +// Menus https://www.google.com/design/spec/components/menus.html#menus-specs +// Dropdown buttons (mobile and desktop) https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons + +.dropdown-menu { + display: none; + padding: $bmd-dropdown-margin-y 0; + border: 0; + opacity: 0; + transform: scale(0); + transform-origin: 0 0; + will-change: transform, opacity; + transition: transform $bmd-menu-expand-duration $bmd-animation-curve-default, + opacity $bmd-menu-fade-duration $bmd-animation-curve-default; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + + &.showing { + animation-name: bmd-dropdown-animation; + animation-duration: $bmd-menu-expand-duration; + animation-fill-mode: forwards; + animation-timing-function: $bmd-animation-curve-default; + } + + .open > &, + &.show { + display: block; + opacity: 1; + transform: scale(1); + } + + &.hiding { + display: block; + opacity: 0; + transform: scale(0); + } + + &[x-placement="bottom-start"] { + transform-origin: 0 0; + } + + &[x-placement="bottom-end"] { + transform-origin: 100% 0; + } + + &[x-placement="top-start"] { + transform-origin: 0 100%; + } + + &[x-placement="top-end"] { + transform-origin: 100% 100%; + } + + .disabled > a{ + color: $bmd-dropdown-header-color; + + &:focus, + &:hover{ + text-decoration: none; + background-color: transparent; + background-image: none; + color: $bmd-dropdown-header-color; + } + } + + &.dropdown-with-icons .dropdown-item{ + padding: $dropdown-item-padding-y + 0.125 $dropdown-item-padding-x $dropdown-item-padding-y + 0.125 $dropdown-item-padding-y + 0.125; + + & .material-icons{ + vertical-align: middle; + font-size: 24px; + position: relative; + margin-top: -4px; + top: 1px; + margin-right: 12px; + opacity: .5; + } + } + + + // https://www.google.com/design/spec/components/menus.html#menus-specs + .dropdown-item, + li > a{ // used to properly size the ripple container + position: relative; + width: auto; + + display: flex; + flex-flow: nowrap; + align-items: center; + color: $bmd-dropdown-link-color; + font-weight: normal; + text-decoration: none; + + font-size: .8125rem; + border-radius: $border-radius / 2; + margin: 0 $bmd-dropdown-margin-y; + @include transitions($fast-transition-time, $transition-linear); + + min-width: $bmd-menu-item-min-width; + + padding: $dropdown-item-padding-y $dropdown-item-padding-x; + + overflow: hidden; + line-height: $bmd-line-height; + text-overflow: ellipsis; + word-wrap: break-word; + + @include media-breakpoint-up(md) { + padding-right: $bmd-menu-item-padding-right-md; + padding-left: $bmd-menu-item-padding-left-md; + } + } + + .dropdown-item:hover, + .dropdown-item:focus, + a:hover, + a:focus, + a:active { + @include shadow-small-color($brand-primary); + background-color: $brand-primary; + color: #FFFFFF; + } +} + +// this could be in a .btn-group or .dropdown +.dropdown-toggle { + &.bmd-btn-icon, + &.bmd-btn-fab { + // remove the dropdown icon + &::after { + display: none; + } + + ~ .dropdown-menu { + &.dropdown-menu-top-left, + &.dropdown-menu-top-right { + bottom: $bmd-btn-icon-size; // push up the bottom of the menu the height of the button + } + } + } + + &:after{ + will-change: transform; + transition: transform $bmd-animation-dropdown-caret linear; + } + + .show &:after{ + @include rotate-180(); + } + + &.bmd-btn-fab-sm { + ~ .dropdown-menu { + &.dropdown-menu-top-left, + &.dropdown-menu-top-right { + bottom: $bmd-btn-fab-size-sm; // push up the bottom of the menu the height of the button + } + } + } + + &.bmd-btn-icon { + ~ .dropdown-menu { + // collapse some spacing + margin: 0; + } + } +} + +.dropdown-header{ + font-size: 0.75rem; + padding-top: $dropdown-header-padding-y; + padding-bottom: $dropdown-header-padding-y; + text-transform: none; + color: $bmd-dropdown-header-color; + line-height: $bmd-line-height; + font-weight: inherit; +} + +@keyframes bmd-dropdown-animation { + from { + opacity: 0; + transform: scale(0); + } + to { + opacity: 1; + transform: scale(1); + } +} + +.dropdown-menu.bootstrap-datetimepicker-widget{ + opacity: 0; + transform: scale(0); + transition-duration: $bmd-menu-expand-duration; + transition-timing-function: $bmd-animation-curve-default; + transform-origin: 0 0; + will-change: transform, opacity; + top: 0; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.top{ + transform-origin: 0 100%; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.open{ + opacity: 1; + transform: scale(1); + top: 0; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_example-pages.scss b/sites/arcwerx-site/static/scss/material-kit/_example-pages.scss new file mode 100644 index 0000000000000000000000000000000000000000..5ca3aa483217602a44461e17cd33dada1e872cba --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_example-pages.scss @@ -0,0 +1,164 @@ +.index-page{ + .section-components h6.description{ + margin-top: 5px; + margin-bottom: 30px; + } + + .page-header{ + height: 90vh; + overflow: hidden; + } + .brand{ + color: $white-color; + text-align: center; + + h1{ + font-size: 4.2rem; + font-weight: 600; + display: inline-block; + position: relative; + } + h3{ + font-size: 1.313rem; + max-width: 500px; + margin: 10px auto 0; + } + } + + h4.description{ + font-size: 1.5em; + } +} +.section{ + padding: 70px 0; +} +.profile-page{ + .page-header{ + height: 380px; + background-position: top center; + } + .profile{ + text-align: center; + + img{ + max-width: 160px; + width: 100%; + margin: 0 auto; + @include transform-translate-y(-50%); + } + .name{ + margin-top: -80px; + } + } + .follow{ + position: absolute; + top: 0; + right: 0; + } + .description{ + margin: $margin-base auto 0; + max-width: 600px; + } + .profile-tabs{ + margin-top: $margin-base * 4; + } + .gallery{ + margin-top: $margin-base * 3; + padding-bottom: 50px; + + img{ + width: 100%; + margin-bottom: $margin-base * 2; + } + } + .follow{ + .btn-fab{ + margin-top: -28px; + } + } + .card-background{ + .content{ + padding: 30% 0; + min-width: 160px; + } + } + .work{ + padding: 40px 0px; + .collections{ + margin-top: 20px; + } + + .stats{ + ul > li{ + padding: 5px 0px; + font-size: 1em; + b{ + font-size: 1.2em; + } + + } + } + } + + .connections{ + padding: 40px 0px; + .card-profile{ + text-align: left; + } + } + + .tab-content{ + .collections{ + .card .card-body{ + display: flex; + flex-direction: column; + justify-content: center; + + .badge{ + display: inline-table; + margin: 0 auto; + } + } + } + } +} + +.signup-page{ + .page-header{ + min-height: 100vh; + height: auto; + display: inherit; + + .container{ + padding-top: 20vh; + } + } + + .card-signup{ + border-radius: $border-radius-base * 2; + @include shadow-16dp(); + margin-bottom: 100px; + padding: 40px 0px; + } + .info-horizontal{ + padding: 0px 0px 20px; + } + .social{ + .btn{ + margin: 5px; + } + h4{ + margin-top: 20px; + } + } + .footer{ + .container{ + padding: 0; + } + .copyright, + a{ + color: #FFFFFF; + } + } + +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_footers.scss b/sites/arcwerx-site/static/scss/material-kit/_footers.scss new file mode 100644 index 0000000000000000000000000000000000000000..863f408d72af4adaa9d32fdb5ea1cafb18a06c5a --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_footers.scss @@ -0,0 +1,93 @@ +footer{ + padding: $padding-general-x 0; + text-align: center; + display: -webkit-flex; /* Safari */ /* Safari 6.1+ */ + display: flex; + + ul{ + margin-bottom: 0; + padding: 0; + list-style: none; + + li{ + display: inline-block; + + a{ + color: inherit; + padding: $padding-general-x; + font-weight: $font-weight-bold; + font-size: $mdb-btn-font-size-base; + text-transform: uppercase; + border-radius: $border-radius-base; + text-decoration: none; + position: relative; + display: block; + + &:hover{ + text-decoration: none; + } + } + + .btn{ + margin: 0; + } + } + + &.links-horizontal{ + &:first-child a{ + padding-left: 0; + } + + &:last-child a{ + padding-right: 0; + } + } + + &.links-vertical{ + li{ + display: block; + margin-left: -5px; + margin-right: -5px; + + a{ + padding: 5px; + } + } + } + } + + .social-buttons{ + a, + .btn{ + margin-top: 5px; + margin-bottom: 5px; + } + } + + .footer-brand{ + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + margin-left: -15px; + + &:hover, + &:focus{ + color: $black-color; + } + } + .copyright{ + padding: 15px 0; + .material-icons{ + font-size: 18px; + position: relative; + top: 3px; + } + } + + .pull-center{ + display: inline-block; + float: none; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_forms.scss b/sites/arcwerx-site/static/scss/material-kit/_forms.scss new file mode 100644 index 0000000000000000000000000000000000000000..89bf70b2452ccb04b262642404ab2e50fa0df6dc --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_forms.scss @@ -0,0 +1,360 @@ +form { + // ensure enough room at the bottom of any form to display a one-line bmd-help + margin-bottom: ($bmd-help-size-ratio * $font-size-base) * $line-height-base; + + .card &{ + margin: 0; + } + // reverse the above for navbars (no help expected in a navbar form) + .navbar & { + margin-bottom: 0; // only adjust bottom so that pull-xs-right flexed margin-left: auto works + + .bmd-form-group { + display: inline-block; + padding-top: 0; + } + + .btn { + margin-bottom: 0; + } + } +} + +// ----- +// Inputs +// +// Reference http://www.google.com/design/spec/components/text-fields.html +// MDL implementation: http://www.getmdl.io/components/index.html#textfields-section +.form-control { + background: $bmd-form-control-bg-repeat-y $bmd-form-control-bg-position; + background-size: $bmd-form-control-bg-size; + border: 0; + height: 36px; + transition: background 0s ease-out; + padding-left: 0; + padding-right: 0; + border-radius: 0; + font-size: $mdb-input-font-size-base; + + // The border bottom should be static in all states, the decorator will be animated over this. + &:focus, + .bmd-form-group.is-focused & { + background-size: $bmd-form-control-bg-size-active; + //border-bottom: $input-btn-border-width solid $input-border-color; + transition-duration: 0.3s; + box-shadow: none; + } + + @include material-placeholder() { + color: $mdb-input-placeholder-color; + font-weight: 400; + font-size: $mdb-input-font-size-base; +} + + .has-white &{ + @include material-placeholder(){ + color: $white-color; + } + } +} + + + +// Help blocks (not in v4) +// position: absolute approach - uses no vertical space and there is no form jumping, but text wrapping - not so good. +// FIXME: width/wrapping isn't automatic and overflows occur. What are some solutions? +// +.bmd-help { + position: absolute; + display: none; + font-size: .8rem; + font-weight: normal; + @extend .text-muted; + + .bmd-form-group.is-focused & { + display: block; + } + + //-------------------------------------- + // Multiple help blocks + // - absolute positioning is used above to prevent bouncing + // - when there is more than one, this will bounce but will at least show + &:nth-of-type(2) { + padding-top: 1rem; // the first one requires top padding to push it below the first one which is absolute positioned + } + + + .bmd-help { + position: relative; + margin-bottom: 0; + } +} + +// ----- +// State coloring: default, success, info, warning, danger +// +@include bmd-selection-color(); +@include bmd-form-color($bmd-label-color, $bmd-label-color-focus, $input-border-color, $input-border-color); + +.has-success { + @include bmd-form-color($brand-success, $brand-success, $brand-success, $input-border-color); +} + +.has-info { + @include bmd-form-color($brand-info, $brand-info, $brand-info, $input-border-color); +} + +.has-white{ + @include bmd-form-color($white-color, $white-color, $white-color, $input-border-color-white); + + .form-control{ + &:focus{ + color: $white-color; + } + } +} + +.has-warning { + @include bmd-form-color($brand-warning, $brand-warning, $brand-warning, $input-border-color); +} + +.has-danger { + @include bmd-form-color($brand-danger, $brand-danger, $brand-danger, $input-border-color); +} + +.has-rose { + @include bmd-form-color($brand-rose, $brand-rose, $brand-rose, $input-border-color); +} + +// Reference http://www.google.com/design/spec/components/text-fields.html +// MDL implementation: http://www.getmdl.io/components/index.html#textfields-section +//.variations(unquote(" label"), color, $bmd-input-placeholder-color); // default label color variations + +// Whereas .form-group adds structure, bmd-form-group just needs to make sure we have enough padding for our labels to work. That's the only purpose. +.bmd-form-group { + position: relative; + padding-top: 27px; + + // ----- + // Labels + // + // Reference http://www.google.com/design/spec/components/text-fields.html + // MDL implementation: http://www.getmdl.io/components/index.html#textfields-section + + &:not(.has-success):not(.has-danger){ + [class^='bmd-label'], + [class*=' bmd-label']{ + &.bmd-label-floating{ + color: $mdb-input-placeholder-color; + } + } + } + [class^='bmd-label'], + [class*=' bmd-label'] { + position: absolute; + pointer-events: none; + transition: 0.3s ease all; + + // hint to browser for optimization + &.bmd-label-floating { + will-change: left, top, contents; + margin: 0; + line-height: 1.4; + font-weight: 400; + } + } + + // hide label-placeholders when the field is filled + &.is-filled .bmd-label-placeholder { + display: none; + } + + // Optional class to make the text field inline collapsible/expandable (collapsed by default) + // This uses the BS collapse js to make the width expand. + // `width` class must also be on the element FIXME: do this with JS, it is a marker class and should be implicit because after all, we are an bmd-collapse-inline + // FIXME: js needs to do the focus on shown.bs.collapse event http://v4-alpha.getbootstrap.com/components/collapse/#events + &.bmd-collapse-inline { + display: flex; + align-items: center; + padding: 0; // get rid of any padding as this is a width transition + min-height: 2.1em; + + // Expandable Holder. + .collapse { + flex: 1; + display: none; + &.show { + // This is an unfortunate hack. Animating between widths in percent (%) + // in many browsers (Chrome, Firefox) only animates the inner visual style + // of the input - the outer bounding box still 'jumps'. + // Thus assume a sensible maximum, and animate to/from that value. + max-width: 1200px; + } + } + + .collapsing, + .width:not(.collapse), + // collapsing is removed and momentarily only width is present + .collapse.show { + display: block; + } + + .collapsing { + @include material-animation-default(); + } + } + + // default floating size/location with an bmd-form-group + @include bmd-form-size-variant($font-size-base, $bmd-label-top-margin-base, $input-padding-y, $bmd-form-line-height, "bmd-form-group default"); + + // sm floating size/location + &.bmd-form-group-sm { + @include bmd-form-size-variant($font-size-sm, $bmd-label-top-margin-sm, $input-padding-y-sm, $bmd-form-line-height-sm, "bmd-form-group sm"); + } + + // lg floating size/location + &.bmd-form-group-lg { + @include bmd-form-size-variant($font-size-lg, $bmd-label-top-margin-lg, $input-padding-y-lg, $bmd-form-line-height-sm, "bmd-form-group lg"); + } +} + +// default floating size/location without a form-group (will skip form-group styles, and just render default sizing variation) - IMPORTANT for non-form-group spacing such as radio/checkbox/switch +@include bmd-form-size-variant($font-size-base, $bmd-label-top-margin-base, $input-padding-y, $bmd-form-line-height); + +select { + &, + &.form-control { + // Use vendor prefixes as `appearance` isn't part of the CSS spec. OSX doesn't obey the border-radius: 0 without this. + -moz-appearance: none; + -webkit-appearance: none; + } +} + +// Input files - hide actual input - requires specific markup in the sample. +//.bmd-form-group input[type=file] { +// opacity: 0; +// position: absolute; +// top: 0; +// right: 0; +// bottom: 0; +// left: 0; +// width: 100%; +// height: 100%; +// z-index: 100; +//} + +// +// +//.form-horizontal { +// +// // Consistent vertical alignment of radios and checkboxes +// .radio, +// .checkbox, +// .radio-inline, +// .checkbox-inline { +// padding-top: 0; +// } +// +// .radio { +// margin-bottom: 10px; +// } +// +// label { +// text-align: right; +// } +// +// label { +// margin: 0; +// } +//} + + +.form-inline { + @include media-breakpoint-up(sm) { + .input-group { + display: inline-flex; + align-items: center; + } + } +} + +.form-control-feedback{ + position: absolute; + top: 33px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; + pointer-events: none; + opacity: 0; + + .has-success &{ + color: $green; + opacity: 1; + } + + .has-danger &{ + color: $red; + opacity: 1; + } +} + +.form-group{ + margin-bottom: 17px; + position: relative; +} + +textarea{ + height: auto !important; + resize: none; + line-height: $bmd-line-height !important; +} + +.form-group input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +.form-newsletter{ + .input-group, + .form-group{ + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; + padding-top: 5px; + } + + .btn{ + float: left; + width: 20%; + margin: 9px 0 0; + } +} + +.form-file-upload{ + .input-group-btn:last-child>.btn-round{ + border-radius: 30px; + } + + .input-group-btn .btn{ + margin: 0; + } + + .input-group{ + width: 100%; + } +} + +.input-group .input-group-btn{ + padding: 0 12px; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_headers.scss b/sites/arcwerx-site/static/scss/material-kit/_headers.scss new file mode 100644 index 0000000000000000000000000000000000000000..9c06d5317b47773ae58325213614f5979d729ba0 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_headers.scss @@ -0,0 +1,71 @@ +.page-header{ + height: 100vh; + background-position: center center; + background-size: cover; + margin: 0; + padding: 0; + border: 0; + display: flex; + align-items: center; + + .carousel .carousel-indicators{ + bottom: 60px; + } + + > .container{ + color: $white-color; + } + + .title{ + color: $white-color; + } + + &.header-small{ + height: 65vh; + min-height: 65vh; + } + + .iframe-container{ + iframe{ + width: 100%; + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), + 0 4px 25px 0px rgba(0, 0, 0, 0.12), + 0 8px 10px -5px rgba(0, 0, 0, 0.2); + } + } +} + +.header-filter{ + position: relative; + + &:before, + &:after{ + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; + } + + &::before{ + background: rgba(0,0,0,.5); + } + + .container{ + z-index: 2; + position: relative; + } +} +.clear-filter::before { + background: none; +} + +.purple-filter:after{ + background: rgba(101, 47, 142, 0.64); + background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_images.scss b/sites/arcwerx-site/static/scss/material-kit/_images.scss new file mode 100644 index 0000000000000000000000000000000000000000..0d77d0ea56b4c437c37cf5c2b08f4d84bf4b61a1 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_images.scss @@ -0,0 +1,10 @@ +.img-thumbnail{ + border-radius: 16px; +} +.img-raised{ + @include shadow-big-image(); +} + +.rounded{ + border-radius: $border-radius-large !important; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_info-areas.scss b/sites/arcwerx-site/static/scss/material-kit/_info-areas.scss new file mode 100644 index 0000000000000000000000000000000000000000..c933110b72ff24b9953c8b505c9cf32115a13802 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_info-areas.scss @@ -0,0 +1,57 @@ +.info{ + max-width: 360px; + margin: 0 auto; + padding: 70px 0 30px; + + .icon{ + color: $gray-color; + + > i{ + font-size: 3.85rem; + } + } + .info-title{ + color: $black-color; + margin: 0.875rem * 2 0 0.875rem; + } + p{ + color: $gray-color; + } +} + +.info-horizontal{ + .icon{ + float: left; + margin-top: 24px; + margin-right: 10px; + + >i{ + font-size: $font-size-h2; + } + } + .description{ + overflow: hidden; + } + +} + +.icon { + &.icon-primary { + color: $brand-primary; + } + &.icon-info { + color: $brand-info; + } + &.icon-success { + color: $brand-success; + } + &.icon-warning { + color: $brand-warning; + } + &.icon-danger { + color: $brand-danger; + } + &.icon-rose { + color: $brand-rose; +} +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_input-group.scss b/sites/arcwerx-site/static/scss/material-kit/_input-group.scss new file mode 100644 index 0000000000000000000000000000000000000000..440bb963d6f8f6dc507678a6f63836d8dd9e7459 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_input-group.scss @@ -0,0 +1,43 @@ +// ----------------------------------------- +// input-group and input-group-addon styles +// note: form-groups are not required +// +@mixin input-group-button-variation($vertical-padding) { + .input-group-btn { + .btn { + //margin: 0 0 $vertical-padding 0; + } + } +} + +// default margin - no form-group required +@include input-group-button-variation(input-padding-y); + +.bmd-form-group-sm { + @include input-group-button-variation($input-padding-y-sm); +} + +.bmd-form-group-lg { + @include input-group-button-variation($input-padding-y-lg); +} + +.input-group { + // may be in or outside of form-group + + .input-group-text { + display: flex; + justify-content: center; + align-items: center; + padding: 0 15px 0 15px; + background-color: transparent; + border-color: transparent; + } + + .input-group-btn { + position: absolute; + right: 0; + bottom: 0; + padding-right: 0; + } + +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_layout.scss b/sites/arcwerx-site/static/scss/material-kit/_layout.scss new file mode 100644 index 0000000000000000000000000000000000000000..db17b2c2760948c572a451d1c14dda2f4ca8bfd9 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_layout.scss @@ -0,0 +1,81 @@ +// This is a set of flex-based layout containers necessary for components such as the drawer. +// It allows for flex based positioning such as sticky header and footer inside an bmd-layout, with a +// bmd-layout-content that scrolls. + +// mobile webkit smooth scrolling: http://stackoverflow.com/a/15147497/2363935 + +// First element +.bmd-layout-canvas { + // added by js? + position: absolute; + width: 100%; + height: 100%; +} + +// Primary layout container, belongs inside a bmd-layout-canvas. +.bmd-layout-container { + position: relative; + display: flex; + flex-direction: column; // allows for sticky header and footer + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; // mobile webkit smooth scrolling +} + +// Header layout (fixed top), belongs in a bmd-layout-container +.bmd-layout-header { + z-index: 3; + display: flex; + flex-direction: column; // since this is a column, it is necessary that something like an actual navbar is a child + flex-wrap: nowrap; + flex-shrink: 0; + justify-content: flex-start; + width: 100%; + max-height: 1000px; + transform: translateZ(0); // mobile webkit smooth scrolling + @include material-animation-default(); +} + +// Content layout, belongs in a bmd-layout-container +.bmd-layout-content { + position: relative; + z-index: 1; // under a header + display: inline-block; + //-ms-flex: 0 1 auto; // Fix IE10 bug. + flex-grow: 1; + overflow-x: hidden; + overflow-y: auto; // mobile webkit smooth scrolling may need scroll, but auto seems to be working and omits the scroll border + -webkit-overflow-scrolling: touch; // mobile webkit smooth scrolling + @include material-animation-default(); +} + +// Pushes flex-based content to the other end (x or y) +.bmd-layout-spacer { + flex-grow: 1; +} + +// Backdrop - generic backdrop to be used by other components i.e. drawer in overlay mode +.bmd-layout-backdrop { + position: absolute; + top: 0; + left: 0; + z-index: 4; + width: 100%; + height: 100%; + visibility: hidden; + background-color: transparent; + transition-property: background-color; + @include material-animation-default(); + + @supports (pointer-events: auto) { + background-color: rgba(0, 0, 0, 0.5); + opacity: 0; + transition-property: opacity; + visibility: visible; + pointer-events: none; + } + + // NOTE: the &.in style is responsive, generated by @mixin bmd-layout-backdrop-in() where needed. +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_list-group.scss b/sites/arcwerx-site/static/scss/material-kit/_list-group.scss new file mode 100644 index 0000000000000000000000000000000000000000..4a743d4c1a2ce2f5f7ad64320aa1258ac664b68d --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_list-group.scss @@ -0,0 +1,102 @@ +// https://www.google.com/design/spec/components/lists.html#lists-specs + +// - single line 48dp +// - single line avatar 56dp +// - double line (with and w/o avatar) 72dp +// - triple line 88dp + +.list-group { + // #853 start -- https://github.com/twbs/bootstrap/pull/18981/files + @if $enable-flex { + display: flex; + flex-direction: column; + } + // #853 end -- https://github.com/twbs/bootstrap/pull/18981/files + + flex-grow: 1; + + // Add 8dp of padding at the top and bottom of a list. One exception is at the top of a list with a subheader, because subheaders contain their own padding. + padding: .5rem 0; + + // dense size variation + &.bmd-list-group-sm { + padding: .25rem 0; + + .list-group-item { + padding: .5rem 1rem; + } + } +} + +.bmd-list-group-col { + display: flex; + flex-direction: column; + min-width: 0; + //flex-shrink: 0; +} + +.list-group-item { + // #853 start -- https://github.com/twbs/bootstrap/pull/18981/files + @if $enable-flex { + display: flex; + flex-flow: row wrap; + align-items: center; + } @else { + display: block; + } + // #853 end -- https://github.com/twbs/bootstrap/pull/18981/files + padding: 1rem; + line-height: 1; + + .list-group-item-text { + // word wrap? http://stackoverflow.com/a/26535469/2363935 + //flex-flow: row wrap; + min-width: 0; + max-height: 2.188rem; // 88dp tile total height + // FIXME: text overflow with ellipsis is not working + //flex: 0 1 auto; // http://stackoverflow.com/questions/12022288/how-to-keep-a-flex-item-from-overflowing-due-to-its-text + overflow: hidden; + text-overflow: ellipsis; + } + + //------ + // NOTE: there are many variations of icons/labels in a list, each one of these rules exist for a reason. + + // first icon/label on the left + :first-child { + margin-right: 2rem; // single line icon is 72dp to text (16 pad + 24 icon + 32 margin) + } + + // second icon/label, or only icon/label marked as 'pull-*-right', or any direct child element marked as right + > .pull-xs-right, + > .pull-sm-right, + > .pull-md-right, + > .pull-lg-right, + > .pull-xl-right, + > * ~ .label:last-child, + > * ~ .material-icons:last-child { + margin-right: 0; // some variations actually match the first-child + margin-left: auto; + } + + // add the padding to icons (margin-left is used for alignment) + .material-icons.pull-xs-right, + // need the specificity + .material-icons.pull-sm-right, + .material-icons.pull-md-right, + .material-icons.pull-lg-right, + .material-icons.pull-xl-right, + .material-icons ~ .material-icons:last-child { + padding-left: 1rem; // guarantee space per spec + } + //------ + + .list-group-item-heading { + //font-size: 1rem; + } + + .list-group-item-text { + font-size: .875rem; + color: $gray; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_misc.scss b/sites/arcwerx-site/static/scss/material-kit/_misc.scss new file mode 100644 index 0000000000000000000000000000000000000000..7a5792bd92cd782761757b1b62ed5464c91fcaa3 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_misc.scss @@ -0,0 +1,550 @@ +body{ + background-color: #eee; + color: $black-color; + font-weight: 300; +} + +legend { + border-bottom: 0; +} + +.serif-font{ + font-family: $font-family-serif; +} + +// Prevent highlight on mobile +* { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; + &:focus { + outline: 0; + } +} + +a{ + color: $link-color; + &:hover, + &:focus{ + color: darken($link-color, 5%); + text-decoration: none; + } + + &.text-info{ + &:hover, &:focus{ + color: darken($brand-info, 5%); + } + } + + & .material-icons { + vertical-align: middle; + } +} + +.main{ + background: #FFFFFF; + position: relative; + z-index: 3; +} + +.form-check, +label{ + font-size: 14px; + line-height: 1.42857; + color: $checkboxes-text-color; + font-weight: 400; +} + +.main-raised{ + margin: -60px 30px 0px; + border-radius: $border-radius-base * 2; + @include shadow-16dp(); +} + +/* Animations */ +.animation-transition-general{ + @include transitions($general-transition-time, $transition-linear); +} + +.animation-transition-slow{ + @include transitions($slow-transition-time, $transition-linear); +} + +.animation-transition-fast{ + @include transitions($fast-transition-time, $transition-ease); +} + + +.animation-transition-fast, +.navbar, +.bootstrap-tagsinput .tag, +.bootstrap-tagsinput [data-role="remove"], +.card-collapse .card-header a i{ + @include transitions($fast-transition-time, $transition-ease); +} + +.signup-page{ + .card-signup{ + form{ + .form-check{ + padding-left: 20px; + + .form-check-label{ + padding-left: 35px; + } + } + } + } +} + +// style for index.html (free version) + +.section-signup{ + .card-signup{ + .card-header{ + width: auto; + } + .card-body{ + .input-group{ + padding-bottom: 7px; + margin: 27px 0 0 0; + } + } + } +} + + +// offline-doc +.offline-doc, +.offline-free-doc { + .page-header { + height: 100vh !important; + + &:after { + background: rgba(0, 0, 0, 0.5) !important; + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 2; + } + + .container { + z-index: 3; + } + } + .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: $white-color; + z-index: 2; + + .copyright a{ + color: $white-color; + } + } + + .navbar { + .navbar-brand, + .navbar-collapse .nav-link { + color: $white-color; + } + } +} + + +// hinge card + + + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.tim-row{ + margin-bottom: 20px; +} + +.tim-white-buttons { + background-color: #777777; +} +.title{ + margin-top: 30px; + margin-bottom: 25px; + min-height: 32px; +} + +#map { + position: relative; + z-index: 2; + width: 100%; + height: calc(100vh - 70px); + margin-top: 70px; +} + +.tim-typo{ + padding-left: 25%; + margin-bottom: 40px; + position: relative; + width: 100%; +} +.tim-typo .tim-note{ + bottom: 5px; + color: #c0c1c2; + display: block; + font-weight: 400; + font-size: 13px; + line-height: 15px; + left: 0; + margin-left: 20px; + position: absolute; + width: 260px; +} +.tim-row{ + padding-top: 50px; +} +.tim-row h3{ + margin-top: 0; +} +#typography h1, #typography h2, #typography h3, +#typography h4, #typography h5, #typography h6{ + margin-bottom: 0; +} + +.switch{ + margin-right: 20px; +} +#navbar-full .navbar{ + border-radius: 0 !important; + margin-bottom: 15px; + z-index: 2; +} +.space{ + height: 130px; + display: block; +} +.space-110{ + height: 110px; + display: block; +} +.space-50{ + height: 50px; + display: block; +} +.space-70{ + height: 70px; + display: block; +} +.navigation-example .img-src{ + background-attachment: scroll; +} + +.navigation-example{ + background-position: center center; + background-size: cover; + margin-top:0; + min-height: 740px; +} +#notifications{ + background-color: $white-color; + display: block; + width: 100%; + position: relative; +} +#notifications .alert-danger{ + margin-bottom: 0px; +} +.tim-note{ + text-transform: capitalize; +} + +#buttons .btn{ + margin: 0 0px 15px; +} +.space-100{ + height: 100px; + display: block; + width: 100%; +} + + // PARALLAX + +.parallax{ + width:100%; + height:570px; + + display: block; + background-attachment: fixed; + background-repeat:no-repeat; + background-size:cover; + background-position: center center; + +} +.parallax .parallax-image{ + width: 100%; + overflow: hidden; + position: absolute; +} +.parallax .parallax-image img{ + width: 100%; +} + +@media (max-width: 768px){ + .parallax .parallax-image{ + width: 100%; + height: 640px; + overflow: hidden; + } + .parallax .parallax-image img{ + height: 100%; + width: auto; + } +} + +.separator{ + content: "Separator"; + color: #FFFFFF; + display: block; + width: 100%; + padding: 20px; +} +.separator-line{ + background-color: #EEE; + height: 1px; + width: 100%; + display: block; +} +.separator.separator-gray{ + background-color: #EEEEEE; +} +.social-buttons-demo .btn{ + margin: 10px 5px 7px 1px; +} + +.img-container{ + width: 100%; + overflow: hidden; +} +.img-container img{ + width: 100%; +} + +.section-black { + background-color: #333; +} + +.animate { + transition: 1.5s ease-in-out; + -moz-transition: 1.5s ease-in-out; + -webkit-transition: 1.5s ease-in-out; +} + +.sharing-area{ + margin-top: 80px; +} +.sharing-area .btn{ + margin: 15px 4px 0; + color: #FFFFFF; +} +.sharing-area .btn i{ + font-size: 18px; + position: relative; + top: 2px; + margin-right: 5px; +} +#navbar{ + margin-bottom: -20px; +} +.sharing-area .btn-twitter{ + background-color: #55acee; +} +.sharing-area .btn-facebook{ + background-color: #3b5998; +} +.sharing-area .btn-google-plus{ + background-color: #dd4b39; +} +.sharing-area .btn-github{ + background-color: #333333; +} +#navbar .navbar{ + border-radius: 0; +} + +@media (max-width: 830px){ + .main-raised{ + margin-left: 10px; + margin-right: 10px; + } +} +@media (max-width: 767px){ + .tab-pane#schedule-2 { + padding-top: 20px; + } +} + +.bd-docs .bd-example.bd-example-popover-static .popover, +.bd-docs .bd-example.bd-example-tooltip-static .tooltip { + z-index: 3!important; +} + +@media all and (max-width: 375px) { + .page-header { + height: calc(100vh + 270px); + } + + .index-page { + overflow-x: hidden; + } + + .pagination { + &.pagination-primary { + .page-item:nth-of-type(3), + .page-item:nth-of-type(7) { + display: none; + } + } + &.pagination-info { + .page-item:nth-of-type(2) { + display: none; + } + } + } + + .main.main-raised { + margin-top: -30px; + } + + .form-group.is-focused { + .bootstrap-datetimepicker-widget { + left: -32px !important; + } + } +} + +.show.modal .dropdown-toggle:after { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + +// timepicker increase/decrease buttons + +.bootstrap-datetimepicker-widget .timepicker { + .table-condesed .btn{ + .ripple-container { + width: 40px; + height: 40px; + margin: -11px 3px; + } + } +} + +// docs + + .bd-docs { + .bd-toc-item { + .bd-sidenav a span { + float: right; + margin-top: 5px; + padding: 3px 7px; + font-size: 8px; + line-height: 9px; + background-color: $brand-primary; + } + } + + .bd-content .bd-title { + .btn { + padding: 7px 20px; + margin-bottom: 10px; + } + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_mixins.scss b/sites/arcwerx-site/static/scss/material-kit/_mixins.scss new file mode 100644 index 0000000000000000000000000000000000000000..8e8ade2a075dd8f8b8b92c54345d7828c13dae2f --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_mixins.scss @@ -0,0 +1,13 @@ +@import "mixins/utilities"; +@import "mixins/breakpoints"; +@import "mixins/animations"; +@import "mixins/type"; +@import "mixins/layout"; +@import "mixins/drawer"; +@import "mixins/forms"; +@import "mixins/buttons"; +@import "mixins/hover"; +@import "mixins/navs"; +@import "mixins/colored-shadows"; +@import "mixins/navbar-colors"; +@import "mixins/alert"; diff --git a/sites/arcwerx-site/static/scss/material-kit/_modal.scss b/sites/arcwerx-site/static/scss/material-kit/_modal.scss new file mode 100644 index 0000000000000000000000000000000000000000..714778b7d707da3884bd35b776aa6aac656fe685 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_modal.scss @@ -0,0 +1,91 @@ +// +// Modals +// Material Design element Dialogs +// -------------------------------------------------- +.modal-dialog { + & .modal-content{ + @include shadow-z-5(); + border-radius: $border-radius-large; + border: none; + + .card-signup{ + margin: 0; + + .modal-header{ + padding-top: 0; + } + } + } + + // Modal header + // Top section of the modal w/ title and dismiss + .modal-header { + border-bottom: none; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0; + padding-left: 24px; + } + // Modal body + // Where all modal content resides (sibling of .modal-header and .modal-footer) + .modal-body { + padding-top: 24px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; + } + // Footer (for actions) + .modal-footer { + border-top: none; + padding: 24px; + + &.text-center{ + text-align: center; + } + + button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; + &.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; + } + } + } + .modal-body + .modal-footer { + padding-top: 0; + } +} +.modal-backdrop { + background: rgba(0,0,0,0.5); +} + +.modal{ + .modal-dialog{ + margin-top: 130px; + } + .modal-header .close{ + color: $gray-light; + + &:hover, + &:focus{ + opacity: 1; + } + + i{ + font-size: 16px; + } + } +} + +.show:not(.modal) .dropdown-toggle:after { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_nav.scss b/sites/arcwerx-site/static/scss/material-kit/_nav.scss new file mode 100644 index 0000000000000000000000000000000000000000..baa946478fb2b60b952db893979edfa9102e80f1 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_nav.scss @@ -0,0 +1,38 @@ +// https://www.google.com/design/spec/components/tabs.html#tabs-specs + +.nav-link { + //line-height: $bmd-nav-link-line-height; // set baseline line-height and font sizes + text-transform: uppercase; +} + +// navbars +.navbar-nav { + .nav-link { + padding: $bmd-navbar-link-padding; + font-size: $bmd-navbar-link-font-size; + font-weight: $bmd-navbar-link-font-weight; + } +} + +//pills and tabs +.nav-tabs, +.nav-pills { + border: 0; + border-radius: 3px; + padding: 0 15px; + + .nav-link { + padding: $bmd-nav-tabs-pills-link-padding; + font-size: $bmd-nav-tabs-pills-font-size; + font-weight: $bmd-nav-tabs-pills-font-weight; + border: 0; + } +} + + +// used to correctly size ripple container +.nav { + .nav-item { + position: relative; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_navbar.scss b/sites/arcwerx-site/static/scss/material-kit/_navbar.scss new file mode 100644 index 0000000000000000000000000000000000000000..ecd988c80c841fb59196b39c5f415a13f31091cd --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_navbar.scss @@ -0,0 +1,160 @@ +.navbar { + border: 0; + border-radius: $border-radius-base; + padding: 0.625rem 0; + margin-bottom: 20px; + @include navbar-colors($white-color, $navbar-color); + + &.fixed-top{ + border-radius: 0; + } + + .navbar-nav{ + .nav-item .nav-link{ + position: relative; + color: inherit; + padding: $padding-general-x; + font-weight: $font-weight-default; + font-size: $mdb-btn-font-size-base; + text-transform: uppercase; + border-radius: $border-radius-base; + line-height: 20px; + + &:not(.btn-just-icon) .fa{ + position: relative; + top: 2px; + margin-top: -4px; + margin-right: 4px; + } + + & .material-icons, + & .fa{ + font-size: $font-size-lg; + max-width: 24px; + margin-top: -1.1em; + } + + &:not(.btn) .material-icons{ + margin-top: -7px; + top: 3px; + position: relative; + margin-right: 3px; + } + + &.profile-photo{ + padding: 0; + margin: 0 3px; + + &:after{ + display: none; + } + + & .profile-photo-small{ + height: 40px; + width: 40px; + } + + .ripple-container{ + border-radius: 50%; + } + } + } + + .dropdown-menu-right{ + transform-origin: 100% 0; + } + + .nav-item.active .nav-link{ + &, + &:hover, + &:focus { + background-color: rgba(255, 255, 255, 0.1); + } + } + } + + .btn, + .navbar-nav .nav-item .btn{ + margin-top: 0; + margin-bottom: 0; + } + + .navbar-toggler{ + cursor: pointer; + + .navbar-toggler-icon{ + position: relative; + width: 22px; + height: 2px; + vertical-align: middle; + outline: 0; + display: block; + border-radius: 1px; + + & + .navbar-toggler-icon{ + margin-top: 4px; + } + } + } + + &.navbar-absolute{ + position: absolute; + width: 100%; + padding-top: 10px; + z-index: 1029; + } + + .navbar-wrapper{ + display: inline-flex; + align-items: center; + } + + // give correct size to ripple container + .navbar-brand { + position: relative; + color: inherit; + height: 50px; + font-size: $navbar-brand-font-size - 0.125; + line-height: 30px; + padding: $padding-general-y 0; + } + + &.bg-primary{ + @include navbar-colors($bg-primary, $white-color); + } + &.bg-info{ + @include navbar-colors($bg-info, $white-color); + } + + &.bg-warning{ + @include navbar-colors($bg-warning, $white-color); + } + + &.bg-rose{ + @include navbar-colors($bg-rose, $white-color); + } + + &.bg-danger{ + @include navbar-colors($bg-danger, $white-color); + } + + &.bg-success{ + @include navbar-colors($bg-success, $white-color); + } + &.bg-dark{ + @include navbar-colors($grey-900, $white-color); + } + + &.navbar-transparent{ + background-color: transparent !important; + box-shadow: none; + padding-top: 25px; + color: $white-color; + } + +} + +// for demo +#navbar .navbar{ + border-radius: 0; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_pagination.scss b/sites/arcwerx-site/static/scss/material-kit/_pagination.scss new file mode 100644 index 0000000000000000000000000000000000000000..6082498841674e2658b0b77159b4e106b4489dad --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_pagination.scss @@ -0,0 +1,98 @@ +.pagination{ + > .page-item > .page-link, + > .page-item > span{ + border: 0; + border-radius: 30px !important; + transition: all .3s; + padding: 0px 11px; + margin: 0 3px; + min-width: 30px; + height: 30px; + line-height: 30px; + color: $gray-color; + font-weight: $font-weight-default; + font-size: $mdb-btn-font-size-base; + text-transform: uppercase; + background: transparent; + text-align: center; + + &:hover, + &:focus{ + color: $gray-color; + } + } + + > .page-item.active > a, + > .page-item.active > span{ + color: $gray-color; + + &, + &:focus, + &:hover{ + background-color: $brand-primary; + border-color: $brand-primary; + color: $white-color; + @include shadow-4dp-color($brand-primary); + } + + } + + // Colors + &.pagination-info{ + > .page-item.active > a, + > .page-item.active > span{ + &, + &:focus, + &:hover{ + background-color: $brand-info; + border-color: $brand-info; + @include shadow-4dp-color($brand-info); + } + } + } + + &.pagination-success{ + > .page-item.active > a, + > .page-item.active > span{ + &, + &:focus, + &:hover{ + background-color: $brand-success; + border-color: $brand-success; + @include shadow-4dp-color($brand-success); + } + } + } + + &.pagination-warning{ + > .page-item.active > a, + > .page-item.active > span{ + &, + &:focus, + &:hover{ + background-color: $brand-warning; + border-color: $brand-warning; + @include shadow-4dp-color($brand-warning); + } + } + } + + &.pagination-danger{ + > .page-item.active > a, + > .page-item.active > span{ + &, + &:focus, + &:hover{ + background-color: $brand-danger; + border-color: $brand-danger; + @include shadow-4dp-color($brand-danger); + } + } + } +} + +.pagination { + .page-item .page-link:focus { + box-shadow: none; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_pills.scss b/sites/arcwerx-site/static/scss/material-kit/_pills.scss new file mode 100644 index 0000000000000000000000000000000000000000..87941f30f6957b7cbb7cc40ae2ad6120e5cd15f9 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_pills.scss @@ -0,0 +1,125 @@ +.nav-pills{ + + &:not(.flex-column) .nav-item + .nav-item:not(:first-child){ + margin-left: 5px; + } + + &.flex-column{ + .nav-item + .nav-item{ + margin-top: 5px; + } + } + + .nav-item { + .nav-link{ + line-height: $mdb-btn-font-size-base * 2; + text-transform: uppercase; + font-size: $mdb-btn-font-size-base; + font-weight: $font-weight-bold; + min-width: 100px; + text-align: center; + color: $pills-color; + transition: all .3s; + border-radius: 30px; + padding: 10px 15px; + + &:hover{ + background-color: rgba(200, 200, 200, 0.2); + } + + &.active{ + color: $white-color; + background-color: $brand-primary; + @include shadow-big-color($brand-primary); + } + } + + i{ + display: block; + font-size: 30px; + padding: 15px 0; + } + + } + + &.nav-pills-info{ + .nav-item { + .nav-link.active{ + &, + &:focus, + &:hover{ + background-color: $brand-info; + @include shadow-big-color($brand-info); + color: $white-color; + } + } + } + } + + &.nav-pills-rose{ + .nav-item { + .nav-link.active{ + &, + &:focus, + &:hover{ + background-color: $brand-rose; + @include shadow-big-color($brand-rose); + color: $white-color; + } + } + } + } + + &.nav-pills-success{ + .nav-item { + .nav-link.active{ + &, + &:focus, + &:hover{ + background-color: $brand-success; + @include shadow-big-color($brand-success); + color: $white-color; + } + } + } + } + + &.nav-pills-warning{ + .nav-item { + .nav-link.active{ + &, + &:focus, + &:hover{ + background-color: $brand-warning; + @include shadow-big-color($brand-warning); + color: $white-color; + } + } + } + } + + &.nav-pills-danger{ + .nav-item { + .nav-link.active{ + &, + &:focus, + &:hover{ + background-color: $brand-danger; + @include shadow-big-color($brand-danger); + color: $white-color; + } + } + } + } + + &.nav-pills-icons{ + .nav-item{ + .nav-link{ + border-radius: 4px; + } + } + } +} +.tab-space{ + padding: 20px 0 50px 0px; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_popover.scss b/sites/arcwerx-site/static/scss/material-kit/_popover.scss new file mode 100644 index 0000000000000000000000000000000000000000..c660aa2455465cf9e1743a7f07c54a6ce1500d07 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_popover.scss @@ -0,0 +1,53 @@ +.popover, .tooltip-inner { + line-height: 1.5em; + background: $white-color; + border: none; + border-radius: $border-radius-base; + @include shadow-8dp(); + color: $popover-color; +} + + +.popover{ + padding: 0; + @include shadow-16dp(); + + &.left, + &.right, + &.top, + &.bottom{ + > .arrow{ + border: none; + } + } + + + &.bs-popover-top, + &.bs-popover-auto[x-placement^="top"], + &.bs-popover-bottom, + &.bs-popover-auto[x-placement^="bottom"], + &.bs-popover-right, + &.bs-popover-auto[x-placement^="right"], + &.bs-popover-left, + &.bs-popover-auto[x-placement^="left"]{ + & .arrow::before{ + border: 0; + } + } + +} + +.popover-header{ + background-color: $white-color; + border: none; + padding: 15px 15px 5px; + font-size: $font-size-h4; + margin: 0; + color: $popover-color; +} + +.popover-body{ + padding: 10px 15px 15px; + line-height: 1.4; + color: $popover-color; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_progress.scss b/sites/arcwerx-site/static/scss/material-kit/_progress.scss new file mode 100644 index 0000000000000000000000000000000000000000..849668d3871b9686afd1407b7061d7c2b9de9d14 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_progress.scss @@ -0,0 +1,42 @@ +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #DDDDDD; + margin-bottom: 20px; + .progress-bar { + box-shadow: none; + @include variations(unquote(".progress-bar"), unquote(""), background-color, $brand-primary); + &.progress-bar-primary{ + background: $brand-primary !important; + } + &.progress-bar-info{ + background: $brand-info; + } + &.progress-bar-success{ + background: $brand-success; + } + &.progress-bar-warning{ + background: $brand-warning; + } + &.progress-bar-danger{ + background: $brand-danger; + } + } + + &.progress-line-primary{ + background: rgba($brand-primary,.2); + } + &.progress-line-info{ + background: rgba($brand-info,.2); + } + &.progress-line-success{ + background: rgba($brand-success,.2); + } + &.progress-line-warning{ + background: rgba($brand-warning,.2); + } + &.progress-line-danger{ + background: rgba($brand-danger,.2); + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_radios.scss b/sites/arcwerx-site/static/scss/material-kit/_radios.scss new file mode 100644 index 0000000000000000000000000000000000000000..d604d79ef27c7f8a51705186f206365c60f37235 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_radios.scss @@ -0,0 +1,186 @@ +@mixin radio-color($color, $opacity){ + & ~ .check, + & ~ .circle { + opacity: $opacity; + } + + & ~ .check { + background-color: $color; + } + + & ~ .circle { + border-color: $color; + } +} + +.form-check{ + .form-check-label { + cursor: pointer; + padding-left: 25px; + position: relative; + @include mdb-label-color-toggle-focus(); + + span { + display: block; + position: absolute; + left: -1px; + top: -1px; + transition-duration: 0.2s; + } + .circle { + border: 1px solid $mdb-radio-color-off; + height: 15px; + width: 15px; + border-radius: 100%; + top: 1px; + + .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: $mdb-radio-color-on; + @include transform-scale3d(unquote('0,0,0')); + + + } + } + + } + + .form-check-input { + opacity: 0; + height: 0; + width: 0; + overflow: hidden; + + + &:checked { + @include radio-color($mdb-radio-color-on, 1); + + .check:before { + animation: checkboxOn .5s forwards; + } + } + &:checked ~ .circle .check { + @include transform-scale3d(unquote('0.65, 0.65, 1')); + } + + } + + .form-check-input[disabled] { + + // light theme spec: Disabled: #000000, Opacity 26% + @include radio-color($black, 0.26); + + & + .circle .check{ + background-color: $black; + } + } + + + .form-check-sign{ + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; + + } + +} + +.form-check { + .form-check-label { + .circle { + &:before { + display: block; + position: absolute; + left: -1px; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: -1px; + -webkit-transform: scale3d(2.3,2.3,1); + -moz-transform: scale3d(2.3,2.3,1); + -o-transform: scale3d(2.3,2.3,1); + -ms-transform: scale3d(2.3,2.3,1); + transform: scale3d(2.3,2.3,1); + } + } + + .form-check-input:checked + .circle:before { + animation: rippleOn .5s; + } + + .form-check-input:checked + .circle .check:before { + color: #FFFFFF; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + animation: checkboxOn 0.3s forwards; + } + } +} + +.form-check + .form-check { + margin-top: 0; +} + +@keyframes checkboxOn { + 0% { + box-shadow: + 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 15px 2px 0 11px; + } + 50% { + box-shadow: + 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 20px 2px 0 11px; + } + 100% { + box-shadow: + 0 0 0 10px, + 10px -10px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 20px -12px 0 11px; + } +} + + +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_reboot.scss b/sites/arcwerx-site/static/scss/material-kit/_reboot.scss new file mode 100644 index 0000000000000000000000000000000000000000..dee8aec9acec4a9973f761fe7007525bb06b8190 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_reboot.scss @@ -0,0 +1,24 @@ +body { + background-color: #FFFFFF; +} + +a { + &:focus { + outline: none; // remove the terrible @include tab-focus(); + } +} + +button:focus { + outline: none; + //outline: 1px dotted; + //outline: 5px auto -webkit-focus-ring-color; +} + +//// Prevent highlight on mobile +//* { +// -webkit-tap-highlight-color: rgba($white, 0); +// -webkit-tap-highlight-color: transparent; +// &:focus { +// outline: 0; +// } +//} diff --git a/sites/arcwerx-site/static/scss/material-kit/_responsive.scss b/sites/arcwerx-site/static/scss/material-kit/_responsive.scss new file mode 100644 index 0000000000000000000000000000000000000000..f60ca0f2239d326b8667ad6cad4529c372ad4436 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_responsive.scss @@ -0,0 +1,441 @@ +@media all and (max-width: 991px) { + [class*="navbar-expand-"] > .container, + [class*="navbar-expand-"] > .container-fluid{ + padding-left: 15px; + padding-right: 15px; + } + + // multilevel dropdown-menu + + .dropdown-menu.show { + .dropdown-item.open + .dropdown-menu.show { + right: 101% !important; + + .dropdown-item.open + .dropdown-menu, + .dropdown-item.open + .dropdown-menu.show,{ + left: -165px !important; + } + } + } + + .navbar .navbar-collapse .navbar-nav > li.button-container{ + padding: 15px; + } + + .carousel .card .card-body{ + max-width: 340px; + margin: 0 auto; + min-height: 400px; + } + + .navbar-collapse{ + position: fixed; + display: block; + top: 0px; + height: 100vh; + width: 230px; + right: 0; + margin-right: 0 !important; + z-index: 1032; + visibility: visible; + background-color: #999; + overflow-y: visible; + border-top: none; + text-align: left; + padding-right: 0; + padding-left: 0; + + max-height: none !important; + + @include transform-translate-x(230px); + @include transitions (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1)); + + &::after{ + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: $white-color; + display: block; + content: ""; + z-index: 1; + } + + .dropdown-toggle:after{ + position: absolute; + right: 16px; + margin-top: 8px; + } + + .navbar-nav{ + position: relative; + z-index: 3; + + .nav-item{ + .nav-link{ + color: $black-color; + margin: 5px 15px; + } + + &.active .nav-link, + &.active .nav-link:hover, + &.active .nav-link:focus, + &.active .nav-link:active{ + background-color: rgba(236, 237, 239, 1); + color: $black-color; + } + + &.button-container .nav-link{ + margin: 15px; + } + + &:after{ + width: calc(100% - 30px); + content: ""; + display: block; + height: 1px; + margin-left: 15px; + background-color: #e5e5e5; + } + + &:last-child { + &:after{ + display: none; + } + } + } + } + + .nav-open &{ + @include transform-translate-x(0px); + } + } + + .nav-open{ + .navbar-translate{ + @include transform-translate-x(-230px); + } + } + + .navbar{ + .navbar-translate{ + width: 100%; + position: relative; + display: flex; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + -ms-flex-align: center; + align-items: center; + @include transitions-property (transform, 0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1)); + } + + .dropdown.show .dropdown-menu{ + display: block; + } + + .dropdown .dropdown-menu{ + display: none; + } + + .dropdown-menu{ + .dropdown-item{ + margin-left: 1.5rem; + margin-right: 1.5rem; + } + } + + .dropdown.show .dropdown-menu, + .dropdown .dropdown-menu{ + background-color: transparent; + border: 0; + padding-bottom: 15px; + transition: none; + -webkit-box-shadow: none; + box-shadow: none; + transform: none !important; + width: auto; + margin-bottom: 15px; + padding-top: 0; + height: 300px; + animation: none; + opacity: 1; + overflow-y: scroll; + } + } + + .navbar.navbar-transparent{ + .navbar-toggler{ + .navbar-toggler-icon{ + background-color: $white-color; + } + } + } + + #bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 0; + top: 0; + left: auto; + right: 230px; + content: ""; + z-index: 1029; + overflow-x: hidden; + } + + // for demo + #navbar .navbar-collapse, + #navigation .navbar-collapse{ + display: none !important; + } + +} + +@media all and (min-width: 991px) { + .navbar .navbar-nav{ + align-items: center; + + .button-container{ + margin-left: 0.1875px; + } + } + .contactus-2{ + .card-contact{ + margin: 80px 0 80px 150px; + } + } + + .index-page { + .fileinput-new.thumbnail.img-circle { + margin-top: 50px; + } + } +} + +@media screen and (max-width: 991px) { + .presentation-page { + .section-components { + .components-macbook { + max-width: 850px !important; + max-height: 480px !important; + margin-top: 12vh; + left: -12px; + } + .coloured-card-img, + .table-img { + display: none; + } + .social-img { + left: 47%; + top: 37%; + } + .pin-btn-img { + top: 54%; + } + .share-btn-img { + top: 12%; + } + .coloured-card-btn-img { + top: -2%; + left: 65%; + } + } + .section-content { + .area-img { + max-width: 130px; + max-height: 170px; + } + .info-img { + max-width: 170px; + max-height: 120px; + } + } + } + + @include topbar-x-rotation(); + @include topbar-back-rotation(); + @include bottombar-x-rotation(); + @include bottombar-back-rotation(); + + .navbar { + .navbar-toggler{ + .navbar-toggler-icon:nth-child(2){ + top: 0px; + @include bar-animation(topbar-back); + } + .navbar-toggler-icon:nth-child(3){ + opacity: 1; + } + .navbar-toggler-icon:nth-child(4){ + bottom: 0px; + @include bar-animation(bottombar-back); + } + + &.toggled{ + .navbar-toggler-icon:nth-child(2){ + top: 6px; + @include bar-animation(topbar-x); + } + .navbar-toggler-icon:nth-child(3){ + opacity: 0; + } + .navbar-toggler-icon:nth-child(4){ + bottom: 6px; + @include bar-animation(bottombar-x); + } + } + } + } +} + +@media screen and (max-width: 767px) { + .presentation-page { + .section-components { + .components-macbook { + max-width: 350px !important; + max-height: 250px !important; + margin-top: 12vh; + left: -12px; + } + .coloured-card-img, + .table-img { + display: none; + } + .social-img { + left: -7%; + top: 37%; + } + .pin-btn-img { + top: 54%; + } + .share-btn-img { + top: 7%; + } + .coloured-card-btn-img { + top: -2%; + } + } + } + + .card.card-form-horizontal { + .input-group { + padding-bottom: 10px; + } + } + + .presentation-page, + .index-page, + .section-page{ + #cd-vertical-nav{ + display: none; + } + } + + .index-page{ + .cd-section{ + .tim-typo .tim-note{ + width: 60px; + } + } + } + + .login-page { + .page-header { + min-height: 100vh; + max-height: 1000px; + height: 100%; + + > .container { + padding-top: 20vh; + padding-bottom: 200px; + } + } + } +} + +@media screen and (max-width: 400px){ + .cd-vertical-nav{ + display: none !important; + } +} + +@media screen and (min-width: 767px){ + .bd-docs .bd-example { + .card.card-profile { + .card-header-image { + max-height: 100% !important; + } + } + } + .card-profile { + .card-header-image { + max-height: 215px; + } + } +} + + +// Menu on LEFT + +@media screen and (max-width: 991px){ + .menu-on-left{ + .page-header, + .main, + .navbar > div { + @include transform-translate-x(0px); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + + .navbar .collapse{ + left: 0; + top: -25px; + right: auto; + @include transform-translate-x(-230px); + } + + .navbar .navbar-translate{ + .navbar-brand { + position: absolute; + right: 0; + top: -15px; + } + } + } + + .nav-open { + .menu-on-left { + .page-header, + .main { + @include transform-translate-x(230px); + } + + .navbar .collapse{ + @include transform-translate-x(0px); + } + + .navbar > div .navbar-translate { + @include transform-translate-x(230px); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + } + } +} + +@media (min-width: 575px) and (max-width: 991px){ + .menu-on-left { + .navbar .collapse { + @include transform-translate-x(-255px); + } + } + + .nav-open { + .menu-on-left { + .navbar .collapse { + @include transform-translate-x(-25px); + width: 245px; + } + } + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_ripples.scss b/sites/arcwerx-site/static/scss/material-kit/_ripples.scss new file mode 100644 index 0000000000000000000000000000000000000000..08a170beaca2b04b3fb170fa116d19af8e41bcea --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_ripples.scss @@ -0,0 +1,41 @@ +// marker class (used as a selector for one-off elements to decorate) +.ripple { + position: relative; +} + +.ripple-container { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + pointer-events: none; + border-radius: inherit; + + .ripple-decorator { + position: absolute; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + pointer-events: none; + background-color: rgba($black, 0.05); + border-radius: 100%; + opacity: 0; + transform: scale(1); + transform-origin: 50%; + + &.ripple-on { + opacity: 0.1; + transition: opacity 0.15s ease-in 0s, + transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + } + + &.ripple-out { + opacity: 0; + transition: opacity 0.1s linear 0s !important; + } + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_switches.scss b/sites/arcwerx-site/static/scss/material-kit/_switches.scss new file mode 100644 index 0000000000000000000000000000000000000000..c0dd33d519c2516ceadb2d8cf33679f17416d6d2 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_switches.scss @@ -0,0 +1,86 @@ +// http://codepen.io/rosskevin/pen/EPPwRR?editors=110 +.switch { + label { + position: relative; + padding-left: $bmd-switch-width + $bmd-switch-label-padding; // absolutely positioned so add the radio size + + .bmd-switch-track { + position: absolute; + top: calc-top($line-height-base, $font-size-base, $bmd-switch-height); + left: 0; + display: inline-block; + width: $bmd-switch-width; + height: $bmd-switch-height; + cursor: pointer; + background-image: linear-gradient( + to right, + $bmd-switch-unchecked-bg 0%, + $bmd-switch-unchecked-bg 50%, + $bmd-switch-checked-bg 50%, + $bmd-switch-checked-bg 100% + ); + background-position: 0%; + background-size: $bmd-switch-width * 2 $bmd-switch-height; + border-radius: $bmd-switch-width; + transition: background-position 0.2s ease-in; + + &::after { + position: absolute; + top: 50%; + left: 0; + display: block; + align-self: center; + width: $bmd-switch-handle-size; + height: $bmd-switch-handle-size; + content: ""; + background: $bmd-switch-handle-unchecked-bg; + border-radius: 100%; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); + transition: left 0.2s ease-in, background-color 0.2s ease-in, + transform 0.3s ease; + transform: translateY(-50%); + } + + // Jelly effect on click + &:active::after { + transform: translateY(-50%) scale3d(1.15, 0.85, 1); + } + } + + input { + // Hide original checkbox, but don't use `display: none` to allow focus on it using keyboard + position: absolute; + display: block; + width: 0; + height: 0; + opacity: 0; + + &:checked { + + .bmd-switch-track { + background-position: -100%; + &::after { + left: unquote( + "calc(100% - #{$bmd-switch-handle-size})" + ); //calc(100% - $bmd-switch-handle-size); + background-color: $bmd-switch-handle-checked-bg; + } + } + } + + &:disabled { + // No jelly effect on disabled switchs + + .bmd-switch-track:active::after { + transform: translateY(-50%); + } + + + .bmd-switch-track { + cursor: default; + background: $bmd-switch-disabled-bg; + &::after { + background: $bmd-switch-handle-disabled-bg; + } + } + } + } + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_tabs.scss b/sites/arcwerx-site/static/scss/material-kit/_tabs.scss new file mode 100644 index 0000000000000000000000000000000000000000..d4204c081ca35ae117a72f363e19f21e2ecfdb34 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_tabs.scss @@ -0,0 +1,73 @@ + +.nav-tabs { + border: 0; + border-radius: $border-radius-base; + padding: 0 15px; + + .nav-item { + .nav-link { + color: $white-color; + border: 0; + margin: 0; + border-radius: $border-radius-base; + line-height: $mdb-btn-font-size-base * 2; + text-transform: uppercase; + font-size: $mdb-btn-font-size-base; + padding: 10px 15px; + background-color: transparent; + transition: 0.3s background-color 0s; + + &:hover { + border: 0; + } + } + .nav-link, + .nav-link:hover, + .nav-link:focus { + border: 0 !important; + color: $white-color !important; + font-weight: $font-weight-bold; + } + &.disabled .nav-link, + &.disabled .nav-link:hover { + color: rgba(255,255,255,0.5); + } + + .material-icons{ + margin: -1px 5px 0 0; + } + + .nav-link.active{ + background-color: rgba(255,255,255, .2); + transition: 0.3s background-color 0.2s; + } + } +} + + +.nav-tabs { + .nav-link { + border-bottom: $bmd-nav-tabs-border-size solid transparent; + } + + // colors + @include bmd-tabs-color($bmd-nav-tabs-color, $bmd-nav-tabs-active-color, $bmd-nav-tabs-active-border-color, $bmd-nav-tabs-disabled-link-color, $bmd-nav-tabs-disabled-link-color-hover); + + &.header-primary { + @include bmd-tabs-color($bmd-nav-tabs-primary-color, $bmd-nav-tabs-primary-active-color, $bmd-nav-tabs-primary-active-border-color, $bmd-nav-tabs-primary-disabled-link-color, $bmd-nav-tabs-primary-disabled-link-color-hover); + } + + &.bg-inverse { + @include bmd-tabs-color($bmd-nav-tabs-inverse-color, $bmd-nav-tabs-inverse-active-color, $bmd-nav-tabs-inverse-active-border-color, $bmd-nav-tabs-inverse-disabled-link-color, $bmd-nav-tabs-inverse-disabled-link-color-hover); + } +} + + + +.card-nav-tabs{ + margin-top: 45px; + + .card-header{ + margin-top: -30px !important; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_togglebutton.scss b/sites/arcwerx-site/static/scss/material-kit/_togglebutton.scss new file mode 100644 index 0000000000000000000000000000000000000000..555b7c4667d86f64de4af3aed7597ce6cd8ed1d0 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_togglebutton.scss @@ -0,0 +1,85 @@ +.togglebutton { + vertical-align: middle; + &, label, input, .toggle { + user-select: none; + } + label { + cursor: pointer; + color: $mdb-toggle-label-color; + @include mdb-label-color-toggle-focus(); + + // Hide original checkbox + input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; + } + + .toggle { + text-align: left; // Issue #737 horizontal form + margin-left: 5px; + } + // Switch bg off and disabled + .toggle, + input[type=checkbox][disabled] + .toggle { + content: ""; + display: inline-block; + width: 30px; + height: 15px; + background-color: rgba(80, 80, 80, 0.7); + border-radius: 15px; + margin-right: 15px; + transition: background 0.3s ease; + vertical-align: middle; + } + // Handle off + .toggle:after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-color: #FFFFFF; + border-radius: 20px; + position: relative; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -2.5px; + border: 1px solid $mdb-checkbox-border-color; + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; + } + input[type=checkbox] { + // Handle disabled + &[disabled] { + & + .toggle:after, + &:checked + .toggle:after { + background-color: #BDBDBD; + } + } + + & + .toggle:active:after, + &[disabled] + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); + } + + // Ripple off and disabled + &:checked + .toggle:after { + left: 15px; + } + } + + // set bg when checked + input[type=checkbox]:checked { + + .toggle { + background-color: rgba($brand-primary, (70/100)); // Switch bg on + } + + + .toggle:after { + border-color: $brand-primary; // Handle on + } + + + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba($brand-primary, (10/100)); // Ripple on + } + } + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_tooltip.scss b/sites/arcwerx-site/static/scss/material-kit/_tooltip.scss new file mode 100644 index 0000000000000000000000000000000000000000..e98f4dfa3271f1d534072d5c1cc711fd66990f8f --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_tooltip.scss @@ -0,0 +1,49 @@ +// specs https://material.google.com/components/tooltips.html#tooltips-tooltips-desktop- + +.tooltip-arrow { + display: none; +} + +.tooltip.show{ + opacity: 1; + @include transform-translate-y(0px); + + +} +.tooltip{ + opacity: 0; + transition: opacity, transform .2s ease; + @include transform-translate-y(5px); + font-size: $tooltip-font-size; + + &.bs-tooltip-top, + &.bs-tooltip-auto[x-placement^="top"]{ + & .arrow::before{ + border-top-color: $white-color; + } + } + + &.bs-tooltip-right, + &.bs-tooltip-auto[x-placement^="right"]{ + & .arrow::before{ + border-right-color: $white-color; + } + } + &.bs-tooltip-left, + &.bs-tooltip-auto[x-placement^="left"]{ + & .arrow::before{ + border-left-color: $white-color; + } + } + &.bs-tooltip-bottom, + &.bs-tooltip-auto[x-placement^="bottom"]{ + & .arrow::before{ + border-bottom-color: $white-color; + } + } +} + +.tooltip-inner{ + padding: 10px 15px; + min-width: 130px; +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_type.scss b/sites/arcwerx-site/static/scss/material-kit/_type.scss new file mode 100644 index 0000000000000000000000000000000000000000..519a26b58a75bf51860dce6e7b1712071ec171bb --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_type.scss @@ -0,0 +1,145 @@ +body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { + font-family: $font-family-sans-serif; + font-weight: 300; + line-height: 1.5em; +} + +h1,h2,h3,.h1,.h2,.h3{ + margin-top: 20px; + margin-bottom: 10px; +} + +h4,h5,h6,.h4,.h5,.h6{ + margin-top: 10px; + margin-bottom: 10px; +} + +html *{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +h1, .h1 { + font-size: $font-size-h1; + line-height: 1.15em; +} +h2, .h2{ + font-size: $font-size-h2; + line-height: 1.5em; +} +h3, .h3{ + font-size: $font-size-h3; + line-height: 1.4em; +} +h4, .h4{ + font-size: $font-size-h4; + line-height: 1.5em; +} +h5, .h5 { + font-size: $font-size-h5; + line-height: 1.55em; + margin-bottom: 15px; +} +h6, .h6{ + font-size: $font-size-h6; + text-transform: uppercase; + font-weight: $font-weight-bold; +} +p{ + font-size: $font-paragraph; + margin: 0 0 10px; +} + +b{ + font-weight: 700; +} + +small, +.small{ + font-size: 75%; + color: #777; +} + +.title, +.card-title, +.info-title, +.footer-brand, +.footer-big h5, +.footer-big h4, +.media .media-heading{ + font-weight: $font-weight-extra-bold; + font-family: $font-family-serif; + + &, + a{ + color: $black-color; + text-decoration: none; + } +} + +h2.title{ + margin-bottom: $headings-margin-bottom * 2; +} + +.description, +.card-description, +.footer-big p{ + color: $gray-light; +} + +.text-warning { + color: $brand-warning !important; +} +.text-primary { + color: $brand-primary !important; +} +.text-danger { + color: $brand-danger !important; +} +.text-success { + color: $brand-success !important; +} +.text-info { + color: $brand-info !important; +} +.text-rose{ + color: $brand-rose !important; +} +.text-gray{ + color: $gray-color !important; +} + +.space{ + height: 130px; + display: block; +} +.space-110{ + height: 110px; + display: block; +} +.space-50{ + height: 50px; + display: block; +} +.space-70{ + height: 70px; + display: block; +} + +.blockquote{ + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eee; + + p{ + font-size: 1.063rem; + font-style: italic; + } + + small{ + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777; + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/_variables.scss b/sites/arcwerx-site/static/scss/material-kit/_variables.scss new file mode 100644 index 0000000000000000000000000000000000000000..91b25cedd7536dcad61213778f8b3ca67b9e8292 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/_variables.scss @@ -0,0 +1,39 @@ +@import "variables/colors"; +@import "variables/shadow"; + +@import "variables/bootstrap-material-design-base"; + +// Customized BS variables +@import "variables/custom-forms"; +@import "variables/spacing"; +@import "variables/body"; +@import "variables/brand"; +@import "variables/buttons"; +@import "variables/card"; +@import "variables/code"; +@import "variables/dropdown"; +@import "variables/forms"; +@import "variables/list-group"; +@import "variables/nav"; +@import "variables/pagination"; +@import "variables/state"; +@import "variables/tables"; +@import "variables/tooltip"; +@import "variables/type"; +@import "variables/modals"; +@import "variables/carousel"; + +// import their vars after customization for use below +$enable-flex: true; // fully adopt flexbox layouts +$enable-shadows: true; // enable shadows, set to false to turn off shadows + +// Core Bootstrap Variables +@import "bootstrap/scss/functions"; +@import "bootstrap/scss/variables"; + +@import "variables/layout"; +@import "variables/menu"; +@import "variables/drawer"; +@import "variables/snackbar"; + +@import "variables/bootstrap-material-design"; diff --git a/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_alert.scss b/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_alert.scss new file mode 100644 index 0000000000000000000000000000000000000000..dd43e2376a19ef7242532f843e8271d6aa7e72ba --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_alert.scss @@ -0,0 +1,51 @@ +// +// Base styles +// + +.alert { + position: relative; + padding: $alert-padding-y $alert-padding-x; + margin-bottom: $alert-margin-bottom; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($close-font-size + $alert-padding-x * 2); + + // Adjust close link position + .close { + position: absolute; + top: 0; + right: 0; + padding: $alert-padding-y $alert-padding-x; + color: inherit; + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +@each $color, $value in $theme-colors { + .alert-#{$color} { + @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_badge.scss b/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_badge.scss new file mode 100644 index 0000000000000000000000000000000000000000..b87a1b00495abc8b00d4c813ec301c22cb320f80 --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_badge.scss @@ -0,0 +1,47 @@ +// Base class +// +// Requires one of the contextual, color modifier classes for `color` and +// `background-color`. + +.badge { + display: inline-block; + padding: $badge-padding-y $badge-padding-x; + font-size: $badge-font-size; + font-weight: $badge-font-weight; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + @include border-radius($badge-border-radius); + + // Empty badges collapse automatically + &:empty { + display: none; + } +} + +// Quick fix for badges in buttons +.btn .badge { + position: relative; + top: -1px; +} + +// Pill badges +// +// Make them extra rounded with a modifier to replace v3's badges. + +.badge-pill { + padding-right: $badge-pill-padding-x; + padding-left: $badge-pill-padding-x; + @include border-radius($badge-pill-border-radius); +} + +// Colors +// +// Contextual variations (linked badges get darker on :hover). + +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } +} diff --git a/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_breadcrumb.scss b/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_breadcrumb.scss new file mode 100644 index 0000000000000000000000000000000000000000..25b9d85a1285b323b3023a3e788256c50f72e2fe --- /dev/null +++ b/sites/arcwerx-site/static/scss/material-kit/bootstrap/scss/_breadcrumb.scss @@ -0,0 +1,38 @@ +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $breadcrumb-margin-bottom; + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($border-radius); +} + +.breadcrumb-item { + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + + // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built + // without `