|
|
| (41 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | {{Tuebingen}}
| + | <html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html"> |
| − | <html> | + | |
| | | | |
| − | <div class="clear"></div> | + | <meta charset="UTF-8"/> |
| | | | |
| − | <div class="column full_size"> | + | <style> |
| − | <h1>Project Inspiration and Description </h1>
| + | /* Paste this css to your style sheet file or under head tag */ |
| − | </div>
| + | /* This only works with JavaScript, |
| | + | if it's not present, don't show loader */ |
| | + | .js #loader { |
| | + | display: block; |
| | + | position: absolute; |
| | + | left: 100px; |
| | + | top: 0; |
| | + | } |
| | | | |
| − | <div class="column full_size">
| + | .se-pre-con { |
| − | <h2>Abstract Project Description</h2>
| + | position: fixed; |
| − | <p align="justify">The project of the iGEM Team Tübingen 2019 is the development of a microbial chassis, which can be used as a probiotic E.Coli Nissle 1917, that secretes a drug against Type 2 Diabetes Mellitus. The microbial chassis will consist of a CRISPR/Cas3 based kill switch system, which senses the environmental conditions it is exposed to, consequently determining whether the survival, and integrity of the nucleic acids, of the bacterium can be provided. This kill switch system should enable the use of a genetically engineered organism (GMO) in therapy, as the threat of release into the environment is reduced, since it cannot survive outside the human gut. Thus, it is a concept that can be used for a diverse spectrum of therapies by exchanging the drug and the conditions.</p>
| + | left: 0px; |
| − | <p align="justify">The gene of interest we are focusing on, Exendin-4, serves as a drug for Type 2 Diabetes Mellitus and is an incretin mimetic originating from a lizard called Gila monster (Heloderma suspectum). This incretin mimetic is already used in the pharmaceutical industry for the therapy of Type 2 Diabetes Mellitus and is also known as Exenatid. The human analogue to Exendin-4 is glucagon like peptide 1 (GLP-1), which is secreted from the L-cells in the small intestine, if nutrients are available in the gut. GLP-1 and its analogues cause the so-called incretin effect, which means that the release of insulin as response to sugar is higher, when sugars are consumed orally in contrast to when they are given intravenous.
| + | top: 0px; |
| − | </p>
| + | width: 100%; |
| − | </div>
| + | height: 100%; |
| | + | z-index: 9999; |
| | + | background: #292935; |
| | + | } |
| | | | |
| − | <div class="column full_size">
| + | .se-pre-con img { |
| − | <h2>Project Inspiration</h2>
| + | width: 40%; |
| − | <p align="justify">When committing to iGEM, we decided we wanted to a) design a project which uses a new system of the field of synthetic biology and b) make an impact with a product, which can actually be of use to the society. So when Dr. Pengfei Xia, one of our instructors proposed to design a new kill-switch system for bacteria, based on the Type I CRISPR system of CRISPR/Cas3, we were determined to not only implement the system, but also find a way of making it a useful, universally applicable, tool.</p>
| + | height: 40%; |
| − | <p align="justify">As there are four students from the field of molecular medicine within our team, we rapidly got stuck on brainstorming in the field of medical applications for our Kill-Switch systems, whether there was a disease which could easily profit from a new therapeutic strategy. This led us to Diabetes Mellitus, one of the main diseases responsible for premature death worldwide [16]. In 2014, there were 422 Million adults with a diagnosed Diabetes Mellitus worldwide [1], an alarmingly high number, which inspired us to look into alternative treatment strategies of Type 2 Diabetes Mellitus patients, as they make up the largest group of Diabetes patients. There are currently many options for treatment available, however all of these treatments require the patient to actively participate and comply to his or her therapy scheme. As compliance and persistence are key factors for therapeutic success, we, the iGEM Team Tübingen, want to revolutionize the treatment and its administration by using Synthetic Biology and our CRISPR/Cas3 system.</p>
| + | margin-left: 30%; |
| − | <p align="justify">In order to do so, we thought about changes in therapy, which would make it easier to comply to the therapy scheme and easily came up with issues about daily injections and multiple drugs, that need to be taken at certain times a day. Overall, we came to the conclusion that a probiotic bacterium, that synthesises a drug when it is needed and therefore lifts the burden of application from the patient, was our way to go. On top of that, we realized that in 2017 Team AQA_Unesp had already tried to target Type 1 Diabetes Mellitus with a probiotic, hence we felt that the viability of the idea was supported by this [7]. Additionally, this approach would allow us to not only use our bacterium with the CRISPR/Cas3 system as biofactory, but also make it the therapeutic agent which is applied, making the biosafety function of CRISPR/Cas3, not only a tool, but also a requirement for safe application. </p>
| + | margin-top: 15%; |
| − | <p align="justify">The idea of using GMOs as probiotics, is, in general, very interesting for chronic diseases. Therefore, we want to use the application in Type 2 Diabetes Mellitus as an example of the strengths and limitations of such a system, and use our public involvement to gather the society’s perception and opinion of such a therapeutic strategy. Consequently, we set ourselves some goals for the project, which are i) the proof of principle of the CRISPR/Cas3 system ii) the production of Exendin-4 and iii) the incorporation of the public and several sub-projects for communication and education into our project.</p>
| + | } |
| − | <p align="justify">Overall, we consider our project to be an important trial for the use of synthetic biology in long-term therapy, where a patient is not restricted to stay within a facility, but can live normally and without a financial or other burden of his or her disease, as the probiotic bacteria in the microbiome will do their job for the medication. We hope, to have designed a safe system which will prohibit the survival of GMOs within the environment and enables the use of probiotics.</p>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="column full_size">
| + | @media screen and (min-width: 1500px ) { |
| − | <h2>Project Description</h2>
| + | .se-pre-con img { |
| − | </div>
| + | margin-top: 20%; |
| | + | width: 25%; |
| | + | height: 15%; |
| | + | margin-left: 35%; |
| | + | } |
| | + | } |
| | | | |
| − | <div class="column full_size">
| + | @media screen and (max-width: 1100px ) { |
| − | <h3>Type 2 Diabetes Mellitus and Incretin Mimetics</h3>
| + | .se-pre-con img { |
| − | <p align="justify">GLP-1 and Exendin-4 will bind to their receptor, a G-protein coupled receptor on the pancreas surface, which will cause an intracellular cascade activating an Adenylate Cyclase. If ATP is available within the cell, which means if the cell has already taken up sugar and run through glycolysis, cAMP will be produced. Overall, this will result in prolonged depolarization and calcium ion influx and consequently more secretion of insulin from the beta cell [2]. This increase in insulin secretion can overcome the relative lack of insulin in the periphery, which occurs in Type 2 Diabetes Mellitus.</p>
| + | margin-top: 20%; |
| − | <p align="justify">GLP-1 and its analogues are especially interesting for the treatment of Type 2 DM, since they do not only have a direct effect on the pancreas, but also decrease gastrointestinal motility and secretion, hunger and the emptying of the stomach [2], thus helping in weight reduction. Additionally, it is considered to be cardioprotective [2]. This is very important for the therapy, since many cases of Type 2 DM are caused by an unhealthy lifestyle and obesity. On top of that, this effect proposes the outlook of using the drug as medication against obesity and adipositas, without the indication of diagnosed type 2 DM or in stages of prediabetes, in addition to a lifestyle intervention.</p>
| + | height: 30%; |
| − | <p align="justify">Generally, Type 2 Diabetes Mellitus is a metabolic disease, which affects about 10% of the population worldwide, with increasing numbers. One of its major symptoms is the relative lack of insulin, which causes decreased uptake of glucose into cells, resulting in an energy crisis within the cells. In Type 2 DM, the body compensates this relative lack of Insulin by secreting more Insulin, which causes stress for insulin-producing beta cells of the pancreas. This increased stress will lead to the destruction of the beta cells, leaving the body with an absolute lack of Insulin, making insulin substitution necessary. </p>
| + | width: 50%; |
| − | <p align="justify">In Type 2 DM the relative lack of Insulin can have multiple reasons. It can be induced by overconsumption of sugar-containing food, decreasing the sensitivity of the Insulin receptors, as they are downregulated. But it can also have genetic reasons, like a mutation in an essential gene.</p>
| + | margin-left: 25%; |
| − | <p align="justify">We decided to formulate our drug as a probiotic, since it bears multiple advantages. First of all, a probiotic can implement itself in the human guts microbiome, making it possible that the drug does not have to be taken daily according to a strict therapy scheme. This will also address the group of patients, who are not able to stick to a therapy scheme, for instance the elderly or people with fear of other forms of formulation. Also, it was shown by multiple studies, that probiotics can, in general, positively influence the course of Diabetes mellitus [5,6].</p>
| + | } |
| − | <p align="justify">As a consequence, our probiotic can be released into the environment due to excretion. For biosafety reasons and for strict control of our therapy, we wanted to implement a new biocontainment chassis, based on a CRISPR/ Cas 3 system.</p>
| + | } |
| − | </div>
| + | |
| | | | |
| − | <div class="column full_size">
| + | @media screen and (max-width: 700px ) { |
| − | <h3>CRISPR/Cas3-system</h3>
| + | .se-pre-con img { |
| − | <p align="justify">The system is new in its form and was kindly provided to us by Dr. Pengfei Xia, based on---. Under conditions, which are common in a healthy human beings intestines, 37°C, availability of fatty acids in form of Acyl CoA and N-Acetyl-Glucosamin (GlcNAc), released by the metabolism of mucus through commensal microorganisms [9], our chassis allows for the existence of a plasmid, which carries our gene of interest (GOI) and the survival of the bacterium.</p>
| + | margin-top: 18%; |
| − | <p align="justify">Consequently, if the conditions are according to the ones in the intestine, the Cas3 protein and casABCDE genes cannot be expressed and the CRISPR arrays for the self-targeting of the plasmid and the genome are not transcribed. However, if the environmental conditions change, for instance because the bacterium is excreted, the Cas3 system will be activated. Finally, this will end in the degradation of the foreign plasmid and the genomic DNA, killing the bacterium.</p>
| + | height: 20%; |
| − | <p align="justify">We chose the Cas3 system, because unlike Cas9, who is involved in CRISPR/Cas system II, Cas3 is a component of the CRISPR/Cas sytem type I. Type I systems consists of several proteins but do also target double-stranded DNA. The major advantage of Cas3 compared to Cas9 in our approach is the fact that Cas3, when activated, degrades the whole nucleic acid. The incorporation of the Cas3 system into our probiotic therefore, ensures that once the probiotic leaves its designated environment the Cas3 system degrades all genetic information. By using a targeting array for the bacterium’s genome and one for the plasmid with the gene of interest a spread of nucleic acid is prevented allowing for a safe therapy. Our chassis with the CRISPR/Cas3 system can also serve as a foundation for other applications since it creates a biosafety probiotic that can be modified by exchanging the gene of interest without loosing its unique safety standards.</p> | + | } |
| − | <p align="justify">The regulation of our kill switch is based on three double negated sets of biosensors combined with repression systems.</p>
| + | } |
| − | <h6>A) Temperature sensing with a permissible temperature of 37°C</h6> | + | </style> |
| − | <p align="justify">A constitutively active promoter expresses Clts, a temperature sensitive cI repressor of the lambda phage. If the temperature is significantly below 37°C (body temperature), Clts is an active repressor for the cI lambda promoter. This promoter controls the transcription of a repressor protein, AraC. Therefore, if conditions are not 37°C, the AraC is not available, hence the pBAD promoter, controlled by AraC, is active and Cas3 and CasABCDE are expressed, which allows for the Kill-Switch induction. Accordingly, if the bacterium is within the body and the temperature is at 37°C, Clts is unstable and cannot repress the expression of AraC. AraC consequently inhibits the pBAD promoter and the enzymes for the self-kill are not available, the bacterium survives. The usage of the Clts and following FadR sensing system was the iGEM NTU Taida Project of 2012 [8].</p> | + | </head> |
| − | <h6>B) Fatty acid availability inhibiting the plasmid self targeting array</h6> | + | <body> |
| − | <p align="justify">The intake of a fatty meal increases the fatty acid availability within the body and therefore their metabolite Acyl-CoA will increase. Long chain Acyl-CoA will bind constitutively expressed FadR and hence inhibits its activity [12,13]. FadR is the repressor of the promoter pFad, which regulates the expression of the LsrR repressor, which itself represses the the pLsrR promoter [14] regulating the transcription of the plasmid self targeting array. If the bacterium leaves the body, there will be no fatty acids (Acyl-CoA) available. This allows the activity of FadR, which inhibits pFad. Thus, there will be no LsrR and the self targeting array is active. If the self targeting array of the plasmid is active, the Cas3 complex can use it to target the plasmid and degrade it, inducing the degradation of the foreign DNA.</p>
| + | <div class="se-pre-con"> |
| − | <h6>C) N-Acetyl-Glucosamin-6 Phosphate of metabolized Mucin inhibits the genomic self-targeting array</h6>
| + | <img src="https://2019.igem.org/wiki/images/4/49/T--Tuebingen--DNA_gif.gif"> |
| − | <p align="justify">Commensal bacteria in the gut metabolize the mucus within the intestines, which increases the level of GlcNAc within the lumen [9]. GlcNAc is taken up by the bacteria through their PTS system and metabolized into GlcNAc-6-P, which binds the repressor protein nagC. If nagC is bound to GlcNAc-6-P it loses its abilities to bind DNA, and therefore its respective regulation activity. In our case, nagC can consequently not serve as a repressor of the nag Operon nagBACDE, anymore [10, 11]. Thus, a repressor protein, the Mnt repressor of the Lambda phage, can be expressed. The Mnt repressor inhibits the transcription of the genomic self targeting array, which is controlled by the Mnt promoter. The genomic DNA cannot be degraded.</p>
| + | |
| − | <p align="justify">Nonetheless, if the bacterium leaves the body and the human microbiome, its GlcNAc-6-P sources will deplete and the nagC repressor remains active, repressing the expression of the MntR and lastly, allowing the transcription of the CRISPR array and the Cas3-targeting of the genome, which will kill the bacterium.</p>
| + | |
| | </div> | | </div> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/jqueryLoadJS?action=raw&ctype=text/javascript"></script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/jmodernizerJS?action=raw&ctype=text/javascript"></script> |
| | + | <script> |
| | + | $(window).load(function () { |
| | + | setTimeout(removeLoader, 1000); |
| | + | }); //wait for page load PLUS one seconds. |
| | + | function removeLoader() { |
| | + | $(".se-pre-con").fadeOut(500, function () { |
| | + | // fadeOut complete. Remove the loading div |
| | + | $(".se-pre-con").remove(); //makes page more lightweight |
| | + | }); |
| | + | } |
| | + | </script> |
| | + | </body> |
| | | | |
| − | <div class="column full_size"> | + | <style> |
| − | <h3>Exendin-4, a GLP-1 analogue</h3>
| + | /*! |
| − | <p>At the beginning of our research for drugs for Type 2 Diabetes Mellitus, we were made aware of multiple problems with the usage of human GLP-1, by Dr. Timo Dirk Müller, acting director of the IDO (Institute for Diabetes and Obesity) of the Helmholtz-Institute Munich. After discussing our first draft of the project, he pointed out several weak points, which we had to work on. First of all, he was concerned about the fast degradation (2 to 5 minutes) by DPP-IV (Dipeptidylpeptidase) and hydrolysis of human GLP-1, which we originally wanted to use as gene of interest. Consequently, only 5% of GLP-1 reaches the pancreas, which would not be sufficient, if we wanted to have a therapeutic effect. Lastly, Timo explained that the efficiently of the synthesis of our Gene of Interest must be taken into account, in order to have a therapeutic effect.</p>
| + | * Bootstrap v4.1.0 (https://getbootstrap.com/) |
| − | <p>Thus, we searched for alternatives and set our minds to Exendin-4 [4], since it solely consists of a protein sequence that can be expressed within a bacterium.
| + | * Copyright 2011-2018 The Bootstrap Authors |
| − | In the human, Glucagon like peptide 1 is produced in L-cells in the intestines, depending on multiple signalling factors, such as nutrients. It originates from the prepeptide proglucagon, which is cleaved into, among others, GLP-1 (1-37) by prohormone convertase 1 (PC1). The inactive GLP-1 (1-37) is then processed into its active form GLP-1 (7-37) by an endopeptidase. This active form is secreted and diffuses across the basal lamina and enters the lamina propria, where it is taken up into the capillaries, reaching the circulatory system [2,3]. This natural way of distribution had to be considered in our project, as well.</p>
| + | * Copyright 2011-2018 Twitter, Inc. |
| − | <p>First of all, our drug needs to be secreted by E. Coli Nissle [5]. Hence, we made a fusion protein of Exendin-4 with a secretion tag on the N-terminus. After secretion, the protein has to pass the intestinal wall [5]. To achieve this, we fused a cell penetrating peptide,onto the C-terminus of the protein. For the evaluation of a suitable Cell Penetrating Peptide, we researched multiple options and finally decided on Penetratin. In the beginning we were concerned that the use would impair a Biosafety Level 1 usage, however, after consulting with Biosafety representatives, we were sure that the use of Penetratin in our experimental setup will not pose a threat in any way. The biosafety representatives were Brigitte Walderich, who is the representative of the Max Planck Institute Tübingen and Jörg Schibel, the representative of the university clinic Tübingen.</p>
| + | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
| − | <p>Since we could now bring the Exendin-4 to the pancreas, we wanted to make sure there was no unnecessary burden to the pancreas, leading to pancreatitis. Hence, we constructed a glucose dependent secretion based on Catabolite repression and the utilization of the Tet repressor. If the glucose concentration in the intestines is low, the bacterial Adenylate Cyclase is active and synthesises cAMP (cyclic AMP), which interacts with CAP (catabolite activating protein). The CAP-cAMP complex then binds the CAP binding site [15] upstream of the TetR-gene, allowing for the expression of the Tet Repressor TetR, since the transcription of the repressor is activated. The TetR accordingly binds and blocks the activity of the Tet repressible promoter, which controls the expression of our GOI construct.</p>
| + | */ |
| − | <p>If the glucose availability increases after the intake of a meal, Adenylate Cyclase is inhibited and the CAP-cAMP complex dissolves [15]. Therefore, the TetR is not active and the GOI can be expressed. To sum up, the presence of glucose in the gut drives the expression of Exendin-4 and therefore increases the release of Insulin only, if food is taken up and Insulin is required.</p>
| + | :root { |
| − | <p>Overall, this leaves us with the following construct for the secretion of our Gene of interest. This is encoded on a plasmid and will not be integrated into the genome. This allows us to promote our chassis as an interchangeable system for other drugs, which can just be added through stable transformation.</p>
| + | --blue: #007bff; |
| − | </div>
| + | --indigo: #6610f2; |
| | + | --purple: #6f42c1; |
| | + | --pink: #e83e8c; |
| | + | --red: #dc3545; |
| | + | --orange: #fd7e14; |
| | + | --yellow: #ffc107; |
| | + | --green: #28a745; |
| | + | --teal: #20c997; |
| | + | --cyan: #17a2b8; |
| | + | --white: #fff; |
| | + | --gray: #6c757d; |
| | + | --gray-dark: #343a40; |
| | + | --primary: #007bff; |
| | + | --secondary: #6c757d; |
| | + | --success: #28a745; |
| | + | --info: #17a2b8; |
| | + | --warning: #ffc107; |
| | + | --danger: #dc3545; |
| | + | --light: #f8f9fa; |
| | + | --dark: #343a40; |
| | + | --breakpoint-xs: 0; |
| | + | --breakpoint-sm: 576px; |
| | + | --breakpoint-md: 768px; |
| | + | --breakpoint-lg: 992px; |
| | + | --breakpoint-xl: 1200px; |
| | + | --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; |
| | + | --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace |
| | + | } |
| | | | |
| − | <div class="column full_size">
| + | *, ::after, ::before { |
| − | <h3>Wetlab Project Plan</h3>
| + | box-sizing: border-box |
| − | <p>To conclude, our projects will require intensive cloning of multiple regulatory elements. For the parts, we will use Biobricks that were sent with the 2019 shipping, Biobrick sequences from the database of iGEM, as well as new sequences, which are unique to our project, like the Exendin-4 fusion construct or the Glc-NAc-6-P sensing system. After synthesis, the GOI constructs need to be amplified and cloned into complete constructs, which will be used to transform competent E. Coli NEB10 cells, as they allow for easier manipulation. Here, we can already test whether our GOI construct work and Exendin-4 is secreted in a Glucose dependent manner.</p>
| + | } |
| − | <p>At the same time the Cas3 system will be isolated from E. Coli K12, and the DNA with regulatory system will be changed in E. Coli K12 to our individual sensing mechanisms. The functionality of the kill switch and the different conditions for it can be tested already. If the construct shows the desired activity, it will be integrated into the E. Coli Nissle 1917 genome. In the end, we hope to combine our GOI with the Cas3 positive E. Coli Nissle 1917 and test the functionality of our system as a whole. Hence, if E. Coli Nissle 1917 secretes Exendin-4 in a Glucose dependent manner and if it kills itself, if the conditions of the gut are not met.</p>
| + | |
| − | <p>If the system works, we will proceed with human cell line experiments. First of all, the transport of the Exendin-4 through a CaCo-2 cell monolayer to test, whether there will be a drug, which can reach the pancreas. Secondly, we will work with Rat Insulinoma cell line INS-1 cells, to check whether Exendin-4 will induce an Insulin expression.</p>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="column full_size">
| + | html { |
| − | <h3>Modelling and Simulation</h3>
| + | 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: transparent |
| | + | } |
| | | | |
| | + | @-ms-viewport { |
| | + | width: device-width |
| | + | } |
| | + | |
| | + | article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { |
| | + | display: block |
| | + | } |
| | + | |
| | + | body { |
| | + | margin: 0; |
| | + | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; |
| | + | font-size: 1rem; |
| | + | font-weight: 400; |
| | + | line-height: 1.5; |
| | + | color: #212529; |
| | + | text-align: left; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | [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: .5rem |
| | + | } |
| | + | |
| | + | p { |
| | + | margin-top: 0; |
| | + | margin-bottom: 1rem; |
| | + | color: #F4F0DE; |
| | + | } |
| | + | |
| | + | abbr[data-original-title], abbr[title] { |
| | + | text-decoration: underline; |
| | + | -webkit-text-decoration: underline dotted; |
| | + | text-decoration: underline dotted; |
| | + | cursor: help; |
| | + | border-bottom: 0 |
| | + | } |
| | + | |
| | + | address { |
| | + | margin-bottom: 1rem; |
| | + | font-style: normal; |
| | + | line-height: inherit |
| | + | } |
| | + | |
| | + | dl, ol, ul { |
| | + | margin-top: 0; |
| | + | margin-bottom: 1rem |
| | + | } |
| | + | |
| | + | ol ol, ol ul, ul ol, ul ul { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | dt { |
| | + | font-weight: 700 |
| | + | } |
| | + | |
| | + | 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: #007bff; |
| | + | text-decoration: none; |
| | + | background-color: transparent; |
| | + | -webkit-text-decoration-skip: objects |
| | + | } |
| | + | |
| | + | a:hover { |
| | + | color: #0056b3; |
| | + | text-decoration: underline |
| | + | } |
| | + | |
| | + | a:not([href]):not([tabindex]) { |
| | + | color: inherit; |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { |
| | + | color: inherit; |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | a:not([href]):not([tabindex]):focus { |
| | + | outline: 0 |
| | + | } |
| | + | |
| | + | code, kbd, pre, 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: .75rem; |
| | + | padding-bottom: .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 |
| | + | } |
| | + | |
| | + | button, input, optgroup, select, textarea { |
| | + | margin: 0; |
| | + | font-family: inherit; |
| | + | font-size: inherit; |
| | + | line-height: inherit |
| | + | } |
| | + | |
| | + | button, input { |
| | + | overflow: visible |
| | + | } |
| | + | |
| | + | button, select { |
| | + | text-transform: none |
| | + | } |
| | + | |
| | + | [type=reset], [type=submit], button, html [type=button] { |
| | + | -webkit-appearance: button |
| | + | } |
| | + | |
| | + | [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { |
| | + | padding: 0; |
| | + | border-style: none |
| | + | } |
| | + | |
| | + | input[type=checkbox], input[type=radio] { |
| | + | box-sizing: border-box; |
| | + | padding: 0 |
| | + | } |
| | + | |
| | + | input[type=date], input[type=datetime-local], input[type=month], input[type=time] { |
| | + | -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: .5rem; |
| | + | font-family: inherit; |
| | + | font-weight: 500; |
| | + | 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: 6rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | .display-2 { |
| | + | font-size: 5.5rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | .display-3 { |
| | + | font-size: 4.5rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | .display-4 { |
| | + | font-size: 3.5rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | hr { |
| | + | margin-top: 1rem; |
| | + | margin-bottom: 1rem; |
| | + | border: 0; |
| | + | border-top: 1px solid rgba(0, 0, 0, .1) |
| | + | } |
| | + | |
| | + | .small, small { |
| | + | font-size: 80%; |
| | + | font-weight: 400 |
| | + | } |
| | + | |
| | + | .mark, mark { |
| | + | padding: .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: .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: .25rem; |
| | + | background-color: #fff; |
| | + | border: 1px solid #dee2e6; |
| | + | border-radius: .25rem; |
| | + | max-width: 100%; |
| | + | height: auto |
| | + | } |
| | + | |
| | + | .figure { |
| | + | display: inline-block |
| | + | } |
| | + | |
| | + | .figure-img { |
| | + | margin-bottom: .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: #e83e8c; |
| | + | word-break: break-word |
| | + | } |
| | + | |
| | + | a > code { |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | kbd { |
| | + | padding: .2rem .4rem; |
| | + | font-size: 87.5%; |
| | + | color: #fff; |
| | + | background-color: #212529; |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | kbd kbd { |
| | + | padding: 0; |
| | + | font-size: 100%; |
| | + | font-weight: 700 |
| | + | } |
| | + | |
| | + | 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: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | 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, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { |
| | + | position: relative; |
| | + | width: 100%; |
| | + | min-height: 1px; |
| | + | padding-right: 15px; |
| | + | padding-left: 15px |
| | + | } |
| | + | |
| | + | .col { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-12 { |
| | + | -ms-flex-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 { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-sm-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-sm-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-sm-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-sm-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-sm-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-sm-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-sm-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-sm-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-sm-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-sm-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-sm-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-sm-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-sm-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-sm-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-sm-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-sm-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-sm-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-sm-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-sm-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-sm-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-sm-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-sm-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-sm-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-sm-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-sm-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-sm-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-sm-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-sm-12 { |
| | + | -ms-flex-order: 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 { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-md-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-md-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-md-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-md-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-md-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-md-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-md-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-md-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-md-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-md-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-md-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-md-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-md-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-md-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-md-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-md-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-md-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-md-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-md-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-md-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-md-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-md-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-md-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-md-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-md-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-md-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-md-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-md-12 { |
| | + | -ms-flex-order: 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 { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-lg-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-lg-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-lg-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-lg-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-lg-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-lg-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-lg-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-lg-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-lg-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-lg-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-lg-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-lg-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-lg-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-lg-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-lg-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-lg-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-lg-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-lg-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-lg-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-lg-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-lg-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-lg-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-lg-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-lg-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-lg-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-lg-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-lg-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-lg-12 { |
| | + | -ms-flex-order: 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 { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-xl-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-xl-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-xl-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-xl-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-xl-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-xl-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-xl-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-xl-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-xl-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-xl-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-xl-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-xl-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-xl-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-xl-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-xl-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-xl-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-xl-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-xl-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-xl-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-xl-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-xl-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-xl-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-xl-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-xl-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-xl-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-xl-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-xl-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-xl-12 { |
| | + | -ms-flex-order: 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 td, .table th { |
| | + | padding: .75rem; |
| | + | vertical-align: top; |
| | + | border-top: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table thead th { |
| | + | vertical-align: bottom; |
| | + | border-bottom: 2px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table tbody + tbody { |
| | + | border-top: 2px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table .table { |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .table-sm td, .table-sm th { |
| | + | padding: .3rem |
| | + | } |
| | + | |
| | + | .table-bordered { |
| | + | border: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table-bordered td, .table-bordered th { |
| | + | border: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table-bordered thead td, .table-bordered thead th { |
| | + | border-bottom-width: 2px |
| | + | } |
| | + | |
| | + | .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .table-striped tbody tr:nth-of-type(odd) { |
| | + | background-color: rgba(0, 0, 0, .05) |
| | + | } |
| | + | |
| | + | .table-hover tbody tr:hover { |
| | + | background-color: rgba(0, 0, 0, .075) |
| | + | } |
| | + | |
| | + | .table-primary, .table-primary > td, .table-primary > th { |
| | + | background-color: #b8daff |
| | + | } |
| | + | |
| | + | .table-hover .table-primary:hover { |
| | + | background-color: #9fcdff |
| | + | } |
| | + | |
| | + | .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { |
| | + | background-color: #9fcdff |
| | + | } |
| | + | |
| | + | .table-secondary, .table-secondary > td, .table-secondary > th { |
| | + | 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 > td, .table-success > th { |
| | + | background-color: #c3e6cb |
| | + | } |
| | + | |
| | + | .table-hover .table-success:hover { |
| | + | background-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { |
| | + | background-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .table-info, .table-info > td, .table-info > th { |
| | + | background-color: #bee5eb |
| | + | } |
| | + | |
| | + | .table-hover .table-info:hover { |
| | + | background-color: #abdde5 |
| | + | } |
| | + | |
| | + | .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { |
| | + | background-color: #abdde5 |
| | + | } |
| | + | |
| | + | .table-warning, .table-warning > td, .table-warning > th { |
| | + | background-color: #ffeeba |
| | + | } |
| | + | |
| | + | .table-hover .table-warning:hover { |
| | + | background-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { |
| | + | background-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .table-danger, .table-danger > td, .table-danger > th { |
| | + | background-color: #f5c6cb |
| | + | } |
| | + | |
| | + | .table-hover .table-danger:hover { |
| | + | background-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { |
| | + | background-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .table-light, .table-light > td, .table-light > th { |
| | + | 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 > td, .table-dark > th { |
| | + | 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 > td, .table-active > th { |
| | + | background-color: rgba(0, 0, 0, .075) |
| | + | } |
| | + | |
| | + | .table-hover .table-active:hover { |
| | + | background-color: rgba(0, 0, 0, .075) |
| | + | } |
| | + | |
| | + | .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { |
| | + | background-color: rgba(0, 0, 0, .075) |
| | + | } |
| | + | |
| | + | .table .thead-dark th { |
| | + | color: #fff; |
| | + | background-color: #212529; |
| | + | border-color: #32383e |
| | + | } |
| | + | |
| | + | .table .thead-light th { |
| | + | color: #495057; |
| | + | background-color: #e9ecef; |
| | + | border-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .table-dark { |
| | + | color: #fff; |
| | + | background-color: #212529 |
| | + | } |
| | + | |
| | + | .table-dark td, .table-dark th, .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, .05) |
| | + | } |
| | + | |
| | + | .table-dark.table-hover tbody tr:hover { |
| | + | background-color: rgba(255, 255, 255, .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: .375rem .75rem; |
| | + | font-size: 1rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem; |
| | + | transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .form-control { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .form-control::-ms-expand { |
| | + | background-color: transparent; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .form-control:focus { |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | border-color: #80bdff; |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .form-control::-webkit-input-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control::-moz-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control:-ms-input-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control::-ms-input-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .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.25rem + 2px) |
| | + | } |
| | + | |
| | + | select.form-control:focus::-ms-value { |
| | + | color: #495057; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .form-control-file, .form-control-range { |
| | + | display: block; |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .col-form-label { |
| | + | padding-top: calc(.375rem + 1px); |
| | + | padding-bottom: calc(.375rem + 1px); |
| | + | margin-bottom: 0; |
| | + | font-size: inherit; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .col-form-label-lg { |
| | + | padding-top: calc(.5rem + 1px); |
| | + | padding-bottom: calc(.5rem + 1px); |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .col-form-label-sm { |
| | + | padding-top: calc(.25rem + 1px); |
| | + | padding-bottom: calc(.25rem + 1px); |
| | + | font-size: .875rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .form-control-plaintext { |
| | + | display: block; |
| | + | width: 100%; |
| | + | padding-top: .375rem; |
| | + | padding-bottom: .375rem; |
| | + | margin-bottom: 0; |
| | + | line-height: 1.5; |
| | + | color: #212529; |
| | + | background-color: transparent; |
| | + | border: solid transparent; |
| | + | border-width: 1px 0 |
| | + | } |
| | + | |
| | + | .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .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-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .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-prepend > .form-control-plaintext.input-group-text { |
| | + | padding-right: 0; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { |
| | + | padding: .25rem .5rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .input-group-sm > .input-group-append > select.btn: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-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { |
| | + | height: calc(1.8125rem + 2px) |
| | + | } |
| | + | |
| | + | .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { |
| | + | padding: .5rem 1rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | .input-group-lg > .input-group-append > select.btn: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-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { |
| | + | height: calc(2.875rem + 2px) |
| | + | } |
| | + | |
| | + | .form-group { |
| | + | margin-bottom: 1rem |
| | + | } |
| | + | |
| | + | .form-text { |
| | + | display: block; |
| | + | margin-top: .25rem |
| | + | } |
| | + | |
| | + | .form-row { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | 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: .3rem; |
| | + | margin-left: -1.25rem |
| | + | } |
| | + | |
| | + | .form-check-input:disabled ~ .form-check-label { |
| | + | color: #6c757d |
| | + | } |
| | + | |
| | + | .form-check-label { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .form-check-inline { |
| | + | display: -ms-inline-flexbox; |
| | + | display: inline-flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | padding-left: 0; |
| | + | margin-right: .75rem |
| | + | } |
| | + | |
| | + | .form-check-inline .form-check-input { |
| | + | position: static; |
| | + | margin-top: 0; |
| | + | margin-right: .3125rem; |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .valid-feedback { |
| | + | display: none; |
| | + | width: 100%; |
| | + | margin-top: .25rem; |
| | + | font-size: 80%; |
| | + | color: #28a745 |
| | + | } |
| | + | |
| | + | .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(40, 167, 69, .8); |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { |
| | + | border-color: #28a745; |
| | + | box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) |
| | + | } |
| | + | |
| | + | .custom-select.is-valid ~ .valid-feedback, .custom-select.is-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, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { |
| | + | color: #28a745 |
| | + | } |
| | + | |
| | + | .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { |
| | + | color: #28a745 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { |
| | + | background-color: #71dd8a |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { |
| | + | background-color: #34ce57 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { |
| | + | box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25) |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before { |
| | + | border-color: inherit |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { |
| | + | box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) |
| | + | } |
| | + | |
| | + | .invalid-feedback { |
| | + | display: none; |
| | + | width: 100%; |
| | + | margin-top: .25rem; |
| | + | font-size: 80%; |
| | + | color: #dc3545 |
| | + | } |
| | + | |
| | + | .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(220, 53, 69, .8); |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { |
| | + | border-color: #dc3545; |
| | + | box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) |
| | + | } |
| | + | |
| | + | .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-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, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { |
| | + | color: #dc3545 |
| | + | } |
| | + | |
| | + | .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { |
| | + | color: #dc3545 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { |
| | + | background-color: #efa2a9 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { |
| | + | background-color: #e4606d |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { |
| | + | box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25) |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before { |
| | + | border-color: inherit |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { |
| | + | box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) |
| | + | } |
| | + | |
| | + | .form-inline { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-flow: row wrap; |
| | + | flex-flow: row wrap; |
| | + | -ms-flex-align: center; |
| | + | align-items: center |
| | + | } |
| | + | |
| | + | .form-inline .form-check { |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .form-inline label { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .form-inline .form-group { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | -ms-flex-flow: row wrap; |
| | + | flex-flow: row wrap; |
| | + | -ms-flex-align: center; |
| | + | 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 .custom-select, .form-inline .input-group { |
| | + | width: auto |
| | + | } |
| | + | |
| | + | .form-inline .form-check { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | width: auto; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .form-inline .form-check-input { |
| | + | position: relative; |
| | + | margin-top: 0; |
| | + | margin-right: .25rem; |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .form-inline .custom-control { |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: 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; |
| | + | -webkit-user-select: none; |
| | + | -moz-user-select: none; |
| | + | -ms-user-select: none; |
| | + | user-select: none; |
| | + | border: 1px solid transparent; |
| | + | padding: .375rem .75rem; |
| | + | font-size: 1rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .25rem; |
| | + | transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .btn { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .btn:focus, .btn:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .btn.focus, .btn:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .btn.disabled, .btn:disabled { |
| | + | opacity: .65 |
| | + | } |
| | + | |
| | + | .btn:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { |
| | + | background-image: none |
| | + | } |
| | + | |
| | + | a.btn.disabled, fieldset:disabled a.btn { |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .btn-primary { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-primary:hover { |
| | + | color: #fff; |
| | + | background-color: #0069d9; |
| | + | border-color: #0062cc |
| | + | } |
| | + | |
| | + | .btn-primary.focus, .btn-primary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .btn-primary.disabled, .btn-primary:disabled { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #0062cc; |
| | + | border-color: #005cbf |
| | + | } |
| | + | |
| | + | .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .btn-secondary { |
| | + | color: #fff; |
| | + | background-color: #6c757d; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-secondary:hover { |
| | + | color: #fff; |
| | + | background-color: #5a6268; |
| | + | border-color: #545b62 |
| | + | } |
| | + | |
| | + | .btn-secondary.focus, .btn-secondary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) |
| | + | } |
| | + | |
| | + | .btn-secondary.disabled, .btn-secondary:disabled { |
| | + | color: #fff; |
| | + | 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: #fff; |
| | + | 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: 0 0 0 .2rem rgba(108, 117, 125, .5) |
| | + | } |
| | + | |
| | + | .btn-success { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-success:hover { |
| | + | color: #fff; |
| | + | background-color: #218838; |
| | + | border-color: #1e7e34 |
| | + | } |
| | + | |
| | + | .btn-success.focus, .btn-success:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-success.disabled, .btn-success:disabled { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #1e7e34; |
| | + | border-color: #1c7430 |
| | + | } |
| | + | |
| | + | .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-info { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-info:hover { |
| | + | color: #fff; |
| | + | background-color: #138496; |
| | + | border-color: #117a8b |
| | + | } |
| | + | |
| | + | .btn-info.focus, .btn-info:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) |
| | + | } |
| | + | |
| | + | .btn-info.disabled, .btn-info:disabled { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #117a8b; |
| | + | border-color: #10707f |
| | + | } |
| | + | |
| | + | .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) |
| | + | } |
| | + | |
| | + | .btn-warning { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-warning:hover { |
| | + | color: #212529; |
| | + | background-color: #e0a800; |
| | + | border-color: #d39e00 |
| | + | } |
| | + | |
| | + | .btn-warning.focus, .btn-warning:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) |
| | + | } |
| | + | |
| | + | .btn-warning.disabled, .btn-warning:disabled { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { |
| | + | color: #212529; |
| | + | background-color: #d39e00; |
| | + | border-color: #c69500 |
| | + | } |
| | + | |
| | + | .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) |
| | + | } |
| | + | |
| | + | .btn-danger { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-danger:hover { |
| | + | color: #fff; |
| | + | background-color: #c82333; |
| | + | border-color: #bd2130 |
| | + | } |
| | + | |
| | + | .btn-danger.focus, .btn-danger:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-danger.disabled, .btn-danger:disabled { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #bd2130; |
| | + | border-color: #b21f2d |
| | + | } |
| | + | |
| | + | .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-light { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa; |
| | + | border-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .btn-light:hover { |
| | + | color: #212529; |
| | + | background-color: #e2e6ea; |
| | + | border-color: #dae0e5 |
| | + | } |
| | + | |
| | + | .btn-light.focus, .btn-light:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .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: 0 0 0 .2rem rgba(248, 249, 250, .5) |
| | + | } |
| | + | |
| | + | .btn-dark { |
| | + | color: #fff; |
| | + | background-color: #343a40; |
| | + | border-color: #343a40 |
| | + | } |
| | + | |
| | + | .btn-dark:hover { |
| | + | color: #fff; |
| | + | background-color: #23272b; |
| | + | border-color: #1d2124 |
| | + | } |
| | + | |
| | + | .btn-dark.focus, .btn-dark:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) |
| | + | } |
| | + | |
| | + | .btn-dark.disabled, .btn-dark:disabled { |
| | + | color: #fff; |
| | + | 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: #fff; |
| | + | 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: 0 0 0 .2rem rgba(52, 58, 64, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-primary { |
| | + | color: #007bff; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-outline-primary:hover { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-outline-primary.focus, .btn-outline-primary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-primary.disabled, .btn-outline-primary:disabled { |
| | + | color: #007bff; |
| | + | 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: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-secondary { |
| | + | color: #6c757d; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-outline-secondary:hover { |
| | + | color: #fff; |
| | + | background-color: #6c757d; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-outline-secondary.focus, .btn-outline-secondary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .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: #fff; |
| | + | 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 .2rem rgba(108, 117, 125, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-success { |
| | + | color: #28a745; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-outline-success:hover { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-outline-success.focus, .btn-outline-success:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-success.disabled, .btn-outline-success:disabled { |
| | + | color: #28a745; |
| | + | 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: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(40, 167, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-info { |
| | + | color: #17a2b8; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-outline-info:hover { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-outline-info.focus, .btn-outline-info:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-info.disabled, .btn-outline-info:disabled { |
| | + | color: #17a2b8; |
| | + | 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: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(23, 162, 184, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-warning { |
| | + | color: #ffc107; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-outline-warning:hover { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-outline-warning.focus, .btn-outline-warning:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-warning.disabled, .btn-outline-warning:disabled { |
| | + | color: #ffc107; |
| | + | 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: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(255, 193, 7, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-danger { |
| | + | color: #dc3545; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-outline-danger:hover { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-outline-danger.focus, .btn-outline-danger:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-danger.disabled, .btn-outline-danger:disabled { |
| | + | color: #dc3545; |
| | + | 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: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(220, 53, 69, .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 .2rem rgba(248, 249, 250, .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 .2rem rgba(248, 249, 250, .5) |
| | + | } |
| | + | |
| | + | .btn-outline-dark { |
| | + | color: #343a40; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #343a40 |
| | + | } |
| | + | |
| | + | .btn-outline-dark:hover { |
| | + | color: #fff; |
| | + | background-color: #343a40; |
| | + | border-color: #343a40 |
| | + | } |
| | + | |
| | + | .btn-outline-dark.focus, .btn-outline-dark:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .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: #fff; |
| | + | 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 .2rem rgba(52, 58, 64, .5) |
| | + | } |
| | + | |
| | + | .btn-group-lg > .btn, .btn-lg { |
| | + | padding: .5rem 1rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | .btn-group-sm > .btn, .btn-sm { |
| | + | padding: .25rem .5rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .btn-block { |
| | + | display: block; |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .btn-block + .btn-block { |
| | + | margin-top: .5rem |
| | + | } |
| | + | |
| | + | input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .fade { |
| | + | transition: opacity .15s linear |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .fade { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .fade:not(.show) { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .collapse:not(.show) { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .collapsing { |
| | + | position: relative; |
| | + | height: 0; |
| | + | overflow: hidden; |
| | + | transition: height .35s ease |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .collapsing { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .dropdown, .dropleft, .dropright, .dropup { |
| | + | position: relative |
| | + | } |
| | + | |
| | + | .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: .3em solid; |
| | + | border-right: .3em solid transparent; |
| | + | border-bottom: 0; |
| | + | border-left: .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: .5rem 0; |
| | + | margin: .125rem 0 0; |
| | + | font-size: 1rem; |
| | + | color: #212529; |
| | + | text-align: left; |
| | + | list-style: none; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid rgba(0, 0, 0, .15); |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .dropdown-menu-right { |
| | + | right: 0; |
| | + | left: auto |
| | + | } |
| | + | |
| | + | .dropup .dropdown-menu { |
| | + | top: auto; |
| | + | bottom: 100%; |
| | + | margin-top: 0; |
| | + | margin-bottom: .125rem |
| | + | } |
| | + | |
| | + | .dropup .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: 0; |
| | + | border-right: .3em solid transparent; |
| | + | border-bottom: .3em solid; |
| | + | border-left: .3em solid transparent |
| | + | } |
| | + | |
| | + | .dropup .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropright .dropdown-menu { |
| | + | top: 0; |
| | + | right: auto; |
| | + | left: 100%; |
| | + | margin-top: 0; |
| | + | margin-left: .125rem |
| | + | } |
| | + | |
| | + | .dropright .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: .3em solid transparent; |
| | + | border-right: 0; |
| | + | border-bottom: .3em solid transparent; |
| | + | border-left: .3em solid |
| | + | } |
| | + | |
| | + | .dropright .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropright .dropdown-toggle::after { |
| | + | vertical-align: 0 |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-menu { |
| | + | top: 0; |
| | + | right: 100%; |
| | + | left: auto; |
| | + | margin-top: 0; |
| | + | margin-right: .125rem |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: "" |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::after { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::before { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-right: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: .3em solid transparent; |
| | + | border-right: .3em solid; |
| | + | border-bottom: .3em solid transparent |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::before { |
| | + | vertical-align: 0 |
| | + | } |
| | + | |
| | + | .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { |
| | + | right: auto; |
| | + | bottom: auto |
| | + | } |
| | + | |
| | + | .dropdown-divider { |
| | + | height: 0; |
| | + | margin: .5rem 0; |
| | + | overflow: hidden; |
| | + | border-top: 1px solid #e9ecef |
| | + | } |
| | + | |
| | + | .dropdown-item { |
| | + | display: block; |
| | + | width: 100%; |
| | + | padding: .25rem 1.5rem; |
| | + | clear: both; |
| | + | font-weight: 400; |
| | + | color: #212529; |
| | + | text-align: inherit; |
| | + | white-space: nowrap; |
| | + | background-color: transparent; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .dropdown-item:focus, .dropdown-item:hover { |
| | + | color: #16181b; |
| | + | text-decoration: none; |
| | + | background-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .dropdown-item.active, .dropdown-item:active { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .dropdown-item.disabled, .dropdown-item:disabled { |
| | + | color: #6c757d; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .dropdown-menu.show { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .dropdown-header { |
| | + | display: block; |
| | + | padding: .5rem 1.5rem; |
| | + | margin-bottom: 0; |
| | + | font-size: .875rem; |
| | + | color: #6c757d; |
| | + | white-space: nowrap |
| | + | } |
| | + | |
| | + | .dropdown-item-text { |
| | + | display: block; |
| | + | padding: .25rem 1.5rem; |
| | + | color: #212529 |
| | + | } |
| | + | |
| | + | .btn-group, .btn-group-vertical { |
| | + | position: relative; |
| | + | display: -ms-inline-flexbox; |
| | + | display: inline-flex; |
| | + | vertical-align: middle |
| | + | } |
| | + | |
| | + | .btn-group-vertical > .btn, .btn-group > .btn { |
| | + | position: relative; |
| | + | -ms-flex: 0 1 auto; |
| | + | flex: 0 1 auto |
| | + | } |
| | + | |
| | + | .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { |
| | + | z-index: 1 |
| | + | } |
| | + | |
| | + | .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { |
| | + | 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: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .btn-toolbar .input-group { |
| | + | width: auto |
| | + | } |
| | + | |
| | + | .btn-group > .btn:first-child { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .dropdown-toggle-split { |
| | + | padding-right: .5625rem; |
| | + | padding-left: .5625rem |
| | + | } |
| | + | |
| | + | .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle-split::before { |
| | + | margin-right: 0 |
| | + | } |
| | + | |
| | + | .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { |
| | + | padding-right: .375rem; |
| | + | padding-left: .375rem |
| | + | } |
| | + | |
| | + | .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { |
| | + | padding-right: .75rem; |
| | + | padding-left: .75rem |
| | + | } |
| | + | |
| | + | .btn-group-vertical { |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | -ms-flex-align: start; |
| | + | align-items: flex-start; |
| | + | -ms-flex-pack: center; |
| | + | 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-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { |
| | + | border-bottom-right-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { |
| | + | 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=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { |
| | + | position: absolute; |
| | + | clip: rect(0, 0, 0, 0); |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .input-group { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-align: stretch; |
| | + | align-items: stretch; |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { |
| | + | position: relative; |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | width: 1%; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus { |
| | + | z-index: 3 |
| | + | } |
| | + | |
| | + | .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { |
| | + | margin-left: -1px |
| | + | } |
| | + | |
| | + | .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group > .custom-file { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center |
| | + | } |
| | + | |
| | + | .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { |
| | + | 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::after { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group-append, .input-group-prepend { |
| | + | display: -ms-flexbox; |
| | + | display: flex |
| | + | } |
| | + | |
| | + | .input-group-append .btn, .input-group-prepend .btn { |
| | + | position: relative; |
| | + | z-index: 2 |
| | + | } |
| | + | |
| | + | .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { |
| | + | margin-left: -1px |
| | + | } |
| | + | |
| | + | .input-group-prepend { |
| | + | margin-right: -1px |
| | + | } |
| | + | |
| | + | .input-group-append { |
| | + | margin-left: -1px |
| | + | } |
| | + | |
| | + | .input-group-text { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | padding: .375rem .75rem; |
| | + | margin-bottom: 0; |
| | + | font-size: 1rem; |
| | + | font-weight: 400; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | background-color: #e9ecef; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .input-group-text input[type=checkbox], .input-group-text input[type=radio] { |
| | + | margin-top: 0 |
| | + | } |
| | + | |
| | + | .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), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { |
| | + | 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:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { |
| | + | 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: -ms-inline-flexbox; |
| | + | 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: #fff; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .custom-control-input:focus ~ .custom-control-label::before { |
| | + | box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .custom-control-input:active ~ .custom-control-label::before { |
| | + | color: #fff; |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .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: .25rem; |
| | + | left: 0; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | pointer-events: none; |
| | + | content: ""; |
| | + | -webkit-user-select: none; |
| | + | -moz-user-select: none; |
| | + | -ms-user-select: none; |
| | + | user-select: none; |
| | + | background-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .custom-control-label::after { |
| | + | position: absolute; |
| | + | top: .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: .25rem |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .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='%23fff' 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: #007bff |
| | + | } |
| | + | |
| | + | .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='%23fff' d='M0 2h4'/%3E%3C/svg%3E") |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { |
| | + | background-color: rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { |
| | + | background-color: rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .custom-radio .custom-control-label::before { |
| | + | border-radius: 50% |
| | + | } |
| | + | |
| | + | .custom-radio .custom-control-input:checked ~ .custom-control-label::before { |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .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='%23fff'/%3E%3C/svg%3E") |
| | + | } |
| | + | |
| | + | .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { |
| | + | background-color: rgba(0, 123, 255, .5) |
| | + | } |
| | + | |
| | + | .custom-select { |
| | + | display: inline-block; |
| | + | width: 100%; |
| | + | height: calc(2.25rem + 2px); |
| | + | padding: .375rem 1.75rem .375rem .75rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | vertical-align: middle; |
| | + | background: #fff 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 .75rem center; |
| | + | background-size: 8px 10px; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem; |
| | + | -webkit-appearance: none; |
| | + | -moz-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-select:focus { |
| | + | border-color: #80bdff; |
| | + | outline: 0; |
| | + | box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5) |
| | + | } |
| | + | |
| | + | .custom-select:focus::-ms-value { |
| | + | color: #495057; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .custom-select[multiple], .custom-select[size]:not([size="1"]) { |
| | + | height: auto; |
| | + | padding-right: .75rem; |
| | + | background-image: none |
| | + | } |
| | + | |
| | + | .custom-select:disabled { |
| | + | color: #6c757d; |
| | + | background-color: #e9ecef |
| | + | } |
| | + | |
| | + | .custom-select::-ms-expand { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .custom-select-sm { |
| | + | height: calc(1.8125rem + 2px); |
| | + | padding-top: .375rem; |
| | + | padding-bottom: .375rem; |
| | + | font-size: 75% |
| | + | } |
| | + | |
| | + | .custom-select-lg { |
| | + | height: calc(2.875rem + 2px); |
| | + | padding-top: .375rem; |
| | + | padding-bottom: .375rem; |
| | + | font-size: 125% |
| | + | } |
| | + | |
| | + | .custom-file { |
| | + | position: relative; |
| | + | display: inline-block; |
| | + | width: 100%; |
| | + | height: calc(2.25rem + 2px); |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .custom-file-input { |
| | + | position: relative; |
| | + | z-index: 2; |
| | + | width: 100%; |
| | + | height: calc(2.25rem + 2px); |
| | + | margin: 0; |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .custom-file-input:focus ~ .custom-file-label { |
| | + | border-color: #80bdff; |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .custom-file-input:focus ~ .custom-file-label::after { |
| | + | border-color: #80bdff |
| | + | } |
| | + | |
| | + | .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.25rem + 2px); |
| | + | padding: .375rem .75rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .custom-file-label::after { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | z-index: 3; |
| | + | display: block; |
| | + | height: calc(calc(2.25rem + 2px) - 1px * 2); |
| | + | padding: .375rem .75rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | content: "Browse"; |
| | + | background-color: #e9ecef; |
| | + | border-left: 1px solid #ced4da; |
| | + | border-radius: 0 .25rem .25rem 0 |
| | + | } |
| | + | |
| | + | .custom-range { |
| | + | width: 100%; |
| | + | padding-left: 0; |
| | + | background-color: transparent; |
| | + | -webkit-appearance: none; |
| | + | -moz-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range:focus { |
| | + | outline: 0 |
| | + | } |
| | + | |
| | + | .custom-range::-moz-focus-outer { |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-thumb { |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | margin-top: -.25rem; |
| | + | background-color: #007bff; |
| | + | border: 0; |
| | + | border-radius: 1rem; |
| | + | -webkit-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-thumb:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-thumb:active { |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-runnable-track { |
| | + | width: 100%; |
| | + | height: .5rem; |
| | + | color: transparent; |
| | + | cursor: pointer; |
| | + | background-color: #dee2e6; |
| | + | border-color: transparent; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-thumb { |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | background-color: #007bff; |
| | + | border: 0; |
| | + | border-radius: 1rem; |
| | + | -moz-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-thumb:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-thumb:active { |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-track { |
| | + | width: 100%; |
| | + | height: .5rem; |
| | + | color: transparent; |
| | + | cursor: pointer; |
| | + | background-color: #dee2e6; |
| | + | border-color: transparent; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .custom-range::-ms-thumb { |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | background-color: #007bff; |
| | + | border: 0; |
| | + | border-radius: 1rem; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range::-ms-thumb:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .custom-range::-ms-thumb:active { |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-range::-ms-track { |
| | + | width: 100%; |
| | + | height: .5rem; |
| | + | color: transparent; |
| | + | cursor: pointer; |
| | + | background-color: transparent; |
| | + | border-color: transparent; |
| | + | border-width: .5rem |
| | + | } |
| | + | |
| | + | .custom-range::-ms-fill-lower { |
| | + | background-color: #dee2e6; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .custom-range::-ms-fill-upper { |
| | + | margin-right: 15px; |
| | + | background-color: #dee2e6; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .nav { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | padding-left: 0; |
| | + | margin-bottom: 0; |
| | + | list-style: none |
| | + | } |
| | + | |
| | + | .nav-link { |
| | + | display: block; |
| | + | padding: .5rem 1rem |
| | + | } |
| | + | |
| | + | .nav-link:focus, .nav-link:hover { |
| | + | 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: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { |
| | + | border-color: #e9ecef #e9ecef #dee2e6 |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-link.disabled { |
| | + | color: #6c757d; |
| | + | background-color: transparent; |
| | + | border-color: transparent |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | border-color: #dee2e6 #dee2e6 #fff |
| | + | } |
| | + | |
| | + | .nav-tabs .dropdown-menu { |
| | + | margin-top: -1px; |
| | + | border-top-left-radius: 0; |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .nav-pills .nav-link { |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .nav-pills .nav-link.active, .nav-pills .show > .nav-link { |
| | + | color: #fff; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .nav-fill .nav-item { |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | text-align: center |
| | + | } |
| | + | |
| | + | .nav-justified .nav-item { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | text-align: center |
| | + | } |
| | + | |
| | + | .tab-content > .tab-pane { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .tab-content > .active { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .navbar { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: justify; |
| | + | justify-content: space-between; |
| | + | padding: .5rem 1rem |
| | + | } |
| | + | |
| | + | .navbar > .container, .navbar > .container-fluid { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: justify; |
| | + | justify-content: space-between |
| | + | } |
| | + | |
| | + | .navbar-brand { |
| | + | display: inline-block; |
| | + | padding-top: .3125rem; |
| | + | padding-bottom: .3125rem; |
| | + | margin-right: 1rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: inherit; |
| | + | white-space: nowrap |
| | + | } |
| | + | |
| | + | .navbar-brand:focus, .navbar-brand:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .navbar-nav { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | 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: .5rem; |
| | + | padding-bottom: .5rem |
| | + | } |
| | + | |
| | + | .navbar-collapse { |
| | + | -ms-flex-preferred-size: 100%; |
| | + | flex-basis: 100%; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | -ms-flex-align: center; |
| | + | align-items: center |
| | + | } |
| | + | |
| | + | .navbar-toggler { |
| | + | padding: .25rem .75rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1; |
| | + | background-color: transparent; |
| | + | border: 1px solid transparent; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .navbar-toggler:focus, .navbar-toggler:hover { |
| | + | 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 { |
| | + | -ms-flex-flow: row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-collapse { |
| | + | display: -ms-flexbox !important; |
| | + | display: flex !important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 1199.98px) { |
| | + | .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { |
| | + | padding-right: 0; |
| | + | padding-left: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .navbar-expand-md { |
| | + | -ms-flex-flow: row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-collapse { |
| | + | display: -ms-flexbox !important; |
| | + | display: flex !important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | @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 { |
| | + | -ms-flex-flow: row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-collapse { |
| | + | display: -ms-flexbox !important; |
| | + | display: flex !important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | @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 { |
| | + | -ms-flex-flow: row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-collapse { |
| | + | display: -ms-flexbox !important; |
| | + | display: flex !important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | .navbar-expand { |
| | + | -ms-flex-flow: row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand > .container, .navbar-expand > .container-fluid { |
| | + | padding-right: 0; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand > .container, .navbar-expand > .container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-collapse { |
| | + | display: -ms-flexbox !important; |
| | + | display: flex !important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-brand { |
| | + | color: rgba(0, 0, 0, .9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { |
| | + | color: rgba(0, 0, 0, .9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .nav-link { |
| | + | color: rgba(0, 0, 0, .5) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { |
| | + | color: rgba(0, 0, 0, .7) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .nav-link.disabled { |
| | + | color: rgba(0, 0, 0, .3) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { |
| | + | color: rgba(0, 0, 0, .9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-toggler { |
| | + | color: rgba(0, 0, 0, .5); |
| | + | border-color: rgba(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, .5) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-text a { |
| | + | color: rgba(0, 0, 0, .9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { |
| | + | color: rgba(0, 0, 0, .9) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-brand { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .nav-link { |
| | + | color: rgba(255, 255, 255, .5) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { |
| | + | color: rgba(255, 255, 255, .75) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .nav-link.disabled { |
| | + | color: rgba(255, 255, 255, .25) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-toggler { |
| | + | color: rgba(255, 255, 255, .5); |
| | + | border-color: rgba(255, 255, 255, .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, .5) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-text a { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .card { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | min-width: 0; |
| | + | word-wrap: break-word; |
| | + | background-color: #fff; |
| | + | background-clip: border-box; |
| | + | border: 1px solid rgba(0, 0, 0, .125); |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .card > hr { |
| | + | margin-right: 0; |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .card > .list-group:first-child .list-group-item:first-child { |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .card > .list-group:last-child .list-group-item:last-child { |
| | + | border-bottom-right-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-body { |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | padding: 1.25rem |
| | + | } |
| | + | |
| | + | .card-title { |
| | + | margin-bottom: .75rem |
| | + | } |
| | + | |
| | + | .card-subtitle { |
| | + | margin-top: -.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: .75rem 1.25rem; |
| | + | margin-bottom: 0; |
| | + | background-color: rgba(0, 0, 0, .03); |
| | + | border-bottom: 1px solid rgba(0, 0, 0, .125) |
| | + | } |
| | + | |
| | + | .card-header:first-child { |
| | + | border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 |
| | + | } |
| | + | |
| | + | .card-header + .list-group .list-group-item:first-child { |
| | + | border-top: 0 |
| | + | } |
| | + | |
| | + | .card-footer { |
| | + | padding: .75rem 1.25rem; |
| | + | background-color: rgba(0, 0, 0, .03); |
| | + | border-top: 1px solid rgba(0, 0, 0, .125) |
| | + | } |
| | + | |
| | + | .card-footer:last-child { |
| | + | border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-header-tabs { |
| | + | margin-right: -.625rem; |
| | + | margin-bottom: -.75rem; |
| | + | margin-left: -.625rem; |
| | + | border-bottom: 0 |
| | + | } |
| | + | |
| | + | .card-header-pills { |
| | + | margin-right: -.625rem; |
| | + | margin-left: -.625rem |
| | + | } |
| | + | |
| | + | .card-img-overlay { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | padding: 1.25rem |
| | + | } |
| | + | |
| | + | .card-img { |
| | + | width: 100%; |
| | + | border-radius: calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-img-top { |
| | + | width: 100%; |
| | + | border-top-left-radius: calc(.25rem - 1px); |
| | + | border-top-right-radius: calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-img-bottom { |
| | + | width: 100%; |
| | + | border-bottom-right-radius: calc(.25rem - 1px); |
| | + | border-bottom-left-radius: calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-deck { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column |
| | + | } |
| | + | |
| | + | .card-deck .card { |
| | + | margin-bottom: 15px |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .card-deck { |
| | + | -ms-flex-flow: row wrap; |
| | + | flex-flow: row wrap; |
| | + | margin-right: -15px; |
| | + | margin-left: -15px |
| | + | } |
| | + | |
| | + | .card-deck .card { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex: 1 0 0%; |
| | + | flex: 1 0 0%; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | margin-right: 15px; |
| | + | margin-bottom: 0; |
| | + | margin-left: 15px |
| | + | } |
| | + | } |
| | + | |
| | + | .card-group { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column |
| | + | } |
| | + | |
| | + | .card-group > .card { |
| | + | margin-bottom: 15px |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .card-group { |
| | + | -ms-flex-flow: row wrap; |
| | + | flex-flow: row wrap |
| | + | } |
| | + | |
| | + | .card-group > .card { |
| | + | -ms-flex: 1 0 0%; |
| | + | 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-header, .card-group > .card:first-child .card-img-top { |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { |
| | + | 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-header, .card-group > .card:last-child .card-img-top { |
| | + | border-top-left-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group > .card:only-child { |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { |
| | + | border-bottom-right-radius: .25rem; |
| | + | border-bottom-left-radius: .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-footer, .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-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { |
| | + | border-radius: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | .card-columns .card { |
| | + | margin-bottom: .75rem |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .card-columns { |
| | + | -webkit-column-count: 3; |
| | + | -moz-column-count: 3; |
| | + | column-count: 3; |
| | + | -webkit-column-gap: 1.25rem; |
| | + | -moz-column-gap: 1.25rem; |
| | + | column-gap: 1.25rem; |
| | + | orphans: 1; |
| | + | widows: 1 |
| | + | } |
| | + | |
| | + | .card-columns .card { |
| | + | display: inline-block; |
| | + | width: 100% |
| | + | } |
| | + | } |
| | + | |
| | + | .accordion .card:not(:first-of-type):not(:last-of-type) { |
| | + | border-bottom: 0; |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .accordion .card:not(:first-of-type) .card-header:first-child { |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .accordion .card:first-of-type { |
| | + | border-bottom: 0; |
| | + | border-bottom-right-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .accordion .card:last-of-type { |
| | + | border-top-left-radius: 0; |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .breadcrumb { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | padding: .75rem 1rem; |
| | + | margin-bottom: 1rem; |
| | + | list-style: none; |
| | + | background-color: #e9ecef; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .breadcrumb-item + .breadcrumb-item { |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .breadcrumb-item + .breadcrumb-item::before { |
| | + | display: inline-block; |
| | + | padding-right: .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: -ms-flexbox; |
| | + | display: flex; |
| | + | padding-left: 0; |
| | + | list-style: none; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .page-link { |
| | + | position: relative; |
| | + | display: block; |
| | + | padding: .5rem .75rem; |
| | + | margin-left: -1px; |
| | + | line-height: 1.25; |
| | + | color: #007bff; |
| | + | background-color: #fff; |
| | + | border: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .page-link:hover { |
| | + | z-index: 2; |
| | + | color: #0056b3; |
| | + | text-decoration: none; |
| | + | background-color: #e9ecef; |
| | + | border-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .page-link:focus { |
| | + | z-index: 2; |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) |
| | + | } |
| | + | |
| | + | .page-link:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | .page-item:first-child .page-link { |
| | + | margin-left: 0; |
| | + | border-top-left-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .page-item:last-child .page-link { |
| | + | border-top-right-radius: .25rem; |
| | + | border-bottom-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .page-item.active .page-link { |
| | + | z-index: 1; |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .page-item.disabled .page-link { |
| | + | color: #6c757d; |
| | + | pointer-events: none; |
| | + | cursor: auto; |
| | + | background-color: #fff; |
| | + | border-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .pagination-lg .page-link { |
| | + | padding: .75rem 1.5rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .pagination-lg .page-item:first-child .page-link { |
| | + | border-top-left-radius: .3rem; |
| | + | border-bottom-left-radius: .3rem |
| | + | } |
| | + | |
| | + | .pagination-lg .page-item:last-child .page-link { |
| | + | border-top-right-radius: .3rem; |
| | + | border-bottom-right-radius: .3rem |
| | + | } |
| | + | |
| | + | .pagination-sm .page-link { |
| | + | padding: .25rem .5rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .pagination-sm .page-item:first-child .page-link { |
| | + | border-top-left-radius: .2rem; |
| | + | border-bottom-left-radius: .2rem |
| | + | } |
| | + | |
| | + | .pagination-sm .page-item:last-child .page-link { |
| | + | border-top-right-radius: .2rem; |
| | + | border-bottom-right-radius: .2rem |
| | + | } |
| | + | |
| | + | .badge { |
| | + | display: inline-block; |
| | + | padding: .25em .4em; |
| | + | font-size: 75%; |
| | + | font-weight: 700; |
| | + | line-height: 1; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | vertical-align: baseline; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .badge:empty { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .btn .badge { |
| | + | position: relative; |
| | + | top: -1px |
| | + | } |
| | + | |
| | + | .badge-pill { |
| | + | padding-right: .6em; |
| | + | padding-left: .6em; |
| | + | border-radius: 10rem |
| | + | } |
| | + | |
| | + | .badge-primary { |
| | + | color: #fff; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .badge-primary[href]:focus, .badge-primary[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #0062cc |
| | + | } |
| | + | |
| | + | .badge-secondary { |
| | + | color: #fff; |
| | + | background-color: #6c757d |
| | + | } |
| | + | |
| | + | .badge-secondary[href]:focus, .badge-secondary[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #545b62 |
| | + | } |
| | + | |
| | + | .badge-success { |
| | + | color: #fff; |
| | + | background-color: #28a745 |
| | + | } |
| | + | |
| | + | .badge-success[href]:focus, .badge-success[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #1e7e34 |
| | + | } |
| | + | |
| | + | .badge-info { |
| | + | color: #fff; |
| | + | background-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .badge-info[href]:focus, .badge-info[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #117a8b |
| | + | } |
| | + | |
| | + | .badge-warning { |
| | + | color: #212529; |
| | + | background-color: #ffc107 |
| | + | } |
| | + | |
| | + | .badge-warning[href]:focus, .badge-warning[href]:hover { |
| | + | color: #212529; |
| | + | text-decoration: none; |
| | + | background-color: #d39e00 |
| | + | } |
| | + | |
| | + | .badge-danger { |
| | + | color: #fff; |
| | + | background-color: #dc3545 |
| | + | } |
| | + | |
| | + | .badge-danger[href]:focus, .badge-danger[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #bd2130 |
| | + | } |
| | + | |
| | + | .badge-light { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .badge-light[href]:focus, .badge-light[href]:hover { |
| | + | color: #212529; |
| | + | text-decoration: none; |
| | + | background-color: #dae0e5 |
| | + | } |
| | + | |
| | + | .badge-dark { |
| | + | color: #fff; |
| | + | background-color: #343a40 |
| | + | } |
| | + | |
| | + | .badge-dark[href]:focus, .badge-dark[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #1d2124 |
| | + | } |
| | + | |
| | + | .jumbotron { |
| | + | padding: 2rem 1rem; |
| | + | margin-bottom: 2rem; |
| | + | background-color: #e9ecef; |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .jumbotron { |
| | + | padding: 4rem 2rem |
| | + | } |
| | + | } |
| | + | |
| | + | .jumbotron-fluid { |
| | + | padding-right: 0; |
| | + | padding-left: 0; |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .alert { |
| | + | position: relative; |
| | + | padding: .75rem 1.25rem; |
| | + | margin-bottom: 1rem; |
| | + | border: 1px solid transparent; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .alert-heading { |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | .alert-link { |
| | + | font-weight: 700 |
| | + | } |
| | + | |
| | + | .alert-dismissible { |
| | + | padding-right: 4rem |
| | + | } |
| | + | |
| | + | .alert-dismissible .close { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | padding: .75rem 1.25rem; |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | .alert-primary { |
| | + | color: #004085; |
| | + | background-color: #cce5ff; |
| | + | border-color: #b8daff |
| | + | } |
| | + | |
| | + | .alert-primary hr { |
| | + | border-top-color: #9fcdff |
| | + | } |
| | + | |
| | + | .alert-primary .alert-link { |
| | + | color: #002752 |
| | + | } |
| | + | |
| | + | .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: #155724; |
| | + | background-color: #d4edda; |
| | + | border-color: #c3e6cb |
| | + | } |
| | + | |
| | + | .alert-success hr { |
| | + | border-top-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .alert-success .alert-link { |
| | + | color: #0b2e13 |
| | + | } |
| | + | |
| | + | .alert-info { |
| | + | color: #0c5460; |
| | + | background-color: #d1ecf1; |
| | + | border-color: #bee5eb |
| | + | } |
| | + | |
| | + | .alert-info hr { |
| | + | border-top-color: #abdde5 |
| | + | } |
| | + | |
| | + | .alert-info .alert-link { |
| | + | color: #062c33 |
| | + | } |
| | + | |
| | + | .alert-warning { |
| | + | color: #856404; |
| | + | background-color: #fff3cd; |
| | + | border-color: #ffeeba |
| | + | } |
| | + | |
| | + | .alert-warning hr { |
| | + | border-top-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .alert-warning .alert-link { |
| | + | color: #533f03 |
| | + | } |
| | + | |
| | + | .alert-danger { |
| | + | color: #721c24; |
| | + | background-color: #f8d7da; |
| | + | border-color: #f5c6cb |
| | + | } |
| | + | |
| | + | .alert-danger hr { |
| | + | border-top-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .alert-danger .alert-link { |
| | + | color: #491217 |
| | + | } |
| | + | |
| | + | .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 |
| | + | } |
| | + | |
| | + | @-webkit-keyframes progress-bar-stripes { |
| | + | from { |
| | + | background-position: 1rem 0 |
| | + | } |
| | + | to { |
| | + | background-position: 0 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @keyframes progress-bar-stripes { |
| | + | from { |
| | + | background-position: 1rem 0 |
| | + | } |
| | + | to { |
| | + | background-position: 0 0 |
| | + | } |
| | + | } |
| | + | |
| | + | .progress { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | height: 1rem; |
| | + | overflow: hidden; |
| | + | font-size: .75rem; |
| | + | background-color: #e9ecef; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .progress-bar { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | color: #fff; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | background-color: #007bff; |
| | + | transition: width .6s ease |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .progress-bar { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .progress-bar-striped { |
| | + | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
| | + | background-size: 1rem 1rem |
| | + | } |
| | + | |
| | + | .progress-bar-animated { |
| | + | -webkit-animation: progress-bar-stripes 1s linear infinite; |
| | + | animation: progress-bar-stripes 1s linear infinite |
| | + | } |
| | + | |
| | + | .media { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: start; |
| | + | align-items: flex-start |
| | + | } |
| | + | |
| | + | .media-body { |
| | + | -ms-flex: 1; |
| | + | flex: 1 |
| | + | } |
| | + | |
| | + | .list-group { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | padding-left: 0; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .list-group-item-action { |
| | + | width: 100%; |
| | + | color: #495057; |
| | + | text-align: inherit |
| | + | } |
| | + | |
| | + | .list-group-item-action:focus, .list-group-item-action:hover { |
| | + | 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: .75rem 1.25rem; |
| | + | margin-bottom: -1px; |
| | + | background-color: #fff; |
| | + | border: 1px solid rgba(0, 0, 0, .125) |
| | + | } |
| | + | |
| | + | .list-group-item:first-child { |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .list-group-item:last-child { |
| | + | margin-bottom: 0; |
| | + | border-bottom-right-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .list-group-item:focus, .list-group-item:hover { |
| | + | z-index: 1; |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .list-group-item.disabled, .list-group-item:disabled { |
| | + | color: #6c757d; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .list-group-item.active { |
| | + | z-index: 2; |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .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: #004085; |
| | + | background-color: #b8daff |
| | + | } |
| | + | |
| | + | .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { |
| | + | color: #004085; |
| | + | background-color: #9fcdff |
| | + | } |
| | + | |
| | + | .list-group-item-primary.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #004085; |
| | + | border-color: #004085 |
| | + | } |
| | + | |
| | + | .list-group-item-secondary { |
| | + | color: #383d41; |
| | + | background-color: #d6d8db |
| | + | } |
| | + | |
| | + | .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { |
| | + | 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: #155724; |
| | + | background-color: #c3e6cb |
| | + | } |
| | + | |
| | + | .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { |
| | + | color: #155724; |
| | + | background-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .list-group-item-success.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #155724; |
| | + | border-color: #155724 |
| | + | } |
| | + | |
| | + | .list-group-item-info { |
| | + | color: #0c5460; |
| | + | background-color: #bee5eb |
| | + | } |
| | + | |
| | + | .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { |
| | + | color: #0c5460; |
| | + | background-color: #abdde5 |
| | + | } |
| | + | |
| | + | .list-group-item-info.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #0c5460; |
| | + | border-color: #0c5460 |
| | + | } |
| | + | |
| | + | .list-group-item-warning { |
| | + | color: #856404; |
| | + | background-color: #ffeeba |
| | + | } |
| | + | |
| | + | .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { |
| | + | color: #856404; |
| | + | background-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .list-group-item-warning.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #856404; |
| | + | border-color: #856404 |
| | + | } |
| | + | |
| | + | .list-group-item-danger { |
| | + | color: #721c24; |
| | + | background-color: #f5c6cb |
| | + | } |
| | + | |
| | + | .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { |
| | + | color: #721c24; |
| | + | background-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .list-group-item-danger.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #721c24; |
| | + | border-color: #721c24 |
| | + | } |
| | + | |
| | + | .list-group-item-light { |
| | + | color: #818182; |
| | + | background-color: #fdfdfe |
| | + | } |
| | + | |
| | + | .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { |
| | + | 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:focus, .list-group-item-dark.list-group-item-action:hover { |
| | + | 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: 700; |
| | + | line-height: 1; |
| | + | color: #000; |
| | + | text-shadow: 0 1px 0 #fff; |
| | + | opacity: .5 |
| | + | } |
| | + | |
| | + | .close:focus, .close:hover { |
| | + | color: #000; |
| | + | text-decoration: none; |
| | + | opacity: .75 |
| | + | } |
| | + | |
| | + | .close:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | button.close { |
| | + | padding: 0; |
| | + | background-color: transparent; |
| | + | border: 0; |
| | + | -webkit-appearance: none |
| | + | } |
| | + | |
| | + | .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: .5rem; |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .modal.fade .modal-dialog { |
| | + | transition: -webkit-transform .3s ease-out; |
| | + | transition: transform .3s ease-out; |
| | + | transition: transform .3s ease-out, -webkit-transform .3s ease-out; |
| | + | -webkit-transform: translate(0, -25%); |
| | + | transform: translate(0, -25%) |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .modal.fade .modal-dialog { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .modal.show .modal-dialog { |
| | + | -webkit-transform: translate(0, 0); |
| | + | transform: translate(0, 0) |
| | + | } |
| | + | |
| | + | .modal-dialog-centered { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | min-height: calc(100% - (.5rem * 2)) |
| | + | } |
| | + | |
| | + | .modal-content { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | width: 100%; |
| | + | pointer-events: auto; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid rgba(0, 0, 0, .2); |
| | + | border-radius: .3rem; |
| | + | outline: 0 |
| | + | } |
| | + | |
| | + | .modal-backdrop { |
| | + | position: fixed; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | z-index: 1040; |
| | + | background-color: #000 |
| | + | } |
| | + | |
| | + | .modal-backdrop.fade { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .modal-backdrop.show { |
| | + | opacity: .5 |
| | + | } |
| | + | |
| | + | .modal-header { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: start; |
| | + | align-items: flex-start; |
| | + | -ms-flex-pack: justify; |
| | + | justify-content: space-between; |
| | + | padding: 1rem; |
| | + | border-bottom: 1px solid #e9ecef; |
| | + | border-top-left-radius: .3rem; |
| | + | border-top-right-radius: .3rem |
| | + | } |
| | + | |
| | + | .modal-header .close { |
| | + | padding: 1rem; |
| | + | margin: -1rem -1rem -1rem auto |
| | + | } |
| | + | |
| | + | .modal-title { |
| | + | margin-bottom: 0; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .modal-body { |
| | + | position: relative; |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | padding: 1rem |
| | + | } |
| | + | |
| | + | .modal-footer { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: end; |
| | + | 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-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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; |
| | + | 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: .875rem; |
| | + | word-wrap: break-word; |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .tooltip.show { |
| | + | opacity: .9 |
| | + | } |
| | + | |
| | + | .tooltip .arrow { |
| | + | position: absolute; |
| | + | display: block; |
| | + | width: .8rem; |
| | + | height: .4rem |
| | + | } |
| | + | |
| | + | .tooltip .arrow::before { |
| | + | position: absolute; |
| | + | content: ""; |
| | + | border-color: transparent; |
| | + | border-style: solid |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { |
| | + | padding: .4rem 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { |
| | + | bottom: 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { |
| | + | top: 0; |
| | + | border-width: .4rem .4rem 0; |
| | + | border-top-color: #000 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { |
| | + | padding: 0 .4rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { |
| | + | left: 0; |
| | + | width: .4rem; |
| | + | height: .8rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { |
| | + | right: 0; |
| | + | border-width: .4rem .4rem .4rem 0; |
| | + | border-right-color: #000 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { |
| | + | padding: .4rem 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { |
| | + | top: 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { |
| | + | bottom: 0; |
| | + | border-width: 0 .4rem .4rem; |
| | + | border-bottom-color: #000 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { |
| | + | padding: 0 .4rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { |
| | + | right: 0; |
| | + | width: .4rem; |
| | + | height: .8rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { |
| | + | left: 0; |
| | + | border-width: .4rem 0 .4rem .4rem; |
| | + | border-left-color: #000 |
| | + | } |
| | + | |
| | + | .tooltip-inner { |
| | + | max-width: 200px; |
| | + | padding: .25rem .5rem; |
| | + | color: #fff; |
| | + | text-align: center; |
| | + | background-color: #000; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .popover { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | left: 0; |
| | + | z-index: 1060; |
| | + | display: block; |
| | + | max-width: 276px; |
| | + | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; |
| | + | 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: .875rem; |
| | + | word-wrap: break-word; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid rgba(0, 0, 0, .2); |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | .popover .arrow { |
| | + | position: absolute; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | height: .5rem; |
| | + | margin: 0 .3rem |
| | + | } |
| | + | |
| | + | .popover .arrow::after, .popover .arrow::before { |
| | + | position: absolute; |
| | + | display: block; |
| | + | content: ""; |
| | + | border-color: transparent; |
| | + | border-style: solid |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top], .bs-popover-top { |
| | + | margin-bottom: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { |
| | + | bottom: calc((.5rem + 1px) * -1) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { |
| | + | border-width: .5rem .5rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before { |
| | + | bottom: 0; |
| | + | border-top-color: rgba(0, 0, 0, .25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after { |
| | + | bottom: 1px; |
| | + | border-top-color: #fff |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right], .bs-popover-right { |
| | + | margin-left: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { |
| | + | left: calc((.5rem + 1px) * -1); |
| | + | width: .5rem; |
| | + | height: 1rem; |
| | + | margin: .3rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { |
| | + | border-width: .5rem .5rem .5rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before { |
| | + | left: 0; |
| | + | border-right-color: rgba(0, 0, 0, .25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after { |
| | + | left: 1px; |
| | + | border-right-color: #fff |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { |
| | + | margin-top: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { |
| | + | top: calc((.5rem + 1px) * -1) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { |
| | + | border-width: 0 .5rem .5rem .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before { |
| | + | top: 0; |
| | + | border-bottom-color: rgba(0, 0, 0, .25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after { |
| | + | top: 1px; |
| | + | border-bottom-color: #fff |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | left: 50%; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | margin-left: -.5rem; |
| | + | content: ""; |
| | + | border-bottom: 1px solid #f7f7f7 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left], .bs-popover-left { |
| | + | margin-right: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { |
| | + | right: calc((.5rem + 1px) * -1); |
| | + | width: .5rem; |
| | + | height: 1rem; |
| | + | margin: .3rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { |
| | + | border-width: .5rem 0 .5rem .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before { |
| | + | right: 0; |
| | + | border-left-color: rgba(0, 0, 0, .25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after { |
| | + | right: 1px; |
| | + | border-left-color: #fff |
| | + | } |
| | + | |
| | + | .popover-header { |
| | + | padding: .5rem .75rem; |
| | + | margin-bottom: 0; |
| | + | font-size: 1rem; |
| | + | color: inherit; |
| | + | background-color: #f7f7f7; |
| | + | border-bottom: 1px solid #ebebeb; |
| | + | border-top-left-radius: calc(.3rem - 1px); |
| | + | border-top-right-radius: calc(.3rem - 1px) |
| | + | } |
| | + | |
| | + | .popover-header:empty { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .popover-body { |
| | + | padding: .5rem .75rem; |
| | + | color: #212529 |
| | + | } |
| | + | |
| | + | .carousel { |
| | + | position: relative |
| | + | } |
| | + | |
| | + | .carousel-inner { |
| | + | position: relative; |
| | + | width: 100%; |
| | + | overflow: hidden |
| | + | } |
| | + | |
| | + | .carousel-item { |
| | + | position: relative; |
| | + | display: none; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | width: 100%; |
| | + | transition: -webkit-transform .6s ease; |
| | + | transition: transform .6s ease; |
| | + | transition: transform .6s ease, -webkit-transform .6s ease; |
| | + | -webkit-backface-visibility: hidden; |
| | + | backface-visibility: hidden; |
| | + | -webkit-perspective: 1000px; |
| | + | perspective: 1000px |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion: reduce) { |
| | + | .carousel-item { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .carousel-item-next, .carousel-item-prev, .carousel-item.active { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .carousel-item-next, .carousel-item-prev { |
| | + | position: absolute; |
| | + | top: 0 |
| | + | } |
| | + | |
| | + | .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { |
| | + | -webkit-transform: translateX(0); |
| | + | transform: translateX(0) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { |
| | + | -webkit-transform: translate3d(0, 0, 0); |
| | + | transform: translate3d(0, 0, 0) |
| | + | } |
| | + | } |
| | + | |
| | + | .active.carousel-item-right, .carousel-item-next { |
| | + | -webkit-transform: translateX(100%); |
| | + | transform: translateX(100%) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .active.carousel-item-right, .carousel-item-next { |
| | + | -webkit-transform: translate3d(100%, 0, 0); |
| | + | transform: translate3d(100%, 0, 0) |
| | + | } |
| | + | } |
| | + | |
| | + | .active.carousel-item-left, .carousel-item-prev { |
| | + | -webkit-transform: translateX(-100%); |
| | + | transform: translateX(-100%) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .active.carousel-item-left, .carousel-item-prev { |
| | + | -webkit-transform: translate3d(-100%, 0, 0); |
| | + | transform: translate3d(-100%, 0, 0) |
| | + | } |
| | + | } |
| | + | |
| | + | .carousel-fade .carousel-item { |
| | + | opacity: 0; |
| | + | transition-duration: .6s; |
| | + | transition-property: opacity |
| | + | } |
| | + | |
| | + | .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { |
| | + | -webkit-transform: translateX(0); |
| | + | transform: translateX(0) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { |
| | + | -webkit-transform: translate3d(0, 0, 0); |
| | + | transform: translate3d(0, 0, 0) |
| | + | } |
| | + | } |
| | + | |
| | + | .carousel-control-next, .carousel-control-prev { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | bottom: 0; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | width: 15%; |
| | + | color: #fff; |
| | + | text-align: center; |
| | + | opacity: .5 |
| | + | } |
| | + | |
| | + | .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | outline: 0; |
| | + | opacity: .9 |
| | + | } |
| | + | |
| | + | .carousel-control-prev { |
| | + | left: 0 |
| | + | } |
| | + | |
| | + | .carousel-control-next { |
| | + | right: 0 |
| | + | } |
| | + | |
| | + | .carousel-control-next-icon, .carousel-control-prev-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='%23fff' 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='%23fff' 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: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | padding-left: 0; |
| | + | margin-right: 15%; |
| | + | margin-left: 15%; |
| | + | list-style: none |
| | + | } |
| | + | |
| | + | .carousel-indicators li { |
| | + | position: relative; |
| | + | -ms-flex: 0 1 auto; |
| | + | flex: 0 1 auto; |
| | + | width: 30px; |
| | + | height: 3px; |
| | + | margin-right: 3px; |
| | + | margin-left: 3px; |
| | + | text-indent: -999px; |
| | + | background-color: rgba(255, 255, 255, .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: #fff |
| | + | } |
| | + | |
| | + | .carousel-caption { |
| | + | position: absolute; |
| | + | right: 15%; |
| | + | bottom: 20px; |
| | + | left: 15%; |
| | + | z-index: 10; |
| | + | padding-top: 20px; |
| | + | padding-bottom: 20px; |
| | + | color: #fff; |
| | + | text-align: center |
| | + | } |
| | + | |
| | + | .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: #007bff !important |
| | + | } |
| | + | |
| | + | a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { |
| | + | background-color: #0062cc !important |
| | + | } |
| | + | |
| | + | .bg-secondary { |
| | + | background-color: #6c757d !important |
| | + | } |
| | + | |
| | + | a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { |
| | + | background-color: #545b62 !important |
| | + | } |
| | + | |
| | + | .bg-success { |
| | + | background-color: #28a745 !important |
| | + | } |
| | + | |
| | + | a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { |
| | + | background-color: #1e7e34 !important |
| | + | } |
| | + | |
| | + | .bg-info { |
| | + | background-color: #17a2b8 !important |
| | + | } |
| | + | |
| | + | a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { |
| | + | background-color: #117a8b !important |
| | + | } |
| | + | |
| | + | .bg-warning { |
| | + | background-color: #ffc107 !important |
| | + | } |
| | + | |
| | + | a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { |
| | + | background-color: #d39e00 !important |
| | + | } |
| | + | |
| | + | .bg-danger { |
| | + | background-color: #dc3545 !important |
| | + | } |
| | + | |
| | + | a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { |
| | + | background-color: #bd2130 !important |
| | + | } |
| | + | |
| | + | .bg-light { |
| | + | background-color: #f8f9fa !important |
| | + | } |
| | + | |
| | + | a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { |
| | + | background-color: #dae0e5 !important |
| | + | } |
| | + | |
| | + | .bg-dark { |
| | + | background-color: #232323 !important |
| | + | } |
| | + | |
| | + | a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { |
| | + | background-color: #1d2124 !important |
| | + | } |
| | + | |
| | + | .bg-white { |
| | + | background-color: #fff !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: #007bff !important |
| | + | } |
| | + | |
| | + | .border-secondary { |
| | + | border-color: #6c757d !important |
| | + | } |
| | + | |
| | + | .border-success { |
| | + | border-color: #28a745 !important |
| | + | } |
| | + | |
| | + | .border-info { |
| | + | border-color: #17a2b8 !important |
| | + | } |
| | + | |
| | + | .border-warning { |
| | + | border-color: #ffc107 !important |
| | + | } |
| | + | |
| | + | .border-danger { |
| | + | border-color: #dc3545 !important |
| | + | } |
| | + | |
| | + | .border-light { |
| | + | border-color: #f8f9fa !important |
| | + | } |
| | + | |
| | + | .border-dark { |
| | + | border-color: #343a40 !important |
| | + | } |
| | + | |
| | + | .border-white { |
| | + | border-color: #fff !important |
| | + | } |
| | + | |
| | + | .rounded { |
| | + | border-radius: .25rem !important |
| | + | } |
| | + | |
| | + | .rounded-top { |
| | + | border-top-left-radius: .25rem !important; |
| | + | border-top-right-radius: .25rem !important |
| | + | } |
| | + | |
| | + | .rounded-right { |
| | + | border-top-right-radius: .25rem !important; |
| | + | border-bottom-right-radius: .25rem !important |
| | + | } |
| | + | |
| | + | .rounded-bottom { |
| | + | border-bottom-right-radius: .25rem !important; |
| | + | border-bottom-left-radius: .25rem !important |
| | + | } |
| | + | |
| | + | .rounded-left { |
| | + | border-top-left-radius: .25rem !important; |
| | + | border-bottom-left-radius: .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: -ms-flexbox !important; |
| | + | display: flex !important |
| | + | } |
| | + | |
| | + | .d-inline-flex { |
| | + | display: -ms-inline-flexbox !important; |
| | + | 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: -ms-flexbox !important; |
| | + | display: flex !important |
| | + | } |
| | + | |
| | + | .d-sm-inline-flex { |
| | + | display: -ms-inline-flexbox !important; |
| | + | 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: -ms-flexbox !important; |
| | + | display: flex !important |
| | + | } |
| | + | |
| | + | .d-md-inline-flex { |
| | + | display: -ms-inline-flexbox !important; |
| | + | 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: -ms-flexbox !important; |
| | + | display: flex !important |
| | + | } |
| | + | |
| | + | .d-lg-inline-flex { |
| | + | display: -ms-inline-flexbox !important; |
| | + | 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: -ms-flexbox !important; |
| | + | display: flex !important |
| | + | } |
| | + | |
| | + | .d-xl-inline-flex { |
| | + | display: -ms-inline-flexbox !important; |
| | + | 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: -ms-flexbox !important; |
| | + | display: flex !important |
| | + | } |
| | + | |
| | + | .d-print-inline-flex { |
| | + | display: -ms-inline-flexbox !important; |
| | + | 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 embed, .embed-responsive iframe, .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 { |
| | + | -ms-flex-direction: row !important; |
| | + | flex-direction: row !important |
| | + | } |
| | + | |
| | + | .flex-column { |
| | + | -ms-flex-direction: column !important; |
| | + | flex-direction: column !important |
| | + | } |
| | + | |
| | + | .flex-row-reverse { |
| | + | -ms-flex-direction: row-reverse !important; |
| | + | flex-direction: row-reverse !important |
| | + | } |
| | + | |
| | + | .flex-column-reverse { |
| | + | -ms-flex-direction: column-reverse !important; |
| | + | flex-direction: column-reverse !important |
| | + | } |
| | + | |
| | + | .flex-wrap { |
| | + | -ms-flex-wrap: wrap !important; |
| | + | flex-wrap: wrap !important |
| | + | } |
| | + | |
| | + | .flex-nowrap { |
| | + | -ms-flex-wrap: nowrap !important; |
| | + | flex-wrap: nowrap !important |
| | + | } |
| | + | |
| | + | .flex-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse !important; |
| | + | flex-wrap: wrap-reverse !important |
| | + | } |
| | + | |
| | + | .flex-fill { |
| | + | -ms-flex: 1 1 auto !important; |
| | + | flex: 1 1 auto !important |
| | + | } |
| | + | |
| | + | .flex-grow-0 { |
| | + | -ms-flex-positive: 0 !important; |
| | + | flex-grow: 0 !important |
| | + | } |
| | + | |
| | + | .flex-grow-1 { |
| | + | -ms-flex-positive: 1 !important; |
| | + | flex-grow: 1 !important |
| | + | } |
| | + | |
| | + | .flex-shrink-0 { |
| | + | -ms-flex-negative: 0 !important; |
| | + | flex-shrink: 0 !important |
| | + | } |
| | + | |
| | + | .flex-shrink-1 { |
| | + | -ms-flex-negative: 1 !important; |
| | + | flex-shrink: 1 !important |
| | + | } |
| | + | |
| | + | .justify-content-start { |
| | + | -ms-flex-pack: start !important; |
| | + | justify-content: flex-start !important |
| | + | } |
| | + | |
| | + | .justify-content-end { |
| | + | -ms-flex-pack: end !important; |
| | + | justify-content: flex-end !important |
| | + | } |
| | + | |
| | + | .justify-content-center { |
| | + | -ms-flex-pack: center !important; |
| | + | justify-content: center !important |
| | + | } |
| | + | |
| | + | .justify-content-between { |
| | + | -ms-flex-pack: justify !important; |
| | + | justify-content: space-between !important |
| | + | } |
| | + | |
| | + | .justify-content-around { |
| | + | -ms-flex-pack: distribute !important; |
| | + | justify-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-items-start { |
| | + | -ms-flex-align: start !important; |
| | + | align-items: flex-start !important |
| | + | } |
| | + | |
| | + | .align-items-end { |
| | + | -ms-flex-align: end !important; |
| | + | align-items: flex-end !important |
| | + | } |
| | + | |
| | + | .align-items-center { |
| | + | -ms-flex-align: center !important; |
| | + | align-items: center !important |
| | + | } |
| | + | |
| | + | .align-items-baseline { |
| | + | -ms-flex-align: baseline !important; |
| | + | align-items: baseline !important |
| | + | } |
| | + | |
| | + | .align-items-stretch { |
| | + | -ms-flex-align: stretch !important; |
| | + | align-items: stretch !important |
| | + | } |
| | + | |
| | + | .align-content-start { |
| | + | -ms-flex-line-pack: start !important; |
| | + | align-content: flex-start !important |
| | + | } |
| | + | |
| | + | .align-content-end { |
| | + | -ms-flex-line-pack: end !important; |
| | + | align-content: flex-end !important |
| | + | } |
| | + | |
| | + | .align-content-center { |
| | + | -ms-flex-line-pack: center !important; |
| | + | align-content: center !important |
| | + | } |
| | + | |
| | + | .align-content-between { |
| | + | -ms-flex-line-pack: justify !important; |
| | + | align-content: space-between !important |
| | + | } |
| | + | |
| | + | .align-content-around { |
| | + | -ms-flex-line-pack: distribute !important; |
| | + | align-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-content-stretch { |
| | + | -ms-flex-line-pack: stretch !important; |
| | + | align-content: stretch !important |
| | + | } |
| | + | |
| | + | .align-self-auto { |
| | + | -ms-flex-item-align: auto !important; |
| | + | align-self: auto !important |
| | + | } |
| | + | |
| | + | .align-self-start { |
| | + | -ms-flex-item-align: start !important; |
| | + | align-self: flex-start !important |
| | + | } |
| | + | |
| | + | .align-self-end { |
| | + | -ms-flex-item-align: end !important; |
| | + | align-self: flex-end !important |
| | + | } |
| | + | |
| | + | .align-self-center { |
| | + | -ms-flex-item-align: center !important; |
| | + | align-self: center !important |
| | + | } |
| | + | |
| | + | .align-self-baseline { |
| | + | -ms-flex-item-align: baseline !important; |
| | + | align-self: baseline !important |
| | + | } |
| | + | |
| | + | .align-self-stretch { |
| | + | -ms-flex-item-align: stretch !important; |
| | + | align-self: stretch !important |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .flex-sm-row { |
| | + | -ms-flex-direction: row !important; |
| | + | flex-direction: row !important |
| | + | } |
| | + | |
| | + | .flex-sm-column { |
| | + | -ms-flex-direction: column !important; |
| | + | flex-direction: column !important |
| | + | } |
| | + | |
| | + | .flex-sm-row-reverse { |
| | + | -ms-flex-direction: row-reverse !important; |
| | + | flex-direction: row-reverse !important |
| | + | } |
| | + | |
| | + | .flex-sm-column-reverse { |
| | + | -ms-flex-direction: column-reverse !important; |
| | + | flex-direction: column-reverse !important |
| | + | } |
| | + | |
| | + | .flex-sm-wrap { |
| | + | -ms-flex-wrap: wrap !important; |
| | + | flex-wrap: wrap !important |
| | + | } |
| | + | |
| | + | .flex-sm-nowrap { |
| | + | -ms-flex-wrap: nowrap !important; |
| | + | flex-wrap: nowrap !important |
| | + | } |
| | + | |
| | + | .flex-sm-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse !important; |
| | + | flex-wrap: wrap-reverse !important |
| | + | } |
| | + | |
| | + | .flex-sm-fill { |
| | + | -ms-flex: 1 1 auto !important; |
| | + | flex: 1 1 auto !important |
| | + | } |
| | + | |
| | + | .flex-sm-grow-0 { |
| | + | -ms-flex-positive: 0 !important; |
| | + | flex-grow: 0 !important |
| | + | } |
| | + | |
| | + | .flex-sm-grow-1 { |
| | + | -ms-flex-positive: 1 !important; |
| | + | flex-grow: 1 !important |
| | + | } |
| | + | |
| | + | .flex-sm-shrink-0 { |
| | + | -ms-flex-negative: 0 !important; |
| | + | flex-shrink: 0 !important |
| | + | } |
| | + | |
| | + | .flex-sm-shrink-1 { |
| | + | -ms-flex-negative: 1 !important; |
| | + | flex-shrink: 1 !important |
| | + | } |
| | + | |
| | + | .justify-content-sm-start { |
| | + | -ms-flex-pack: start !important; |
| | + | justify-content: flex-start !important |
| | + | } |
| | + | |
| | + | .justify-content-sm-end { |
| | + | -ms-flex-pack: end !important; |
| | + | justify-content: flex-end !important |
| | + | } |
| | + | |
| | + | .justify-content-sm-center { |
| | + | -ms-flex-pack: center !important; |
| | + | justify-content: center !important |
| | + | } |
| | + | |
| | + | .justify-content-sm-between { |
| | + | -ms-flex-pack: justify !important; |
| | + | justify-content: space-between !important |
| | + | } |
| | + | |
| | + | .justify-content-sm-around { |
| | + | -ms-flex-pack: distribute !important; |
| | + | justify-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-items-sm-start { |
| | + | -ms-flex-align: start !important; |
| | + | align-items: flex-start !important |
| | + | } |
| | + | |
| | + | .align-items-sm-end { |
| | + | -ms-flex-align: end !important; |
| | + | align-items: flex-end !important |
| | + | } |
| | + | |
| | + | .align-items-sm-center { |
| | + | -ms-flex-align: center !important; |
| | + | align-items: center !important |
| | + | } |
| | + | |
| | + | .align-items-sm-baseline { |
| | + | -ms-flex-align: baseline !important; |
| | + | align-items: baseline !important |
| | + | } |
| | + | |
| | + | .align-items-sm-stretch { |
| | + | -ms-flex-align: stretch !important; |
| | + | align-items: stretch !important |
| | + | } |
| | + | |
| | + | .align-content-sm-start { |
| | + | -ms-flex-line-pack: start !important; |
| | + | align-content: flex-start !important |
| | + | } |
| | + | |
| | + | .align-content-sm-end { |
| | + | -ms-flex-line-pack: end !important; |
| | + | align-content: flex-end !important |
| | + | } |
| | + | |
| | + | .align-content-sm-center { |
| | + | -ms-flex-line-pack: center !important; |
| | + | align-content: center !important |
| | + | } |
| | + | |
| | + | .align-content-sm-between { |
| | + | -ms-flex-line-pack: justify !important; |
| | + | align-content: space-between !important |
| | + | } |
| | + | |
| | + | .align-content-sm-around { |
| | + | -ms-flex-line-pack: distribute !important; |
| | + | align-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-content-sm-stretch { |
| | + | -ms-flex-line-pack: stretch !important; |
| | + | align-content: stretch !important |
| | + | } |
| | + | |
| | + | .align-self-sm-auto { |
| | + | -ms-flex-item-align: auto !important; |
| | + | align-self: auto !important |
| | + | } |
| | + | |
| | + | .align-self-sm-start { |
| | + | -ms-flex-item-align: start !important; |
| | + | align-self: flex-start !important |
| | + | } |
| | + | |
| | + | .align-self-sm-end { |
| | + | -ms-flex-item-align: end !important; |
| | + | align-self: flex-end !important |
| | + | } |
| | + | |
| | + | .align-self-sm-center { |
| | + | -ms-flex-item-align: center !important; |
| | + | align-self: center !important |
| | + | } |
| | + | |
| | + | .align-self-sm-baseline { |
| | + | -ms-flex-item-align: baseline !important; |
| | + | align-self: baseline !important |
| | + | } |
| | + | |
| | + | .align-self-sm-stretch { |
| | + | -ms-flex-item-align: stretch !important; |
| | + | align-self: stretch !important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .flex-md-row { |
| | + | -ms-flex-direction: row !important; |
| | + | flex-direction: row !important |
| | + | } |
| | + | |
| | + | .flex-md-column { |
| | + | -ms-flex-direction: column !important; |
| | + | flex-direction: column !important |
| | + | } |
| | + | |
| | + | .flex-md-row-reverse { |
| | + | -ms-flex-direction: row-reverse !important; |
| | + | flex-direction: row-reverse !important |
| | + | } |
| | + | |
| | + | .flex-md-column-reverse { |
| | + | -ms-flex-direction: column-reverse !important; |
| | + | flex-direction: column-reverse !important |
| | + | } |
| | + | |
| | + | .flex-md-wrap { |
| | + | -ms-flex-wrap: wrap !important; |
| | + | flex-wrap: wrap !important |
| | + | } |
| | + | |
| | + | .flex-md-nowrap { |
| | + | -ms-flex-wrap: nowrap !important; |
| | + | flex-wrap: nowrap !important |
| | + | } |
| | + | |
| | + | .flex-md-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse !important; |
| | + | flex-wrap: wrap-reverse !important |
| | + | } |
| | + | |
| | + | .flex-md-fill { |
| | + | -ms-flex: 1 1 auto !important; |
| | + | flex: 1 1 auto !important |
| | + | } |
| | + | |
| | + | .flex-md-grow-0 { |
| | + | -ms-flex-positive: 0 !important; |
| | + | flex-grow: 0 !important |
| | + | } |
| | + | |
| | + | .flex-md-grow-1 { |
| | + | -ms-flex-positive: 1 !important; |
| | + | flex-grow: 1 !important |
| | + | } |
| | + | |
| | + | .flex-md-shrink-0 { |
| | + | -ms-flex-negative: 0 !important; |
| | + | flex-shrink: 0 !important |
| | + | } |
| | + | |
| | + | .flex-md-shrink-1 { |
| | + | -ms-flex-negative: 1 !important; |
| | + | flex-shrink: 1 !important |
| | + | } |
| | + | |
| | + | .justify-content-md-start { |
| | + | -ms-flex-pack: start !important; |
| | + | justify-content: flex-start !important |
| | + | } |
| | + | |
| | + | .justify-content-md-end { |
| | + | -ms-flex-pack: end !important; |
| | + | justify-content: flex-end !important |
| | + | } |
| | + | |
| | + | .justify-content-md-center { |
| | + | -ms-flex-pack: center !important; |
| | + | justify-content: center !important |
| | + | } |
| | + | |
| | + | .justify-content-md-between { |
| | + | -ms-flex-pack: justify !important; |
| | + | justify-content: space-between !important |
| | + | } |
| | + | |
| | + | .justify-content-md-around { |
| | + | -ms-flex-pack: distribute !important; |
| | + | justify-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-items-md-start { |
| | + | -ms-flex-align: start !important; |
| | + | align-items: flex-start !important |
| | + | } |
| | + | |
| | + | .align-items-md-end { |
| | + | -ms-flex-align: end !important; |
| | + | align-items: flex-end !important |
| | + | } |
| | + | |
| | + | .align-items-md-center { |
| | + | -ms-flex-align: center !important; |
| | + | align-items: center !important |
| | + | } |
| | + | |
| | + | .align-items-md-baseline { |
| | + | -ms-flex-align: baseline !important; |
| | + | align-items: baseline !important |
| | + | } |
| | + | |
| | + | .align-items-md-stretch { |
| | + | -ms-flex-align: stretch !important; |
| | + | align-items: stretch !important |
| | + | } |
| | + | |
| | + | .align-content-md-start { |
| | + | -ms-flex-line-pack: start !important; |
| | + | align-content: flex-start !important |
| | + | } |
| | + | |
| | + | .align-content-md-end { |
| | + | -ms-flex-line-pack: end !important; |
| | + | align-content: flex-end !important |
| | + | } |
| | + | |
| | + | .align-content-md-center { |
| | + | -ms-flex-line-pack: center !important; |
| | + | align-content: center !important |
| | + | } |
| | + | |
| | + | .align-content-md-between { |
| | + | -ms-flex-line-pack: justify !important; |
| | + | align-content: space-between !important |
| | + | } |
| | + | |
| | + | .align-content-md-around { |
| | + | -ms-flex-line-pack: distribute !important; |
| | + | align-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-content-md-stretch { |
| | + | -ms-flex-line-pack: stretch !important; |
| | + | align-content: stretch !important |
| | + | } |
| | + | |
| | + | .align-self-md-auto { |
| | + | -ms-flex-item-align: auto !important; |
| | + | align-self: auto !important |
| | + | } |
| | + | |
| | + | .align-self-md-start { |
| | + | -ms-flex-item-align: start !important; |
| | + | align-self: flex-start !important |
| | + | } |
| | + | |
| | + | .align-self-md-end { |
| | + | -ms-flex-item-align: end !important; |
| | + | align-self: flex-end !important |
| | + | } |
| | + | |
| | + | .align-self-md-center { |
| | + | -ms-flex-item-align: center !important; |
| | + | align-self: center !important |
| | + | } |
| | + | |
| | + | .align-self-md-baseline { |
| | + | -ms-flex-item-align: baseline !important; |
| | + | align-self: baseline !important |
| | + | } |
| | + | |
| | + | .align-self-md-stretch { |
| | + | -ms-flex-item-align: stretch !important; |
| | + | align-self: stretch !important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .flex-lg-row { |
| | + | -ms-flex-direction: row !important; |
| | + | flex-direction: row !important |
| | + | } |
| | + | |
| | + | .flex-lg-column { |
| | + | -ms-flex-direction: column !important; |
| | + | flex-direction: column !important |
| | + | } |
| | + | |
| | + | .flex-lg-row-reverse { |
| | + | -ms-flex-direction: row-reverse !important; |
| | + | flex-direction: row-reverse !important |
| | + | } |
| | + | |
| | + | .flex-lg-column-reverse { |
| | + | -ms-flex-direction: column-reverse !important; |
| | + | flex-direction: column-reverse !important |
| | + | } |
| | + | |
| | + | .flex-lg-wrap { |
| | + | -ms-flex-wrap: wrap !important; |
| | + | flex-wrap: wrap !important |
| | + | } |
| | + | |
| | + | .flex-lg-nowrap { |
| | + | -ms-flex-wrap: nowrap !important; |
| | + | flex-wrap: nowrap !important |
| | + | } |
| | + | |
| | + | .flex-lg-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse !important; |
| | + | flex-wrap: wrap-reverse !important |
| | + | } |
| | + | |
| | + | .flex-lg-fill { |
| | + | -ms-flex: 1 1 auto !important; |
| | + | flex: 1 1 auto !important |
| | + | } |
| | + | |
| | + | .flex-lg-grow-0 { |
| | + | -ms-flex-positive: 0 !important; |
| | + | flex-grow: 0 !important |
| | + | } |
| | + | |
| | + | .flex-lg-grow-1 { |
| | + | -ms-flex-positive: 1 !important; |
| | + | flex-grow: 1 !important |
| | + | } |
| | + | |
| | + | .flex-lg-shrink-0 { |
| | + | -ms-flex-negative: 0 !important; |
| | + | flex-shrink: 0 !important |
| | + | } |
| | + | |
| | + | .flex-lg-shrink-1 { |
| | + | -ms-flex-negative: 1 !important; |
| | + | flex-shrink: 1 !important |
| | + | } |
| | + | |
| | + | .justify-content-lg-start { |
| | + | -ms-flex-pack: start !important; |
| | + | justify-content: flex-start !important |
| | + | } |
| | + | |
| | + | .justify-content-lg-end { |
| | + | -ms-flex-pack: end !important; |
| | + | justify-content: flex-end !important |
| | + | } |
| | + | |
| | + | .justify-content-lg-center { |
| | + | -ms-flex-pack: center !important; |
| | + | justify-content: center !important |
| | + | } |
| | + | |
| | + | .justify-content-lg-between { |
| | + | -ms-flex-pack: justify !important; |
| | + | justify-content: space-between !important |
| | + | } |
| | + | |
| | + | .justify-content-lg-around { |
| | + | -ms-flex-pack: distribute !important; |
| | + | justify-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-items-lg-start { |
| | + | -ms-flex-align: start !important; |
| | + | align-items: flex-start !important |
| | + | } |
| | + | |
| | + | .align-items-lg-end { |
| | + | -ms-flex-align: end !important; |
| | + | align-items: flex-end !important |
| | + | } |
| | + | |
| | + | .align-items-lg-center { |
| | + | -ms-flex-align: center !important; |
| | + | align-items: center !important |
| | + | } |
| | + | |
| | + | .align-items-lg-baseline { |
| | + | -ms-flex-align: baseline !important; |
| | + | align-items: baseline !important |
| | + | } |
| | + | |
| | + | .align-items-lg-stretch { |
| | + | -ms-flex-align: stretch !important; |
| | + | align-items: stretch !important |
| | + | } |
| | + | |
| | + | .align-content-lg-start { |
| | + | -ms-flex-line-pack: start !important; |
| | + | align-content: flex-start !important |
| | + | } |
| | + | |
| | + | .align-content-lg-end { |
| | + | -ms-flex-line-pack: end !important; |
| | + | align-content: flex-end !important |
| | + | } |
| | + | |
| | + | .align-content-lg-center { |
| | + | -ms-flex-line-pack: center !important; |
| | + | align-content: center !important |
| | + | } |
| | + | |
| | + | .align-content-lg-between { |
| | + | -ms-flex-line-pack: justify !important; |
| | + | align-content: space-between !important |
| | + | } |
| | + | |
| | + | .align-content-lg-around { |
| | + | -ms-flex-line-pack: distribute !important; |
| | + | align-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-content-lg-stretch { |
| | + | -ms-flex-line-pack: stretch !important; |
| | + | align-content: stretch !important |
| | + | } |
| | + | |
| | + | .align-self-lg-auto { |
| | + | -ms-flex-item-align: auto !important; |
| | + | align-self: auto !important |
| | + | } |
| | + | |
| | + | .align-self-lg-start { |
| | + | -ms-flex-item-align: start !important; |
| | + | align-self: flex-start !important |
| | + | } |
| | + | |
| | + | .align-self-lg-end { |
| | + | -ms-flex-item-align: end !important; |
| | + | align-self: flex-end !important |
| | + | } |
| | + | |
| | + | .align-self-lg-center { |
| | + | -ms-flex-item-align: center !important; |
| | + | align-self: center !important |
| | + | } |
| | + | |
| | + | .align-self-lg-baseline { |
| | + | -ms-flex-item-align: baseline !important; |
| | + | align-self: baseline !important |
| | + | } |
| | + | |
| | + | .align-self-lg-stretch { |
| | + | -ms-flex-item-align: stretch !important; |
| | + | align-self: stretch !important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .flex-xl-row { |
| | + | -ms-flex-direction: row !important; |
| | + | flex-direction: row !important |
| | + | } |
| | + | |
| | + | .flex-xl-column { |
| | + | -ms-flex-direction: column !important; |
| | + | flex-direction: column !important |
| | + | } |
| | + | |
| | + | .flex-xl-row-reverse { |
| | + | -ms-flex-direction: row-reverse !important; |
| | + | flex-direction: row-reverse !important |
| | + | } |
| | + | |
| | + | .flex-xl-column-reverse { |
| | + | -ms-flex-direction: column-reverse !important; |
| | + | flex-direction: column-reverse !important |
| | + | } |
| | + | |
| | + | .flex-xl-wrap { |
| | + | -ms-flex-wrap: wrap !important; |
| | + | flex-wrap: wrap !important |
| | + | } |
| | + | |
| | + | .flex-xl-nowrap { |
| | + | -ms-flex-wrap: nowrap !important; |
| | + | flex-wrap: nowrap !important |
| | + | } |
| | + | |
| | + | .flex-xl-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse !important; |
| | + | flex-wrap: wrap-reverse !important |
| | + | } |
| | + | |
| | + | .flex-xl-fill { |
| | + | -ms-flex: 1 1 auto !important; |
| | + | flex: 1 1 auto !important |
| | + | } |
| | + | |
| | + | .flex-xl-grow-0 { |
| | + | -ms-flex-positive: 0 !important; |
| | + | flex-grow: 0 !important |
| | + | } |
| | + | |
| | + | .flex-xl-grow-1 { |
| | + | -ms-flex-positive: 1 !important; |
| | + | flex-grow: 1 !important |
| | + | } |
| | + | |
| | + | .flex-xl-shrink-0 { |
| | + | -ms-flex-negative: 0 !important; |
| | + | flex-shrink: 0 !important |
| | + | } |
| | + | |
| | + | .flex-xl-shrink-1 { |
| | + | -ms-flex-negative: 1 !important; |
| | + | flex-shrink: 1 !important |
| | + | } |
| | + | |
| | + | .justify-content-xl-start { |
| | + | -ms-flex-pack: start !important; |
| | + | justify-content: flex-start !important |
| | + | } |
| | + | |
| | + | .justify-content-xl-end { |
| | + | -ms-flex-pack: end !important; |
| | + | justify-content: flex-end !important |
| | + | } |
| | + | |
| | + | .justify-content-xl-center { |
| | + | -ms-flex-pack: center !important; |
| | + | justify-content: center !important |
| | + | } |
| | + | |
| | + | .justify-content-xl-between { |
| | + | -ms-flex-pack: justify !important; |
| | + | justify-content: space-between !important |
| | + | } |
| | + | |
| | + | .justify-content-xl-around { |
| | + | -ms-flex-pack: distribute !important; |
| | + | justify-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-items-xl-start { |
| | + | -ms-flex-align: start !important; |
| | + | align-items: flex-start !important |
| | + | } |
| | + | |
| | + | .align-items-xl-end { |
| | + | -ms-flex-align: end !important; |
| | + | align-items: flex-end !important |
| | + | } |
| | + | |
| | + | .align-items-xl-center { |
| | + | -ms-flex-align: center !important; |
| | + | align-items: center !important |
| | + | } |
| | + | |
| | + | .align-items-xl-baseline { |
| | + | -ms-flex-align: baseline !important; |
| | + | align-items: baseline !important |
| | + | } |
| | + | |
| | + | .align-items-xl-stretch { |
| | + | -ms-flex-align: stretch !important; |
| | + | align-items: stretch !important |
| | + | } |
| | + | |
| | + | .align-content-xl-start { |
| | + | -ms-flex-line-pack: start !important; |
| | + | align-content: flex-start !important |
| | + | } |
| | + | |
| | + | .align-content-xl-end { |
| | + | -ms-flex-line-pack: end !important; |
| | + | align-content: flex-end !important |
| | + | } |
| | + | |
| | + | .align-content-xl-center { |
| | + | -ms-flex-line-pack: center !important; |
| | + | align-content: center !important |
| | + | } |
| | + | |
| | + | .align-content-xl-between { |
| | + | -ms-flex-line-pack: justify !important; |
| | + | align-content: space-between !important |
| | + | } |
| | + | |
| | + | .align-content-xl-around { |
| | + | -ms-flex-line-pack: distribute !important; |
| | + | align-content: space-around !important |
| | + | } |
| | + | |
| | + | .align-content-xl-stretch { |
| | + | -ms-flex-line-pack: stretch !important; |
| | + | align-content: stretch !important |
| | + | } |
| | + | |
| | + | .align-self-xl-auto { |
| | + | -ms-flex-item-align: auto !important; |
| | + | align-self: auto !important |
| | + | } |
| | + | |
| | + | .align-self-xl-start { |
| | + | -ms-flex-item-align: start !important; |
| | + | align-self: flex-start !important |
| | + | } |
| | + | |
| | + | .align-self-xl-end { |
| | + | -ms-flex-item-align: end !important; |
| | + | align-self: flex-end !important |
| | + | } |
| | + | |
| | + | .align-self-xl-center { |
| | + | -ms-flex-item-align: center !important; |
| | + | align-self: center !important |
| | + | } |
| | + | |
| | + | .align-self-xl-baseline { |
| | + | -ms-flex-item-align: baseline !important; |
| | + | align-self: baseline !important |
| | + | } |
| | + | |
| | + | .align-self-xl-stretch { |
| | + | -ms-flex-item-align: stretch !important; |
| | + | 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: -webkit-sticky !important; |
| | + | 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:-webkit-sticky) or (position:sticky)) { |
| | + | .sticky-top { |
| | + | position: -webkit-sticky; |
| | + | position: sticky; |
| | + | top: 0; |
| | + | z-index: 1020 |
| | + | } |
| | + | } |
| | + | |
| | + | .sr-only { |
| | + | position: absolute; |
| | + | width: 1px; |
| | + | height: 1px; |
| | + | padding: 0; |
| | + | overflow: hidden; |
| | + | clip: rect(0, 0, 0, 0); |
| | + | white-space: nowrap; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .sr-only-focusable:active, .sr-only-focusable:focus { |
| | + | position: static; |
| | + | width: auto; |
| | + | height: auto; |
| | + | overflow: visible; |
| | + | clip: auto; |
| | + | white-space: normal |
| | + | } |
| | + | |
| | + | .shadow-sm { |
| | + | box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important |
| | + | } |
| | + | |
| | + | .shadow { |
| | + | box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important |
| | + | } |
| | + | |
| | + | .shadow-lg { |
| | + | box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important |
| | + | } |
| | + | |
| | + | .shadow-none { |
| | + | box-shadow: none !important |
| | + | } |
| | + | |
| | + | .w-25 { |
| | + | width: 25% !important |
| | + | } |
| | + | |
| | + | .w-50 { |
| | + | width: 50% !important |
| | + | } |
| | + | |
| | + | .w-75 { |
| | + | width: 75% !important |
| | + | } |
| | + | |
| | + | .w-100 { |
| | + | width: 100% !important |
| | + | } |
| | + | |
| | + | .w-auto { |
| | + | width: auto !important |
| | + | } |
| | + | |
| | + | .h-25 { |
| | + | height: 25% !important |
| | + | } |
| | + | |
| | + | .h-50 { |
| | + | height: 50% !important |
| | + | } |
| | + | |
| | + | .h-75 { |
| | + | height: 75% !important |
| | + | } |
| | + | |
| | + | .h-100 { |
| | + | height: 100% !important |
| | + | } |
| | + | |
| | + | .h-auto { |
| | + | height: auto !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: .25rem !important |
| | + | } |
| | + | |
| | + | .mt-1, .my-1 { |
| | + | margin-top: .25rem !important |
| | + | } |
| | + | |
| | + | .mr-1, .mx-1 { |
| | + | margin-right: .25rem !important |
| | + | } |
| | + | |
| | + | .mb-1, .my-1 { |
| | + | margin-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .ml-1, .mx-1 { |
| | + | margin-left: .25rem !important |
| | + | } |
| | + | |
| | + | .m-2 { |
| | + | margin: .5rem !important |
| | + | } |
| | + | |
| | + | .mt-2, .my-2 { |
| | + | margin-top: .5rem !important |
| | + | } |
| | + | |
| | + | .mr-2, .mx-2 { |
| | + | margin-right: .5rem !important |
| | + | } |
| | + | |
| | + | .mb-2, .my-2 { |
| | + | margin-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .ml-2, .mx-2 { |
| | + | margin-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .pt-1, .py-1 { |
| | + | padding-top: .25rem !important |
| | + | } |
| | + | |
| | + | .pr-1, .px-1 { |
| | + | padding-right: .25rem !important |
| | + | } |
| | + | |
| | + | .pb-1, .py-1 { |
| | + | padding-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .pl-1, .px-1 { |
| | + | padding-left: .25rem !important |
| | + | } |
| | + | |
| | + | .p-2 { |
| | + | padding: .5rem !important |
| | + | } |
| | + | |
| | + | .pt-2, .py-2 { |
| | + | padding-top: .5rem !important |
| | + | } |
| | + | |
| | + | .pr-2, .px-2 { |
| | + | padding-right: .5rem !important |
| | + | } |
| | + | |
| | + | .pb-2, .py-2 { |
| | + | padding-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .pl-2, .px-2 { |
| | + | padding-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .mt-sm-1, .my-sm-1 { |
| | + | margin-top: .25rem !important |
| | + | } |
| | + | |
| | + | .mr-sm-1, .mx-sm-1 { |
| | + | margin-right: .25rem !important |
| | + | } |
| | + | |
| | + | .mb-sm-1, .my-sm-1 { |
| | + | margin-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .ml-sm-1, .mx-sm-1 { |
| | + | margin-left: .25rem !important |
| | + | } |
| | + | |
| | + | .m-sm-2 { |
| | + | margin: .5rem !important |
| | + | } |
| | + | |
| | + | .mt-sm-2, .my-sm-2 { |
| | + | margin-top: .5rem !important |
| | + | } |
| | + | |
| | + | .mr-sm-2, .mx-sm-2 { |
| | + | margin-right: .5rem !important |
| | + | } |
| | + | |
| | + | .mb-sm-2, .my-sm-2 { |
| | + | margin-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .ml-sm-2, .mx-sm-2 { |
| | + | margin-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .pt-sm-1, .py-sm-1 { |
| | + | padding-top: .25rem !important |
| | + | } |
| | + | |
| | + | .pr-sm-1, .px-sm-1 { |
| | + | padding-right: .25rem !important |
| | + | } |
| | + | |
| | + | .pb-sm-1, .py-sm-1 { |
| | + | padding-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .pl-sm-1, .px-sm-1 { |
| | + | padding-left: .25rem !important |
| | + | } |
| | + | |
| | + | .p-sm-2 { |
| | + | padding: .5rem !important |
| | + | } |
| | + | |
| | + | .pt-sm-2, .py-sm-2 { |
| | + | padding-top: .5rem !important |
| | + | } |
| | + | |
| | + | .pr-sm-2, .px-sm-2 { |
| | + | padding-right: .5rem !important |
| | + | } |
| | + | |
| | + | .pb-sm-2, .py-sm-2 { |
| | + | padding-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .pl-sm-2, .px-sm-2 { |
| | + | padding-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .mt-md-1, .my-md-1 { |
| | + | margin-top: .25rem !important |
| | + | } |
| | + | |
| | + | .mr-md-1, .mx-md-1 { |
| | + | margin-right: .25rem !important |
| | + | } |
| | + | |
| | + | .mb-md-1, .my-md-1 { |
| | + | margin-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .ml-md-1, .mx-md-1 { |
| | + | margin-left: .25rem !important |
| | + | } |
| | + | |
| | + | .m-md-2 { |
| | + | margin: .5rem !important |
| | + | } |
| | + | |
| | + | .mt-md-2, .my-md-2 { |
| | + | margin-top: .5rem !important |
| | + | } |
| | + | |
| | + | .mr-md-2, .mx-md-2 { |
| | + | margin-right: .5rem !important |
| | + | } |
| | + | |
| | + | .mb-md-2, .my-md-2 { |
| | + | margin-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .ml-md-2, .mx-md-2 { |
| | + | margin-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .pt-md-1, .py-md-1 { |
| | + | padding-top: .25rem !important |
| | + | } |
| | + | |
| | + | .pr-md-1, .px-md-1 { |
| | + | padding-right: .25rem !important |
| | + | } |
| | + | |
| | + | .pb-md-1, .py-md-1 { |
| | + | padding-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .pl-md-1, .px-md-1 { |
| | + | padding-left: .25rem !important |
| | + | } |
| | + | |
| | + | .p-md-2 { |
| | + | padding: .5rem !important |
| | + | } |
| | + | |
| | + | .pt-md-2, .py-md-2 { |
| | + | padding-top: .5rem !important |
| | + | } |
| | + | |
| | + | .pr-md-2, .px-md-2 { |
| | + | padding-right: .5rem !important |
| | + | } |
| | + | |
| | + | .pb-md-2, .py-md-2 { |
| | + | padding-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .pl-md-2, .px-md-2 { |
| | + | padding-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .mt-lg-1, .my-lg-1 { |
| | + | margin-top: .25rem !important |
| | + | } |
| | + | |
| | + | .mr-lg-1, .mx-lg-1 { |
| | + | margin-right: .25rem !important |
| | + | } |
| | + | |
| | + | .mb-lg-1, .my-lg-1 { |
| | + | margin-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .ml-lg-1, .mx-lg-1 { |
| | + | margin-left: .25rem !important |
| | + | } |
| | + | |
| | + | .m-lg-2 { |
| | + | margin: .5rem !important |
| | + | } |
| | + | |
| | + | .mt-lg-2, .my-lg-2 { |
| | + | margin-top: .5rem !important |
| | + | } |
| | + | |
| | + | .mr-lg-2, .mx-lg-2 { |
| | + | margin-right: .5rem !important |
| | + | } |
| | + | |
| | + | .mb-lg-2, .my-lg-2 { |
| | + | margin-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .ml-lg-2, .mx-lg-2 { |
| | + | margin-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .pt-lg-1, .py-lg-1 { |
| | + | padding-top: .25rem !important |
| | + | } |
| | + | |
| | + | .pr-lg-1, .px-lg-1 { |
| | + | padding-right: .25rem !important |
| | + | } |
| | + | |
| | + | .pb-lg-1, .py-lg-1 { |
| | + | padding-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .pl-lg-1, .px-lg-1 { |
| | + | padding-left: .25rem !important |
| | + | } |
| | + | |
| | + | .p-lg-2 { |
| | + | padding: .5rem !important |
| | + | } |
| | + | |
| | + | .pt-lg-2, .py-lg-2 { |
| | + | padding-top: .5rem !important |
| | + | } |
| | + | |
| | + | .pr-lg-2, .px-lg-2 { |
| | + | padding-right: .5rem !important |
| | + | } |
| | + | |
| | + | .pb-lg-2, .py-lg-2 { |
| | + | padding-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .pl-lg-2, .px-lg-2 { |
| | + | padding-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .mt-xl-1, .my-xl-1 { |
| | + | margin-top: .25rem !important |
| | + | } |
| | + | |
| | + | .mr-xl-1, .mx-xl-1 { |
| | + | margin-right: .25rem !important |
| | + | } |
| | + | |
| | + | .mb-xl-1, .my-xl-1 { |
| | + | margin-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .ml-xl-1, .mx-xl-1 { |
| | + | margin-left: .25rem !important |
| | + | } |
| | + | |
| | + | .m-xl-2 { |
| | + | margin: .5rem !important |
| | + | } |
| | + | |
| | + | .mt-xl-2, .my-xl-2 { |
| | + | margin-top: .5rem !important |
| | + | } |
| | + | |
| | + | .mr-xl-2, .mx-xl-2 { |
| | + | margin-right: .5rem !important |
| | + | } |
| | + | |
| | + | .mb-xl-2, .my-xl-2 { |
| | + | margin-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .ml-xl-2, .mx-xl-2 { |
| | + | margin-left: .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: .25rem !important |
| | + | } |
| | + | |
| | + | .pt-xl-1, .py-xl-1 { |
| | + | padding-top: .25rem !important |
| | + | } |
| | + | |
| | + | .pr-xl-1, .px-xl-1 { |
| | + | padding-right: .25rem !important |
| | + | } |
| | + | |
| | + | .pb-xl-1, .py-xl-1 { |
| | + | padding-bottom: .25rem !important |
| | + | } |
| | + | |
| | + | .pl-xl-1, .px-xl-1 { |
| | + | padding-left: .25rem !important |
| | + | } |
| | + | |
| | + | .p-xl-2 { |
| | + | padding: .5rem !important |
| | + | } |
| | + | |
| | + | .pt-xl-2, .py-xl-2 { |
| | + | padding-top: .5rem !important |
| | + | } |
| | + | |
| | + | .pr-xl-2, .px-xl-2 { |
| | + | padding-right: .5rem !important |
| | + | } |
| | + | |
| | + | .pb-xl-2, .py-xl-2 { |
| | + | padding-bottom: .5rem !important |
| | + | } |
| | + | |
| | + | .pl-xl-2, .px-xl-2 { |
| | + | padding-left: .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-monospace { |
| | + | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace |
| | + | } |
| | + | |
| | + | .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: 700 !important |
| | + | } |
| | + | |
| | + | .font-italic { |
| | + | font-style: italic !important |
| | + | } |
| | + | |
| | + | .text-white { |
| | + | color: #fff !important |
| | + | } |
| | + | |
| | + | .text-primary { |
| | + | color: #007bff !important |
| | + | } |
| | + | |
| | + | a.text-primary:focus, a.text-primary:hover { |
| | + | color: #0062cc !important |
| | + | } |
| | + | |
| | + | .text-secondary { |
| | + | color: #6c757d !important |
| | + | } |
| | + | |
| | + | a.text-secondary:focus, a.text-secondary:hover { |
| | + | color: #545b62 !important |
| | + | } |
| | + | |
| | + | .text-success { |
| | + | color: #28a745 !important |
| | + | } |
| | + | |
| | + | a.text-success:focus, a.text-success:hover { |
| | + | color: #1e7e34 !important |
| | + | } |
| | + | |
| | + | .text-info { |
| | + | color: #17a2b8 !important |
| | + | } |
| | + | |
| | + | a.text-info:focus, a.text-info:hover { |
| | + | color: #117a8b !important |
| | + | } |
| | + | |
| | + | .text-warning { |
| | + | color: #ffc107 !important |
| | + | } |
| | + | |
| | + | a.text-warning:focus, a.text-warning:hover { |
| | + | color: #d39e00 !important |
| | + | } |
| | + | |
| | + | .text-danger { |
| | + | color: #dc3545 !important |
| | + | } |
| | + | |
| | + | a.text-danger:focus, a.text-danger:hover { |
| | + | color: #bd2130 !important |
| | + | } |
| | + | |
| | + | .text-light { |
| | + | color: #f8f9fa !important |
| | + | } |
| | + | |
| | + | a.text-light:focus, a.text-light:hover { |
| | + | color: #dae0e5 !important |
| | + | } |
| | + | |
| | + | .text-dark { |
| | + | color: #343a40 !important |
| | + | } |
| | + | |
| | + | a.text-dark:focus, a.text-dark:hover { |
| | + | color: #1d2124 !important |
| | + | } |
| | + | |
| | + | .text-body { |
| | + | color: #212529 !important |
| | + | } |
| | + | |
| | + | .text-muted { |
| | + | color: #6c757d !important |
| | + | } |
| | + | |
| | + | .text-black-50 { |
| | + | color: rgba(0, 0, 0, .5) !important |
| | + | } |
| | + | |
| | + | .text-white-50 { |
| | + | color: rgba(255, 255, 255, .5) !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 |
| | + | } |
| | + | |
| | + | @media print { |
| | + | *, ::after, ::before { |
| | + | 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 |
| | + | } |
| | + | |
| | + | blockquote, pre { |
| | + | border: 1px solid #adb5bd; |
| | + | page-break-inside: avoid |
| | + | } |
| | + | |
| | + | thead { |
| | + | display: table-header-group |
| | + | } |
| | + | |
| | + | img, tr { |
| | + | page-break-inside: avoid |
| | + | } |
| | + | |
| | + | h2, h3, p { |
| | + | 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 td, .table-bordered th { |
| | + | border: 1px solid #dee2e6 !important |
| | + | } |
| | + | } |
| | + | |
| | + | /*# sourceMappingURL=bootstrap.min.css.map */ |
| | + | </style> |
| | + | |
| | + | |
| | + | <style> |
| | + | /* DEFAULT WIKI SETTINGS */ |
| | + | /**************************************************************************************************************************************************************************************************/ |
| | + | |
| | + | |
| | + | #home_logo, #sideMenu { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | #sideMenu, #top_title, .patrollink { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | #content { |
| | + | margin-left: 0px; |
| | + | margin-top: -7px; |
| | + | padding: 0px; |
| | + | width: 100%; |
| | + | line-height: 1; |
| | + | } |
| | + | |
| | + | body { |
| | + | background-color: white; |
| | + | } |
| | + | |
| | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { |
| | + | margin-bottom: 0px; |
| | + | } |
| | + | |
| | + | |
| | + | |
| | + | /* OWN Global Settings */ |
| | + | /**************************************************************************************************************************************************************************************************/ |
| | + | #top_menu_under { |
| | + | height: 7px; |
| | + | } |
| | + | |
| | + | #globalWrapper { |
| | + | font-size: 100%; |
| | + | } |
| | + | |
| | + | .fixed-top { |
| | + | top: 16px; |
| | + | } |
| | + | |
| | + | #HQ_page h1, h2, h3, h4, h5 { |
| | + | font-family: inherit; |
| | + | } |
| | + | |
| | + | /* table reboot from wiki */ |
| | + | #HQ_page th { |
| | + | background-color: rgba(0, 158, 198, 0.3); |
| | + | color: inherit; |
| | + | } |
| | + | |
| | + | #HQ_page table .highlightBox { |
| | + | background-color: rgba(0, 158, 198, 1); |
| | + | } |
| | + | |
| | + | #HQ_page table { |
| | + | margin-right: 0; |
| | + | margin-left: 0; |
| | + | } |
| | + | |
| | + | table { |
| | + | text-align: left; |
| | + | } |
| | + | |
| | + | .display-1 { |
| | + | font-weight: 300 !important; |
| | + | } |
| | + | |
| | + | #HQ_page p { |
| | + | font-family: inherit; |
| | + | font-size: 100%; |
| | + | } |
| | + | |
| | + | #bodyContent a[href ^="https://"], .link-https { |
| | + | padding-right: 0px; |
| | + | } |
| | + | |
| | + | /* important for layout not overflow */ |
| | + | .row { |
| | + | margin: 0; |
| | + | } |
| | + | |
| | + | /* color codes */ |
| | + | .bg-phactory1 { |
| | + | background-color: rgba(0, 203, 177, 1); |
| | + | color: white; |
| | + | } |
| | + | |
| | + | .bg-phactory1dark { |
| | + | background-color: rgba(1, 101, 224, 1); |
| | + | color: white; |
| | + | } |
| | + | |
| | + | .text-phactory1 { |
| | + | color: #009ec6; |
| | + | } |
| | + | |
| | + | .text-phactory1dark { |
| | + | color: rgba(1, 101, 224, 1); |
| | + | } |
| | + | |
| | + | .text-phactoryTran { |
| | + | background: -webkit-linear-gradient(rgba(1, 101, 224, 1), rgba(0, 203, 177, 1)); |
| | + | -webkit-background-clip: text; |
| | + | -webkit-text-fill-color: transparent; |
| | + | } |
| | + | |
| | + | .bg-phactory2 { |
| | + | background-color: rgba(213, 59, 72, 1); |
| | + | color: white; |
| | + | } |
| | + | |
| | + | .bg-phactory2dark { |
| | + | background-color: rgba(247, 148, 77, 1); |
| | + | color: white; |
| | + | } |
| | + | |
| | + | .text-phactory2 { |
| | + | color: rgba(213, 59, 72, 1); |
| | + | } |
| | + | |
| | + | .text-phactory2dark { |
| | + | color: rgba(247, 148, 77, 1); |
| | + | } |
| | + | |
| | + | .bg-phactory3 { |
| | + | background-color: rgba(153, 0, 204, 1); |
| | + | color: black; |
| | + | } |
| | + | |
| | + | .bg-phactory3dark { |
| | + | background-color: rgba(153, 51, 102, 1); |
| | + | color: black; |
| | + | } |
| | + | |
| | + | /* title area */ |
| | + | .pictureTitle { |
| | + | height: 250px; |
| | + | padding-top: 90px; |
| | + | } |
| | + | |
| | + | /* social media */ |
| | + | .fa { |
| | + | font-size: 20px; |
| | + | text-align: center; |
| | + | text-decoration: none; |
| | + | color: white !important; |
| | + | opacity: 0.7; |
| | + | } |
| | + | |
| | + | .fa:hover { |
| | + | text-decoration: none; |
| | + | color: white; |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | |
| | + | /* sponsor foooter */ |
| | + | .sponsorLogo img { |
| | + | padding: 8px; |
| | + | } |
| | + | |
| | + | .sponsorLogo img { |
| | + | -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ |
| | + | filter: grayscale(100%); |
| | + | max-height: 50px; |
| | + | } |
| | + | |
| | + | .sponsorLogo img:hover { |
| | + | -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ |
| | + | filter: grayscale(0%); |
| | + | } |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | Nav CSS ++++++++++++++++++++++++++++++*/ |
| | + | .dropdown:hover > .dropdown-menu { |
| | + | display: block; |
| | + | } |
| | + | |
| | + | .dropdown-menu { |
| | + | background-color: #232323; |
| | + | } |
| | + | |
| | + | .dropdown-item, .dropdown-item:visited { |
| | + | color: white; |
| | + | } |
| | + | |
| | + | .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { |
| | + | color: white; |
| | + | background-color: rgba(0, 158, 198, 1); |
| | + | } |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | contents CSS ++++++++++++++++++++++++++++++*/ |
| | + | * { |
| | + | box-sizing: border-box; |
| | + | } |
| | + | |
| | + | |
| | + | .glpContainer { |
| | + | display: flex; |
| | + | width: 100%; |
| | + | margin: 0; |
| | + | padding: 1em auto 0; |
| | + | } |
| | + | |
| | + | .glpContainer > * { |
| | + | padding: 20px 25px; |
| | + | } |
| | + | |
| | + | /* Both Needed */ |
| | + | #glpContentsOuter { |
| | + | position: relative; |
| | + | flex-basis: 15vw; |
| | + | width: 15vw; |
| | + | |
| | + | } |
| | + | |
| | + | /* Both Needed */ |
| | + | .table-of-contents { |
| | + | position: relative; |
| | + | flex-basis: 15vw; |
| | + | width: 15vw; |
| | + | |
| | + | } |
| | + | |
| | + | .stickyContents { |
| | + | position: fixed; |
| | + | top: 120px; |
| | + | } |
| | + | |
| | + | .table-of-contents p { |
| | + | text-transform: uppercase; |
| | + | letter-spacing: 0.125em; |
| | + | color: #fff; |
| | + | } |
| | + | |
| | + | .table-of-contents ul { |
| | + | position: fixed; |
| | + | /* Chrome (asshole) */ |
| | + | position: sticky; |
| | + | /* Firefox */ |
| | + | margin-top: 2em; |
| | + | top: 4em; |
| | + | } |
| | + | |
| | + | h1:first-child { |
| | + | margin-top: 0; |
| | + | } |
| | + | |
| | + | .post-content { |
| | + | flex-basis: 70vw; |
| | + | max-width: 100%; |
| | + | margin-left: 5vw; |
| | + | } |
| | + | |
| | + | /* important to the link position of the headings */ |
| | + | .post-content h1 { |
| | + | padding-top: 30px; |
| | + | color: #2ecc71; |
| | + | } |
| | + | |
| | + | /* important to the link position of the headings */ |
| | + | .post-content h2 { |
| | + | padding-top: 80px; |
| | + | color: #2ecc71; |
| | + | } |
| | + | |
| | + | /* link color */ |
| | + | .post-content a { |
| | + | color: #2ecc71; |
| | + | } |
| | + | |
| | + | #glpreferences a { |
| | + | color: #F4F0DE!important |
| | + | } |
| | + | |
| | + | ol li { |
| | + | counter-increment: list; |
| | + | list-style-type: none; |
| | + | position: relative; |
| | + | } |
| | + | /* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */ |
| | + | ol li:before { |
| | + | color: #F4F0DE; |
| | + | content: counter(list) "."; |
| | + | left:-32px; |
| | + | position: absolute; |
| | + | text-align: right; |
| | + | width: 26px; |
| | + | } |
| | + | |
| | + | |
| | + | /* TOC part */ |
| | + | |
| | + | .table-of-contents svg { |
| | + | position: absolute; |
| | + | left: 0; |
| | + | top: 50%; |
| | + | bottom: auto; |
| | + | display: none; |
| | + | stroke: #2ecc71; |
| | + | transform: translateY(-50%); |
| | + | } |
| | + | |
| | + | .toc-reading svg { |
| | + | display: block; |
| | + | } |
| | + | |
| | + | .table-of-contents ul { |
| | + | width: 200px; |
| | + | counter-reset: articles; |
| | + | padding: 0; |
| | + | margin-left: 0; |
| | + | } |
| | + | |
| | + | .table-of-contents li { |
| | + | display: block; |
| | + | counter-increment: articles; |
| | + | } |
| | + | |
| | + | .table-of-contents li + li { |
| | + | margin-top: 2em; |
| | + | } |
| | + | |
| | + | .table-of-contents a { |
| | + | display: block; |
| | + | padding: 0 1.1em 0 3.2em; |
| | + | position: relative; |
| | + | text-decoration: none; |
| | + | color: #fff; |
| | + | font-weight: bold; |
| | + | } |
| | + | |
| | + | a.toc-reading, |
| | + | a.toc-already-read.toc-reading { |
| | + | color: #2ecc71; |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | a.toc-already-read { |
| | + | opacity: 0.6; |
| | + | } |
| | + | |
| | + | .table-of-contents a:before { |
| | + | content: counter(articles, decimal); |
| | + | position: absolute; |
| | + | bottom: auto; |
| | + | left: 0; |
| | + | top: 50%; |
| | + | width: 36px; |
| | + | height: 36px; |
| | + | line-height: 34px; |
| | + | text-align: center; |
| | + | transform: translateY(-50%); |
| | + | transition: background-color 0.3s ease 0s, color 0.3s ease 0s; |
| | + | box-shadow: 0 3px 5px 0 black; |
| | + | color: #fff; |
| | + | } |
| | + | |
| | + | .post-content .row { |
| | + | text-align: justify; |
| | + | } |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | contents End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | slide in Start ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | .slide-left.slide-in { |
| | + | transform: translateX(-3%); |
| | + | } |
| | + | |
| | + | .slide-right.slide-in { |
| | + | transform: translateX(3%); |
| | + | } |
| | + | |
| | + | .slide-bottom.slide-in { |
| | + | transform: translateY(3%); |
| | + | } |
| | + | |
| | + | .slide-top.slide-in { |
| | + | transform: translateY(-3%); |
| | + | } |
| | + | |
| | + | .slide-there.slide-in { |
| | + | transform: scale(0.95); |
| | + | } |
| | + | |
| | + | .slide-in { |
| | + | opacity: 0; |
| | + | transition: all 0.8s; |
| | + | } |
| | + | |
| | + | .slide-in.active { |
| | + | opacity: 1; |
| | + | transform: translateX(0%) scale(1); |
| | + | } |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | slide in End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | quotes Start ++++++++++++++++++++++++++++++*/ |
| | + | .quote-card { |
| | + | background: #fff; |
| | + | color: #222; |
| | + | padding: 20px; |
| | + | padding-left: 50px; |
| | + | box-sizing: border-box; |
| | + | box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12); |
| | + | position: relative; |
| | + | overflow: hidden; |
| | + | min-height: 120px; |
| | + | } |
| | + | |
| | + | .quote-card p { |
| | + | font-size: 22px !important; |
| | + | line-height: 1.5; |
| | + | margin: 0; |
| | + | max-width: 80%; |
| | + | } |
| | + | |
| | + | .quote-card cite { |
| | + | font-size: 16px; |
| | + | margin-top: 10px; |
| | + | display: block; |
| | + | font-weight: 200; |
| | + | opacity: 0.8; |
| | + | } |
| | + | |
| | + | .quote-card:before { |
| | + | font-family: Georgia, serif; |
| | + | content: "“"; |
| | + | position: absolute; |
| | + | top: 10px; |
| | + | left: 10px; |
| | + | font-size: 5em; |
| | + | color: rgba(238, 238, 238, 0.8); |
| | + | font-weight: normal; |
| | + | } |
| | + | |
| | + | .quote-card:after { |
| | + | font-family: Georgia, serif; |
| | + | content: "”"; |
| | + | position: absolute; |
| | + | bottom: -110px; |
| | + | line-height: 100px; |
| | + | right: -32px; |
| | + | font-size: 25em; |
| | + | color: rgba(238, 238, 238, 0.8); |
| | + | font-weight: normal; |
| | + | } |
| | + | |
| | + | @media (max-width: 640px) { |
| | + | .quote-card:after { |
| | + | font-size: 10em; |
| | + | right: 0px; |
| | + | bottom: 0px; |
| | + | } |
| | + | } |
| | + | |
| | + | .quote-card.blue-card { |
| | + | background: rgba(0, 158, 198, 1); |
| | + | color: #fff; |
| | + | box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); |
| | + | } |
| | + | |
| | + | .quote-card.blue-card:before, .quote-card.blue-card:after { |
| | + | color: rgba(0, 203, 177, 1); |
| | + | } |
| | + | |
| | + | .quote-card.red-card { |
| | + | background: #d32f2f; |
| | + | color: #fff; |
| | + | box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); |
| | + | } |
| | + | |
| | + | .quote-card.red-card:before, .quote-card.red-card:after { |
| | + | color: #f44336; |
| | + | } |
| | + | |
| | + | .quote-card.yellow-card { |
| | + | background: #f9a825; |
| | + | color: #222; |
| | + | box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); |
| | + | } |
| | + | |
| | + | .quote-card.yellow-card:before, .quote-card.yellow-card:after { |
| | + | color: #fbc02d; |
| | + | } |
| | + | |
| | + | .credits { |
| | + | margin-top: 80px; |
| | + | } |
| | + | |
| | + | .credits a { |
| | + | color: #222; |
| | + | text-decoration: none; |
| | + | text-shadow: 0 0 2px rgba(34, 34, 34, 0.24); |
| | + | padding-bottom: 1px; |
| | + | display: inline-block; |
| | + | border-bottom: 1px dashed rgba(34, 34, 34, 0.24); |
| | + | opacity: 0.6; |
| | + | transition: 0.3s all ease-in; |
| | + | } |
| | + | |
| | + | .credits a:hover { |
| | + | border-bottom-style: solid; |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | quotes End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | gallery Start ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | /* The grid: Four equal columns that floats next to each other */ |
| | + | |
| | + | /* Style the images inside the grid */ |
| | + | .gaGallery .col img { |
| | + | opacity: 0.8; |
| | + | cursor: pointer; |
| | + | } |
| | + | |
| | + | .gaGallery .col img:hover { |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | /* The expanding image container */ |
| | + | .ga-container { |
| | + | position: relative; |
| | + | display: block; |
| | + | } |
| | + | |
| | + | /* Expanding image text */ |
| | + | #imgtext { |
| | + | position: absolute; |
| | + | bottom: 15px; |
| | + | left: 15px; |
| | + | color: white; |
| | + | font-size: 20px; |
| | + | } |
| | + | |
| | + | /* Closable button inside the expanded image */ |
| | + | .closebtn { |
| | + | position: absolute; |
| | + | top: 10px; |
| | + | right: 15px; |
| | + | color: white; |
| | + | font-size: 35px; |
| | + | cursor: pointer; |
| | + | } |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | gallery End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | @media only screen and (max-width: 575.98px) { |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 767.98px) { |
| | + | .pictureTitle { |
| | + | height: 200px; |
| | + | } |
| | + | |
| | + | .pictureTitle .display-2 { |
| | + | font-size: 2rem; |
| | + | } |
| | + | |
| | + | .pictureTitle h4 { |
| | + | font-size: 1rem; |
| | + | } |
| | + | |
| | + | #glpContentsOuter { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | .glpContainer { |
| | + | width: 100%; |
| | + | margin: 0; |
| | + | padding: 0 auto; |
| | + | } |
| | + | |
| | + | .glpContainer > * { |
| | + | padding: 0; |
| | + | } |
| | + | |
| | + | .post-content { |
| | + | flex-basis: 90vw; |
| | + | max-width: 100%; |
| | + | margin: 0 3vw; |
| | + | } |
| | + | |
| | + | /* important to the link position of the headings */ |
| | + | .post-content h2 { |
| | + | padding-top: 50px; |
| | + | } |
| | + | |
| | + | table { |
| | + | font-size: .8rem; |
| | + | } |
| | + | |
| | + | .quote-card p { |
| | + | font-size: 1rem !important; |
| | + | } |
| | + | } |
| | + | |
| | + | |
| | + | @media only screen and (max-width: 1199.98px) { |
| | + | |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 1400px) { |
| | + | .table-of-contents a { |
| | + | font-size: 0.8rem; |
| | + | } |
| | + | |
| | + | .table-of-contents li + li { |
| | + | margin-top: 1.5em; |
| | + | } |
| | + | } |
| | + | </style> |
| | + | <head> |
| | + | <title>GLP.exe - Description</title> |
| | + | <meta charset="utf-8"> |
| | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | + | <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS"> |
| | + | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" /> |
| | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css"/> |
| | + | <style> |
| | + | .mfp-bg { |
| | + | top: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | z-index: 1042; |
| | + | overflow: hidden; |
| | + | position: fixed; |
| | + | background: #0b0b0b; |
| | + | opacity: 0.8; |
| | + | } |
| | + | |
| | + | .mfp-wrap { |
| | + | top: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | z-index: 1043; |
| | + | position: fixed; |
| | + | outline: none !important; |
| | + | -webkit-backface-visibility: hidden; |
| | + | } |
| | + | |
| | + | .mfp-container { |
| | + | text-align: center; |
| | + | position: absolute; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | left: 0; |
| | + | top: 0; |
| | + | padding: 0 8px; |
| | + | box-sizing: border-box; |
| | + | } |
| | + | |
| | + | .mfp-container:before { |
| | + | content: ''; |
| | + | display: inline-block; |
| | + | height: 100%; |
| | + | vertical-align: middle; |
| | + | } |
| | + | |
| | + | .mfp-align-top .mfp-container:before { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | .mfp-content { |
| | + | position: relative; |
| | + | display: inline-block; |
| | + | vertical-align: middle; |
| | + | margin: 0 auto; |
| | + | text-align: left; |
| | + | z-index: 1045; |
| | + | } |
| | + | |
| | + | .mfp-inline-holder .mfp-content, |
| | + | .mfp-ajax-holder .mfp-content { |
| | + | width: 100%; |
| | + | cursor: auto; |
| | + | } |
| | + | |
| | + | .mfp-ajax-cur { |
| | + | cursor: progress; |
| | + | } |
| | + | |
| | + | .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
| | + | cursor: -moz-zoom-out; |
| | + | cursor: -webkit-zoom-out; |
| | + | cursor: zoom-out; |
| | + | } |
| | + | |
| | + | .mfp-zoom { |
| | + | cursor: pointer; |
| | + | cursor: -webkit-zoom-in; |
| | + | cursor: -moz-zoom-in; |
| | + | cursor: zoom-in; |
| | + | } |
| | + | |
| | + | .mfp-auto-cursor .mfp-content { |
| | + | cursor: auto; |
| | + | } |
| | + | |
| | + | .mfp-close, |
| | + | .mfp-arrow, |
| | + | .mfp-preloader, |
| | + | .mfp-counter { |
| | + | -webkit-user-select: none; |
| | + | -moz-user-select: none; |
| | + | user-select: none; |
| | + | } |
| | + | |
| | + | .mfp-loading.mfp-figure { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | .mfp-hide { |
| | + | display: none !important; |
| | + | } |
| | + | |
| | + | .mfp-preloader { |
| | + | color: #CCC; |
| | + | position: absolute; |
| | + | top: 50%; |
| | + | width: auto; |
| | + | text-align: center; |
| | + | margin-top: -0.8em; |
| | + | left: 8px; |
| | + | right: 8px; |
| | + | z-index: 1044; |
| | + | } |
| | + | |
| | + | .mfp-preloader a { |
| | + | color: #CCC; |
| | + | } |
| | + | |
| | + | .mfp-preloader a:hover { |
| | + | color: #FFF; |
| | + | } |
| | + | |
| | + | .mfp-s-ready .mfp-preloader { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | .mfp-s-error .mfp-content { |
| | + | display: none; |
| | + | } |
| | + | |
| | + | button.mfp-close, |
| | + | button.mfp-arrow { |
| | + | overflow: visible; |
| | + | cursor: pointer; |
| | + | background: transparent; |
| | + | border: 0; |
| | + | -webkit-appearance: none; |
| | + | display: block; |
| | + | outline: none; |
| | + | padding: 0; |
| | + | z-index: 1046; |
| | + | box-shadow: none; |
| | + | touch-action: manipulation; |
| | + | } |
| | + | |
| | + | button::-moz-focus-inner { |
| | + | padding: 0; |
| | + | border: 0; |
| | + | } |
| | + | |
| | + | .mfp-close { |
| | + | width: 44px; |
| | + | height: 44px; |
| | + | line-height: 44px; |
| | + | position: absolute; |
| | + | right: 0; |
| | + | top: 0; |
| | + | text-decoration: none; |
| | + | text-align: center; |
| | + | opacity: 0.65; |
| | + | padding: 0 0 18px 10px; |
| | + | color: #FFF; |
| | + | font-style: normal; |
| | + | font-size: 28px; |
| | + | font-family: Arial, Baskerville, monospace; |
| | + | } |
| | + | |
| | + | .mfp-close:hover, |
| | + | .mfp-close:focus { |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | .mfp-close:active { |
| | + | top: 1px; |
| | + | } |
| | + | |
| | + | .mfp-close-btn-in .mfp-close { |
| | + | color: #333; |
| | + | } |
| | + | |
| | + | .mfp-image-holder .mfp-close, |
| | + | .mfp-iframe-holder .mfp-close { |
| | + | color: #FFF; |
| | + | right: -6px; |
| | + | text-align: right; |
| | + | padding-right: 6px; |
| | + | width: 100%; |
| | + | } |
| | + | |
| | + | .mfp-counter { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | color: #CCC; |
| | + | font-size: 12px; |
| | + | line-height: 18px; |
| | + | white-space: nowrap; |
| | + | } |
| | + | |
| | + | .mfp-arrow { |
| | + | position: absolute; |
| | + | opacity: 0.65; |
| | + | margin: 0; |
| | + | top: 50%; |
| | + | margin-top: -55px; |
| | + | padding: 0; |
| | + | width: 90px; |
| | + | height: 110px; |
| | + | -webkit-tap-highlight-color: transparent; |
| | + | } |
| | + | |
| | + | .mfp-arrow:active { |
| | + | margin-top: -54px; |
| | + | } |
| | + | |
| | + | .mfp-arrow:hover, |
| | + | .mfp-arrow:focus { |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | .mfp-arrow:before, |
| | + | .mfp-arrow:after { |
| | + | content: ''; |
| | + | display: block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | position: absolute; |
| | + | left: 0; |
| | + | top: 0; |
| | + | margin-top: 35px; |
| | + | margin-left: 35px; |
| | + | border: medium inset transparent; |
| | + | } |
| | + | |
| | + | .mfp-arrow:after { |
| | + | border-top-width: 13px; |
| | + | border-bottom-width: 13px; |
| | + | top: 8px; |
| | + | } |
| | + | |
| | + | .mfp-arrow:before { |
| | + | border-top-width: 21px; |
| | + | border-bottom-width: 21px; |
| | + | opacity: 0.7; |
| | + | } |
| | + | |
| | + | .mfp-arrow-left { |
| | + | left: 0; |
| | + | } |
| | + | |
| | + | .mfp-arrow-left:after { |
| | + | border-right: 17px solid #FFF; |
| | + | margin-left: 31px; |
| | + | } |
| | + | |
| | + | .mfp-arrow-left:before { |
| | + | margin-left: 25px; |
| | + | border-right: 27px solid #3F3F3F; |
| | + | } |
| | + | |
| | + | .mfp-arrow-right { |
| | + | right: 0; |
| | + | } |
| | + | |
| | + | .mfp-arrow-right:after { |
| | + | border-left: 17px solid #FFF; |
| | + | margin-left: 39px; |
| | + | } |
| | + | |
| | + | .mfp-arrow-right:before { |
| | + | border-left: 27px solid #3F3F3F; |
| | + | } |
| | + | |
| | + | .mfp-iframe-holder { |
| | + | padding-top: 40px; |
| | + | padding-bottom: 40px; |
| | + | } |
| | + | |
| | + | .mfp-iframe-holder .mfp-content { |
| | + | line-height: 0; |
| | + | width: 100%; |
| | + | max-width: 900px; |
| | + | } |
| | + | |
| | + | .mfp-iframe-holder .mfp-close { |
| | + | top: -40px; |
| | + | } |
| | + | |
| | + | .mfp-iframe-scaler { |
| | + | width: 100%; |
| | + | height: 0; |
| | + | overflow: hidden; |
| | + | padding-top: 56.25%; |
| | + | } |
| | + | |
| | + | .mfp-iframe-scaler iframe { |
| | + | position: absolute; |
| | + | display: block; |
| | + | top: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
| | + | background: #000; |
| | + | } |
| | + | |
| | + | /* Main image in popup */ |
| | + | img.mfp-img { |
| | + | width: auto; |
| | + | max-width: 100%; |
| | + | height: auto; |
| | + | display: block; |
| | + | line-height: 0; |
| | + | box-sizing: border-box; |
| | + | padding: 40px 0 40px; |
| | + | margin: 0 auto; |
| | + | } |
| | + | |
| | + | /* The shadow behind the image */ |
| | + | .mfp-figure { |
| | + | line-height: 0; |
| | + | } |
| | + | |
| | + | .mfp-figure:after { |
| | + | content: ''; |
| | + | position: absolute; |
| | + | left: 0; |
| | + | top: 40px; |
| | + | bottom: 40px; |
| | + | display: block; |
| | + | right: 0; |
| | + | width: auto; |
| | + | height: auto; |
| | + | z-index: -1; |
| | + | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
| | + | background: #444; |
| | + | } |
| | + | |
| | + | .mfp-figure small { |
| | + | color: #BDBDBD; |
| | + | display: block; |
| | + | font-size: 12px; |
| | + | line-height: 14px; |
| | + | } |
| | + | |
| | + | .mfp-figure figure { |
| | + | margin: 0; |
| | + | } |
| | + | |
| | + | .mfp-bottom-bar { |
| | + | margin-top: -36px; |
| | + | position: absolute; |
| | + | top: 100%; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | cursor: auto; |
| | + | } |
| | + | |
| | + | .mfp-title { |
| | + | text-align: left; |
| | + | line-height: 18px; |
| | + | color: #F3F3F3; |
| | + | word-wrap: break-word; |
| | + | padding-right: 36px; |
| | + | } |
| | + | |
| | + | .mfp-image-holder .mfp-content { |
| | + | max-width: 100%; |
| | + | } |
| | + | |
| | + | .mfp-gallery .mfp-image-holder .mfp-figure { |
| | + | cursor: pointer; |
| | + | } |
| | + | |
| | + | @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
| | + | /** |
| | + | * Remove all paddings around the image on small screen |
| | + | */ |
| | + | .mfp-img-mobile .mfp-image-holder { |
| | + | padding-left: 0; |
| | + | padding-right: 0; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile img.mfp-img { |
| | + | padding: 0; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile .mfp-figure:after { |
| | + | top: 0; |
| | + | bottom: 0; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile .mfp-figure small { |
| | + | display: inline; |
| | + | margin-left: 5px; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile .mfp-bottom-bar { |
| | + | background: rgba(0, 0, 0, 0.6); |
| | + | bottom: 0; |
| | + | margin: 0; |
| | + | top: auto; |
| | + | padding: 3px 5px; |
| | + | position: fixed; |
| | + | box-sizing: border-box; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile .mfp-bottom-bar:empty { |
| | + | padding: 0; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile .mfp-counter { |
| | + | right: 5px; |
| | + | top: 3px; |
| | + | } |
| | + | |
| | + | .mfp-img-mobile .mfp-close { |
| | + | top: 0; |
| | + | right: 0; |
| | + | width: 35px; |
| | + | height: 35px; |
| | + | line-height: 35px; |
| | + | background: rgba(0, 0, 0, 0.6); |
| | + | position: fixed; |
| | + | text-align: center; |
| | + | padding: 0; |
| | + | } |
| | + | } |
| | + | |
| | + | @media all and (max-width: 900px) { |
| | + | .mfp-arrow { |
| | + | -webkit-transform: scale(0.75); |
| | + | transform: scale(0.75); |
| | + | } |
| | + | |
| | + | .mfp-arrow-left { |
| | + | -webkit-transform-origin: 0; |
| | + | transform-origin: 0; |
| | + | } |
| | + | |
| | + | .mfp-arrow-right { |
| | + | -webkit-transform-origin: 100%; |
| | + | transform-origin: 100%; |
| | + | } |
| | + | |
| | + | .mfp-container { |
| | + | padding-left: 6px; |
| | + | padding-right: 6px; |
| | + | } |
| | + | } |
| | + | |
| | + | .mfp-zoom-out { |
| | + | /* start state */ |
| | + | /* animate in */ |
| | + | /* animate out */ |
| | + | } |
| | + | |
| | + | .mfp-zoom-out .mfp-with-anim { |
| | + | opacity: 0; |
| | + | transition: all 0.3s ease-in-out; |
| | + | transform: scale(1.3); |
| | + | } |
| | + | |
| | + | .mfp-zoom-out.mfp-bg { |
| | + | opacity: 0; |
| | + | transition: all 0.3s ease-out; |
| | + | } |
| | + | |
| | + | .mfp-zoom-out.mfp-ready .mfp-with-anim { |
| | + | opacity: 1; |
| | + | transform: scale(1); |
| | + | } |
| | + | |
| | + | .mfp-zoom-out.mfp-ready.mfp-bg { |
| | + | opacity: 0.8; |
| | + | } |
| | + | |
| | + | .mfp-zoom-out.mfp-removing .mfp-with-anim { |
| | + | transform: scale(1.3); |
| | + | opacity: 0; |
| | + | } |
| | + | |
| | + | .mfp-zoom-out.mfp-removing.mfp-bg { |
| | + | opacity: 0; |
| | + | } |
| | + | </style> |
| | + | |
| | + | </head> |
| | + | |
| | + | <body style=""> |
| | + | <section id="nav-placeholder"> |
| | + | <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" |
| | + | style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;"> |
| | + | <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen"> |
| | + | <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo" |
| | + | style="width:70px;"> |
| | + | <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5> |
| | + | </a> |
| | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> |
| | + | <span class="navbar-toggler-icon"></span> |
| | + | </button> |
| | + | <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar"> |
| | + | <ul class="navbar-nav"> |
| | + | <li id="ourStoryButton" class="nav-item mx-3"> |
| | + | <a class="nav-link" href="/Team:Tuebingen/Story" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR |
| | + | STORY</a> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;"> |
| | + | PROJECT |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Description" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Killswitch" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill Switch</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Nissle" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Incretin" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Model" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Software" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Results" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Notebook" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Outlook" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a> |
| | + | </div> |
| | + | </li> |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;"> |
| | + | PARTS |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Parts" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts |
| | + | Overview</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic |
| | + | Parts</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved |
| | + | Parts</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized |
| | + | Parts</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite |
| | + | Parts</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part |
| | + | Collection</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Downloads" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a> |
| | + | </div> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;"> |
| | + | PEOPLE |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Team" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Collaborations" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Sponsors" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Attributions" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Gallery" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a> |
| | + | </div> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;"> |
| | + | HUMAN PRACTICES |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Experts" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/SDG" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development Goals</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Experimenta" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta |
| | + | Science Center</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Survey" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a> |
| | + | </div> |
| | + | </li> |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;"> |
| | + | AWARDS |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting Entrepreneurship</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Model" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a> |
| | + | <a class="dropdown-item" href="/Team:Tuebingen/Software" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a> |
| | + | </div> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item mx-3"> |
| | + | <a class="nav-link" href="/Team:Tuebingen/Safety" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item mx-3"> |
| | + | <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank" |
| | + | style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING FORM ⇗</a> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item mx-1 pt-2"> |
| | + | <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a> |
| | + | </li> |
| | + | <li class="nav-item mx-1 pt-2"> |
| | + | <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a> |
| | + | </li> |
| | + | <li class="nav-item mx-1 pt-2"> |
| | + | <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a> |
| | + | </li> |
| | + | |
| | + | </ul> |
| | + | </div> |
| | + | </nav> |
| | + | |
| | + | </section> |
| | + | <script> |
| | + | var url = window.location.href; |
| | + | $(function () { |
| | + | $('.nav-link[href="' + url + '"]').addClass("active"); |
| | + | $('.dropdown-item[href="' + url + '"]').addClass("active"); |
| | + | $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active"); |
| | + | }); |
| | + | </script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&ctype=text/javascript"></script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script> |
| | + | <script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script> |
| | + | </body> |
| | + | |
| | + | <style> |
| | + | |
| | + | .pictureTitle { |
| | + | background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)), url("http://2018.igem.org/wiki/images/2/21/T--Munich--header_projectdesign.png"); |
| | + | background-repeat: no-repeat; |
| | + | background-size: cover; |
| | + | background-position: center; |
| | + | } |
| | + | |
| | + | |
| | + | @media only screen and (max-width: 575.98px) { |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 767.98px) { |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 991.98px) { |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 1199.98px) { |
| | + | } |
| | + | |
| | + | /* |
| | + | ======================== |
| | + | BUTTON STYLE BEGIN |
| | + | ======================== |
| | + | */ |
| | + | |
| | + | .btn-link { |
| | + | font-weight: 400; |
| | + | color: #007bff; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-link:hover { |
| | + | color: #0056b3; |
| | + | 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: #6c757d; |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .btn-link{ |
| | + | opacity: 0.8; |
| | + | text-decoration: none; |
| | + | color: white; |
| | + | } |
| | + | .btn-link:hover{ |
| | + | opacity: 1; |
| | + | text-decoration: none; |
| | + | color: rgba(105, 202, 98, 1.1); |
| | + | } |
| | + | .btn-link:focus{ |
| | + | opacity: 1; |
| | + | text-decoration: none; |
| | + | color: rgba(105, 202, 98, 1.1); |
| | + | } |
| | + | .card-header{ |
| | + | background-color: rgba(50,50,50,1); |
| | + | } |
| | + | .card button{ |
| | + | width: 100%; |
| | + | font-size: 1.5rem; |
| | + | } |
| | + | /* |
| | + | ======================== |
| | + | BUTTON STYLE END |
| | + | ======================== |
| | + | */ |
| | + | |
| | + | /* |
| | + | ======================== |
| | + | BUTTON ONE |
| | + | ======================== |
| | + | */ |
| | + | .btn-one { |
| | + | color: rgba(105, 202, 98, 1.1); |
| | + | transition: all 0.3s; |
| | + | position: relative; |
| | + | } |
| | + | .btn-one span { |
| | + | transition: all 0.3s; |
| | + | } |
| | + | .btn-one::before { |
| | + | content: ''; |
| | + | position: absolute; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | z-index: 1; |
| | + | opacity: 0; |
| | + | transition: all 0.3s; |
| | + | border-top-width: 1px; |
| | + | border-bottom-width: 1px; |
| | + | border-top-style: solid; |
| | + | border-bottom-style: solid; |
| | + | border-top-color: rgba(105, 202, 98, 1.1); |
| | + | border-bottom-color: rgba(105, 202, 98, 1.1); |
| | + | transform: scale(0.1, 1); |
| | + | } |
| | + | .btn-one:hover span { |
| | + | letter-spacing: 2px; |
| | + | } |
| | + | .btn-one:hover::before { |
| | + | opacity: 1; |
| | + | transform: scale(1, 1); |
| | + | } |
| | + | .btn-one::after { |
| | + | content: ''; |
| | + | position: absolute; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | z-index: 1; |
| | + | transition: all 0.3s; |
| | + | background-color: rgba(255,255,255,0.05); |
| | + | } |
| | + | .btn-one:hover::after { |
| | + | opacity: 0; |
| | + | transform: scale(0.1, 1);} |
| | + | /* |
| | + | ======================== |
| | + | BUTTON ONE END |
| | + | ======================== |
| | + | */ |
| | + | |
| | + | /* |
| | + | ====================== |
| | + | HEADER BANNER STYLE BEGIN |
| | + | ========================== |
| | + | */ |
| | + | |
| | + | .header { |
| | + | position: relative; |
| | + | overflow: hidden; |
| | + | display: flex; |
| | + | flex-wrap: wrap; |
| | + | justify-content: center; |
| | + | align-items: flex-start; |
| | + | align-content: flex-start; |
| | + | height: 50vh; |
| | + | max-height: 350px; |
| | + | min-width: 300px; |
| | + | color: #eee; |
| | + | } |
| | + | |
| | + | .header:after { |
| | + | content: ""; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | position: absolute; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | z-index: -1; |
| | + | background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(27, 32, 48, 1) 100%); |
| | + | } |
| | + | |
| | + | .header:before { |
| | + | content: ""; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | position: absolute; |
| | + | top: 0; |
| | + | left: 0; |
| | + | -webkit-backface-visibility: hidden; |
| | + | -webkit-transform: translateZ(0) scale(1.0, 1.0); |
| | + | transform: translateZ(0); |
| | + | background: #1B2030 url(https://2019.igem.org/wiki/images/a/a0/T--Tuebingen--description-banner.jpg) center no-repeat; |
| | + | background-size: 100%, 100%; |
| | + | animation: grow 30s linear 10ms infinite; |
| | + | transition: all 0.2s ease-in-out; |
| | + | z-index: -2 |
| | + | } |
| | + | |
| | + | .header a { |
| | + | color: #eee |
| | + | } |
| | + | |
| | + | .info { |
| | + | width: 100%; |
| | + | padding: 15% 10% 0 10%; |
| | + | text-align: center; |
| | + | text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) |
| | + | } |
| | + | |
| | + | .info h1{ |
| | + | font-size:3.0em; |
| | + | } |
| | + | |
| | + | .info h4, .meta { |
| | + | font-size: 0.7em |
| | + | } |
| | + | |
| | + | @media only screen and (min-width: 2250px) { |
| | + | .info h1 { |
| | + | margin-top: -50%; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (min-width: 2000px) { |
| | + | .info h1 { |
| | + | margin-top: -10%; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (min-width: 1500px) { |
| | + | .info h1 { |
| | + | margin-top: -5%; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 800px) { |
| | + | .info h1 { |
| | + | margin-top: 9%; |
| | + | font-size: 2.3em; |
| | + | text-align: center; |
| | + | } |
| | + | |
| | + | .header { |
| | + | height: 45vh; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 660px) { |
| | + | .info h1 { |
| | + | margin-top: 10%; |
| | + | font-size: 2.3em; |
| | + | } |
| | + | |
| | + | .header { |
| | + | height:40vh |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 600px) { |
| | + | .header { |
| | + | height:35vh |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 560px) { |
| | + | .info h1 { |
| | + | margin-top: 15%; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 500px) { |
| | + | .header { |
| | + | height:30vh |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 470px) { |
| | + | .info h1 { |
| | + | margin-top: 10%; |
| | + | font-size: 1.9em; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 450px) { |
| | + | .header { |
| | + | height:25vh |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 400px) { |
| | + | .info h1 { |
| | + | margin-top: 15%; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 350px) { |
| | + | .info h1 { |
| | + | margin-top: 18%; |
| | + | } |
| | + | } |
| | + | |
| | + | @keyframes grow { |
| | + | 0% { |
| | + | transform: scale(1) |
| | + | } |
| | + | 50% { |
| | + | transform: scale(1.2) |
| | + | } |
| | + | } |
| | + | |
| | + | /* ====================== |
| | + | HEADER BANNER STYLE END |
| | + | ========================== |
| | + | */ |
| | + | |
| | + | </style> |
| | + | |
| | + | <!-- Header Banner Begin--> |
| | + | <div class="header"> |
| | + | <div class="info"> |
| | + | <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">GLP.exe</h1> |
| | + | </div> |
| | </div> | | </div> |
| | + | <!-- Header Banner End--> |
| | | | |
| − | <div class="column full_size">
| |
| − | <h3>Drylab</h3>
| |
| | | | |
| | + | <div style="background-color: #232323; overflow-x: fragments; overflow-wrap: inherit"> |
| | + | |
| | + | <div class="glpContainer"> |
| | + | <aside id="glpContentsOuter" style="background-color: #232323"> |
| | + | <aside id="phaContents" class="table-of-contents"> |
| | + | <!-- will be generated with JS --> |
| | + | </aside> |
| | + | </aside> |
| | + | |
| | + | <main class="post-content"> |
| | + | <div id="image-popups"> |
| | + | |
| | + | <h2 style="font-family:'Righteous'; color:#2ecc71;">Abstract</h2> |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <video controls poster="https://2019.igem.org/wiki/images/6/6c/T--Tuebingen--Anwendungweis.png" |
| | + | style="width:100%; "> |
| | + | <source src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--project_movie.mov"> |
| | + | Your browser does not support the video tag. |
| | + | </video> |
| | + | </div> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | Diabetes Mellitus is one of the main diseases that causes premature death worldwide [1]. In 2014, |
| | + | worldwide 422 Million adults were diagnosed with Diabetes Mellitus [2], an alarmingly high number. |
| | + | This inspired us to look into alternative treatment strategies for Type 2 Diabetes Mellitus, as it |
| | + | marks the largest group of Diabetes patients. There already is a variety of treatment options, however, |
| | + | they all require active participation of the patients and compliance to their individual therapy schemes. |
| | + | As compliance and persistence are key factors for therapeutic success, we, the iGEM Team Tübingen, want |
| | + | to revolutionize the treatment and its administration with the use of Synthetic Biology. Therefore, |
| | + | we developed GLP.exe, a probiotic on the basis of Escherichia coli Nissle 1917, which secretes Exendin-4, |
| | + | an incretin analog, in response to glucose. To ensure its safe use as a GMO, we integrated a CRISPR/Cas3-based |
| | + | kill-switch into our probiotic. This kill-switch is regulated by environmental factors, and prevents the |
| | + | release and spread of our GMO into the environment. Our probiotic allows for a single-time application, |
| | + | as it synthesizes the drug independently when it is needed. To deepen our understanding of our probiotic |
| | + | strain, we also characterized <i>E. coli</i> Nissle 1917 by different means such as RNA-Seq and metabolic modeling. |
| | + | This characterization will be beneficial for the iGEM and general scientific community in future projects. |
| | + | The use of GMOs, especially in the medical field, is a delicate topic and we made great efforts during our |
| | + | project to increase awareness, and to educate the public about synthetic biology, GMOs, and Diabetes. |
| | + | </p> |
| | + | <figure> |
| | + | <a style="font-size: small" |
| | + | href="https://2019.igem.org/wiki/images/6/6c/T--Tuebingen--Anwendungweis.png" |
| | + | data-effect="mfp-zoom-out" |
| | + | title="Fig.1"> |
| | + | <img src="https://2019.igem.org/wiki/images/6/6c/T--Tuebingen--Anwendungweis.png" |
| | + | class="figure-img img-fluid rounded" |
| | + | alt="Application"></a> |
| | + | <figcaption style="font-size: small; color: #F4F0DE;">Figure 1: Our therapeutic agent is a probiotic |
| | + | secreting incretin mimetics placed in the patients intestine by oral administration of capsules. |
| | + | This enables an easier therapy during which a regular intake of a medication is unnecessary.</figcaption> |
| | + | </figure> |
| | + | </div> |
| | + | |
| | + | <h2 style="font-family:'Righteous'; color:#2ecc71;">Project Inspiration</h2> |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | When committing to iGEM, we decided that we firstly wanted to design a project, which uses a novel |
| | + | concept in the field of synthetic biology, and secondly to make an impact with a product, which |
| | + | can actually have an impact for the society. Dr. Pengfei Xia, one of our advisors, proposed to |
| | + | design a new kill-switch system for bacteria, based on the Type I CRISPR system (CRISPR/Cas3). |
| | + | Immediately, we were determined to not only implement the system, but also find a way of making |
| | + | it a useful, universally applicable, tool. We decided to focus our project on Type 2 Diabetes |
| | + | Mellitus, because some relatives of our team members suffer from it, and this disease becomes |
| | + | increasingly epidemic, and a problem for society and the healthcare system. |
| | + | </p> |
| | + | |
| | + | <p> |
| | + | We thought about changes in therapy, which would make it easier to comply with the therapy scheme. |
| | + | Eventually, we identified issues such as the required daily injections and multiple drugs, which |
| | + | need to be taken at certain times during the day. Overall, we came to the conclusion that a probiotic |
| | + | bacterium, which synthesizes a drug on demand, would release the burden of application from the |
| | + | patient. On top of that, we realized that in 2017 Team AQA_Unesp had already tried to target Type |
| | + | 1 Diabetes Mellitus with a probiotic. We felt that the viability of our idea was supported by this [3]. |
| | + | Importantly, this approach would allow us to use our bacterium with the CRISPR/Cas3 system as a |
| | + | biofactory, and simultaneously turn it into a therapeutic agent, which fulfills biosafety requirements |
| | + | for a safe application.</p> |
| | + | |
| | + | <p> |
| | + | The idea to use GMOs as probiotics, is generally of great interest for chronic diseases. |
| | + | Therefore, we want to use the application in Type 2 Diabetes Mellitus as an example of the strengths |
| | + | and limitations of such a system. In combination with our public involvement, we want to gather |
| | + | the society’s perception and opinion of such a therapeutic strategy. Overall, we consider our |
| | + | project to be an important trial for the use of synthetic biology in long-term therapy during |
| | + | which the patient is not restricted to stay within a facility, but can live normally and without |
| | + | financial or other burdens of the disease. By designing a safe system, which will prohibit the |
| | + | survival of GMOs within the environment, our project aims at enabling the use of probiotics in |
| | + | modern therapy. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <h2 class="tocitem" style="text-align: left;font-family:'Righteous'; color:#2ecc71;">Glucose-dependent Incretin secretion</h2> |
| | + | <div class="row align-items-center"> |
| | + | <div class="col-12 col-md-5"> |
| | + | <figure> |
| | + | <a style="font-size: small" |
| | + | href="https://2019.igem.org/wiki/images/4/45/T--Tuebingen--Glucose-dep-Incretin-system.png" |
| | + | data-effect="mfp-zoom-out" |
| | + | title="Fig.2"> |
| | + | <img src="https://2019.igem.org/wiki/images/4/45/T--Tuebingen--Glucose-dep-Incretin-system.png" |
| | + | class="figure-img img-fluid rounded" |
| | + | alt="Placeholder"></a> |
| | + | <figcaption style="font-size: small; color: #F4F0DE;">Figure 2: Glucose-dependent Incretin expression |
| | + | system. Left: Our probiotic is located in the intestines and produces in the presence of glucose |
| | + | a modified Incretin (Exendin-4), which is fused to a N-terminal secretion tag and a cell-penetrating |
| | + | peptide (CPP). The expression is regulated over the Tet repressible promoter. TetR itself is |
| | + | regulated by a altered lac operon to ensure responsiveness to glucose. TetR is transcriptionally |
| | + | inactive when glucose is available. The secreted Exendin-4 can enter enterocytes and pass through to |
| | + | the bloodstream with its CPP. It is then transported to the pancreas. Right: When no or only low glucose |
| | + | is available the lac operon will be active and TetR transcribed. Therefore, the expression of Exendin-4 is |
| | + | hindered and no Incretin mimetic is secreted.</figcaption> |
| | + | </figure> |
| | + | </div> |
| | + | <div class="col-12 col-md-7"> |
| | + | <p> |
| | + | Our probiotic secretes Exendin-4, an Incretin mimetic, in response to glucose availability in the human gut. |
| | + | The system works via the carbon catabolite repression system, which will initiate the transcription of tetR. |
| | + | Upstream of our Exendin-4 is a TetR repressible promoter, which ensures that Exendin-4 is only transcribed |
| | + | in the presence of glucose. Furthermore, our Exendin-4 is coupled to an N-terminal secretion tag and a C-terminal |
| | + | cell penetrating peptide (CPP). The secretion tag ensures the secretion of Exendin-4 into the gut, while the CPP |
| | + | ensures the uptake of Exendin-4 into the bloodstream, which increases the overall bioavailability. Due to the |
| | + | immense variety of CPPs and the lack of quantitative information about their efficiency, we also developed a |
| | + | <a href="https://2019.igem.org/Team:Tuebingen/Software" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Software","_self");'>predictive software tool</a> to allow for educated decisions on the design of CPPs. |
| | + | </p> |
| | + | </div> |
| | </div> | | </div> |
| | + | </div> |
| | | | |
| − | <div class="column full_size">
| |
| − | <h3>Human Practice</h3>
| |
| − | <p>While checking the scientific possibilities to produce a therapeutic probiotic, we soon realized that we would have to engage the public with the goal of designing a product and Human Practice had to be an important part of our project.</p>
| |
| | | | |
| − | <p>Therefore, we divided our Human Practices project into four phases:<br> | + | <h2 style="font-family:'Righteous';">CRISPR/Cas3 kill-switch</h2> |
| − | Phase I: General Considerations<br>
| + | <div class="row"> |
| − | Phase II: Human Practice Events of the iGEM Team Tübingen<br>
| + | <div class="col-12"> |
| − | Phase III: Implementing new strategies based on our public integration and outreach<br>
| + | <p> |
| − | Phase IV: Conclusion and Reflection</p>
| + | The implemented and newly developed CRISPR/Cas3 kill-switch allows for the safe use of our probiotic. |
| | + | Once the kill-switch is activated, the Cas3 nuclease degrades the bacterial DNA, and therefore prevents |
| | + | the spread of GMOs into the environment. The kill-switch is regulated by three environmental factors, |
| | + | which are common in a healthy humans intestine: 1) 37°C; 2) availability of fatty acids in form of Acyl-CoA; |
| | + | and 3) N-Acetyl-Glucosamin (GlcNAc), which is released by the metabolism of mucus through commensal |
| | + | microorganisms [9]. As soon as the probiotic leaves its designated area, the repression of the kill-switch |
| | + | is abrogated and the CRISPR/Cas3 system is activated. The <a href="https://2019.igem.org/Team:Tuebingen/Killswitch" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Killswitch","_self");'>kill switch</a>, therefore, is a concept that can |
| | + | be used for a diverse spectrum of therapies by exchanging the drug and/or the conditions. |
| | + | </p> |
| | + | </div> |
| | | | |
| − | <p>Our Human Practice projects therefore are:</p> | + | <figure> |
| − | <h6>Biosafety measures</h6> | + | <a style="font-size: small" |
| − | <p>Obviously, biosafety is very important if a GMO is used as a probiotic. That’s why, on the one hand we have invested a lot of energy into the design of our CRISPR/Cas3 kill switch system, and on the other hand have intensively confronted ourselves with the iGEM regularies and the german law. As a support, Jörg Schibel and Brigitte Walderich helped us evaluate the safety for parts, we weren’t quite sure whether they were Biosafety Level 1 conform, like the CPP.</p> | + | href="https://2019.igem.org/wiki/images/5/57/T--Tuebingen--Kill-Switch-desc-transparent.png" |
| | + | data-effect="mfp-zoom-out" |
| | + | title="Fig.3"> |
| | + | <img src="https://2019.igem.org/wiki/images/5/57/T--Tuebingen--Kill-Switch-desc-transparent.png" |
| | + | class="figure-img img-fluid rounded" |
| | + | alt="A generic square placeholder image with rounded corners in a figure."></a> |
| | + | <figcaption style="font-size: small; color: #F4F0DE;">Figure 3: We implemented a CRISPR/Cas3 based kill |
| | + | switch into our probiotic. When the desired conditions are met (left) the kill switch is inactive |
| | + | and the bacteria survives. This is the case in the intestines where the temperature is 37°C and |
| | + | Acyl-CoA and GlcNAc-6-P are available. When the conditions change from the desired ones (right) |
| | + | the kill switch is not repressed anymore and will be activated. Hence, the bacteria will be killed |
| | + | preventing its release into the environment.</figcaption> |
| | + | </figure> |
| | + | </div> |
| | | | |
| − | <h6>Political involvement</h6>
| |
| − | <p>Since a GMO as a probiotic is currently not allowed to be used in Germany or the European Union, we are interested in whether politics is moving in this field and what has to be done to achieve change. Hence, we are currently planning a so-called “Fishbowl”, which is a discussion round with one seat that can be taken by anyone from the audience. We want to invite people from the group of Young Europeans, who belong to different parties, and discuss Synthetic Biology, the dynamic of the European Law etc. with them, in order to grasp where we need to take action to promote change, which allows a more diverse usage of Synthetic Biology outside the lab.</p>
| |
| | | | |
| − | <h6>Social impact and public reach out</h6> | + | <h2 style="font-family:'Righteous';"><i>E. coli</i> Nissle Characterisation</h2> |
| − | <p>From the beginning, we wanted to choose a project that matters not only to us but can be helpful for the public. Since, Diabetes is now considered a pandemic with a substantial threat to human health around the world and currently, at least 400 Million people worldwide suffering from Diabetes [16], we are sure to have chosen a topic, which requires more attention. Especially, with Germany as a comparatively small country, being currently on rank 9 of total diabetes cases, with 7.5 Million patients [16].</p> | + | <div class="row"> |
| − | <p>This pandemic is a result of an unhealthy and sedentary lifestyle, which promotes obesity and lack of overall fitness, resulting in not only a health, but a socioeconomic crisis as well. That’s why we want to start a preventive campaign for Diabetes and Adipositas in cooperation with Dr. Eike Latz, Institute Director of the Institute of Innate Immunity Bonn and his partner Dr. Anette Christ. Additionally, we have met with Prof. Andreas Fritsche, the deputy director of the Institute for Diabetes Research and Metabolic Disease of the Helmholtz Institute Munich at the Eberhard-Karls University Tuebingen, who has advised us to set another focus on solely adipose people, since our drug has the potential to help them lose weight. Through Prof. Fritsche, we also got insight into the clinical aspects and patient’s acceptance of our product. Overall, Prof. Fritsche made an estimation, that about two thirds of his Type II DM patients would probably be willing to try a new therapy, such as ours. However, he is concerned that the general belief that genetically modified organisms are dangerous and bad, may pose a threat to our idea.</p>
| + | <div class="col-12"> |
| − | <p>Consequently, we decided to launch a survey [19]. To design our survey, we wanted to fulfill the criteria proposed by iGEM. Hence, informed consent and privacy/ data protection are highly important in survey conduction. Also, our survey design had to be specific and unambiguous, with the goal of not compromising our survey by insinuating a “correct” response to any question. For this purpose, we used the tools provided for free for students by www.umfrageonline.com. As in our case, the participants volunteered to conduct our survey, our survey is a “nonprobability” survey and the results do not represent a randomized group. However, our study had the purpose to help us with refining our project and give us insight into the perception of new therapies and Synthetic Biology. We launched the survey when one of our teammates explained the project at a science slam, which gave us a great audience and allowed for data collection. However, the students present were not really a group of high Diabetes Mellitus prevalence, therefore, we also asked several Diabetologists in Tübingen to spread the survey amongst their patients. The data is currently being evaluated, so we can draw our conclusions to the project.</p>
| + | |
| − | <p>Lastly, Prof. Fritsche proposed us to hold a talk about our project in September 2019 for the Diabetes patients, who have taken part in his studies. We are looking forward to presenting the results of our research and getting their opinion on our project. </p> | + | Despite the wide use of <i>E. coli</i> Nissle 1917 (EcN) it is not characterized well enough. |
| | + | To enhance our knowledge of EcN, and to provide crucial information to the scientific community as |
| | + | well as future iGEM teams, we investigated EcN’s transcriptome under different stress conditions. |
| | + | Understanding the complete transcriptome, the expressed genes, post-transcriptional modifications, |
| | + | single-nucleotide polymorphisms (SNPs), and additional properties of interest is essential for |
| | + | understanding genetic causes of adaptations to stress. The gained insight could lead to the development |
| | + | of more stress resistant strains, improving probiotic treatment to a large degree. Hence, we conducted |
| | + | large-scale RNA-Seq experiments for 12 conditions, including aerobic and anaerobic environments. |
| | + | The conditions were chosen after a thorough evaluation of the growth of EcN at different levels of the stress conditions. Additionally, we created the |
| | + | <a href="https://2019.igem.org/Team:Tuebingen/Model" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Model","_self");'>first ever metabolic model</a> of EcN and |
| | + | made it available to the iGEM and general scientific community. |
| | + | Moreover, we modelled <a href="https://2019.igem.org/Team:Tuebingen/Nissle" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Nissle","_self");'>the interaction of EcN</a> |
| | + | with three different bacterial communities - which is cutting-edge research and a novelty in the iGEM competition. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | <h6>iGEMxSDGs challenge in collaboration with iGEM TAS_Taipei and iGEM Costa Rica</h6> | + | <h2 style="font-family:'Righteous'; color:#2ecc71;">Software</h2> |
| − | <p>The Sustainable Development Goals (SDGs) of the United Nations (UN) aim to improve the world’s situation by promoting prosperity, equality, peace and care for the environment. Altogether, the UN has set 17 of these goals, which need to be achieved by 2030 [18].
| + | |
| − | During a meet-up in germany, a member of the iGEM Team Costa Rica has approached us with their interest to promote the SDGs, as after all iGEM projects generally aim to improve people’s lives, while having great exposure to their communities. When iGEM TAS_Taipei then launched their promotion for their video online conference about the SDGs, we decided to join forces and start a collaboration, called iGEMxSDGs.</p>
| + | |
| − | <p>iGEMxSDGs is a challenge which invites all teams of iGEM to match their project to the respective SDGs targeted by their teams. Afterwards, the team will post and promote their match on their social media channels, spreading the SDG challenge within the iGEM community. This will, on the one hand, promote the SDGs within the iGEM community and the public, and on the other hand highlight the importance of the SDGs to the teams themselves. Also, iGEMxSDGs will inspire new projects within iGEM, as it raises awareness to global issues which need to be solved.</p>
| + | |
| − | <p>As the SDGs want to introduce sustainable development, we need to make sure that our efforts are sustainable as well. That’s why we do not only want this challenge to be part of iGEM 2019, but want to let it enter the following years’ competitions, as well. To allow for this sustainability, we have designed a subpage on iGEM Costa Rica’s Wiki, which is not only an information platform, but also a database of the efforts each team went into, to target the SDGs. After all, this gives each iGEM team the opportunity to grasp the impact of the iGEM competition and their work and how each team can make a difference [20].</p>
| + | |
| − | <p>To introduce the SDGs further, iGEM Team Taipei will host an online video conference in early september, with a discussion centered around the SDGs, as part of a MUN (Model United Nations) project. This will also give iGEM teams the opportunity to align their projects to the SDGs and cooperate with other teams targeting the same aspects [21].<br>
| + | |
| − | For our own matching, we chose the following goals:</p>
| + | |
| − | <p>Good health and well being is our first goal, because we want to revolutionize the treatment of Type 2 DM, as well as Adipositas, which is one of the major causes of DM. This includes the reduction of premature mortality caused by non-communicable disease, by promoting the usage of synthetic biology for new treatments.</p>
| + | |
| − | <p>The second goal would be No poverty, because with our project we aim to lift the financial burden of treatment for type 2 Diabetes Mellitus, by providing a less cost intensive alternative to current treatments. This is also very important, since the numbers of Diabetes cases in the developing countries are massively increasing [16] and the current therapy scheme would not be a viable option for economically weak individuals.</p>
| + | |
| − | <p>Next, we chose Industry, innovation and infrastructure, since we want to promote innovation within therapy schemes and synthetic biology. Our product could have a big impact on the pharmaceutical industry, allowing GMOs to further enter the industrial market.</p>
| + | |
| − | <p>As a fourth goal, we chose partnerships, as collaboration is what makes a project successful. We thrive to form partnerships, not only for knowledge and material transfer in the lab, but also for interaction with communities. We are happy to have formed an alliance with iGEM Team Taipei and Costa Rica for the #iGEMxSDGs challenge to promote the SDGs.</p>
| + | |
| | | | |
| − | <h6>Education</h6>
| |
| − | <p>We believe that education in the field of Synthetic Biology is key in order to promote it in the society and get rid of the stigma of the “bad” GMOs. Therefore, one of our team members visited her former school and taught the students about our project. The positive feedback inspired us to look further. Therefore, we contacted the Experimenta in Heilbronn, Germany, which is Germany’s biggest Science Centre [17].</p>
| |
| | | | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | To transport Exendin-4 across the membrane of the enterocytes in the gut, we decided to utilize |
| | + | cell-penetrating peptides (CPPs) as a carrier. CPPs have already been proven to transport |
| | + | different cargos, such as insulin, from the gut to the bloodstream [98]. To better understand |
| | + | the mechanism of action of CPPs and to make an educated decision for choosing the CPP domain |
| | + | in our project design, we decided to generate a machine learning based model to predict the cargo |
| | + | transport efficiency. |
| | + | </p> |
| | + | <p> |
| | + | CPPs gain more and more attention in the scientific field, with multiple peptides being in |
| | + | clinical trials to deliver drug molecules to target sites in patients [99]. Since they can be |
| | + | used in various transport scenarios, many iGEM teams submitted CPPs to the registry in the past |
| | + | years. Therefore, we made our transport effectivity quantification software available to all |
| | + | future iGEM teams and the scientific community. To ensure excellent usability, we implemented <a href="http://igem-tuebingen.com/c3pred/" onclick='window.open("http://igem-tuebingen.com/c3pred/","_self");'>a web GUI</a> that allows |
| | + | <a href="https://2019.igem.org/Team:Tuebingen/Software" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Software","_self");'> |
| | + | multiple input formats</a>. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | <figure> |
| | + | <a style="font-size: small" |
| | + | href="https://2019.igem.org/wiki/images/2/23/T--Tuebingen--CPP-function-transparent.png" |
| | + | data-effect="mfp-zoom-out" |
| | + | title="Fig.4"> |
| | + | <img src="https://2019.igem.org/wiki/images/2/23/T--Tuebingen--CPP-function-transparent.png" |
| | + | class="figure-img img-fluid rounded" |
| | + | alt="#"> |
| | + | <figcaption>Figure 4: Proteins can be fused to a cell-penetrating peptide (CPP) (left). CPPs allow proteins |
| | + | to penetrate cells via different mechanisms and can be used to transport proteins |
| | + | into cells or through cells. Proteins without a CPP can normally not penetrate cells (right).</figcaption></a> |
| | + | </figure> |
| | + | |
| | + | <h2 style="font-family:'Righteous'; color:#2ecc71;">Human Practices & Public Outreach</h2> |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p>Because our project involves the use of GMOs, which are a constant topic of debate, we realized |
| | + | that we needed to invest into increasing awareness and especially <a href="https://2019.igem.org/Team:Tuebingen/Public_Engagement" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>education about GMOs</a>, |
| | + | synthetic biology, and Diabetes. |
| | + | We therefore contacted <a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>several experts</a> and teamed |
| | + | up with a variety of institutions, researchers and also iGEM teams in order to address this. |
| | + | Several <a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>collaborations</a>, meetups, exchanges |
| | + | and talks provided us with valuable information for our project and helped developing it over |
| | + | the year. Learn more about our Human Practices under <a href="https://2019.igem.org/Team:Tuebingen/Human_Practices" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Human_Practices","_self");'>Human Practices</a> / Overview. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <h2 style="font-family:'Righteous';">Wetlab Project Plan</h2> |
| | + | |
| | + | <p> |
| | + | Our project required intensive cloning of multiple regulatory elements. For the parts, we used |
| | + | Biobricks that were sent with the 2019 shipping, Biobrick sequences from the database of iGEM, |
| | + | as well as new sequences, which are unique to our project, such as the Exendin-4 fusion construct |
| | + | or the GlcNAc-6-P sensing system. After synthesis, the GOI constructs were amplified and cloned |
| | + | into vectors. These were used to transform competent <i>E. coli</i> cells that are commonly used for cloning |
| | + | applications, as they can be manipulated easily. The design of all parts is finished and the glucose-dependent |
| | + | TetR expression as well as the Exendin-4 construct can be tested. Those two parts just need to be combined |
| | + | to one part to have the fully functional glucose-dependent Exendin-4 expression system. This system can |
| | + | then be tested for its glucose responsiveness and Exendin-4 expression as a next step. |
| | + | </p> |
| | + | |
| | + | <p> |
| | + | At the same time the Cas3 system was isolated from <i>E. coli</i> K12, and the DNA with regulatory |
| | + | system was changed in <i>E. coli</i> K12 to our individual sensing mechanisms. All parts essentially |
| | + | needed for the CRISPR/Cas system have been designed and are also associated with their respective |
| | + | promoters. The regulatory circuit that controls the kill switch is fully designed but not yet |
| | + | tested since the ligation of the needed parts was not completed yet. The functionality of the |
| | + | kill switch and the different conditions for it can be tested when the regulatory circuit is |
| | + | cloned together. Individual testing of the separate regulators will be one of the next steps |
| | + | before combining all regulators and the CRISPR/Cas3 system into one system. If the system |
| | + | shows the desired activity, it will be integrated into the <i>E. coli</i> Nissle 1917 genome. |
| | + | </p> |
| | + | <p> |
| | + | When all parts are tested individually, we hope to combine our GOI with the Cas3 positive <i>E. coli</i> Nissle 1917 and test the functionality of our system as a whole. More precisely, we want |
| | + | to test if the generated strain secretes Exendin-4 in the presence of glucose, and if it destructs |
| | + | itself under conditions diverting from the gut. |
| | + | </p> |
| | + | <p> |
| | + | In the future, we will proceed with experiments on human cell lines. Firstly, the transport |
| | + | of Exendin-4 through a CaCo-2 cell monolayer will be tested to investigate whether this drug |
| | + | can reach the pancreas. Secondly, we will work with Rat Insulinoma cell line INS-1 cells to |
| | + | examine whether Exendin-4 will induce an Insulin expression. |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div id="glpreferences" class="row"> |
| | + | <h3 style="font-family:'Righteous'; color: #2ecc71;">References</h3> |
| | + | <div class="col-12"> |
| | + | <ol> |
| | + | <li><a href=https://apps.who.int/iris/bitstream/handle/10665/204871/9789241565257_eng.pdf;jsessionid=8D5E18D2A5627102F238B7D2DA7AD2C4?sequence=1> World Health Organization. (2016). |
| | + | Global Report on Diabetes. Available online; [Accessed 26.03.2019].</a></li> |
| | + | <li id="ref_2"><a href=https://www.physiology.org/doi/abs/10.1152/physrev.00034.2006> Jens Juul Holst. The Physiology of Glucagon-like Peptide 1. (2007). Physiological Reviews. p.1409-1439.</a></li> |
| | + | <li id="ref_3" style="color: #F4F0DE;"> |
| | + | Lim, Gareth E., Brubaker, Patricia L. Glucagon-Like Peptide 1 Secretion by the L-Cell. (2006). 10.2337/db06-S020. Diabetes. p. S70-S77</li> |
| | + | <li id="ref_4" style="color: #F4F0DE;">Copley, Kathrin & McCowen, Kevin & Hiles, Richard & L Nielsen, Loretta & Young, Andrew & Parkes, David. (2006). Investigation of Exendin-4e Elimination and Its In Vivo and In Vitro Degradation. Current drug metabolism. 7. 367-74. 10.2174/138920006776873490.</li> |
| | + | <li id="ref_5" style="color: #F4F0DE;">Duan F, Curtis KL, March JC. Secretion of insulinotropic proteins by commensal bacteria: rewiring the gut to treat diabetes. Appl Environ Microbiol. (2008);74(23):7437–7438. doi:10.1128/AEM.01019-08</li> |
| | + | <li id="ref_6" style="color: #F4F0DE;">Duan FF, Liu JH, March JC. Engineered commensal bacteria reprogram intestinal cells into glucose-responsive insulin-secreting cells for the treatment of diabetes. Diabetes. (2015);64(5):1794–1803. doi:10.2337/db14-0635</li> |
| | + | <li id="ref_7" style="color: #F4F0DE;"><a href="http://2017.igem.org/Team:AQA_Unesp">iGEM Team AQA_Unesp</a></li> |
| | + | <li id="ref_8"><a href="http://2012.igem.org/Team:NTU-Taida/Project/Circuit">Team NTU-Taida</a></li> |
| | + | <li id="ref_9" style="color: #F4F0DE;">Sicard JF, Le Bihan G, Vogeleer P, Jacques M, Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5. doi:10.3389/fcimb.2017.00387</li> |
| | + | <li id="ref_10" style="color: #F4F0DE;">Barnhart MM, Lynem J, Chapman MR. GlcNAc-6P levels modulate the expression of Curli fibers by Escherichia coli. J Bacteriol. (2006);188(14):5212–5219. doi:10.1128/JB.00234-06</li> |
| | + | <li id="ref_11" style="color: #F4F0DE;">Konopka JB. N-acetylglucosamine (GlcNAc) functions in cell signaling. Scientifica (Cairo). (2012);2012:489208. doi:10.6064/2012/489208</li> |
| | + | <li id="ref_12"><a href="https://www.uniprot.org/uniprot/P0A8V6">uniprot</a></li> |
| | + | <li id="ref_13" style="color: #F4F0DE;">Feng Y, Cronan JE. Crosstalk of Escherichia coli FadR with global regulators in expression of fatty acid transport genes. PLoS One. (2012);7(9):e46275. doi:10.1371/journal.pone.0046275</li> |
| | + | <li id="ref_14" style="color: #F4F0DE;">Federle MJ. Autoinducer-2-based chemical communication in bacteria: complexities of interspecies signaling. Contrib Microbiol. (2009);16:18–32. doi:10.1159/000219371</li> |
| | + | <li id="ref_15" style="color: #F4F0DE;">Griffiths AJF, Miller JH, Suzuki DT, et al. An Introduction to Genetic Analysis. 7th edition. New York: W. H. Freeman; (2000). Catabolite repression of the lac operon: positive control. Available from: <a href="https://www.ncbi.nlm.nih.gov/books/NBK22065/"></a></li> |
| | + | <li id="ref_16" style="color: #F4F0DE;">IDF (International Diabetes Federation. IDF Diabetes Atlas. (2017). Eighth Edition. Available from: <a href="https://diabetesatlas.org/resources/2017-atlas.html"></a></li> |
| | + | <li id="ref_17"><a href="https://www.experimenta.science/">Experimenta</a></li> |
| | + | <li id="ref_18" style="color: #F4F0DE;"><a href="https://www.un.org/sustainabledevelopment/">UN-SDG</a></li> |
| | + | <li id="ref_19" style="color: #F4F0DE;"><a href="https://igem-tuebingen.com/human_practices">Tuebingen:Human_Practices</a></li> |
| | + | <li id="ref_20" style="color: #F4F0DE;"><a href="https://2019.igem.org/Team:Costa_Rica/SDG-Challenge">Team CostaRica SDG</a></li> |
| | + | <li id="ref_21" style="color: #F4F0DE;"><a href="https://forms.gle/xtoeMHuAMpDHeaCc9">Team Taipei video conference</a></li> |
| | + | <li id="ref_22" style="color: #F4F0DE;"><a href="https://www.jenabioscience.com/probes-epigenetics/cell-labeling/protein-and-nucleic-acid-internalization/single-cell-penetrating-peptides-cpps/cpp-p01-penetratin">Jenabioscience</a></li> |
| | + | </ol> |
| | + | </div> |
| | + | </div> |
| | + | </main> |
| | </div> | | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script> |
| | + | |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/smoothScrollJS?action=raw&ctype=text/javascript"></script> |
| | + | <script> |
| | + | var scroll = new SmoothScroll('a[href*="#"]'); |
| | + | </script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script> |
| | + | |
| | + | <div class='container-fluid p-3' style="background-color: #919191;"> |
| | + | <hr> |
| | + | <div class='row align-items-center'> |
| | + | <div class='col-6 col-md-2 sponsorLogo text-center'> |
| | + | <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png" |
| | + | style="max-height: 80px;"></a> |
| | + | </div> |
| | + | |
| | + | <div class='col-6 col-md-2 sponsorLogo text-center'> |
| | + | <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png" |
| | + | style="max-height: 80px;"></a> |
| | + | </div> |
| | + | <div class='col-6 col-md-2 sponsorLogo text-center'> |
| | + | <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png" |
| | + | style="max-height: 80px;"></a> |
| | + | </div> |
| | + | |
| | + | <div class='col-6 col-md-2 sponsorLogo text-center'> |
| | + | <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png" |
| | + | style="max-height: 80px;"></a> |
| | + | </div> |
| | + | |
| | + | <div class='col-6 col-md-2 sponsorLogo text-center'> |
| | + | <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png" |
| | + | style="max-height: 80px;"></a> |
| | + | </div> |
| | + | |
| | + | <div class='col-6 col-md-2 sponsorLogo text-center'> |
| | + | <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct" |
| | + | target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png" |
| | + | style="max-height: 80px;"></a> |
| | + | </div> |
| | + | |
| | + | </div> |
| | | | |
| − | <div class="column full_size"> | + | |
| − | <h2>Sources</h2> | + | <hr> |
| − | <p>[1] World Health Organization. (2016). Global Report on Diabetes. [online]Available https://apps.who.int/iris/bitstream/handle/10665/204871/9789241565257_eng.pdf;jsessionid=8D5E18D2A5627102F238B7D2DA7AD2C4?sequence=1 [Accessed 26.03.2019].<br> | + | <div class ='row align-items-center'> |
| − | [2] Jens Juul Holst. The Physiology of Glucagon-like Peptide 1. (2007). Physiological Reviews. p.1409-1439. https://www.physiology.org/doi/abs/10.1152/physrev.00034.2006<br>
| + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| − | [3] Lim, Gareth E., Brubaker, Patricia L. Glucagon-Like Peptide 1 Secretion by the L-Cell. (2006). 10.2337/db06-S020. Diabetes. p. S70-S77<br>
| + | <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid" |
| − | [4] Copley, Kathrin & McCowen, Kevin & Hiles, Richard & L Nielsen, Loretta & Young, Andrew & Parkes, David. (2006). Investigation of Exenatide Elimination and Its In Vivo and In Vitro Degradation. Current drug metabolism. 7. 367-74. 10.2174/138920006776873490.<br>
| + | src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a> |
| − | [5] Duan F, Curtis KL, March JC. Secretion of insulinotropic proteins by commensal bacteria: rewiring the gut to treat diabetes. Appl Environ Microbiol. (2008);74(23):7437–7438. doi:10.1128/AEM.01019-08<br>
| + | </div> |
| − | [6] Duan FF, Liu JH, March JC. Engineered commensal bacteria reprogram intestinal cells into glucose-responsive insulin-secreting cells for the treatment of diabetes. Diabetes. (2015);64(5):1794–1803. doi:10.2337/db14-0635<br>
| + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| − | [7] http://2017.igem.org/Team:AQA_Unesp<br>
| + | <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid" |
| − | [8] http://2012.igem.org/Team:NTU-Taida/Project/Circuit<br>
| + | src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png" |
| − | [9] Sicard JF, Le Bihan G, Vogeleer P, Jacques M, Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5. doi:10.3389/fcimb.2017.00387<br>
| + | style="max-height: 80px;"></a> |
| − | [10] Barnhart MM, Lynem J, Chapman MR. GlcNAc-6P levels modulate the expression of Curli fibers by Escherichia coli. J Bacteriol. (2006);188(14):5212–5219. doi:10.1128/JB.00234-06<br>
| + | </div> |
| − | [11] Konopka JB. N-acetylglucosamine (GlcNAc) functions in cell signaling. Scientifica (Cairo). (2012);2012:489208. doi:10.6064/2012/489208<br>
| + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| − | [12] https://www.uniprot.org/uniprot/P0A8V6 accessed: 19 Jun 2019<br>
| + | <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid" |
| − | [13] Feng Y, Cronan JE. Crosstalk of Escherichia coli FadR with global regulators in expression of fatty acid transport genes. PLoS One. (2012);7(9):e46275. doi:10.1371/journal.pone.0046275<br>
| + | src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a> |
| − | [14] Federle MJ. Autoinducer-2-based chemical communication in bacteria: complexities of interspecies signaling. Contrib Microbiol. (2009);16:18–32. doi:10.1159/000219371<br>
| + | </div> |
| − | [15] Griffiths AJF, Miller JH, Suzuki DT, et al. An Introduction to Genetic Analysis. 7th edition. New York: W. H. Freeman; (2000). Catabolite repression of the lac operon: positive control. Available from: https://www.ncbi.nlm.nih.gov/books/NBK22065/<br>
| + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| − | [16] IDF (International Diabetes Federation. IDF Diabetes Atlas. (2017). Eighth Edition. Available from: https://diabetesatlas.org/resources/2017-atlas.html<br>
| + | <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid" |
| − | [17] https://www.experimenta.science/<br>
| + | src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a> |
| − | [18] https://www.un.org/sustainabledevelopment/ accessed: 01 May 2019 logos retrieved from here according to their guidelines<br>
| + | </div> |
| − | [19] https://igem-tuebingen.com/human_practices survey available under the link<br>
| + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| − | [20] https://2019.igem.org/Team:Costa_Rica/SDG-Challenge iGEMxSDGs page<br>
| + | <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid" |
| − | [21] https://forms.gle/xtoeMHuAMpDHeaCc9 Team Taipei video conference<br>
| + | src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a> |
| − | </p> | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://dwk.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class='row align-items-center'> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'> |
| | + | <a href="https://www.eurofins.com/" target="_blank2"><img class="img-fluid" |
| | + | src="https://2019.igem.org/wiki/images/c/cd/T--Tuebingen--eurofins_logo.svg"></a> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | </div> |
| | | | |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script> |
| | + | <script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script> |
| | + | <div class="visualClear"></div> |
| | </html> | | </html> |
